![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
smallwhite_paper
小白到大佬的蜕变!
展开
-
下拉刷新上拉加载中
在js中(data)中定义 data: { page: 1, pagefinish: 0 },在js中(页面相关事件处理函数–监听用户下拉动作)中写onPullDownRefresh: function () { var that = this wx.showNavigationBarLoading() // 在标题栏中显示加载 this.setData({ page: 1 }) this.getList(); //模原创 2020-06-16 17:26:09 · 198 阅读 · 0 评论 -
顶部导航栏(选项卡)
解释的地方1.data-idx=”{{index}}"表示默认数组的当前项的下标变量名默认为index,数组当前项的变量名默认为item。2.class="item {{currentTab==index ? ‘active’ : ‘’}}“这个没大看懂,有知道的人请帮忙说明下,感谢~3.wx:key=“unique”——如果列表中项目的位置会动态改变或者有新的项目添加到列表中,并且希望列表中的项目保持自己的特征和状态,当数据改变触发渲染层重新渲染的时候,会校正带有 key 的组件,框架会确保他们被重原创 2020-06-12 14:57:40 · 5124 阅读 · 3 评论 -
横向滑动(scroll-view)嵌套for循环
2设置横向滑动要点(1)设置横向滑动 scroll-x=”true”。(2)scroll-view设置宽度及white-space属性。(3)item设置display: inline-block属性。xml布局<view class="container"> // scroll-x=”true设置横向滑动 //scroll-view设置宽度 <scroll-view scroll-x="true"> <view class="it原创 2020-06-12 14:26:12 · 759 阅读 · 0 评论 -
小程序五星好评
首先您需要两张小星星的图片.wxml文件<view class="star"> <view class="star_center"> <view class="star_box"> <view class="right"> <view bindtap="starTap" data-index="{{index}}" class="star" wx:for="{{userStars}}" wx:key="in原创 2020-06-11 17:12:26 · 518 阅读 · 0 评论