微信小程序
微信小程序短文字居中，长文字跑马灯效果
Html代码<!--公告跑马灯--><viewclass="info_box_happy"><viewclass="info_box_happy_txt">{{textN}}</view></view>Css代码.info_box_happy{font-siz...
小程序图片选择区域/等屏裁剪实现方法
效果图 HTML代码<viewclass="index_all_box"><viewclass="imgCut_header"><viewclass="imgCut_header_l"bindtap='okCutImg'>开始裁剪</view><viewc...
小程序左滑出现删除框点击删除
效果 HTML代码<viewclass="shopIntroBox_outBox"wx:for="{{shopCart}}"><viewclass="shopIntroBox{{orderCartDel[index]}}"data-index="{{index}}"data-goodsId=...
小程序列表倒计时实现代码
效果 HTML代码<viewclass="hbMpBox"wx:for="{{mpThing}}"data-goodsId="{{item.goods_id}}"data-id="{{index}}"bindtap="navSeceGroup"><viewclass="hbMpBox_l"&...
小程序官方请求封装
POSTfunction_post(url,data,success,fail){wx.request({url:http+url,header:{'content-type':'application/x-www-form-urlencoded',},method:'POST',data:data,success:f...
小程序不定数量左右滑动中间放大轮播图效果
具体的样式效果(根据后台传递参数更改展示数量)HTML代码<!--秒拼产品模块备选样式1--><viewclass="seceGroupBtn"bindtouchstart="touchstart"bindtouchmove="touchmove"bindtouchend="touchend"wx:i...
小程序天/小时/分秒倒计时封装
//直接输出倒计时封装functiondayTime(bb){varbb=bbvarday=parseInt(bb/86400);vartime=parseInt((bb-(day*86400))/3600);varmin=parseInt((bb-(time*3600+day*86400))/60)varsinTim...
小程序换行符检测换行
先将换行符替换成自定义连接字符vargoods_detail=""if(res.data.info.goods_info.goods_detail){goods_detail=res.data.info.goods_info.goods_detail;varstr=goods_detail.replace(//g,"|...
小程序点击图片重新排序写法
写了个小程序已上传图片位置调换的方法,留作备份具体效果如图所示 <viewclass="addredBox_img"bindtap="goodsIntroImg"><viewclass="addredBox_l"><viewclass="nameBox">商品详情图<...
微信小程序点击返回顶层实现方法
最近在研究微信小程序，被这个返回顶层给坑了一波，下面贴代码wxml代码：<scroll-viewscroll-yscroll-top="50"enable-back-to-top="true"scroll-top="{{scrollTop.scroll_top}}"bindscroll="scrollTopFun...
微信小程序之上传图片(含前后端代码例子)
此代码示例，能够让你成功将图片上传至后端，后端做相应的处理，然后返回成功码。index.wxml:<viewclass='content'><viewclass='img-box'><viewclass='img-list'><blockwx:for="{{detailPics...
微信小程序之页面传参
效果图:点击编辑值传过去了，那么编辑支出类型这个界面又是如何获取到值呢？传值代码:type.jseditType:function(e){vartypeId=e.currentTarget.dataset['id'];console.log("edit:"+typeId);wx.navigateTo({url:'../...
微信小程序之如何定义页面标题
效果图:这个标题是在哪里定义的呢？type.js核心代码如下(通常这段代码放在onLoad函数体内):wx.setNavigationBarTitle({title:"支出类型列表"})除了上面的在js中定义，还有在对应的json文件中定义(type.json)，代码如下:{"navigationBarTitleTex...
微信小程序之使用checkbox
效果图如下:实例代码如下:type_add.js//pages/detail_add/detail_add.jsPage({/***页面的初始数据*/data:{selectData:"",//下拉列表的数据height:20,focus:false},checkboxChange:function(e){consol...
微信小程序之确认框实现
效果图如下:核心代码如下:delType:function(e){vartypeId=e.currentTarget.dataset['id'];console.log("delete:"+typeId)wx.showModal({title:'提示',content:'确认要删除该支出类型?',success:fun...
