微信小程序
uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台。即使不跨端,uni-app同时也是更好的小程序开发框架。
今年第一次改BUG
不积跬步,无以至千里;不积小流,无以成江海。
展开
-
利用 css3 content属性给选项卡加底部选中状态
<!-- html --><view class="tab-item" :class="current==index?'active':''" v-for="(list,index) in arr" :key="index" @click="currentPage(index)">{{list}}</view>/* css *//* 控制区域大小 */.tab-item { width: 50%; height: 80rpx; color: #33333.原创 2020-10-28 09:55:27 · 371 阅读 · 0 评论 -
微信小程序之倒计时接收开始、结束时间
// 页面加载执行onLoad: function() { setInterval(function() { // 折扣倒计时 var hms = that.calcTimeLen('8', '18'); that.setData({ time: hms }); }, 1000)},// 折扣倒计时calcTimeLen: function(startHour, endHour) { var result = { hh: 0, mm: 0,.原创 2020-09-30 17:37:22 · 964 阅读 · 0 评论 -
uniapp小程序/h5/APP自定义弹窗
wxml:<view class="tanchuang" hidden="{{hiddenBaoming}}"> <view class="tip" bindtap='clickBaoming'></view> <view class="tips"> 变量名随便搞,此处填入弹窗具体内容 </view></view>wxss:/* 样式可以在控制台看看起啥作用 */.tanchuang { posit.原创 2020-08-10 09:51:41 · 1351 阅读 · 0 评论 -
用CSS3伪类为文字两边添加横线
wxml:<!-- 我是有底线的 --><view class="footer">上面已经是您所在的社区所有的商家了哦</view>wxss:/* 我是有底线的 */.footer { width: 100%; padding: 40rpx 0; text-align: center; color: #CCCCCC; font-size: 20rpx;}.footer:before,.footer:after...原创 2020-08-06 16:00:33 · 896 阅读 · 0 评论