我是靠谱客的博主 明亮黑米,这篇文章主要介绍微信小程序页面传值、checkbox自定义样式以及本地缓存数据页面传值本地缓存数据checkbox自定义样式,现在分享给大家,希望可以做个参考。

页面传值

通过url传值

复制代码
1
2
3
4
5
6
7
edit_address:function(e){ let index=e.currentTarget.dataset.index wx.navigateTo({ url: '/pages/customer/ads/adsEdit/adsEdit?index='+index, }) },

在接收页面onLoad生命周期函数接收数据

复制代码
1
2
3
4
onLoad:function(options){ console.log(options) }

本地缓存数据

  • 通过同步的方式缓存数据
复制代码
1
2
3
4
5
6
7
8
let arr=[] wx.setStorageSync('demo', arr) //存数据 wx.getStorageSync('demo') //取数据 wx.clearStorageSync() // 清除数据(Storage中的数据全部清除)
  • 通过异步的方式缓存数据
复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
let arr=[] wx.setStorage({ //存数据 key: 'demo', data: arr, }) wx.getStorage({ //取数据 key: 'demo', success: function(res) { console.log(res) }, }) wx.clearStorage() // 清除数据(Storage中的数据全部清除)

checkbox自定义样式

  • 修改checkbox样式
复制代码
1
2
3
4
5
6
7
8
.default label .wx-checkbox-input{ width: 30rpx; height:30rpx; border-radius:50%; color:#fff !important; font-size: 16rpx; }
  • 修改选中的后的样式
复制代码
1
2
3
4
5
.default label .wx-checkbox-input-checked{ background: -webkit-linear-gradient(top,#6ab6da,#699ede); // 颜色渐变 }
  • 修改选中后的对勾的样式
复制代码
1
2
3
4
5
6
.default label .wx-checkbox-input.wx-checkbox-input-checked::before{ font-size: 30rpx; line-height: 10rpx; text-align: left; }

最后

以上就是明亮黑米最近收集整理的关于微信小程序页面传值、checkbox自定义样式以及本地缓存数据页面传值本地缓存数据checkbox自定义样式的全部内容,更多相关微信小程序页面传值、checkbox自定义样式以及本地缓存数据页面传值本地缓存数据checkbox自定义样式内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(66)

评论列表共有 0 条评论

立即
投稿
返回
顶部