介绍 npm install ,,节省miniprogram-slide-view {,,
,,,“usingComponents":, {,,,
,,,,,,,“slide-view":,“miniprogram-slide-view"
,,,}
} & lt; slide-view 类=皊lide",宽度=?20“,身高=?00“,slideWidth=?00“比;
& lt;才能view 槽=發eft"在这里是插入到组内容& lt;/view>
& lt;才能view 槽=皉ight"比;
,,,& lt; view>标为已读& lt;/view>
,,,& lt; view>删除& lt;/view>
& lt;才能/view>
& lt;/slide-view> <李>
小编给大家分享一下小程序使用微信SlideView组件的方法,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!
微信小程序仿微信SlideView组件。
<强>使用
1,安装slide-view
从小程序基础库版本2.2.1或以上,及开发者工具1.02.1808300或以上开始,小程序支持使用npm安装第三方包。
2,在需要使用slide-view的页面页。json中添加slide-view自定义组件配置
3, WXML文件中引用slide-view
每一个slide-view提供两个& lt; slot>节点,用于承载组件引用时提供的子节点.left节点用于承载静止时slide-view所展示的节点,此节点的宽高应与传入slide-view的宽高相同铃声节点用于承载滑动时所展示的节点,其宽度应于传入slide-view的slideWidth相同。
参数说明:
宽度:数量类型,默认值显示屏幕的宽度,slide-view组件的宽度
<李>高度:数量类型,默认值0,slide-view组件的高度
<李>slide-width:数量类型,默认值0,滑动展示区域的宽度(默认高度与slide-view相同)
<>强运行效果
以上是“小程序使用微信SlideView组件的方法”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!
