fix: 品类样式

src/views/old_mini/create_farm/index.vue

@@ -39,14 +39,14 @@
                                         </div>
                                     </el-form-item>
                                     <el-form-item label="种植作物" prop="speciesItem">
-                                        <div class="select-wrap">
-                                            <el-select @change="changeSpecie" class="select-item"
+                                        <div class="select-wrap specie-wrap">
+                                            <el-select @change="changeSpecie" class="select-item specie-select"
                                                 v-model="ruleForm.speciesItem" placeholder="品类">
                                                 <el-option v-for="(item, index) in specieList" :key="index"
                                                     :label="item.name" :value="{ value: item.id, ...item }" />
                                             </el-select>
                                             <el-select v-model="ruleForm.typeIds" multiple collapse-tags
-                                                placeholder="品种" class="period-select select-item">
+                                                placeholder="品种(可多选)" class="period-select select-item period-select">
                                                 <el-option v-for="(item, index) in fruitsList" :key="index"
                                                     :label="item.name" :value="item.id" />
                                             </el-select>
@@ -1120,8 +1120,24 @@ function handleMianjiInput(value) {
             z-index: 2;
 
             .create-from {
+                
                 .select-wrap {
                     display: flex;
+                    &.specie-wrap {
+                        flex: 1;
+                        gap: 12px;
+                        .specie-select {
+                            min-width: 56px;
+                            width: 56px;
+                        }
+                        .period-select {
+                            ::v-deep {
+                                .el-select__selection {
+                                    flex: 1;
+                                }
+                            }
+                        }
+                    }
 
                     // width: 86%;
                     ::v-deep {