下拉框样式

common/style/layout.css

@@ -164,7 +164,8 @@ uni-button:after {
 	color: #fff;
 }
 .filter_input_wraper {
-	flex: 1;
+	/* flex: 1; */
+	width: calc(100% - 170rpx);
 	height: 80rpx;
 	padding: 5rpx 0;
 	margin-left: 30rpx;

uni_modules/uni-data-select/components/uni-data-select/uni-data-select.vue

@@ -6,8 +6,8 @@
 				<view class="uni-select__input-box" @click="toggleSelector">
 					<view v-if="current" class="uni-select__input-text">{{current}}</view>
 					<view v-else class="uni-select__input-text uni-select__input-placeholder">{{typePlaceholder}}</view>
-					<uni-icons v-if="current && clear" type="clear" color="#c0c4cc" size="24" @click="clearVal" />
-					<uni-icons v-else :type="showSelector? 'top' : 'bottom'" size="14" color="#999" />
+					<uni-icons class="zd_icon_wraper" v-if="current && clear" type="clear" color="#c0c4cc" size="24" @click="clearVal" />
+					<uni-icons class="zd_icon_wraper" v-else :type="showSelector? 'top' : 'bottom'" size="14" color="#999" />
 				</view>
 				<view class="uni-select--mask" v-if="showSelector" @click="toggleSelector" />
 				<view class="uni-select__selector" v-if="showSelector">
@@ -319,7 +319,9 @@
 		/* #endif */
 		flex: 1;
 		flex-direction: row;
-		align-items: center;
+		align-items: center;
+		justify-content: space-between;
+		overflow: hidden;
 	}
 
 	.uni-select__input {
@@ -360,12 +362,14 @@
 	.uni-select__selector-empty,
 	.uni-select__selector-item {
 		/* #ifndef APP-NVUE */
-		display: flex;
+		display: flex;
+		align-items: center;
 		cursor: pointer;
 		/* #endif */
-		line-height: 35px;
-		font-size: 14px;
-		text-align: center;
+		line-height: 15px;
+		height: 35px;
+		font-size: 12px;
+		text-align: left;
 		/* border-bottom: solid 1px $uni-border-3; */
 		padding: 0px 10px;
 	}
@@ -417,12 +421,17 @@
 
 	.uni-select__input-text {
 		// width: 280px;
-		width: 100%;
+		width: calc(100% - 50px);
 		color: $uni-main-color;
 		white-space: nowrap;
 		text-overflow: ellipsis;
 		-o-text-overflow: ellipsis;
 		overflow: hidden;
+	}
+	
+	.zd_icon_wraper {
+		width: 50px;
+		text-align: right;
 	}
 
 	.uni-select__input-placeholder {