筛选文字 认证房源修改为认证中介 首页骨架增加圆角
BIN
src/assets/img/detail/WhatsAppIcon.png
Normal file
After Width: | Height: | Size: 104 KiB |
6
src/assets/img/detail/arrowIcon.svg
Normal file
@ -0,0 +1,6 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="12px" height="12px" xmlns="http://www.w3.org/2000/svg">
|
||||
<g transform="matrix(1 0 0 1 -581 -4748 )">
|
||||
<path d="M 5.25 10.046875 C 5.38541666666667 10.046875 5.50260416666667 9.99739583333333 5.6015625 9.8984375 L 9.1484375 6.3515625 C 9.24739583333333 6.25260416666667 9.296875 6.13541666666667 9.296875 6 C 9.296875 5.86458333333333 9.24739583333333 5.74739583333333 9.1484375 5.6484375 L 5.6015625 2.1015625 C 5.50260416666667 2.00260416666667 5.38541666666667 1.953125 5.25 1.953125 C 5.11458333333333 1.953125 4.99739583333333 2.00260416666667 4.8984375 2.1015625 L 4.1015625 2.8984375 C 4.00260416666667 2.99739583333333 3.953125 3.11458333333333 3.953125 3.25 C 3.953125 3.38541666666667 4.00260416666667 3.50260416666667 4.1015625 3.6015625 L 6.5 6 L 4.1015625 8.3984375 C 4.00260416666667 8.49739583333333 3.953125 8.61458333333333 3.953125 8.75 C 3.953125 8.88541666666667 4.00260416666667 9.00260416666667 4.1015625 9.1015625 L 4.8984375 9.8984375 C 4.99739583333333 9.99739583333333 5.11458333333333 10.046875 5.25 10.046875 Z M 11.1953125 2.98828125 C 11.7317708333333 3.90755208333333 12 4.91145833333333 12 6 C 12 7.08854166666667 11.7317708333333 8.09244791666666 11.1953125 9.01171875 C 10.6588541666667 9.93098958333333 9.93098958333333 10.6588541666667 9.01171875 11.1953125 C 8.09244791666667 11.7317708333333 7.08854166666667 12 6 12 C 4.91145833333333 12 3.90755208333333 11.7317708333333 2.98828125 11.1953125 C 2.06901041666667 10.6588541666667 1.34114583333333 9.93098958333333 0.8046875 9.01171875 C 0.268229166666667 8.09244791666666 0 7.08854166666667 0 6 C 0 4.91145833333333 0.268229166666667 3.90755208333333 0.8046875 2.98828125 C 1.34114583333333 2.06901041666667 2.06901041666667 1.34114583333333 2.98828125 0.8046875 C 3.90755208333333 0.268229166666666 4.91145833333333 0 6 0 C 7.08854166666667 0 8.09244791666667 0.268229166666666 9.01171875 0.8046875 C 9.93098958333333 1.34114583333333 10.6588541666667 2.06901041666667 11.1953125 2.98828125 Z " fill-rule="nonzero" fill="#000000" stroke="none" transform="matrix(1 0 0 1 581 4748 )" />
|
||||
</g>
|
||||
</svg>
|
12
src/assets/img/detail/bigPopBg.svg
Normal file
@ -0,0 +1,12 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="579px" height="460px" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<linearGradient gradientUnits="userSpaceOnUse" x1="0" y1="0" x2="579" y2="460" id="LinearGradient960">
|
||||
<stop id="Stop961" stop-color="#d0e9ff" offset="0" />
|
||||
<stop id="Stop962" stop-color="#8080ff" offset="1" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<g transform="matrix(1 0 0 1 -561 -10415 )">
|
||||
<path d="M 0 460 L 0 0 L 302 0 C 302 0 510 94 447 216 C 384 338 579 460 579 460 L 0 460 Z " fill-rule="nonzero" fill="url(#LinearGradient960)" stroke="none" transform="matrix(1 0 0 1 561 10415 )" />
|
||||
</g>
|
||||
</svg>
|
BIN
src/assets/img/detail/cloneIcon.png
Normal file
After Width: | Height: | Size: 1.1 KiB |
BIN
src/assets/img/detail/close.png
Normal file
After Width: | Height: | Size: 1.8 KiB |
BIN
src/assets/img/detail/crowdImg.jpg
Normal file
After Width: | Height: | Size: 91 KiB |
BIN
src/assets/img/detail/crowdTitle.png
Normal file
After Width: | Height: | Size: 5.9 KiB |
BIN
src/assets/img/detail/home.png
Normal file
After Width: | Height: | Size: 1.3 KiB |
6
src/assets/img/detail/imageArrowIcon.svg
Normal file
@ -0,0 +1,6 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="30px" xmlns="http://www.w3.org/2000/svg">
|
||||
<g transform="matrix(1 0 0 1 -1542 -6363 )">
|
||||
<path d="M 17.6907216494845 14.3086172344689 C 17.8969072164948 14.5090180360721 18 14.7394789579158 18 15 C 18 15.2605210420842 17.8969072164948 15.4909819639279 17.6907216494845 15.6913827655311 L 3.27835051546392 29.6993987975952 C 3.07216494845361 29.8997995991984 2.83505154639175 30 2.56701030927835 30 C 2.29896907216495 30 2.06185567010309 29.8997995991984 1.85567010309278 29.6993987975952 L 0.309278350515464 28.1963927855711 C 0.103092783505155 27.9959919839679 0 27.7655310621242 0 27.5050100200401 C 0 27.2444889779559 0.103092783505155 27.0140280561122 0.309278350515464 26.813627254509 L 12.4639175257732 15 L 0.309278350515464 3.18637274549098 C 0.103092783505155 2.98597194388777 0 2.75551102204409 0 2.49498997995992 C 0 2.23446893787575 0.103092783505155 2.00400801603206 0.309278350515464 1.80360721442886 L 1.85567010309278 0.30060120240481 C 2.06185567010309 0.100200400801602 2.29896907216495 0 2.56701030927835 0 C 2.83505154639175 0 3.07216494845361 0.100200400801602 3.27835051546392 0.30060120240481 L 17.6907216494845 14.3086172344689 Z " fill-rule="nonzero" fill="#f2f2f2" stroke="none" transform="matrix(1 0 0 1 1542 6363 )" />
|
||||
</g>
|
||||
</svg>
|
11
src/assets/img/detail/imageClose.svg
Normal file
@ -0,0 +1,11 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="20px" height="20px" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<filter x="-50.00%" y="-50.00%" width="200.00%" height="200.00%" filterUnits="objectBoundingBox" id="filter248">
|
||||
<feColorMatrix type="matrix" values="1 0 0 0 1 0 1 0 0 1 0 0 1 0 1 0 0 0 1 0 " in="SourceGraphic" />
|
||||
</filter>
|
||||
</defs>
|
||||
<g transform="matrix(1 0 0 1 -1683 -6028 )">
|
||||
<image preserveAspectRatio="none" style="overflow:visible" width="20" height="20" xlink:href="data:image/png;base64,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" x="1683px" y="6028px" filter="url(#filter248)" />
|
||||
</g>
|
||||
</svg>
|
7
src/assets/img/detail/markIconNot.svg
Normal file
@ -0,0 +1,7 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="10px" height="10px" xmlns="http://www.w3.org/2000/svg">
|
||||
<g transform="matrix(1 0 0 1 -792 -1470 )">
|
||||
<path d="M 797 1471 C 799.24 1471 801 1472.76 801 1475 C 801 1477.24 799.24 1479 797 1479 C 794.76 1479 793 1477.24 793 1475 C 793 1472.76 794.76 1471 797 1471 Z " fill-rule="nonzero" fill="#f2f2f2" stroke="none" />
|
||||
<path d="M 797 1471 C 799.24 1471 801 1472.76 801 1475 C 801 1477.24 799.24 1479 797 1479 C 794.76 1479 793 1477.24 793 1475 C 793 1472.76 794.76 1471 797 1471 Z " stroke-width="2" stroke="#d7d7d7" fill="none" />
|
||||
</g>
|
||||
</svg>
|
BIN
src/assets/img/detail/moreBoxIcon.png
Normal file
After Width: | Height: | Size: 1.2 KiB |
BIN
src/assets/img/detail/phoneIcon.png
Normal file
After Width: | Height: | Size: 2.0 KiB |
12
src/assets/img/detail/popBg.svg
Normal file
@ -0,0 +1,12 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="366px" height="400px" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<linearGradient gradientUnits="userSpaceOnUse" x1="0" y1="0" x2="366" y2="400" id="LinearGradient981">
|
||||
<stop id="Stop982" stop-color="#d0e9ff" offset="0" />
|
||||
<stop id="Stop983" stop-color="#8080ff" offset="1" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<g transform="matrix(1 0 0 1 -360 -9780 )">
|
||||
<path d="M 0 400 L 0 0 L 149 0 C 149 0 243.823834196891 88.9130434782601 204 195 C 164.176165803109 301.086956521738 366 400 366 400 L 0 400 Z " fill-rule="nonzero" fill="url(#LinearGradient981)" stroke="none" transform="matrix(1 0 0 1 360 9780 )" />
|
||||
</g>
|
||||
</svg>
|
12
src/assets/img/detail/popBigBg.svg
Normal file
@ -0,0 +1,12 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="700px" height="368px" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<linearGradient gradientUnits="userSpaceOnUse" x1="506" y1="10644" x2="1311" y2="10644" id="LinearGradient966">
|
||||
<stop id="Stop967" stop-color="#ffffff" offset="0" />
|
||||
<stop id="Stop968" stop-color="#eff7ff" stop-opacity="0.752941176470588" offset="1" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<g transform="matrix(1 0 0 1 -611 -10461 )">
|
||||
<path d="M 611 10471 A 10 10 0 0 1 621 10461 L 1301 10461 A 10 10 0 0 1 1311 10471 L 1311 10819 A 10 10 0 0 1 1301 10829 L 621 10829 A 10 10 0 0 1 611 10819 L 611 10471 Z " fill-rule="nonzero" fill="url(#LinearGradient966)" stroke="none" />
|
||||
</g>
|
||||
</svg>
|
21
src/assets/img/detail/popBigBgMap.svg
Normal file
12
src/assets/img/detail/popSBg.svg
Normal file
@ -0,0 +1,12 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="320px" height="320px" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<linearGradient gradientUnits="userSpaceOnUse" x1="352" y1="9979.13043478261" x2="720" y2="9979.13043478261" id="LinearGradient985">
|
||||
<stop id="Stop986" stop-color="#ffffff" offset="0" />
|
||||
<stop id="Stop987" stop-color="#eff7ff" stop-opacity="0.752941176470588" offset="1" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<g transform="matrix(1 0 0 1 -400 -9820 )">
|
||||
<path d="M 400 9830 A 10 10 0 0 1 410 9820 L 710 9820 A 10 10 0 0 1 720 9830 L 720 10130 A 10 10 0 0 1 710 10140 L 410 10140 A 10 10 0 0 1 400 10130 L 400 9830 Z " fill-rule="nonzero" fill="url(#LinearGradient985)" stroke="none" />
|
||||
</g>
|
||||
</svg>
|
11
src/assets/img/detail/popSbgMap.svg
Normal file
BIN
src/assets/img/detail/qrCodeIcon.png
Normal file
After Width: | Height: | Size: 751 B |
BIN
src/assets/img/detail/school.png
Normal file
After Width: | Height: | Size: 1.3 KiB |
12
src/assets/img/detail/threeConcatBG.svg
Normal file
@ -0,0 +1,12 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="579px" height="560px" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<linearGradient gradientUnits="userSpaceOnUse" x1="0" y1="0" x2="579" y2="560" id="LinearGradient239">
|
||||
<stop id="Stop240" stop-color="#d0e9ff" offset="0" />
|
||||
<stop id="Stop241" stop-color="#8080ff" offset="1" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<g transform="matrix(1 0 0 1 -561 -12527 )">
|
||||
<path d="M 0 560 L 0 0 L 302 0 C 302 0 510 114.434782608696 447 262.95652173913 C 384 411.478260869565 579 560 579 560 L 0 560 Z " fill-rule="nonzero" fill="url(#LinearGradient239)" stroke="none" transform="matrix(1 0 0 1 561 12527 )" />
|
||||
</g>
|
||||
</svg>
|
11
src/assets/img/detail/threePopbigMap.svg
Normal file
11
src/assets/img/detail/timeIcon.svg
Normal file
@ -0,0 +1,11 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="16px" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<filter x="-50.00%" y="-50.00%" width="200.00%" height="200.00%" filterUnits="objectBoundingBox" id="filter921">
|
||||
<feColorMatrix type="matrix" values="1 0 0 0 -0.16 0 1 0 0 -0.16 0 0 1 0 -0.16 0 0 0 1 0 " in="SourceGraphic" />
|
||||
</filter>
|
||||
</defs>
|
||||
<g transform="matrix(1 0 0 1 -1359 -631 )">
|
||||
<image preserveAspectRatio="none" style="overflow:visible" width="16" height="16" xlink:href="data:image/png;base64,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" x="1359px" y="631px" filter="url(#filter921)" />
|
||||
</g>
|
||||
</svg>
|
6
src/assets/img/detail/voideIcon.svg
Normal file
@ -0,0 +1,6 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="18px" xmlns="http://www.w3.org/2000/svg">
|
||||
<g transform="matrix(1 0 0 1 -656 -6759 )">
|
||||
<path d="M 4.482421875 1.20703125 C 5.861328125 0.402343749999998 7.3671875 0 9 0 C 10.6328125 0 12.138671875 0.402343749999998 13.517578125 1.20703125 C 14.896484375 2.01171875 15.98828125 3.103515625 16.79296875 4.482421875 C 17.59765625 5.861328125 18 7.3671875 18 9 C 18 10.6328125 17.59765625 12.138671875 16.79296875 13.517578125 C 15.98828125 14.896484375 14.896484375 15.98828125 13.517578125 16.79296875 C 12.138671875 17.59765625 10.6328125 18 9 18 C 7.3671875 18 5.861328125 17.59765625 4.482421875 16.79296875 C 3.103515625 15.98828125 2.01171875 14.896484375 1.20703125 13.517578125 C 0.40234375 12.138671875 0 10.6328125 0 9 C 0 7.3671875 0.40234375 5.861328125 1.20703125 4.482421875 C 2.01171875 3.103515625 3.103515625 2.01171875 4.482421875 1.20703125 Z M 7.125 13.39453125 L 13.5 9.64453125 C 13.75 9.50390625 13.875 9.2890625 13.875 9 C 13.875 8.7109375 13.75 8.49609375 13.5 8.35546875 L 7.125 4.60546875 C 6.8828125 4.45703125 6.6328125 4.453125 6.375 4.59375 C 6.125 4.7421875 6 4.9609375 6 5.25 L 6 12.75 C 6 13.0390625 6.125 13.2578125 6.375 13.40625 C 6.5 13.46875 6.625 13.5 6.75 13.5 C 6.8828125 13.5 7.0078125 13.46484375 7.125 13.39453125 Z " fill-rule="nonzero" fill="#ffffff" stroke="none" fill-opacity="0.8" transform="matrix(1 0 0 1 656 6759 )" />
|
||||
</g>
|
||||
</svg>
|
BIN
src/assets/img/detail/wxIcon.png
Normal file
After Width: | Height: | Size: 1.9 KiB |
11
src/assets/img/detail/wxQrCode.svg
Normal file
BIN
src/assets/img/detail/wxQrcode.jpg
Normal file
After Width: | Height: | Size: 91 KiB |
BIN
src/assets/img/detail/wxTitle.png
Normal file
After Width: | Height: | Size: 7.0 KiB |
@ -0,0 +1,207 @@
|
||||
<template>
|
||||
<div class="watch-box">
|
||||
<div class="pos-r dis-f al-item mg-t-60">
|
||||
<div class="s-w-100">
|
||||
<el-carousel arrow="never" height="600px" :autoplay="false" indicator-position="none" ref="carousel">
|
||||
<el-carousel-item v-for="(item, i) in list" :key="i">
|
||||
<div class="dis-f jus-x al-item">
|
||||
<div class="img-box">
|
||||
{{ item }}
|
||||
<img src="" class="img" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</el-carousel-item>
|
||||
</el-carousel>
|
||||
</div>
|
||||
<img src="../../assets/img/detail/imageArrowIcon.svg" class="image-arrow-icon left-arrow" @click="next" alt="">
|
||||
<img src="../../assets/img/detail/imageArrowIcon.svg" class="image-arrow-icon right-arrow" @click="prev" alt="">
|
||||
</div>
|
||||
<div class="tab-text">
|
||||
{{ `${imageTab + 1}/${list.length}` }}
|
||||
</div>
|
||||
<div class="dis-f jus-x al-item">
|
||||
<div class="list-img-box dis-f al-item">
|
||||
<div v-for="(item, i) in list" :key="i">
|
||||
<div class="voide" :class="{ 'select-box': imageTab === i }">
|
||||
<div class="icon-box dis-f jus-x al-item">
|
||||
<img src="" class="icon" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="img" :class="{ 'select-box': imageTab === i }"></div> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<img src="../../assets/img/detail/imageClose.svg" class="close-img" alt="">
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { reactive, onMounted, ref, defineProps } from 'vue'
|
||||
|
||||
const props = defineProps({
|
||||
list: {
|
||||
type: Array,
|
||||
default: function () {
|
||||
return [1, 2, 3, 4, 5]
|
||||
}
|
||||
}
|
||||
})
|
||||
let list = props.list
|
||||
|
||||
let carousel = ref(null)
|
||||
let imageTab = ref(0)
|
||||
//上一张
|
||||
let prev = () => {
|
||||
if (imageTab.value === list.length) return
|
||||
imageTab.value++
|
||||
carousel.value.prev()
|
||||
console.log(imageTab.value)
|
||||
}
|
||||
|
||||
//下一张
|
||||
let next = () => {
|
||||
if (imageTab.value <= 0) return
|
||||
imageTab.value--
|
||||
carousel.value.next()
|
||||
console.log(imageTab.value)
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
img {
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
.dis-f {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.jus-x {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.al-item {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.pos-r {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.body-maxWidth {
|
||||
width: 1200px;
|
||||
min-width: 1200px;
|
||||
}
|
||||
|
||||
.s-w-100 {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.jus-bet {
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.close-img {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
top: 20px;
|
||||
}
|
||||
|
||||
.right-arrow {
|
||||
right: 30px;
|
||||
z-index: 66;
|
||||
}
|
||||
|
||||
.left-arrow {
|
||||
left: 30px;
|
||||
z-index: 66;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.image-arrow-icon {
|
||||
width: 18px;
|
||||
height: 30px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.mg-t-60 {
|
||||
margin-top: 60px;
|
||||
}
|
||||
|
||||
.watch-box {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #4c4c4c;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 999;
|
||||
|
||||
.tab-text {
|
||||
font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
font-size: 14px;
|
||||
color: #FFFFFF;
|
||||
text-align: center;
|
||||
padding: 20px 0;
|
||||
}
|
||||
|
||||
.list-img-box {
|
||||
overflow-x: scroll;
|
||||
width: 800px;
|
||||
height: 100px;
|
||||
|
||||
.select-box {
|
||||
border: 1px solid #50e3c2;
|
||||
}
|
||||
|
||||
.img {
|
||||
height: 60px;
|
||||
border: 1px solid transparent;
|
||||
margin-left: 5px;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.voide {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
border: 1px solid transparent;
|
||||
margin-left: 5px;
|
||||
border-radius: 8px;
|
||||
|
||||
.icon-box {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
background: inherit;
|
||||
background-color: rgba(51, 51, 51, 0.733333333333333);
|
||||
border: none;
|
||||
border-radius: 8px;
|
||||
|
||||
.icon {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.img-box {
|
||||
width: 800px;
|
||||
height: 600px;
|
||||
background: #fff;
|
||||
border-radius: 10px;
|
||||
overflow: hidden;
|
||||
|
||||
.img {
|
||||
height: 600px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
|
@ -243,23 +243,23 @@ import store from '../../store/index';
|
||||
let configData = reactive({ data: {} })
|
||||
|
||||
//保存筛选参数
|
||||
let setStoreSelectData=(obj,data,type)=>{
|
||||
console.log(store.state.seachSelect)
|
||||
// otherCheck['list']
|
||||
// releaseObj.id
|
||||
// gender.id
|
||||
// hireDate.id
|
||||
// hireDate.title
|
||||
// hireTypeObj.id
|
||||
// hireTypeObj.title
|
||||
// hireTypeObj.hireId
|
||||
// selectTabCheck.id
|
||||
// selectTabCheck.title
|
||||
// selectTabCheck.data
|
||||
// selectData.data
|
||||
// schoolSelectObj.id
|
||||
// schoolSelectObj.title
|
||||
}
|
||||
// let setStoreSelectData=(obj,data,type)=>{
|
||||
// console.log(store.state.seachSelect)
|
||||
// // otherCheck['list']
|
||||
// // releaseObj.id
|
||||
// // gender.id
|
||||
// // hireDate.id
|
||||
// // hireDate.title
|
||||
// // hireTypeObj.id
|
||||
// // hireTypeObj.title
|
||||
// // hireTypeObj.hireId
|
||||
// // selectTabCheck.id
|
||||
// // selectTabCheck.title
|
||||
// // selectTabCheck.data
|
||||
// // selectData.data
|
||||
// // schoolSelectObj.id
|
||||
// // schoolSelectObj.title
|
||||
// }
|
||||
|
||||
//监听路由
|
||||
const route = useRouter()
|
||||
@ -491,7 +491,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)
|
||||
}
|
||||
|
||||
@ -572,9 +572,13 @@ let cleanSelect = () => {
|
||||
//根据路由设置参数
|
||||
let setRouterQuerySet = ref(true)
|
||||
let routerQuerySet = () => {
|
||||
// console.log(setRouterQuerySet.value)
|
||||
if (!setRouterQuerySet.value) return
|
||||
//路由参数设置
|
||||
if ((routeQuery.data && routeQuery.data.houseingPageType === '1') || (routePath.value === '/intermediaryHousing')) {
|
||||
otherData = reactive([{ title: '认证中介', id: 'isverified' }, { title: '有电梯', id: 'iselevator' }, { title: '有阳台', id: 'issunshinearea' }])
|
||||
} else {
|
||||
otherData = reactive([{ title: '认证房源', id: 'isverified' }, { title: '有电梯', id: 'iselevator' }, { title: '有阳台', id: 'issunshinearea' }])
|
||||
}
|
||||
if (Object.keys(routeQuery.data).length > 0) {
|
||||
if (!routeQuery.data || routeQuery.data && !routeQuery.data.data) return
|
||||
let data = JSON.parse(routeQuery.data.data)
|
||||
@ -589,12 +593,10 @@ let routerQuerySet = () => {
|
||||
hireTypeObj.hireId = type == 1 ? '合租' : type == 2 ? '整租' : '不限'
|
||||
} else if (routeQuery.data.type === 'location') {
|
||||
let areaItem = JSON.parse(routeQuery.data.areaItem)
|
||||
console.log(areaItem)
|
||||
selectTabCheck.id = areaItem.id;
|
||||
selectTabCheck.title = areaItem.name
|
||||
selectTabCheck.data = list[areaItem.id].data;
|
||||
selectData.data = seachAreaId(data)
|
||||
console.log(selectData.data)
|
||||
setCheckBoxData(data)//设置地区选项
|
||||
}
|
||||
}
|
||||
@ -970,14 +972,17 @@ img {
|
||||
margin-right: 10px;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
border:1px solid transparent;
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
.btn:hover{
|
||||
border:1px solid rgba(235,235,235,1)
|
||||
|
||||
.btn:hover {
|
||||
border: 1px solid rgba(235, 235, 235, 1)
|
||||
}
|
||||
.dropdown-btn:hover{
|
||||
border:1px solid rgba(235,235,235,1);
|
||||
|
||||
.dropdown-btn:hover {
|
||||
border: 1px solid rgba(235, 235, 235, 1);
|
||||
}
|
||||
|
||||
.dropdown-btn {
|
||||
height: 30px;
|
||||
display: flex;
|
||||
@ -992,7 +997,7 @@ img {
|
||||
text-align: center;
|
||||
padding: 5px 10px;
|
||||
cursor: pointer;
|
||||
border:1px solid transparent;
|
||||
border: 1px solid transparent;
|
||||
|
||||
.mg-l-30 {
|
||||
margin-left: 30px !important;
|
||||
|
@ -2,7 +2,7 @@
|
||||
<div>
|
||||
<el-skeleton style="width: 240px" :animated="true">
|
||||
<template #template>
|
||||
<el-skeleton-item variant="image" style="width: 240px; height: 240px" />
|
||||
<el-skeleton-item variant="image" style="width: 240px; height: 240px;border-radius:8px;" />
|
||||
<div style="padding: 14px">
|
||||
<el-skeleton-item variant="p" style="width: 50%" />
|
||||
<div style="
|
||||
|
24
src/main.js
@ -23,6 +23,7 @@ import {
|
||||
ElSkeleton,
|
||||
ElSkeletonItem,
|
||||
ElBreadcrumb,
|
||||
ElAffix
|
||||
// 其他需要的组件
|
||||
} from 'element-plus'
|
||||
|
||||
@ -39,17 +40,17 @@ import api from "./utils/api";
|
||||
import Axios from '@/utils/axios';
|
||||
|
||||
|
||||
api.index().then(res => {
|
||||
if (res.code === 200) {
|
||||
store.state.seachTypeData = res.data.combination
|
||||
store.state.indexData = res.data
|
||||
store.state.ListSelectBtn = res.data.recommendedTab
|
||||
store.state.user = res.data.user
|
||||
store.state.nav = res.data.nav
|
||||
store.state.wechat = res.data.wechat
|
||||
store.state.apartment = res.data.config.apartment
|
||||
}
|
||||
})
|
||||
// api.index().then(res => {
|
||||
// if (res.code === 200) {
|
||||
// store.state.seachTypeData = res.data.combination
|
||||
// store.state.indexData = res.data
|
||||
// store.state.ListSelectBtn = res.data.recommendedTab
|
||||
// store.state.user = res.data.user
|
||||
// store.state.nav = res.data.nav
|
||||
// store.state.wechat = res.data.wechat
|
||||
// store.state.apartment = res.data.config.apartment
|
||||
// }
|
||||
// })
|
||||
|
||||
|
||||
const app = createApp(App)
|
||||
@ -73,6 +74,7 @@ app.use(ElSkeleton)
|
||||
app.use(ElSkeletonItem)
|
||||
app.use(ElMessage)
|
||||
app.use(ElBreadcrumb)
|
||||
app.use(ElAffix)
|
||||
|
||||
app.use(store).use(router).use(Axios).mount('#app')
|
||||
// app.use(store).use(router).use(Axios).use(ElementPlus, {
|
||||
|