微调

src/components/FirstJob/components/rightPanel/active.vue

@@ -90,7 +90,8 @@
       .item{
         margin-bottom: 12px;
         border-bottom: 1px solid #dcdcdc;
-        height: 50px;
+        padding-top: 10px;
+        padding-bottom: 10px;
         .title{
           color: rgb(25, 25, 25);
           font-size: 14px;

src/components/FirstJob/components/rightPanel/hot.vue

@@ -3,7 +3,7 @@
     <div class="m-title">
       24小时热榜
     </div>
-    <div class="m-list">
+    <div class="m-list" v-if="list.length > 0">
       <div v-for="(item,index) in list" :key="index"
            class="item g_flex_row_start"
       >
@@ -15,6 +15,9 @@
         </div>
       </div>
     </div>
+    <div class="m-loading g_flex_c" v-if="list.length == 0" style="min-height: 322px;">
+      <a-spin />
+    </div>
     <div class="m-more g_flex_column_center">
       <div class="g_flex_row_center">
         <div class="text">
@@ -29,42 +32,46 @@
 </template>
 
 <script>
+  import {
+	JobListApi,
+} from "../../../../api/job";
+
   export default {
     name: 'Hot',
     props: {},
     data() {
       return {
-        list:[
-          {
-            title:'江苏丹阳晨阳电子江苏丹阳晨阳电子江苏丹阳晨阳电子江苏丹阳晨阳电子',
-          },
-          {
-            title:'江苏丹阳晨阳电子江苏丹阳晨阳电子江苏丹阳晨阳电子江苏丹阳晨阳电子',
-          },
-          {
-            title:'江苏丹阳晨阳电子江苏丹阳晨阳电子江苏丹阳晨阳电子江苏丹阳晨阳电子',
-          },
-          {
-            title:'江苏丹阳晨阳电子江苏丹阳晨阳电子江苏丹阳晨阳电子江苏丹阳晨阳电子',
-          },
-          {
-            title:'江苏丹阳晨阳电子江苏丹阳晨阳电子江苏丹阳晨阳电子江苏丹阳晨阳电子',
-          },
-          {
-            title:'江苏丹阳晨阳电子江苏丹阳晨阳电子江苏丹阳晨阳电子江苏丹阳晨阳电子',
-          },
-          {
-            title:'江苏丹阳晨阳电子江苏丹阳晨阳电子江苏丹阳晨阳电子江苏丹阳晨阳电子',
-          },
-          {
-            title:'江苏丹阳晨阳电子江苏丹阳晨阳电子江苏丹阳晨阳电子江苏丹阳晨阳电子',
-          }
-        ]
+        list:[]
       }
     },
-    created() {},
-    mounted() {},
-    methods: {}
+    created() {
+      this.getList()
+    },
+    mounted() {
+      
+    },
+    methods: {
+      async getList(){
+        let that = this;
+        const { data } = await JobListApi({
+          pageNum: 1,
+          pageSize: 8,
+          jobCategory: 608,
+          sortTag:3
+        });
+        let resData = data.data;
+        if(resData.recordCount > 0){
+          that.list = resData.recordList.map(item => {
+            return {
+              title:item.jobName
+            }
+          })
+        }else{
+          that.list = [];
+        }
+        console.log('24小时热榜',data);
+      }
+    }
   }
 </script>
 

src/components/FirstJob/joblist.vue

@@ -902,7 +902,7 @@
 
 		<div class="top-obj g_flex_c" 
 				 ref="backToTop"
-					style="width: 40px;height: 40px;background-color: #fff;border-radius: 50%;position: fixed;bottom: 100px;right: calc(50vw - 470px);cursor: pointer;"
+					style="width: 40px;height: 40px;background-color: #fff;border-radius: 50%;position: fixed;bottom: 100px;right: calc(50vw - 546px);cursor: pointer;"
 					@click="totop"
 					v-if="!isspinning"
 		>
@@ -3852,7 +3852,7 @@ p {
 				border-radius: 50%;
 				position: fixed;
 				bottom: 100px;
-				right: calc(50vw - 470px);
+				right: calc(50vw - 546px);
 				cursor: pointer;
 				transition: opacity 0.3s ease;
 				opacity: 0;