uniapp 使用 u-view 框架小程序的样式问题集合

持续更新中...

1. u--textarea 边框消失

解决

/deep/ .u-textarea{
	border: 2rpx solid #E5EAEE;
	border-radius: 4rpx;
}

2.底部弹窗会占据一定的空间

<u-action-sheet @close="closeBusType" @open="openBusType" @select="selectClick" :actions="list" :closeOnClickOverlay="true" :closeOnClickAction="true" :title="title"
			:show="show"></u-action-sheet>

解决

/deep/ .u-popup{
	position: absolute;
}

3.steps的步骤自定义图片显示不出来

解决

<u-steps :current="1">    
  <u-steps-item title="已提交">
	<view class="slot-icon" slot="icon">
	    <u-avatar size="20" :src="step1"></u-avatar>
    </view>
    </u-steps-item>
    <u-steps-item title="已接收">
	    <view class="slot-icon" slot="icon">
		    <u-avatar size="20" :src="step2"></u-avatar>
		</view>
	</u-steps-item>
	<u-steps-item title="完结">
		<view class="slot-icon" slot="icon">
		    <u-avatar size="20" :src="step3"></u-avatar>
		</view>
	</u-steps-item>
</u-steps>


...
data

step1: require('@/static/images/mine/send.png'),
step2: require('@/static/images/mine/received.png'),
step3: require('@/static/images/mine/ended.png')

css

/deep/ .u-steps-item__wrapper{
	background-color: transparent !important;
}