
小程序
香荣如梦
这个作者很懒,什么都没留下…
展开
-
微信小程序查看官方样式及修改checkbox样式为圆圈
小程序中checkbox的样式是正方形的,设计图上给的是一个圆圈,在查看官方demo的时候发现了怎么修改的 首先在微信官方文档上找到复选框的demo 然后审查代码找到复选框的样式部分 可以看到复选框的class为wx-checkout-input 选中的样式为wx-checkbox-input-checked 这样我们就可以自己修改样式了 先弄成圆圈: <checkbox class="interestthreecheckbox" value="{{item.id}}"/>原创 2020-09-18 16:59:40 · 3148 阅读 · 1 评论 -
小程序中跳转页面的几种方式
小程序中跳转的几种方式 //1. switchTab wx.switchTab({ url:"/pages/index/index" }) //这个只能跳转到tabBar配置的页面,关闭其他所有的非tab页面 //2. navigateBack wx.navigateBack({ delta:2 }) //返回到上一级页面,或者是上几级页面,(delta是返回的页数,如果delta大于了栈中存放的页面数就返回首页,默认值为1) //3.redirectTo wx.redirectTo({原创 2020-08-25 14:03:20 · 987 阅读 · 1 评论 -
小程序制作全局nodata组件
nodata全局组件 nodata在很多的页面都会用到所以就考虑做一个全局的组件 代码如下,html: <view class="noDataBox"> <image mode="widthFix" src="https://gitee.com/my466879168/picBed/raw/master/image/20200813161457.jpg"></image> <view class="tipstxt"> 暂无数据原创 2020-08-13 16:41:38 · 511 阅读 · 0 评论 -
小程序中轮播图的指示点换成数字显示
UI图中轮播显示的是数字而不是指示点,所以需要自己用css写一下 效果: html相关代码 <view class="page-section page-section-spacing swiper"> <swiper class="swiperBox" indicator-dots="{{indicatorDots}}" bindchange="swiperChange" autoplay="{{autoplay}}" interval="{{interval}}" duration原创 2020-08-05 11:03:13 · 2100 阅读 · 0 评论