uu

components/tpx-input/tpx-input.vue

@@ -5,8 +5,9 @@
 		@blur="handleFocus" @focus="handleBlur"
 		:formatter="formatter" :disabled="disabled" :focus="autoFocus"
 	>
-		<template v-if="suffix" #suffix>
-			<text class="font-26 clr-sub pl-10">{{suffix}}</text>
+		<template v-if="suffix || $slots.suffix" #suffix>
+			<text v-if="suffix" class="font-26 clr-sub pl-10">{{suffix}}</text>
+			<slot v-if="$slots.suffix" name="suffix"></slot>
 		</template>
 		
 	</u-input>

components/tpx-select/tpx-select.vue

@@ -29,7 +29,7 @@
 			
 		</view>
 		
-		<view v-if="mode == modeEnum.drop && show" class="md-drop-cont">
+		<view v-if="mode == modeEnum.drop && show" class="md-drop-cont" :style="mdDropContStyle">
 			<tpx-scroll-view :maxHeight="dropMaxHeight" :resObject="filResObject" :searchParam="filDataSearchParam" :getListFun="getListFun"  size="sm" :showLoadedAll="false" @onListChange="onListChange">
 				<slot name="listTop"></slot>
 				<view v-if="showKeyWord" class="mb-10">
@@ -96,6 +96,20 @@
 				// 查接口的列表才有搜索
 				let bl = !!this.getListFun
 				return bl
+			},
+			mdDropContStyle(){
+				let { dropLeftWidth, dropRightWidth } = this
+				let s = ``
+				if(dropLeftWidth>0 || dropRightWidth>0){
+					s += `width:${dropLeftWidth||dropRightWidth}rpx;`
+					if(dropLeftWidth>0){
+						s += `right: auto;`
+					}
+					if(dropRightWidth>0){
+						s += `left: auto;`
+					}
+				}
+				return s
 			}
 		},
 		components: {
@@ -143,6 +157,16 @@
 					return 400
 				}
 			},
+			dropLeftWidth: {
+				default () {
+					return 0
+				}
+			},
+			dropRightWidth: {
+				default () {
+					return 0
+				}
+			},
 			list: {
 				default () {
 					return []