- 博客(13)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 微信小程序实现折叠面板
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
5513
2
原创 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
140
原创 小程序模板的使用
文件目录如下:要在index中引用swiper中的轮播图模板 代码如下：index.wxml:<!--index.wxml--><import src="../../swiper/swiper.wxml" /><template is="areaData" data="{{...item}}" />..
2018-11-10 16:09:51
213
原创 小程序修改轮播图的小点样式
本功能参考自https://www.cnblogs.com/momozjm/p/8609728.html 在原来的代码上添加部分js效果如下： wxml： <view class='swiper-box'> <swiper indic...
2018-11-10 09:29:41
7953
原创 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
542
原创 小程序背景音乐（仿h5页面右上角的播放按钮）
下载地址：https://download.csdn.net/download/weixin_40344560/10553333图标可控制播放，暂停
2018-07-20 11:47:44
4523
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
1335
原创 小程序左右滑动的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
1686
原创 小程序分类页面（左右滑动互不影响）
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
4119
原创 小程序切换tab时tab上文字颜色不正常问题
问题原因：小程序json中tab的颜色只支持二进制代码如下：关键代码为; "backgroundColor": "#ffffff", "color": "#000000", "selectedColor": "#C62724"json;"tabBar": { "list": [ { "pagePath&q
2018-05-14 18:21:22
3105
原创 小程序可重复点击的按钮（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
5341
原创 小程序属性单项选择
话不多说，先看效果图：下面直接贴代码：wxml:<!-- 选择颜色 --><view class="Choosecolor"> <view class="colortext">选择颜色</view> <view class="colorview"> <view class="{
2018-04-20 11:59:57
658
原创 微信小程序服务通知
话不多说:下面直接上代码: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
22931
7
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人