洞察探索open banking如何通过小程序容器技术助力金融企业实现数据安全和数字化转型
899
2023-01-21
本文目录一览:
本系列主要对小程序常用的组件做一个总结,方便自己及其它小程序开发者作为字典查阅和检索。
小程序组件有一些公共属性,在每个组件中代表的意义和数据类型都是一样的。
容器组件:内部能嵌套任何标签。常用的视图容器有: view , scroll-view , swiper
<view/ 是一个块级容器组件,任何一种复杂的布局都可以嵌套在 <view/ 组件内,并在 *.wxss 中设置相关样式。
<view/ 除了上述组件共有的属性外,还包含一组关于点击行为的属性。
在布局中,需要容器具有可滑动的功能,且能监听滚动、触顶、触底等事件,就需要 <scroll-view/ 组件, <scroll-view/ 在 <view/ 组件上添加滚动相关的属性,通过这些属性,可以响应滚动相关事件。
注意:
<textarea/ , <video/ , <map/ , <canvas/ 不能嵌套在 <scroll-view/ 中使用
利用 swiper 组件,可以实现轮播图,滑动页面,预览图片等,一个完整的滑块视图软件由 <swiper/ 和 <swiper-item/ 两个标签组成,不能单独使用。一个 <swiper/ 只能嵌套一个或多个 <swiper-item/ 标签,放置其它的标签会被删除,其中, <swiper-item/ 中能放置任何标签,高度默认为 100% ,另外没有任何其它特殊属性。
<swiper/ 的属性如下:
日常记录学习~~
参数参考官方文档小程序 容器: https://developers.weixin.qq.com/miniprogram/dev/component/cover-image.html
cover-image小程序 容器:覆盖在原生组件之上小程序 容器的图片视图小程序 容器,支持嵌套在 cover-view 里
cover-view:覆盖在原生组件之上的文本视图,支持嵌套 cover-view 、 cover-image ,可在 cover-view 中使用 button
原生组件有:map,video,canvas,camera,live-player,live-pusher
参数参考官方文档: https://developers.weixin.qq.com/miniprogram/dev/component/match-media.html
match-media:media query 匹配检测节点,指定一组 media query 规则,满足时,这个节点才会被展示。
参数参考官方文档: https://developers.weixin.qq.com/miniprogram/dev/component/movable-area.html
movable-area:是movable-view的可移动区域,必须设置width和height属性,不设置默认为10px
movable-view:可移动的视图容器,在页面中可以拖拽滑动,movable-view必须在movable-area组件中使用,并且必须是直接子节点,否则不能移动。
参数参考官方文档: https://developers.weixin.qq.com/miniprogram/dev/component/page-container.html
page-container:“假页”容器组件,效果类似于 popup 弹出层,页面内存在该容器时,当用户进行返回操作,关闭该容器不关闭页面,当前页面最多只有 1 个容器,若已存在容器的情况下,无法增加新的容器
参数参考官方文档:
https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html
scroll-view:可滚动视图区域,使用竖向滚动时,需要给一个固定高度,组件属性的长度单位默认为px
参数参考官方文档:
https://developers.weixin.qq.com/miniprogram/dev/component/share-element.html
具体使用可看官方案例哦
share-element:共享元素,该组件需与page-container组件结合使用
swiper:滑块视图容器,其中只可放置swiper-item组件,否则会导致未定义的行为。
swiper-item:仅可放置在swiper组件中,宽高自动设置为100%
这是小程序 容器我们最熟悉的容器啦~
版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。
发表评论
暂时没有评论,来抢沙发吧~