微信小程序--数据存储
摘要:对本地缓存数据操作分为同步和异步两种。同步方法有成功回调函数,表示数 据处理成功后的操作。下面是小程序提供本地缓存操作接口: 以Sync结尾都是同步方法。同步方法和异步方法的区别是: 同步方法会堵塞当前任务,直到同步方法处理返回。 异步方法不会塞当前任务。 异步方法只有等到同步方法执行成功才会执行。
阅读全文
微信小程序---setData
摘要:data:{ obj:{ name:'hello' } } 对data中obj的name字段进行重新赋值。 onLoad: function (option) { var value = 'obj.name'; this.setData({ [value]:'world' }) console.lo
阅读全文
微信小程序---模版
摘要:微信小程序用的是否娴熟,会灵活使用模版很重要。 新建一个template文件,做一个step模版。 <template name="top"> <view class="stepitem {{item.stepThis?'orange':''}}"> <view wx:if="{{item.gone
阅读全文
微信小程序--页面传参
摘要:场景: A页面字段 传递到-->B页面 A页面wxml: wx:for 习惯用<block> 设置所点击的值 data-xxx 获取所点击的值 e.currentTarget.dataset.xxx wx:for-index 下标 wx:for-item 对象 <view wx:if="{{open
阅读全文
微信小程序---picker
摘要:picker 从底部弹起的滚动选择器,现支持五种选择器,通过mode来区分,分别是普通选择器,多列选择器,时间选择器,日期选择器,省市区选择器,默认是普通选择器。 wxml: 普通选择器(mode = selector) <view class='cell-picker'> <view class=
阅读全文
vue -- 九宫格抽奖
摘要:html: <div class="line_item" :class="index == 1 ? 'active' : 'white_item'"> <div>有礼</div> </div> <div class="line_item" :class="index == 2 ? 'active'
阅读全文
vue --轮播图
摘要:轮播图,可以使用mint-ui中的swipe HTML: <Swipe :auto="4000"> <SwipeItem v-for="item in slideitem"> <img :src="item.img" alt="" @click="toUrl(item.link)"> </Swipe
阅读全文
vue--公告轮播
摘要:html: <div class="news" v-if="news.length > 0" > <ul class="marquee_list" :class="{ marquee_top : animate }"> <li v-for="item in news">{{item.title}}<
阅读全文
导航栏滚动
摘要:在项目,遇到导航栏滚动,滚到到窗口顶部悬停;滚动导航栏的产品,对应的导航栏选中。 html: <div id="nav" > <a class="xyifu" data-id="yifu" @click="goscrol">衣服</a> <a class="xxiezi" data-id="xiez
阅读全文