微信小程序
小程序携带参数（单个或多个）跳转页面（实例）
小程序html部分data为传递至js的变量name和id为变量名<buttonclass="an"data-name="钧一"data-id="888"bindtap="tz">点我跳转</button> js部分 e是接收到的参数，打印e.currentTarget.dataset...
微信小程序取消button边框线
先给button定义个class属性<buttonclass="an">按钮</button>然后再css上加上.an::after{border:none;}...
小程序消除图片下边距的三个方法
1.图片属性加display:block;把图片转换为块状元素显示。 2.图片的父级标签加上font-size:0; 3.图片属性上加vertical-align:top; 1和3不能同时使用...
小程序swiper实现订单页面
小程序swiper实现订单页面myOrder.wxml<!--pages/myorder/myorder.wxml-->1<viewclass="swiper-tab">2<blockwx:for="{{swipertab}}"wx:key="sptab">3<viewclas...
小程序中css3实现优惠券
知识储备颜色渐变linear-gradient()css伪类:before:afterindex.wxss1.app{2/*padding:20rpx40rpx;*/3padding:20rpx;4background:#eee;5}6.wrapper{7margin:0auto;8width:100%;9displa...
小程序分享进入H5动态网页
在要分享的界面加上这段代码onShareAppMessage:function(options){varthat=this;//varreturn_url=that.data.shareWeb;varreturn_url='https://testapi.zhenaicx.com/activityH5/invite.h...
小程序评价组件多层
1<viewclass='wrap'>2<viewwx:for="{{typeArr}}"wx:key="{{index}}"wx:for-index="idx"wx:for-item="child"class='liWrap'>3<viewclass='li1'wx:for="{{chi...
小程序城市按首字母排序（如同苹果手机通讯录一样得效果）
如图 代码 1<viewclass="input">2<inputbindinput="bindKeyInput"bindblur="bindBlur"placeholder="输入城市名或拼音查询"placeholder-style="font-size:30rpx"value="{...
小程序左滑删除，可上下滑动
如图： 代码： 1.userInfoView{2width:100%;3height:592rpx;4margin-top:40rpx;5padding-bottom:20rpx;6}7.userInfoLi{8width:100%;9height:176rpx;10background-color:#...
小程序for循环给里面单独的view加单独的样式
效果图如下： 上面是个列表从数据库拿下来所有的信息；在视图层直接一个for循环展示下来,现在麻烦来了前三个和后面的额不一样，小程序不允许dom操作，那怎么解决呢？ 解决办法： wx:for和wx:if wx:elif嵌套着使用 代码： wxml <navigatorurl...
小程序歌词展示，格式lrc歌词
代码：wxml: <viewclass="page"><viewclass="lrc"><blockwx:for="{{lry}}"wx:key=""><viewclass="lry{{currentIndex==index?'currentTime':''}}">...
小程序新能力微信扫码直接跳转小程序
微信小程序新功能-扫码普通二维码跳转小程序微信小程序最近更新了几个新功能： 1：个人开发者可申请小程序 2：公众号自定义菜单点击可打开相关小程序 3：公众号模板消息可打开相关小程序 4：公众号关联小程序时，可选择给粉丝下法通知 5：移动App可分享小程序页面 6：扫码普通链接二维码打开小程序（摩拜单车已经实...
从小程序开发者工具源码看原理实现
来源 https://www.cnblogs.com/wonyun/p/11168698.html 使用微信小程序开发已经很长时间了，对小程序开发已经相当熟练了；但是作为一名对技术有追求的前端开发，仅仅熟练掌握小程序的开发感觉还是不够的，我们应该更进一步的去理解其背后实现的原理以及对应的考量，这可能...
