【uni-app框架】单独组建之CSS选择器APP、小程序和H5不一样的玩法【非常重要】

 针对自定义的组件【在Vue中非常常见】样式选择的时候，APP和h5不一样

<own-icon classType="icon-shanchu" color="#f40" fontSize="36px" @click="clickIcon(index)"></own-icon>

app选择器方法【一个单独的标签】

// 针对于app来说自定义的组件就是一个单独的标签

own-icon {
	border: 2px solid red;
}

H5选择器方法【一个class属性名的伪标签】

// 对于H5来说 自定义组件仅是一个class类的伪标签

.own-icon {
	border: 2px solid red;
}

自定义组件H5和app都兼容的玩法【在定义一个class属性---app不支持id属性】

<own-icon class="shanchu" classType="icon-shanchu" color="#f40" fontSize="36px" @click="clickIcon(index)"></own-icon>


.shanchu {
	border: 2px solid red;
}