diff --git a/src/components/apartment/seachModule.vue b/src/components/apartment/seachModule.vue index f11aba4..7712a65 100644 --- a/src/components/apartment/seachModule.vue +++ b/src/components/apartment/seachModule.vue @@ -101,7 +101,7 @@
-
租金
+
租金
-
转发网页版
@@ -52,31 +50,21 @@ const popperOptions = ref({ ] }); -watch(() => props.concatType, (newValue, oldValue) => { +if (props['type'] == 'housingTop') popperOptions.value['modifiers'][0]['options']['offset'][0] = 14 - nextTick(() => { - if (newValue && props['type'] != 'apartment') popperOptions.value['modifiers'][0]['options']['offset'][0] = 235 - else if (props['type'] != 'apartment') popperOptions.value['modifiers'][0]['options']['offset'][0] = 38 - else popperOptions.value['modifiers'][0]['options']['offset'][0] = 14 - }) + +watch(() => props.concatType, (newValue, oldValue) => { + setTimeout(() => { + if (newValue && props['type'] == 'housingTop') popperOptions.value['modifiers'][0]['options']['offset'][0] = 225 + else if (props['type'] == 'housingTop') popperOptions.value['modifiers'][0]['options']['offset'][0] = 14 + }, 250) }); -// popperOptions.value['modifiers'][0]['options']['offset'][0] = 235 - -// popperOptions.value['modifiers'][0]['options']['offset'][0] = 14 let url = location.href -let popover = ref(null) -let btn = ref(null) - - -setTimeout(() => { - console.log(popover, "popover"); -}, 3000) - const copy = () => { copyToClipboard(`${props['title']} - ${url}`).then(() => { ElMessage.success("复制成功!!!") @@ -86,17 +74,10 @@ const copy = () => { \ No newline at end of file diff --git a/src/views/detail.vue b/src/views/detail.vue index ebb72f8..d97a1ae 100644 --- a/src/views/detail.vue +++ b/src/views/detail.vue @@ -67,14 +67,14 @@
-
+
转发 - + :title="housingInfo.data.info['subject']" :concatType="concatType" type="housingTop">
@@ -470,54 +470,53 @@
-
-
-
-
- 房源距离院校 - -
-
-
-
-
-
- - -
-
+
+
+
+
+ 房源距离院校 + +
+
+
+
+
+
+ + +
{{ item && item.name }} -
-
-
- - {{ items.title }} - - - - +
-
-
+
{{ item && item.recently_distance }}km @@ -559,9 +558,10 @@
房源ID :  {{ housingInfo['data'] && housingInfo['data'].info.id}} + housingInfo['data'].info.uid)">{{ housingInfo['data'] + && housingInfo['data'].info.uid }} - 浏览 :{{ housingInfo['data'] && housingInfo['data'].info.count_view + 浏览 : {{ housingInfo['data'] && housingInfo['data'].info.count_view }}
@@ -1176,10 +1176,8 @@ let clone = (text) => { document.body.removeChild(textareaEle); ElMessage({ message: '复制成功', + type: 'success', center: true, - offset: 320, - duration: 1000, - customClass: 'message-info' }) } @@ -2277,7 +2275,7 @@ img { font-size: 14px; padding: 30px 20px; position: relative; - /* z-index: 333; */ + z-index: 333; .detail-price-box { font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif; @@ -2624,9 +2622,7 @@ img { .houseing-info-box-s { height: 17px; width: 1px; - background-image: linear-gradient(to top, #d7d7d7 0%, #d7d7d7 50%, transparent 0%); - background-size: 4px 2px; - background-repeat: repeat-y; + border-right: 1px dashed #d7d7d7; } .browse-box { @@ -2731,7 +2727,7 @@ img { .show-distance-info-box { border-width: 1px; - /* border-style: solid; */ + border-style: solid; border-color: rgba(235, 235, 235, 1); -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.0784313725490196); -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.0784313725490196); @@ -2739,126 +2735,6 @@ img { transition: all 0.2s linear; } - .distance-info-box { - background: inherit; - background-color: rgba(255, 255, 255, 1); - box-sizing: border-box; - height: 0; - border-radius: 16px; - position: absolute; - left: 0; - top: 130px; - z-index: 666; - width: 100%; - max-height: 610px; - transition: all 0.2s linear; - overflow: hidden; - - .top-box { - height: 70px; - } - - .distance-box-s { - height: 500px; - overflow-y: scroll; - } - .distance-box-s ::-webkit-scrollbar{ - width: 8px; - } - - .distance-info-data { - padding: 30px 45px 0 45px; - position: relative; - justify-content: space-around; - flex-direction: column; - - .home-icon { - background: #ffcc17 !important; - } - - .icon-box { - width: 32px; - height: 32px; - border-radius: 50%; - background: #50e3c2; - margin-right: 15px; - position: relative; - } - - .icon { - width: 20px; - height: 20px; - } - - .line { - background-image: linear-gradient(to top, #d7d7d7 0%, #d7d7d7 50%, transparent 0%); - background-size: 5px 2px; - background-repeat: repeat-y; - height: 50px; - width: 1px; - position: absolute; - top: -50px; - } - - .mg-t-50 { - margin-top: 50px; - } - - .school-info { - font-family: 'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC', sans-serif; - font-weight: 650; - font-style: normal; - font-size: 16px; - color: #333; - - .address-info { - font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif; - font-weight: 400; - font-style: normal; - font-size: 14px; - color: #333; - margin-left: 30px; - } - } - } - - .title-box { - position: absolute; - top: 0; - left: 0; - height: 70px; - background: -webkit-linear-gradient(270deg, rgba(209, 248, 239, 1) 0%, rgba(255, 255, 255, 1) 144%); - background: -moz-linear-gradient(180deg, rgba(209, 248, 239, 1) 0%, rgba(255, 255, 255, 1) 144%); - background: linear-gradient(180deg, rgba(209, 248, 239, 1) 0%, rgba(255, 255, 255, 1) 144%); - box-sizing: border-box; - border-width: 1px; - border-style: solid; - border-color: rgba(235, 235, 235, 1); - border-radius: 16px; - border-bottom-right-radius: 0px; - border-bottom-left-radius: 0px; - -moz-box-shadow: none; - -webkit-box-shadow: none; - box-shadow: none; - width: 100%; - - .title { - font-family: 'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC', sans-serif; - font-weight: 650; - font-style: normal; - font-size: 20px; - color: #000000; - } - - .close-icon { - width: 16px; - height: 16px; - position: absolute; - right: 20px; - } - } - } - .distance-box { width: 100%; height: 101px; @@ -2872,6 +2748,122 @@ img { margin-top: 20px; cursor: pointer; position: relative; + + .distance-info-box { + background: inherit; + background-color: rgba(255, 255, 255, 1); + box-sizing: border-box; + height: 0; + border-radius: 16px; + position: absolute; + left: 0; + top: 110px; + z-index: 666; + width: 100%; + max-height: 610px; + transition: all 0.2s linear; + overflow: hidden; + + .top-box { + height: 70px; + } + + .distance-box-s { + height: 500px; + overflow-y: scroll; + } + + .distance-info-data { + padding: 30px 45px 0 45px; + position: relative; + justify-content: space-around; + flex-direction: column; + + .home-icon { + background: #ffcc17 !important; + } + + .icon-box { + width: 32px; + height: 32px; + border-radius: 50%; + background: #50e3c2; + margin-right: 15px; + position: relative; + } + + .icon { + width: 20px; + height: 20px; + } + + .line { + height: 50px; + width: 1px; + border-left: 1px dashed #e7e7e7; + position: absolute; + top: -50px; + } + + .mg-t-50 { + margin-top: 50px; + } + + .school-info { + font-family: 'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC', sans-serif; + font-weight: 650; + font-style: normal; + font-size: 16px; + color: #333; + + .address-info { + font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif; + font-weight: 400; + font-style: normal; + font-size: 14px; + color: #333; + margin-left: 30px; + } + } + } + + .title-box { + position: absolute; + top: 0; + left: 0; + height: 70px; + background: -webkit-linear-gradient(270deg, rgba(209, 248, 239, 1) 0%, rgba(255, 255, 255, 1) 144%); + background: -moz-linear-gradient(180deg, rgba(209, 248, 239, 1) 0%, rgba(255, 255, 255, 1) 144%); + background: linear-gradient(180deg, rgba(209, 248, 239, 1) 0%, rgba(255, 255, 255, 1) 144%); + box-sizing: border-box; + border-width: 1px; + border-style: solid; + border-color: rgba(235, 235, 235, 1); + border-radius: 16px; + border-bottom-right-radius: 0px; + border-bottom-left-radius: 0px; + -moz-box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; + width: 100%; + + .title { + font-family: 'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC', sans-serif; + font-weight: 650; + font-style: normal; + font-size: 20px; + color: #000000; + } + + .close-icon { + width: 16px; + height: 16px; + position: absolute; + right: 20px; + } + } + } + /* ::-webkit-scrollbar { display: none; } */ @@ -2909,11 +2901,9 @@ img { } .line-img { - height: 2px; + height: 1px; width: 743px; - background-image: linear-gradient(to right, #d7d7d7 0%, #d7d7d7 50%, transparent 0%); - background-size: 4px 2px; - background-repeat: repeat-x; + border: 1px dashed #d7d7d7; } .address-box { @@ -2979,19 +2969,4 @@ img { z-index: 999; } - \ No newline at end of file