微信小程序
文章平均质量分 51
小支
这个作者很懒,什么都没留下…
展开
-
微信小程序服务通知
话不多说:下面直接上代码:wxml:<form name='pushMsgFm' report-submit bindsubmit='form'> <button form-type="submit">submit</button></form>js:// pages/index/index.jsPage({ data: { }, /* 微...原创 2018-03-22 15:56:00 · 23048 阅读 · 7 评论 -
tab选项卡
wxml:<view class='content'> <view class='tab {{idx == index ? "type-item-on" : ""}}' data-index='{{index}}' catchtap='tab' wx:for='{{tab}}' wx:key='key'>{{item.title}}</view>...原创 2018-11-23 10:33:18 · 152 阅读 · 0 评论 -
小程序模板的使用
文件目录如下:要在index中引用swiper中的轮播图模板 代码如下:index.wxml:<!--index.wxml--><import src="../../swiper/swiper.wxml" /><template is="areaData" data="{{...item}}" />..原创 2018-11-10 16:09:51 · 229 阅读 · 0 评论 -
小程序修改轮播图的小点样式
本功能参考自https://www.cnblogs.com/momozjm/p/8609728.html 在原来的代码上添加部分js效果如下: wxml: <view class='swiper-box'> <swiper indic...原创 2018-11-10 09:29:41 · 7980 阅读 · 0 评论 -
css3做的显示隐藏面板
代码入如下:wxml:<button bindtap='btn'> 点击 </button><view class='view {{bgmImgAni}}'></view> css:.view {width: 100%;height: 50%;background: gray;position: abso...原创 2018-10-29 16:13:36 · 559 阅读 · 0 评论 -
小程序背景音乐(仿h5页面右上角的播放按钮)
下载地址:https://download.csdn.net/download/weixin_40344560/10553333图标可控制播放,暂停原创 2018-07-20 11:47:44 · 4603 阅读 · 2 评论 -
小程序tab选项卡
造轮子啦 ! 造轮子啦!!造轮子啦!!!重要的事情说三遍!!!!wxml:<view class='tab'><view class='{{tag == index?"true":"false"}}' wx:for='{{4}}' wx:key='key' data-index='{{index}}' catchtap='btn'>页面{{index}...原创 2018-07-20 11:08:03 · 1369 阅读 · 0 评论 -
小程序左右滑动的scroll-view
wxml:<scroll-view class='scrollView' scroll-x='true'><view class='cc'><view class='vvv' wx:for='{{20}}'>225</view></view></scroll-view>...原创 2018-07-19 16:58:58 · 1709 阅读 · 0 评论 -
小程序分类页面(左右滑动互不影响)
wxml:<view class="classify"><!--分类导航栏--><scroll-view class='left-navbar' scroll-y="true"><view wx:for="{{navLeftItems}}" class="nav_left_items {{curNav == inde原创 2018-07-16 18:47:03 · 4165 阅读 · 0 评论 -
小程序可重复点击的按钮(false和true)
代码如下wxml:<view class='{{san?"v1":"v2"}}' bindtap="selectList"></view>css:.v1 { width: 100rpx; height: 100rpx; background: red; border-radius: 50rpx;}.v2 { width: 100rpx; height: 100r...原创 2018-05-14 15:00:04 · 5407 阅读 · 0 评论 -
微信小程序实现折叠面板
wxml:<view class='help'> <view class='help_item' wx:for='{{maskData}}' wx:key='{{index}}'> <view class='title' data-index='{{index + 1}}...原创 2019-05-09 14:37:12 · 5672 阅读 · 2 评论