可点击样式添加

src/components/detail/breadcrumb.vue

@@ -1,7 +1,6 @@
 <template>
     <div class="pos-r" style="z-index: 1;">
-        <div class="authentication-top" 
+        <div class="authentication-top" :class="[pageType == 2 ? 'intermediary-top' : '']"
-        :class="[pageType==2?'intermediary-top':'']"
             v-if="data['data'] && data['data'].info && (data['data'].info.verified === 1 || data['data'].isintermediary)">
             <div class="dis-f al-item jus-bet">
                 <div v-if="pageType == 1">
@@ -22,19 +21,22 @@
                     <div class="dis-f al-item" style="margin-left:20px;">
                         <img src="../../assets/img/detail/authenticationType.svg" class="type-icon" alt="">
                         <span>
-                            {{ data['data'] && data['data'].info && data['data'].info.intermediary != 1 ? '房东身份证' : '身份证明' }}
+                            {{ data['data'] && data['data'].info && data['data'].info.intermediary != 1 ? '房东身份证' : '身份证明'
+                            }}
                         </span>
                     </div>
                 </div>
             </div>
         </div>
         <div class="title-top-box pos-r">
-            <div class="top-round" v-if="data['data'] && data['data'].info && data['data'].info.verified === 1||data['data'].isintermediary">
+            <div class="top-round"
+                v-if="data['data'] && data['data'].info && data['data'].info.verified === 1 || data['data'].isintermediary">
                 <div class="top-round-s" :class="[pageType == 2 ? 'intermediary-bg' : '']"></div>
             </div>
             <div class="breadcrumb-box">
                 <el-breadcrumb :separator-icon="ArrowRight">
-                    <el-breadcrumb-item v-for="(item, i) in storeData['data']" :key="i" :to="{ path: item.path,query:item.query }">
+                    <el-breadcrumb-item v-for="(item, i) in storeData['data']" :key="i"
+                        :to="{ path: item.path, query: item.query }">
                         <span class="breadcrumb-text">
                             {{ item.title }}
                         </span>
@@ -47,8 +49,11 @@
                 </div>
                 <div class="tool-btn-box dis-f al-item">
                     <div class="btn-s dis-f al-item jus-x" @click="operation">
+                        <div class="pos-r" style="width:20px;height:20px;">
                             <img src="../../assets/img/detail/collect.png" v-show="!data.data.isfav" class="img" alt="">
-                        <img src="../../assets/img/detail/collectT.png" v-show="!data.data.isfav" class="img-mouse" alt="">
+                            <img src="../../assets/img/detail/collectT.png" v-show="!data.data.isfav" class="img-mouse"
+                                alt="">
+                        </div>
                         <img src="../../assets/img/detail/collectT.png" v-show="data.data.isfav" class="img-t" alt="">
                         <span class="mg-l-5">
                             {{ data.data.isfav ? data['data']['info'].count_fav : '收藏' }}
