初步联调装表

components/searchSelectWrapper/index.js

@@ -15,7 +15,10 @@ Component({
     type: {
       type: String,
       value: "select"
-    }
+    },
+    useSlot: Boolean,
+    hideBorder: Boolean,
+    required: Boolean,
   },
 
   /**
@@ -38,6 +41,7 @@ Component({
     },
     onChangeText(e) {
       this.setData({ text: e.detail });
+      console.log("----------")
       this.triggerEvent("changeText", e.detail)
     },
     onSearchKeyword() {

components/searchSelectWrapper/index.wxml

@@ -1,6 +1,6 @@
 <!--components/searchSelectWrapper/index.wxml-->
 <view class="wrapper" wx:if="{{type === 'select'}}">
-    <view class="label"> {{ label }} </view>
+    <view class="label"><text class="required" wx:if="{{required}}">*</text>{{ label }}</view>
     <view class="content" bind:tap="clickTime" bind:tap="onSearch">
         <view class="text" wx:if="{{!text}}" style="color: #ccc;"> {{placeholder}} </view>
         <view class="text" wx:else> {{text}} </view>
@@ -32,4 +32,11 @@
             custom-style="padding: 0;font-size: 30rpx;line-height: 32rpx;"
         />
     </view>
+</view>
+
+<view class="wrapper" wx:if="{{useSlot}}">
+    <view class="label"> {{ label }} </view>
+    <view class="inputContent" bind:tap="clickTime" style="{{hideBorder ? 'border: none;' : ''}}">
+        <slot></slot>
+    </view>
 </view>

components/searchSelectWrapper/index.wxss

@@ -8,7 +8,7 @@
 
 .content {
     flex: 1;
-    margin-left: 30rpx;
+    margin-left: 20rpx;
     margin-right: 30rpx;
     display: flex;
     padding: 10rpx 20rpx;
@@ -19,7 +19,7 @@
 
 .inputContent {
     flex: 1;
-    margin-left: 30rpx;
+    margin-left: 20rpx;
     margin-right: 30rpx;
     display: flex;
     padding: 0 20rpx;
@@ -33,5 +33,10 @@
 }
 
 .label {
-    width: 120rpx;
+    width: 130rpx;
+}
+
+.required {
+    color: rgb(209, 83, 25);
+    font-size: 30rpx;
 }