XiaoMo/gterFang
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

取新

Browse Source
This commit is contained in:
A1300399510
2023-07-27 12:04:22 +08:00
parent 49f1105e28
commit 107b6a241e
1 changed files with 91 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
src/components/indexWaterfallBox/indexWaterfallBox.vue
View File

@@ -11,14 +11,14 @@
<img class="apartment-img" :src="itemData.imageLocal || itemData.image" <img class="apartment-img" :src="itemData.imageLocal || itemData.image"
v-if="itemData.type === 'housing' || itemData.type === 'apartment'" /> v-if="itemData.type === 'housing' || itemData.type === 'apartment'" />
<div class="authentication-box" <div class="authentication-box"
v-if="(itemData&&itemData.type === 'housing' && itemData&&itemData.verified) || (itemData&&itemData.type === 'apartment' &&itemData&& itemData.isintermediary)"> v-if="(itemData && itemData.type === 'housing' && itemData && itemData.verified) || (itemData && itemData.type === 'apartment' && itemData && itemData.isintermediary)">
<img src="../../assets/homeImage/authenticationLogo.png" class="logo" alt=""> <img src="../../assets/homeImage/authenticationLogo.png" class="logo" alt="">
<img src="../../assets/homeImage/authenticationBg.svg" class="authentication-bg" alt=""> <img src="../../assets/homeImage/authenticationBg.svg" class="authentication-bg" alt="">
<img src="../../assets/homeImage/authenticationText.png" class="authentication-text" alt=""> <img src="../../assets/homeImage/authenticationText.png" class="authentication-text" alt="">
</div> </div>
</div> </div>
<div class="long-title"> <div class="long-title">
<span class="type" v-if="itemData.type === 'housing'">{{ itemData.gptype }}</span>{{ itemData&&itemData.title }} <span class="type" v-if="itemData.type === 'housing'">{{ itemData.gptype }}</span>{{ itemData && itemData.title }}
</div> </div>
<div class="type-tab"> <div class="type-tab">
<span v-if="itemData.type === 'housing'"> <span v-if="itemData.type === 'housing'">
@@ -32,7 +32,8 @@
</div> </div>
<div style="padding: 0 10px;margin-top:15px;" class="dis-f al-item" v-if="itemData.type === 'housing'"> <div style="padding: 0 10px;margin-top:15px;" class="dis-f al-item" v-if="itemData.type === 'housing'">
<img src="../../assets/homeImage/addMarker.png" class="add-marker" alt=""> <img src="../../assets/homeImage/addMarker.png" class="add-marker" alt="">
<span class="address-text">{{ location.data&&location.data[itemData.location&&itemData.location.substring(0,1)] }} > {{ location.data&&location.data[itemData.location] }}</span> <span class="address-text">{{ location.data && location.data[itemData.location && itemData.location.substring(0, 1)]
}} > {{ location.data && location.data[itemData.location] }}</span>
</div> </div>
<div style="padding:0 10px;margin-top:12px;" v-if="itemData.type === 'housing'"> <div style="padding:0 10px;margin-top:12px;" v-if="itemData.type === 'housing'">
<span class="unit">{{ itemData.currency }}</span> <span class="unit">{{ itemData.currency }}</span>
@@ -48,29 +49,34 @@
<div class="suite-box" v-if="itemData.type === 'apartment'"> <div class="suite-box" v-if="itemData.type === 'apartment'">
<div class="dis-f al-item jus-bet"> <div class="dis-f al-item jus-bet">
<div class="suite-type"> <div class="suite-type">
{{ itemData.specifications && itemData.specifications[0]&&itemData.specifications[0].title }} {{ itemData.specifications && itemData.specifications[0] && itemData.specifications[0].title }}
</div> </div>
<div> <div>
<span class="unit">HK$</span> <span class="unit">HK$</span>
<span class="price">{{ itemData.specifications && itemData.specifications[0]&&itemData.specifications[0].value }}</span> <span class="price">{{ itemData.specifications &&
itemData.specifications[0] && itemData.specifications[0].value }}</span>
<span class="date">/月</span> <span class="date">/月</span>
</div> </div>
</div> </div>
<div class="line"></div> <div class="line"></div>
<div class="dis-f al-item jus-bet"> <div class="dis-f al-item jus-bet">
<div class="suite-type"> <div class="suite-type">
{{ itemData.specifications && itemData.specifications[1]&&itemData.specifications[1].title }} {{ itemData.specifications && itemData.specifications[1] && itemData.specifications[1].title }}
</div> </div>
<div> <div>
<span class="unit">HK$</span> <span class="unit">HK$</span>
<span class="price">{{ itemData.specifications && itemData.specifications[1]&&itemData.specifications[1].value }}</span> <span class="price">{{ itemData.specifications &&
itemData.specifications[1] && itemData.specifications[1].value }}</span>
<span class="date">/月</span> <span class="date">/月</span>
</div> </div>
</div> </div>
</div> </div>
<div class="corner-box"> <div class="corner-box">
<img src="../../assets/homeImage/corner.svg" v-if="itemData.type === 'housing'&&itemData.intermediary!==1" class="corner-img" alt=""> <img src="../../assets/homeImage/corner.svg" v-if="itemData.type === 'housing' && itemData.intermediary !== 1"
<img src="../../assets/homeImage/intermediaryCorner.svg" v-if="itemData.type === 'housing'&&itemData.intermediary===1" style="transform: rotate(90deg);" class="tab-img" alt=""> class="corner-img" alt="">
<img src="../../assets/homeImage/intermediaryCorner.svg"
v-if="itemData.type === 'housing' && itemData.intermediary === 1" style="transform: rotate(90deg);"
class="tab-img" alt="">
</div> </div>
<!-- <div class="apartment-price-more flexcenter">更多</div> --> <!-- <div class="apartment-price-more flexcenter">更多</div> -->
@@ -83,7 +89,8 @@
<!-- 广告 --> <!-- 广告 -->
</div> </div>
<img :src="itemData.imageLocal || itemData.image" class="live-img" v-if="itemData.type === 'adv'" alt="" @click="watchAdv"> <img :src="itemData.imageLocal || itemData.image" class="live-img" v-if="itemData.type === 'adv'" alt=""
@click="watchAdv">
</template> </template>
<script setup> <script setup>
@@ -99,26 +106,26 @@ const props = defineProps({
} }
}) })
let itemData = props.data let itemData = props.data
let location=reactive({data:{}}) let location = reactive({ data: {} })
location.data=store.state.indexData.config.location location.data = store.state.indexData.config.location
let router=useRouter() let router = useRouter()
let watchInfo=()=>{ let watchInfo = () => {
console.log(itemData.type) console.log(itemData.type)
router.push({ router.push({
path:itemData.type==='apartment'?'/apartmentDetail':'/detail', path: itemData.type === 'apartment' ? '/apartmentDetail' : '/detail',
query: { query: {
// id: itemData.type=='apartment'?itemData.id:itemData.uniqid, // id: itemData.type=='apartment'?itemData.id:itemData.uniqid,
// [itemData.type=='apartment'?itemData.id:itemData.uniqid,]: itemData.type=='apartment'?itemData.id:itemData.uniqid, [itemData.type == 'apartment' ? "uniqid" : "id"]: itemData.type == 'apartment' ? itemData.id : itemData.uniqid,
type:itemData.intermediary=='1'?2:itemData.intermediary=='6'?3:!itemData.intermediary?'':1 type: itemData.intermediary == '1' ? 2 : itemData.intermediary == '6' ? 3 : !itemData.intermediary ? '' : 1
} }
}) })
} }
let watchAdv=()=>{ let watchAdv = () => {
if(itemData.url){ if (itemData.url) {
window.open(itemData.url) window.open(itemData.url)
}else{ } else {
watchInfo() watchInfo()
} }
} }