详解小程序设置缓存并且不覆盖原有数据(2)

<!--pages/comment/commentlist/commentlist.wxml--> <view> <view> <!-- 输出输入页面输入的内容 --> <view wx:for='{{commentlist}}' wx:key="{{index}}">{{item}}</view> </view> <!-- 写计划按钮与搜索按钮 --> <view> <button open-type='' bindtap='search'> 搜索</button> <!-- 写计划 --> <button open-type='primary' bindtap='writecomment'>评论 </button> </view> </view>

样式文件

/* pages/comment/commentlist/commentlist.wxss */ .p-list-group{ margin-right: 10rpx; margin-left: 10rpx; overflow: scroll; width:98%; right:1rpx; } .p-list-group-more{ right:1rpx; overflow: scroll; height:1000rpx; width:100%; margin-top: 10rpx; } .p-list{ text-overflow: ellipsis;/***文本太长显示省略号*/ overflow: scroll; width:99%; border: 1px solid #ccc; margin-right: 10rpx; margin-bottom: 20rpx; height: 100rpx; } .btn-search{ position: fixed; bottom: 5rpx; width: 30%; background-size: 45rpx 45rpx; background-repeat:no-repeat; } .btn-write{ position: fixed; bottom: 5rpx; width: 30%; background-size: 45rpx 45rpx; background-repeat:no-repeat; right:10rpx; } .cardclass{ display:flex; font-size:18rpx; justify-content: space-between; bottom: 5rpx; height:25rpx; } .image-list{ width:40rpx; height:30%; }

好啦,我做的基本就这样,代码有点多,关键就是wx.setStorage()和wx.getStorage(),为了方便我还是把两个页面完整代码全部放这里了

以上所述是小编给大家介绍的小程序设置缓存并且不覆盖原有数据详解整合,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/18c69d31fa65ffafee57e57017aac05d.html