From e0977a70ed3141e6b6c8117aa3790fb0ea1c84cb Mon Sep 17 00:00:00 2001
From: lmj <3407000732@qq.com>
Date: Wed, 28 Dec 2022 16:55:40 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A1=88=E4=BE=8B=E6=8D=A2=E8=A1=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/portal/case/Index.vue | 37 +++++++++++++++++++++++++++------
 1 file changed, 31 insertions(+), 6 deletions(-)

diff --git a/src/views/portal/case/Index.vue b/src/views/portal/case/Index.vue
index bfa1de78..44c4f304 100644
--- a/src/views/portal/case/Index.vue
+++ b/src/views/portal/case/Index.vue
@@ -22,8 +22,10 @@
                       </div>
                       <div style="flex:1;">
                         <div class="field">
-                           <div :class="fielclass ? 'fieldactive' :''  " @click="domainall()">全部</div>
+                           <div style="padding:0;" :class="fielclass ? 'fieldactive' :''  " @click="domainall()">全部</div>
+                            <div class="fieldbox">
                            <div :class="item.fielclass ? 'fieldactive' :''  " @click="fieldswich(item)" v-for="(item,idx) in domain" :key="'t'+ idx">{{item.name}}</div>
+                            </div>
                         </div>
                         <!-- <el-checkbox-group v-model="queryCondition.orgDomain" size="mini" @change="search()">
                           <el-checkbox-button :label="null">全部</el-checkbox-button>
@@ -36,15 +38,18 @@
                   <div class="search-item">
 
                       <div style="margin-top:10px; display: flex;">
-                        <div style="line-height: 25px;padding-right: 10px;">
+                        <div style="line-height: 25px;padding-right: 10px;white-space: nowrap;">
                            <!-- <img class="orgaicon" :src="`${webBaseUrl}/images/specimg.png`" alt=""> -->
                       <span class="item-title" >专业分类</span>
                       <span class="item-line"></span>
                        </div>
-                       <div style="flex:1" id="searchBox">
+                       <div style="flex:1;" id="searchBox">
                          <div class="field">
-                           <div :class="fielclassjor ? 'fieldactive' :''  " @click="majorall()">全部</div>
-                           <div :class="item.fielclass ? 'fieldactive' :''  " @click="fieldmajor(item)" v-for="(item,idx) in speciData" :key="'d'+idx">{{item.name}}</div>
+                           <div style="padding:0;" :class="fielclassjor ? 'fieldactive' :''  " @click="majorall()">全部</div>
+                           <div class="fieldbox">
+                              <div :class="item.fielclass ? 'fieldactive' :''  " @click="fieldmajor(item)" v-for="(item,idx) in speciData" :key="'d'+idx">{{item.name}}</div>
+                            </div>
+                           
                         </div>
                           <!-- <el-radio-group style="display:flex;" v-model="queryCondition.majorType" size="mini" @change="search()">
                             <el-radio-button :label="null">全部</el-radio-button>
@@ -942,10 +947,30 @@ export default {
 </script>
 
 <style scoped lang="scss">
-.field{
+.fieldbox{
+
   display: flex;
+  white-space: nowrap;
+  flex-wrap: wrap;
   div{
     padding: 0 15px;
+    display: inline-block;
+    font-size: 14px;
+    line-height: 25px;
+    color: #3d3d3d;
+    font-weight: 500;
+  }
+  .fieldactive{
+    color: #387DF7;
+  }
+}
+.field{
+  display: flex;
+  white-space: nowrap;
+  // flex-wrap: wrap;
+  div{
+    padding: 0 15px;
+    // display: inline-block;
     font-size: 14px;
     line-height: 25px;
     color: #3d3d3d;