小程序样式隔离
通过在组件的 options 中配置
options:{
styleIsolation:'隔离选项'
}
其中隔离选项值包括
isolated 表示启用样式隔离,在自定义组件内外,使用class指定的样式 将不会相互影响;
apply-shared 父级样式会穿透影响组件样式,但组件样式不会影响其他页面
shared:互相影响
小程序模板复用
1、模板的适应场景
适应页面的展示,没有太复杂的逻辑交互的页面,可以存成模板,方便其他页面复用
通常模板页面只有 wxml、wxss 触发的逻辑要在父级页面来实现
2、如何定义使用模板
第一步:定义模板
定义步骤同创建普通页面一样
第二步:使用模板
在需要的页面中引入:
<import src="指定要引入的模板路径"/>
在嵌入位置添加template来指定
<template is = "指定模板名称" data = "{{指定要传入的数据}}"></template>
其中:is 要引入的模板 name 名称