02 2019 档案

微信小程序 - 沉浸式抽屉（非组件）
摘要：高度有限制，可作为管理界面，点击下载示例：drawer 阅读全文
posted @ 2019-02-27 16:04 Sunsin 阅读(2583) 评论(0) 推荐(0) 编辑
微信小程序 - tab+swiper切换（非组件）
摘要：无奈slot不支持循环，无法成为组件. 该模板适用于新闻等，点击下载示例：tabswiper 阅读全文
posted @ 2019-02-27 14:16 Sunsin 阅读(896) 评论(0) 推荐(0) 编辑
微信小程序 - 自适应swiper高度（非组件）
摘要：微信小程序swiper默认高度375rpx，一旦超过这高度，就滑动不到内容了，我们利用css3可以很简单做到这件事情 原理： 利用css3 横轴滚动属性overflow:scroll,设置死swiper高度为100vh,这时会产生css3滚动条,隐藏掉swiper-item::-webkit-scr 阅读全文
posted @ 2019-02-26 17:31 Sunsin 阅读(1454) 评论(0) 推荐(0) 编辑
微信小程序 - 下拉刷新（非组件）
摘要：详情见示例：refresh 阅读全文
posted @ 2019-02-25 16:39 Sunsin 阅读(555) 评论(0) 推荐(0) 编辑
微信小程序 - 上拉加载更多组件
摘要：详情用例看demo，点击下载示例：loadmore 阅读全文
posted @ 2019-02-25 14:55 Sunsin 阅读(2488) 评论(1) 推荐(0) 编辑
微信小程序 - 自定义swiper dots样式（非组件）
摘要：自定义须知： :组件内无法使用自定义样式变化，需要自定义 :原理就是利用swiper change事件与下标index匹配,显示不同的样式 swiper组件须知： :一旦swiper用于组件化,就无法自定义dots样式 自定义须知： :组件内无法使用自定义样式变化，需要自定义 :原理就是利用swip 阅读全文
posted @ 2019-02-25 09:44 Sunsin 阅读(839) 评论(0) 推荐(0) 编辑
微信小程序 - 超出文字省略组件
摘要：使用说明 sty：定义样式 text：文字 clamp: 0：代表不限制 1：超过1行省略号（默认) n：超过n行省略 点击下载：ellipsis 使用说明 sty：定义样式 text：文字 clamp: 0：代表不限制 1：超过1行省略号（默认) n：超过n行省略 使用说明 sty：定义样式 te 阅读全文
posted @ 2019-02-23 15:04 Sunsin 阅读(1552) 评论(0) 推荐(0) 编辑
微信小程序 - 滚动公告组件
摘要：支持横轴、纵轴滚动。 点击下载：speaker 阅读全文
posted @ 2019-02-23 14:35 Sunsin 阅读(2522) 评论(0) 推荐(0) 编辑
微信小程序 - 弹出层组件
摘要：需要的可以下载示例：maskalert 阅读全文
posted @ 2019-02-23 10:05 Sunsin 阅读(3790) 评论(0) 推荐(0) 编辑
微信小程序 - 提示消息组件
摘要：配置挺简单的，也就不说明了，点击下载：alert 阅读全文
posted @ 2019-02-23 09:43 Sunsin 阅读(2482) 评论(0) 推荐(0) 编辑
微信小程序 - 使用字体图标（阿里云库）
摘要：实现 阿里图库：https://www.iconfont.cn/ CSS3：[attribute*=value] 选择器 步骤 1. 加入购物车 2. 下载代码解压，复制iconfont.css app.wxss（注意！！！ 小程序不支持组件内某些选择器） [class*="icon-"] { fo 阅读全文
posted @ 2019-02-12 10:33 Sunsin 阅读(926) 评论(0) 推荐(0) 编辑
微信小程序 - 3d轮播图组件(基础)
摘要：基于小程序swiper原生实现,点击下载：示例 阅读全文
posted @ 2019-02-11 20:26 Sunsin 阅读(1604) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示