在微信小程序中用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;
			}

这样互不影响

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