微信小程序
Dragonfly Fly
这个作者很懒,什么都没留下…
展开
-
微信小程序修改swiper的默认高度并使用scroll-view进行内容滚动
修改swiper的默认高度并使用scroll-view进行内容滚动效果:swiper的默认高度150rpx,但是我们的内容不是固定的,且高度会变化。思路是设置swiper一个固定高度,swiper内的scroll-view的高度与其一致,这样scroll-view在swiper就能全部显示。问题是swiper的高度不能写死多少rpx,因为不同手机型号的高度不一样,所以需要计算swiper...原创 2019-08-29 09:21:41 · 1239 阅读 · 0 评论 -
添加阿里矢量图标到微信小程序
选择图标,加入购物车购物车>下载代码,解压,打开其中的iconfont.css购物车>添加至项目,没有项目创建一个。首页上方菜单栏,图标管理>我的图标,选择我的项目,点击【暂无代码,点此生成】复制生成的代码,替换掉打开的iconfont.css中的@font-face那一大段将替换完的代码复制到wxss中。在对应wxml中使用,类名iconfon...原创 2019-09-17 09:05:04 · 298 阅读 · 0 评论 -
微信小程序取消scroll view的滚动条
scroll-view.category#category ::-webkit-scrollbar { width: 0; height: 0; color: transparent; display: none;}scroll-view + 类名 + id名 + 一个空格 + ::-webkit-scrollbar {...原创 2019-09-27 14:26:55 · 308 阅读 · 0 评论 -
微信小程序scroll-view的scroll-x不起作用的原因:要在style中加上white-space: nowrap
<scroll-view scroll-x style="white-space: nowrap;width:375rpx;height:620rpx;"> <block wx:for="{{propData}}" wx:key="index"> <image src="{{item.src}}"></image&g...原创 2019-09-28 10:24:51 · 1428 阅读 · 0 评论