uniapp中使用uview组件u-icon 编辑到微信小程序样式问题
在微信小程序中用u-icon标签选择器才能对其设置样式,但在h5预览中u-icon{ }这样设置样式不生效,用组件的customStyle属性才生效。
·
在微信小程序中用u-icon标签选择器才能对其设置样式,但在h5预览中u-icon{ }这样设置样式不生效,用组件的customStyle属性才生效。所以干脆对不同平台用不同写法:
<!-- #ifdef MP-WEIXIN -->
<u-icon name="close" @click="close" ></u-icon>
<!-- #endif -->
<!-- #ifndef MP-WEIXIN -->
<u-icon name="close" @click="close" :customStyle=" {position: 'absolute',
right: '30rpx',
top: '33rpx'}"></u-icon>
<!-- #endif -->
同时在style标签里使用u-icon选择器写样式来作用于微信小程序中:
u-icon {
position: absolute;
right: 30rpx;
top: 33rpx;
}
这样互不影响
更多推荐
已为社区贡献4条内容
所有评论(0)