文章目录
组件模版和样式
类似于页面,自定义组件拥有自己的 wxml
模版和 wxss
样式。
组件模版
组件模版的写法与页面模板相同。组件模版与组件数据结合后生成的节点树,将被插入到组件的引用位置上。
在组件模板中可以提供一个
节点,用于承载组件引用时提供的子节点。
代码示例:
view class="wrapper">
view>这里是组件的内部节点view>
slot>slot>
view>
view>
component-tag-name>
view>这里是插入到组件slot中的内容view>
component-tag-name>
view>
组件wxml的slot
在组件的wxml中可以包含 slot
节点,用于承载组件使用者提供的wxml结构。
默认情况下,一个组件的wxml中只能有一个slot。需要使用多slot时,可以在组件js中声明启用。
Component({
options: {
multipleSlots: true // 在组件定义时的选项中启用多slot支持
},
properties: { /* ... */ },
methods: { /* ... */ }
})
此时,可以在这个组件的wxml中使用多个slot,以不同的 name
来区分。
view class="wrapper">
slot name="before">slot>
view>这里是组件的内部细节view>
slot name="after">slot>
view>
使用时,用 slot
属性来将节点插入到不同的slot上。
view>
component-tag-name>
view slot="before">这里是插入到组件slot name="before"中的内容view>
view slot="after">这里是插入到组件slot name="after"中的内容view>
component-tag-name>
view>
第二部分:如何开通一个小商店
<以上资讯仅供参考,如果您需解决具体问题,建议您关注作者;如果有软件产品开发需求,可在线咨询加速度产品经理获取方案和报价>
****更多行业产品开发方案,请关注jsudo加速度 https://www.jsudo.com***
【加速度jsudo(www.jsudo.com)】是国内知名企业数字化建设提供商,为企业提供电商平台搭建(多种模式电商平台搭建:B2B/B2B2C/B2C/O2O/新零售等)、智慧园区建设、数字化营销、人才外包等服务,点击这里查看了解更多行业解决方案。