微信小程序
weihe_7306
阳光,开朗
展开
-
微信小程序的头部导航栏
{{curTab===index ? ‘selected-tab’:’’}} 点击到那个,那个选项就改变wxml代码<scroll-view class="tab-list" scroll-x scroll-with-animation> <view wx:for="{{tabList}}" class="tab-item {{curTab===index ? 'selected-tab':''}}" data-index="{{index}}" bindtap="select..原创 2020-10-24 22:26:40 · 164 阅读 · 0 评论 -
用spiwer容器写轮播图
swiper写轮播图,swiper是个滑块容器,indicator-dots生成小圆点,autoPlay自动切换,interval是切换的时间间隔,duration是动画的时长<view class="contain"> <!--轮播图--> <swiper class="home-swiper" indicator-dots="true" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{dur原创 2020-10-22 17:44:18 · 166 阅读 · 0 评论 -
tabBar与顶部导航栏
底部导航栏字体的样式,如果没有这个页面的跳转,那么底部导航栏不会在页面上进行显示。字体的设置,以及图标的设置“tabBar”: {“color”: “#000”,“selectedColor”: “#f00”,“backgroundColor”: “#fff”,“borderStyle”: “black”,"list": [{ "pagePath": "pages/se/se", "text": "首页", "iconPath": "pages/image/my.png", "原创 2020-07-11 16:06:26 · 601 阅读 · 0 评论 -
微信弹性盒子布局
wxml代码<view class="container"> <image src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=2421497584,586033886&fm=26&gp=0.jpg" class="image-se"></image> <text class="movie">电影周周看</text> <text原创 2020-07-07 19:39:56 · 289 阅读 · 0 评论 -
movable和cover-view的使用
wxml代码,实现在一个框中可以任意拖动<view>movabale操作</view><movable-area class="area"> <movable-view direction="all" out-of-bounds scale class="view"> <image src="https://p1.pst...原创 2020-03-28 22:15:42 · 314 阅读 · 0 评论 -
文件保存操作
camera组件查询: https://www.w3cschool.cn/weixinapp/weixinapp-fxj12j2z.htmlwxml代码摄像头后置,不开启闪光<camera divice-position="back" flash="off" style="width:100%;height:300px"></camera><button t...原创 2020-03-22 22:06:05 · 218 阅读 · 0 评论 -
video视频组件
属性类型默认值说明srcString要播放视频的资源地址controlsBooleanTrue是否显示默认播放控件(播放/暂停按钮、播放进度、时间)danmu-listObjectArray弹幕列表danmu-btnBooleanFalse是否显示弹幕按钮,只在初始化有效,不能动态变态enable-danmuBoolean...原创 2019-09-15 11:43:10 · 958 阅读 · 0 评论 -
slider滑动选择器
属性类型默认值说明MinNumber0最小值MaxNumber100最大值StepNumber1步长,取值必须大于0,并且可被(max-min)整除disabledBooleanfalse是否禁用colorColor#e9e9e9背景条的颜色selected-colorColor#1aad19已选择的颜色...原创 2019-09-12 18:05:29 · 790 阅读 · 0 评论 -
picker选择器
普通选择器: mode = selector属性类型默认值说明RangeArray / Object Array0mode=selector时,range有效range-keyString当range是一个Object时,通过range-key来指定Object中key的值作为选择0器显示内容ValueNumber0value的值表示选择了...原创 2019-09-11 21:12:28 · 1019 阅读 · 0 评论 -
checkbox多项选择器
属性类型默认值说明valueString</checkbox标识,选中触发的change事件,并携带的valuedisableBooleanFalse是否禁用,无法点击checkedBooleanFalse当前是否选中colorColorcheckbox的颜色,同css的color,打勾的颜色<checkbox-g...原创 2019-09-10 22:21:41 · 545 阅读 · 0 评论