首页列表type不显示
This commit is contained in:
parent
d9f6d75f29
commit
91132f47fd
1
dist/css/app.3fda8ad2.css
vendored
Normal file
1
dist/css/app.3fda8ad2.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1
dist/css/app.e5e70fd5.css
vendored
1
dist/css/app.e5e70fd5.css
vendored
File diff suppressed because one or more lines are too long
2
dist/index.html
vendored
2
dist/index.html
vendored
@ -1,4 +1,4 @@
|
||||
<!doctype html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="https://ansnid.oss-cn-shenzhen.aliyuncs.com/fang/favicon.ico"><title>港校租房</title><script defer="defer" src="https://ansnid.oss-cn-shenzhen.aliyuncs.com/fang/js/chunk-vendors.e0e9f2f6.js"></script><script defer="defer" src="https://ansnid.oss-cn-shenzhen.aliyuncs.com/fang/js/app.d474b68f.js"></script><link href="https://ansnid.oss-cn-shenzhen.aliyuncs.com/fang/css/chunk-vendors.7885d77e.css" rel="stylesheet"><link href="https://ansnid.oss-cn-shenzhen.aliyuncs.com/fang/css/app.e5e70fd5.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but zufang doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><script src="https://app.gter.net/bottom?tpl=header&menukey=fang"></script><div id="app"></div><div style="display:none;"><script src="//v1.cnzz.com/z_stat.php?id=1281224882&web_id=1281224882"></script><script>var _hmt = _hmt || [];
|
||||
<!doctype html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="https://ansnid.oss-cn-shenzhen.aliyuncs.com/fang/favicon.ico"><title>港校租房</title><script defer="defer" src="https://ansnid.oss-cn-shenzhen.aliyuncs.com/fang/js/chunk-vendors.e0e9f2f6.js"></script><script defer="defer" src="https://ansnid.oss-cn-shenzhen.aliyuncs.com/fang/js/app.2e26cd08.js"></script><link href="https://ansnid.oss-cn-shenzhen.aliyuncs.com/fang/css/chunk-vendors.7885d77e.css" rel="stylesheet"><link href="https://ansnid.oss-cn-shenzhen.aliyuncs.com/fang/css/app.3fda8ad2.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but zufang doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><script src="https://app.gter.net/bottom?tpl=header&menukey=fang"></script><div id="app"></div><div style="display:none;"><script src="//v1.cnzz.com/z_stat.php?id=1281224882&web_id=1281224882"></script><script>var _hmt = _hmt || [];
|
||||
(function () {
|
||||
var hm = document.createElement("script");
|
||||
hm.src = "//hm.baidu.com/hm.js?4bd66cbe45a640b607fe46c48f658746";
|
||||
|
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<div class="item" v-if="itemData.type !== 'adv'" :class="{'waterfall-box-housing': itemData.type === 'housing'}" @click="watchInfo">
|
||||
<div class="item" v-if="itemData.type !== 'adv'" :class="{ 'waterfall-box-housing': itemData.type === 'housing' }" @click="watchInfo">
|
||||
<div class="flexflex pos-r">
|
||||
<img class="intermediary-type" v-if="itemData.isintermediary" src="@/assets/homeImage/intermediaryTabImg.png" />
|
||||
<div class="box-tab-type" v-else-if="itemData.intermediarytext">
|
||||
@ -17,7 +17,8 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="long-title">
|
||||
<div class="type" v-if="itemData.type === 'housing' && itemData.gptype">{{ itemData.gptype }}</div>{{ itemData && itemData.title }}
|
||||
<div class="type" v-if="itemData.type === 'housing' && itemData.gptype">{{ itemData.gptype }}</div>
|
||||
{{ itemData && itemData.title }}
|
||||
</div>
|
||||
<div class="type-tab">
|
||||
<span v-if="itemData.type === 'housing'">
|
||||
@ -27,7 +28,7 @@
|
||||
{{ `· ${itemData.gender}` }}
|
||||
{{ itemData.leaseterm ? `· ${itemData.leaseterm}` : "" }}
|
||||
</span>
|
||||
<span class="ellipsis" style="width: 272px;display: block;" v-if="itemData.type === 'apartment'">{{ itemData.propaganda }}</span>
|
||||
<span class="ellipsis" style="width: 272px; display: block;" v-if="itemData.type === 'apartment'">{{ itemData.propaganda }}</span>
|
||||
</div>
|
||||
<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="" />
|
||||
@ -87,13 +88,13 @@
|
||||
|
||||
<!-- 广告 -->
|
||||
</div>
|
||||
<img :src="itemData.imageLocal || itemData.image" :class="{'no-click': !itemData.path && !itemData.url}" class="live-img item" v-if="itemData.type === 'adv'" alt="" @click="watchAdv" />
|
||||
<img :src="itemData.imageLocal || itemData.image" :class="{ 'no-click': !itemData.path && !itemData.url }" class="live-img item" v-if="itemData.type === 'adv'" alt="" @click="watchAdv" />
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import {defineProps, reactive, watchEffect} from "vue"
|
||||
import { defineProps, reactive, watchEffect } from "vue"
|
||||
import store from "../../store/index"
|
||||
import {useRouter} from "vue-router"
|
||||
import { useRouter } from "vue-router"
|
||||
const props = defineProps({
|
||||
data: {
|
||||
type: Object,
|
||||
@ -103,7 +104,7 @@ const props = defineProps({
|
||||
},
|
||||
})
|
||||
let itemData = props.data
|
||||
let location = reactive({data: {}})
|
||||
let location = reactive({ data: {} })
|
||||
location.data = store.state.indexData.config.location
|
||||
|
||||
let router = useRouter()
|
||||
@ -292,10 +293,11 @@ watchEffect(() => {
|
||||
display: -webkit-box;
|
||||
line-height: 28px;
|
||||
|
||||
|
||||
.type {
|
||||
width: 34px;
|
||||
height: 20px;
|
||||
display: flex;
|
||||
// display: flex;
|
||||
font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
@ -305,7 +307,7 @@ watchEffect(() => {
|
||||
line-height: 20px;
|
||||
background-color: rgba(51, 51, 51, 1);
|
||||
display: inline-block;
|
||||
float: left;
|
||||
// float: left;
|
||||
border-radius: 5px;
|
||||
margin-right: 10px;
|
||||
margin-top: 4px;
|
||||
|
@ -366,7 +366,7 @@ let setSchoolData = () => {
|
||||
// }
|
||||
|
||||
let width = accumulationWidth + getStrWidth(arr[i].name) + 20
|
||||
if (width > 380) { // 下一个二维数组
|
||||
if (width > 380) {
|
||||
num++
|
||||
accumulationWidth = getStrWidth(arr[i].name) + 20
|
||||
} else accumulationWidth = width
|
||||
@ -374,8 +374,6 @@ let setSchoolData = () => {
|
||||
if (!shcoolData[num]) shcoolData[num] = []
|
||||
shcoolData[num].push(arr[i])
|
||||
}
|
||||
// console.log(shcoolData);
|
||||
// console.log(schoolSelectObj)
|
||||
}
|
||||
|
||||
// 计算字符串在屏幕的显示宽度
|
||||
|
Loading…
x
Reference in New Issue
Block a user