在微信小程序中用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选择器写样式来作用于微信小程序中：文章来源：https://www.toymoban.com/news/detail-577859.html
u-icon {
position: absolute;
right: 30rpx;
top: 33rpx;
}
这样互不影响文章来源地址https://www.toymoban.com/news/detail-577859.html
到了这里，关于uniapp中使用uview组件u-icon 编辑到微信小程序样式问题的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
