![](https://img-blog.csdnimg.cn/20201204114526343.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
微信小程序
介绍小程序遇到的问题和解答
兵荒码乱
这个作者很懒,什么都没留下…
展开
-
微信小程序瀑布流自定义组件,2种写法
第一种:递归方式,每次添加一个内容,就进行比较计算; 第二种:计算图片高度方式,一次性先计算完,然后在显示 注意滚动触底每次加载一页数据不用合并原先的数据。直接传递新加载数据就好 图示: 组件代码 wxml: <scroll-view scroll-y="{{true}}" lower-threshold="{{200}}"> <div class="activity_recommend"> <div class="recommend_content cl原创 2020-09-29 15:36:55 · 1197 阅读 · 1 评论 -
小程序半自定义时间选择组件
用了小程序picker-view示例改成的组件 component文件: wxml: <view> <!-- <input bindtap="formatShow" value="{{formatTime}}" placeholder="2020年1月1日"></input> --> <view class="mask" bindtap='formatHide' wx:if="{{showModalTime}}"></view>原创 2020-09-03 16:53:21 · 188 阅读 · 0 评论 -
微信小程序倒计时
格式为:天、小时、分、秒 data{ timer: 86400,// 模拟时间(秒) }, // 24小时倒计时 加载页面时时间戳由从服务器获取 timefilter(time) { return time = (time / 10) < 1 ? "0" + time : time }, timestampToTime() { let s = this.data.timer - 1 if (timers) clearInterval(timers); l原创 2020-07-29 14:11:38 · 130 阅读 · 0 评论 -
微信小程序分享海报
wxml文件 <!-- 分享海报弹窗 --> <view class="mask" bindtap='formatHide' wx:if="{{showPostersStatus}}"></view> <!-- <view class="mask" bindtap='formatHide' ></view> --> <view class="share_con" animation="{{animationData}}" wx:.原创 2020-06-24 16:14:52 · 235 阅读 · 0 评论