小程序
香荣如梦
这个作者很懒,什么都没留下…
展开
-
微信小程序查看官方样式及修改checkbox样式为圆圈
小程序中checkbox的样式是正方形的,设计图上给的是一个圆圈,在查看官方demo的时候发现了怎么修改的首先在微信官方文档上找到复选框的demo然后审查代码找到复选框的样式部分可以看到复选框的class为wx-checkout-input选中的样式为wx-checkbox-input-checked这样我们就可以自己修改样式了先弄成圆圈: <checkbox class="interestthreecheckbox" value="{{item.id}}"/>原创 2020-09-18 16:59:40 · 2879 阅读 · 1 评论 -
小程序中跳转页面的几种方式
小程序中跳转的几种方式//1. switchTabwx.switchTab({ url:"/pages/index/index"})//这个只能跳转到tabBar配置的页面,关闭其他所有的非tab页面//2. navigateBackwx.navigateBack({ delta:2})//返回到上一级页面,或者是上几级页面,(delta是返回的页数,如果delta大于了栈中存放的页面数就返回首页,默认值为1)//3.redirectTowx.redirectTo({原创 2020-08-25 14:03:20 · 967 阅读 · 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 · 495 阅读 · 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 · 2058 阅读 · 0 评论