微信小程序笔记
岩崎理奈
请大家让我多取点经吧!
展开
-
小程序时间戳转日期、具体时间
转日期原创 2018-12-13 13:19:45 · 2816 阅读 · 0 评论 -
小程序循环列表里的单选框
首先在循环列表里添加一个单选框,因为循环的是同一个,所以checked的值不能给死,通过判断点击的获取orderNo,再判断是否等于当前的orderNo,然后就搞定啦 radio:function(e){ var orderNo = e.currentTarget.dataset.orderNo this.setData({ orderNo: orderNo,...原创 2019-06-04 09:59:56 · 4184 阅读 · 2 评论 -
小程序单选radio-group修改样式
这个排版是真的麻烦,因为上面还有其他的显示,本来觉得很快的,当时弄了一会儿 checked表示默认选中<view class='text_main1'> <view class="picker_group"> <text class='text'>备注</text> <rad...原创 2019-01-17 09:42:02 · 6865 阅读 · 0 评论 -
小程序日期加时间选择器
我是先在util.js里面写入方法,然后在要用的页面调用,然后显示出来就好啦function withData(param) { return param < 10 ? '0' + param : '' + param;}function getLoopArray(start, end) { var start = start || 0; var end = end ...原创 2019-01-16 17:43:20 · 2071 阅读 · 0 评论 -
小程序form表单验证
链接: https://pan.baidu.com/s/1XbxufnE4xVH3hJrzt1EXvg 提取码: 2yau 复制这段内容后打开百度网盘手机App,操作更方便哦这个是验证表单封装后的js,我也是下载过来的首先下载后放入utils里(当然自己写一个也没问题,我是直接下载,然后如果里面没有我想要的再添加)在需要用的页面js里引入import WxValidate fro...原创 2019-01-18 09:04:13 · 2011 阅读 · 0 评论 -
小程序页面传值跳转tabBar页面
wx.switchTab(Object object)跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面。不能带参数wx.navigateTo(Object object)保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到原页面。小程序中页面栈最多十层。可以带参数,不同参数用&分隔wx.re...原创 2019-01-18 13:58:57 · 7335 阅读 · 0 评论 -
微信小程序选项卡、列表动态显示按钮
小程序选项卡功能实现wxml页面:先给选项卡赋值data-current=“待确认” 添加点击事件bindtap=“clickTab”, 在js里clickTab获取选项卡的值,e.target.dataset.current 通过that.setData赋值给currentTab,在wxml 选项卡class里进行判断{{currentTab==‘待确认’?‘active’:’’}}, 通...原创 2018-12-12 11:18:57 · 5982 阅读 · 2 评论 -
小程序新增、删除数组以及图片上传问题
<view class='prepay'><form bindsubmit="formSubmit" bindreset="formReset"><view class='dd' wx:for="{{list.orderDetailPrepayDOList}}" wx:for-index="index" wx:key="index"&原创 2019-01-18 14:03:38 · 526 阅读 · 0 评论 -
小程序swiper左右滑动
<!-- 选项卡 --> <view class="swiper-tab"> <view class="swiper-tab-item {{currentTab==0?'active':''}}" data-current="0" bindtap="clickTab">待确认</view> &am原创 2018-12-28 15:59:44 · 4330 阅读 · 0 评论 -
小程序滚动条自定义上拉加载
因为数据是在滚动条内,所以用 onReachBottom()没有效果,直接自定义一个方法来刷新就可以了.<swiper-item ><scroll-view scroll-y style='height:{{scrollHeight}}px' bindscrolltolower="loadMore"> <template is="listReceive"...原创 2018-12-28 15:43:12 · 698 阅读 · 0 评论 -
小程序自定义模板
新建一个模板(LIst.wxml) 给模板取名name="listNone",引用时导入页面is="listNone"表示引用哪个模板<template name="listNone"> <view class="table"> <view class="tr-1"> <view cla原创 2018-12-28 15:33:18 · 909 阅读 · 0 评论 -
小程序搜索功能的实现
搜索页面(receiveCenter.wxss) <view class="search"> <view class="search_arlet"> <icon class="searchcion" size='15' type='search'></icon> <inpu原创 2018-12-28 15:09:41 · 18392 阅读 · 0 评论 -
小程序遮罩层模板实现
WXML页面<view class="dialog_screen" wx:if="{{showModalStatus}}" catchtouchmove='true'></view> <view animation="{{animationData}}" class="dialog_attr_box" wx:if="{{showModal原创 2018-12-14 15:33:01 · 826 阅读 · 0 评论 -
小程序列表左滑收藏
WXMl页面<view wx:for="{{zhaoxiang}}" wx:key="index" class='item'> <view class="main" bindtap="top" bindtouchstart="touchS" bindtouchmove="touchM" bindtouchend="touc原创 2018-12-14 14:55:22 · 177 阅读 · 0 评论 -
小程序筛选日期、时间、多选以及清空筛选
接上一文章遮罩层模板内的功能实现日期时间选择器Picker WXML页面<block wx:if="{{current=='0'}}"> <view class="limitedAt"> <picker mode="date" value="{{date}}" bindchange="chan原创 2019-01-18 14:04:09 · 5381 阅读 · 0 评论 -
小程序页面下拉刷新、上拉加载
页面下拉刷新 /** * 页面相关事件处理函数--监听用户下拉动作 */ onPullDownRefresh: function () { var that = this //下拉刷新背景颜色 wx.setBackgroundColor({ backgroundColorTop: '#7e7d7d' }) ...原创 2018-12-13 13:57:35 · 726 阅读 · 0 评论 -
小程序循环列表的展开收起
<view class='investDetail' style='margin-top:30rpx;' wx:for="{{carInsurance}}" wx:key="index"> <view bindtap='clickLine' data-index="{{index}}"><view class='th1' style='font-size: 3...原创 2019-06-04 10:28:43 · 3117 阅读 · 0 评论