@@ -179,11 +184,13 @@ img {
     font-style: normal;
     font-size: 15px;
     color: #FFFFFF;
+
     .intermediaryDetail-logo {
         width: 25px;
         height: 20px;
         margin-left: -8px;
     }
+
     .intermediaryDetail-title {
         width: 77px;
         height: 20px;
@@ -242,6 +249,7 @@ img {
             height: 24px;
             box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.117647058823529);
         }
+
         .intermediary-bg {
             background: rgba(174, 215, 249, 1) !important;
         }
@@ -256,6 +264,7 @@ img {
             color: #000;
             text-decoration: underline;
         }
+
         .breadcrumb-text {
             font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
             font-weight: 400;
@@ -300,11 +309,13 @@ img {
             }
 
             .btn-s:hover .img-mouse {
-                display: block;
+                opacity: 0.4;
             }
+
             .btn-s:hover .img {
-                display: none;
+                opacity: 0;
             }
+
             .btn-s:hover {
                 color: #000;
             }
@@ -321,16 +332,25 @@ img {
                 cursor: pointer;
 
                 .img-mouse {
+                    position: absolute;
+                    top:0;
+                    left:0;
                     width: 20px;
                     height: 20px;
-                    opacity:0.4;
+                    opacity: 0;
-                    display: none;
+                    transition: all 0.2s linear;
                 }
+
                 .img {
+                    position: absolute;
+                    top:0;
+                    left:0;
                     width: 20px;
                     height: 20px;
-                    display: block;
+                    transition: all 0.2s linear;
+                    opacity: 1;
                 }
+
                 .img-t {
                     width: 20px;
                     height: 20px;
@@ -348,6 +368,5 @@ img {
     }
 
 
-}
+}</style>
-</style>
   

src/components/pageTopBar/pageTopBar.vue

@@ -1,7 +1,7 @@
 <template>
-  <div class="top-bg-img-box pos-r" :style="{ 'height': routePath === '/' ? '568px' : '260px' }">
+  <div class="top-bg-img-box pos-r" :style="{ 'height': bannerLists.data.length ? '568px' : '260px' }">
-    <img src="../../assets/homeImage/indexBg.jpg" class="bg-img" alt="" v-if="routePath === '/'">
+    <img src="../../assets/homeImage/indexBg.jpg" class="bg-img" alt="" v-if="bannerLists.data.length">
-    <img src="../../assets//img/edit/bj-img1920.png" class="bg-img" alt="" v-if="routePath !== '/'">
+    <img src="../../assets//img/edit/bj-img1920.png" class="bg-img" alt="" v-if="!bannerLists.data.length">
     <div class="info-box">
       <!-- 顶部导航 -->
       <div class="dis-f jus-x al-item index-top-navigation-box">
@@ -34,7 +34,7 @@
           <img src="../../assets/homeImage/logoText.png" class="logo-text-img" alt="" @click="goIndex()">
         </div>
       </div>
-      <div class="dis-f jus-x al-item" style="margin-top:20px;" v-if="routePath === '/'">
+      <div class="dis-f jus-x al-item" style="margin-top:20px;" v-if="bannerLists.data.length">
         <div class="body-maxWidth">
           <el-carousel :interval="5000" arrow="always" height="330" style="height:330px;">
             <el-carousel-item v-for="item in bannerLists.data" :key="item.feedId">

src/views/housingView/intermediary.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="box-min-1200-src">
-        <pageTopBar></pageTopBar>
+        <pageTopBar :bannerList="bannerList.data"></pageTopBar>
         <seachModule :count="dataList.count" :getDataList="setSeachSelectData"></seachModule>
         <div class="dis-f jus-x al-item">
             <div class="body-maxWidth mg-t-35" >
@@ -51,6 +51,16 @@ let loading = ref(true)
 let loadingText=ref(' 下拉加载更多 ')
 provide('count', dataCount)
 
+//轮播
+let bannerList = reactive({ data: [] })
+let banner = () => {
+  api.banner({ type: 'home' }).then(res => {
+    if (res.code === 200) {
+      bannerList.data = res.data
+    }
+  })
+}
+
 //保存搜索设置
 let setSeachSelectData = (data) => {
     pages.value = 1
@@ -120,6 +130,7 @@ onMounted(() => {
         percentPosition: true
     });
     getDataList()
+    banner()
     window.addEventListener('scroll', downLoadMore, true);
 })
 

src/views/housingView/needHousing.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="box-min-1200-src">
-        <pageTopBar></pageTopBar>
+        <pageTopBar :bannerList="bannerList.data"></pageTopBar>
         <seachModule :count="dataList.count" :getDataList="setSeachSelectData"></seachModule>
         <div class="dis-f jus-x al-item">
             <div class="body-maxWidth mg-t-35" >
@@ -52,6 +52,16 @@ let loading = ref(true)
 let loadingText=ref(' 下拉加载更多 ')
 provide('count', dataCount)
 
+//轮播
+let bannerList = reactive({ data: [] })
+let banner = () => {
+  api.banner({ type: 'home' }).then(res => {
+    if (res.code === 200) {
+      bannerList.data = res.data
+    }
+  })
+}
+
 //保存搜索设置
 let setSeachSelectData = (data) => {
     pages.value = 1
@@ -120,6 +130,7 @@ onMounted(() => {
         gutter: 20,
         percentPosition: true
     });
+    banner()
     getDataList()
     window.addEventListener('scroll', downLoadMore, true);
 })

src/views/housingView/person.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="box-min-1200-src">
-        <pageTopBar></pageTopBar>
+        <pageTopBar :bannerList="bannerList.data"></pageTopBar>
         <seachModule :getDataList="setSeachSelectData"></seachModule>
         <div class="dis-f jus-x al-item">
             <div class="body-maxWidth mg-t-35">
@@ -66,6 +66,16 @@ let setSeachSelectData = (data) => {
     getDataList(seachSelectData.data)
 }
 
+//轮播
+let bannerList = reactive({ data: [] })
+let banner = () => {
+  api.banner({ type: 'home' }).then(res => {
+    if (res.code === 200) {
+      bannerList.data = res.data
+    }
+  })
+}
+
 //获取搜索数据
 let getDataList = (data) => {
     loadingText.value=' 加载中..... '
@@ -134,6 +144,7 @@ onMounted(() => {
     //         seachSelectData.data = { [type]: typeData }
     //     }
     // }
+    banner()
     getDataList(seachSelectData.data)
     window.addEventListener('scroll', downLoadMore, true);
 })