扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
小编给大家分享一下小程序使用微信SlideView组件的方法,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
为吕梁等地区用户提供了全套网页设计制作服务,及吕梁网站建设行业解决方案。主营业务为成都做网站、网站设计、吕梁网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!微信小程序仿微信SlideView组件。
使用
1、安装 slide-view
从小程序基础库版本 2.2.1 或以上、及开发者工具 1.02.1808300 或以上开始,小程序支持使用 npm 安装第三方包。
npm install --save miniprogram-slide-view
2、在需要使用 slide-view 的页面 page.json 中添加 slide-view 自定义组件配置
{ "usingComponents": { "slide-view": "miniprogram-slide-view" } }
3、WXML 文件中引用 slide-view
每一个 slide-view 提供两个
这里是插入到组内容 标为已读 删除
参数说明:
width:Number类型,默认值显示屏幕的宽度,slide-view组件的宽度
height:Number类型,默认值0,slide-view组件的高度
slide-width:Number类型,默认值0,滑动展示区域的宽度(默认高度与slide-view相同)
运行效果
以上是“小程序使用微信SlideView组件的方法”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流