
小程序
文章平均质量分 82
小程序
云境
你若盛开,清风自来。
展开
-
小程序图片上传预览
wxml<view class="container"> <view class="weui-uploader"> <view class="img-v weui-uploader__bd"> <view class='pic' wx:for="{{imgs}}" wx:for-item="item" wx:key="*this"> ...原创 2020-04-11 09:12:16 · 252 阅读 · 1 评论 -
微信小程序 自定义头部导航栏 navigationStyle
index.wxml文件:<view class='nav-wrap' style='height: {{height*2 + 20}}px;'> <!-- 导航栏 中间的标题 --> <view class='nav-title' style='line-height: {{height*2 + 44}}px;'>{{navbarData.title}}...转载 2020-04-10 14:05:28 · 836 阅读 · 0 评论 -
小程序6位或多位验证码/密码输入框
wxml<form bindsubmit="formSubmit"> <view class='content'> <block wx:for="{{Length}}" wx:key="item"> <input class='iptbox' value="{{Value.length>=index+1?Value[index]:''}...转载 2020-04-10 14:01:55 · 646 阅读 · 0 评论 -
小程序选项卡
wxml<view class="swiper-tab"> <view class="swiper-tab-item {{currentTab==0 ? 'active' : ''}}" data-current="0" bindtap="clickTab">全部</view> <view class="swiper-tab-item {{curre...原创 2020-04-10 14:00:01 · 148 阅读 · 0 评论 -
小程序自定义checkbox样式
/* checkbox 样式 */checkbox { width: 28rpx; height: 28rpx;}checkbox .wx-checkbox-input { width: 28rpx; height: 28rpx;}checkbox .wx-checkbox-input.wx-checkbox-input-checked { background: #65C87...原创 2020-04-10 13:59:34 · 298 阅读 · 1 评论 -
小程序自定义性别单选按钮
wxml<label class="infoTextSmaill">性别</label><view class="gender" wx:for="{{gender}}" wx:key="index" data-index="{{index}}" bindtap="gender"> <image wx:if="{{index == selectedIn...原创 2020-04-10 13:58:45 · 3646 阅读 · 1 评论 -
小程序输入实时搜索
wxml<view class="search"> <view class="searchBar"> <view class="searchWrap"> <icon type="search" size="16" class="iconSearch" /> <input ...原创 2020-04-10 13:57:24 · 710 阅读 · 0 评论 -
小程序防止重复点击
方法一data: { touchStartTime: 0, // 触摸开始时间 touchEndTime: 0, // 触摸结束时间 lastTapTime: 0 // 最后一次单击事件点击发生时间},// 防止重复点击touchStart(e) { this.setData({ touchStartTime: e.timeStamp })},touchEnd(e) {...原创 2020-04-10 13:56:19 · 341 阅读 · 0 评论