页面样式

src/components/biserialListItem/biserialListItem.vue

@@ -11,15 +11,15 @@
             <div class="title-text">
                 {{ data && data.data && data.data.subject || '暂无标题' }}
             </div>
-            <div class="mg-t-10 dis-f al-item-start jus-bet s-w-100">
+            <div class="mg-t-20 dis-f al-item-start jus-bet s-w-100">
                 <div>
                     <div class="dis-f al-item">
                         <div class="tab-item first-tab">
                             {{ data && data.data && data.data.gptype || '' }}
                         </div>
                         <div class="tab-item mg-l-8"
-                            v-if="listData && listData.data && listData.data.type[data && data.data && data.data.type]">
-                            {{ listData && listData.data && listData.data.type[data && data.data && data.data.type] || '' }}
+                            v-if="listData.data && listData.data.type[data && data.data && data.data.type]">
+                            {{  listData.data && listData.data.type[data && data.data && data.data.type] || '' }}
                         </div>
                         <div class="tab-item mg-l-8"
                             v-if="data && data.data && data.data.elevator !== -1 && data.data.elevator">
@@ -156,7 +156,7 @@ location.data = store.state.indexData && store.state.indexData.config && store.s
 
 //数据包
 let listData = reactive({ data: {} })
-listData.data = store.state.indexData && store.state.indexData.config
+listData.data = store.state.indexData && store.state.indexData.config||{}
 
 let pageType=ref('')
 
@@ -266,8 +266,8 @@ img {
         z-index:66;
     }
 
-    .mg-t-10 {
-        margin-top: 10px;
+    .mg-t-20 {
+        margin-top: 20px;
     }
 
     .img {
@@ -318,7 +318,7 @@ img {
         }
 
         .tab-item {
-            padding: 5px;
+            padding:2px 5px;
             background: inherit;
             background-color: rgba(242, 242, 242, 1);
             border: none;
@@ -340,7 +340,7 @@ img {
             font-style: normal;
             font-size: 15px;
             color: #555555;
-            margin-top: 15px;
+            margin-top: 20px;
 
             .img {
                 width: 18px;
@@ -355,7 +355,7 @@ img {
             font-style: normal;
             font-size: 14px;
             color: #555555;
-            margin-top: 15px;
+            margin-top: 20px;
 
             .time {
                 font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
@@ -383,7 +383,7 @@ img {
         }
 
         .first-tab {
-            background: #000;
+            background: rgba(51, 51, 51, 1);
             color: #fff;
         }
     }

src/components/indexWaterfallBox/indexWaterfallBox.vue

@@ -306,7 +306,6 @@ let watchAdv = () => {
         font-style: normal;
         font-size: 14px;
         color: #FFFFFF;
-        width: 54px;
         height: 24px;
         border-radius: 5px;
         position: absolute;
@@ -315,6 +314,7 @@ let watchAdv = () => {
         background-color: rgba(51, 51, 51, 0.56078431372549);
         text-align: center;
         line-height: 24px;
+        padding:0 6px;
     }
 
     .intermediary-type {

src/components/selectTabBox/selectTabBox.vue

@@ -498,7 +498,7 @@ let setHireId = (item) => {
 let dropdownCommand = (obj) => {
     hireTypeObj.id = obj.id
     hireTypeObj.title = obj.title
-    store.state.routeList['hireTypeObj'] = JSON.parse(JSON.stringify(hireTypeObj))
+    // store.state.routeList['hireTypeObj'] = JSON.parse(JSON.stringify(hireTypeObj))
     setSeachCondition('types', obj.id)
 }