微信小程序
Maria028
这个作者很懒,什么都没留下…
展开
-
【微信小程序】使用Iconfont
1、准备好Iconfont字体图标素材在官网http://www.iconfont.cn中将想要的图标加入购物车,然后从购物车添加至某一项目 下载该项目 解压文件,只需要用到文件iconfont.css 2、运用到代码中 因为项目用到的字体图标较多,所以复制了整个iconfont.css,并没有去做任何改动,用到字体图标的页面在css中去引用就行,例如@import ‘.....原创 2018-08-04 20:48:08 · 583 阅读 · 0 评论 -
【微信小程序】中轮播图当前图放大效果
原理其实就是获取当前轮播的id ,并将其放大(active样式中可见),就是swiperIndex == index ? ‘active’ : ” .wxml<swiper class="swiper-block" previous-margin="90rpx" next-margin="90原创 2018-08-02 11:12:38 · 7738 阅读 · 4 评论 -
【微信小程序】自定义navigationBar标题栏
小程序默认使用的navigationBar只能设置颜色、文字,左侧返回按钮也是不可改变的,若要实现下方效果有解决方案,但是也有一定的问题。 1、更改app.json "window": { "navigationStyle": "custom" },2、自定义标题栏 使用c原创 2018-08-03 10:16:08 · 37218 阅读 · 2 评论 -
【微信小程序】引导重新打开定位权限
问题来源:用户使用小程序时若关闭了定位权限,想要重新打开时操作不易,所以要引导去设置里重新打开解决:当第一次关闭授权定位后,wx.chooseLocation就会一直调用fail方法,所以当点击打开位置功能时,最好先判断当前是否关闭了定位授权(见wx.getSetting文档详情),再会跳出自定义弹框(showCon),引导前往设置打开定位wx.chooseLocation({ ...原创 2018-09-21 17:37:35 · 21976 阅读 · 0 评论 -
【微信小程序】图片下方空白区域
问题来源连续展示多张图片时发现每张图片下方都留有空白区域,如下图。当前环境wxml代码:<block wx:for="{{products}}"> <image src="{{item}}" style='width:100%;' /></block>解决办法1、方法一:设置vertical-align: middle;适用于对图...原创 2019-01-16 15:27:14 · 3502 阅读 · 0 评论 -
【微信小程序】关于getCurrentPages()的使用
tudo原创 2019-01-16 20:13:46 · 13935 阅读 · 4 评论 -
【微信小程序】图片违法违规内容鉴别
微信小程序通过云调用校验一张图片是否含有违法违规内容。官方参考文档选择图片 wx.chooseImage({ count: 6, sizeType: ['compressed'], // 可以指定是原图还是压缩图,默认二者都有 sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有 ...原创 2019-08-23 15:51:01 · 6446 阅读 · 0 评论