1、打开公众号组件:在秀米编辑器上方,点击“组件”功能,在下拉列表中,选择“公众号组件”。
2、添加公众号组件。把公众号组件中的文字组件拖入到文章合适的位置
3、设置小程序信息。移动鼠标到第二步插入的文字组件上,点击一下,会出现一个功能 *** 作栏,点击图标像链接的子项,在出现的设置小程序信息表单中,填写appid和路径。
4、获取小程序的appid。appid可以从微附件官网(idocx.cc)复制。
5、路径是指附件的路径,需要把附件上传到微附件官网生成。
6、通过第四、第五步,填写好小程序的信息。
本系列主要对小程序常用的组件做一个总结,方便自己及其它小程序开发者作为字典查阅和检索。
小程序组件有一些公共属性,在每个组件中代表的意义和数据类型都是一样的。
容器组件:内部能嵌套任何标签。常用的视图容器有: 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/> 的属性如下:
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)