提交
This commit is contained in:
A1300399510
@@ -165,9 +165,6 @@ export default {
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.choice-explain {
|
||||
color: #555555;
|
||||
font-size: 14px;
|
||||
|
||||
99
src/components/edit/fail-pop.vue
Normal file
99
src/components/edit/fail-pop.vue
Normal file
@@ -0,0 +1,99 @@
|
||||
<template>
|
||||
<div class="flexcenter pop-mask" @click="$emit('close')" v-if="failPopState">
|
||||
<div class="pop fail-box shadow radius16 flexcenter">
|
||||
<img class="pop-close" src="@/assets/img/edit/close-icon.svg" />
|
||||
<img class="fail-icon" src="@/assets/img/edit/fail-icon.png" />
|
||||
<div class="fail-title">提交失败</div>
|
||||
<div class="fail-text">已存为草稿</div>
|
||||
<div class="fail-hint">房源数量已达上限</div>
|
||||
<div class="fail-hint" style="margin-bottom: 57px;">下架旧房源，便可发布新房源</div>
|
||||
<div class="fail-btn flexcenter">
|
||||
房源管理<img class="fail-btn-icon" src="@/assets/img/edit/fail-btn-icon.svg" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
props: ["failPopState"],
|
||||
name: 'GterFangFailPop',
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.pop-mask {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
background: rgba(0, 0, 0, 0.698039215686274);
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
.pop {
|
||||
z-index: 2;
|
||||
background-color: #fff;
|
||||
position: relative;
|
||||
|
||||
.pop-close {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
right: 20px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
&.fail-box {
|
||||
width: 500px;
|
||||
flex-direction: column;
|
||||
padding-top: 60px;
|
||||
padding-bottom: 70px;
|
||||
|
||||
.fail-icon {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
margin-bottom: 22px;
|
||||
}
|
||||
|
||||
.fail-title {
|
||||
color: #333;
|
||||
font-size: 24px;
|
||||
font-weight: 650;
|
||||
margin-bottom: 7px;
|
||||
}
|
||||
|
||||
.fail-text {
|
||||
color: #aaa;
|
||||
font-size: 14px;
|
||||
margin-bottom: 43px;
|
||||
}
|
||||
|
||||
.fail-hint {
|
||||
color: #555;
|
||||
font-size: 16px;
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
|
||||
.fail-btn {
|
||||
width: 240px;
|
||||
height: 50px;
|
||||
background-color: rgba(98, 177, 255, 1);
|
||||
border-radius: 120px;
|
||||
font-size: 20px;
|
||||
color: #fff;
|
||||
font-weight: 700;
|
||||
cursor: pointer;
|
||||
|
||||
.fail-btn-icon {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
</style>
|
||||
59
src/components/edit/how-pop.vue
Normal file
59
src/components/edit/how-pop.vue
Normal file
@@ -0,0 +1,59 @@
|
||||
<template>
|
||||
<div class="flexcenter pop-mask" @click="$emit('close')" v-if="howBoxState">
|
||||
<div class="pop how-box shadow radius16" @click.stop="">
|
||||
<img class="pop-close" @click.stop="$emit('close')" src="@/assets/img/edit/close-icon.svg" />
|
||||
<div class="how-title">如何获取微信二维码？</div>
|
||||
<img class="how-img" src="@/assets/img/edit/how-img.svg" />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
props: ['howBoxState'],
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.pop-mask {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
background: rgba(0, 0, 0, 0.698039215686274);
|
||||
z-index: 1000;
|
||||
}
|
||||
.pop {
|
||||
z-index: 2;
|
||||
background-color: #fff;
|
||||
|
||||
.pop-close {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
right: 20px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
&.how-box {
|
||||
position: relative;
|
||||
padding: 40px 45px 40px;
|
||||
|
||||
.how-title {
|
||||
font-size: 20px;
|
||||
font-weight: 650;
|
||||
color: #000;
|
||||
margin-bottom: 32px;
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
|
||||
.how-img {
|
||||
width: 550px;
|
||||
height: 584px;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
</style>
|
||||
@@ -46,9 +46,6 @@ export default {
|
||||
mounted() {
|
||||
let that = this
|
||||
let info = this.info
|
||||
|
||||
console.log("info['latitude']", info['latitude']);
|
||||
|
||||
if (info['latitude']) {
|
||||
this.latlng = {
|
||||
longitude: info['longitude'],
|
||||
|
||||
68
src/components/footer/footer.vue
Normal file
68
src/components/footer/footer.vue
Normal file
@@ -0,0 +1,68 @@
|
||||
<template>
|
||||
<section class="index-footer">
|
||||
<div class="footer-link"><a href="http://about.gter.net/about.html" target="_blank">关于寄托</a> <a
|
||||
href="http://about.gter.net/ad.html" target="_blank">广告合作</a> <a href="https://www.gter.net/link"
|
||||
target="_blank">友情链接</a> <a href="http://about.gter.net/disclaimer.html" target="_blank">免责声明</a> <a
|
||||
href="http://about.gter.net/contact.html" target="_blank">联系我们</a> <a
|
||||
href="http://about.gter.net/index.html?name=job" target="_blank">加入我们</a></div>
|
||||
<div class="line-two"><span>广州九微科技有限公司</span> <span>Copyright 2001-2023 GTER All Rights Reserved</span> <span><a
|
||||
href="http://www.miitbeian.gov.cn/" target="_blank"
|
||||
style="color: rgb(153, 153, 153); text-decoration: none;">粤ICP备14050432号</a></span></div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'GterFangFooter',
|
||||
|
||||
data() {
|
||||
return {
|
||||
|
||||
};
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.index-footer {
|
||||
background: #333;
|
||||
text-align: center;
|
||||
height: 240px;
|
||||
padding: 56px 0;
|
||||
min-width: 1200px;
|
||||
box-sizing: border-box;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.index-footer * {
|
||||
box-sizing: border-box;
|
||||
color: inherit !important;
|
||||
}
|
||||
|
||||
.index-footer .footer-link {
|
||||
width: 622px;
|
||||
height: 45px;
|
||||
background: rgba(255, 255, 255, 0.05);
|
||||
border-radius: 23px;
|
||||
font-size: 14px;
|
||||
line-height: 45px;
|
||||
padding: 0 25px;
|
||||
width: fit-content;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.index-footer .footer-link a:not(:last-child) {
|
||||
display: inline-block;
|
||||
margin-right: 30px;
|
||||
}
|
||||
|
||||
.index-footer .line-two {
|
||||
font-size: 14px;
|
||||
margin: 26px 0 0px;
|
||||
}
|
||||
|
||||
.index-footer .line-two span {
|
||||
display: inline-block;
|
||||
margin: 0 15px;
|
||||
}
|
||||
</style>
|
||||
@@ -1,40 +1,44 @@
|
||||
<template>
|
||||
<header class="container-header">
|
||||
<header class="container-header flexflex">
|
||||
<nav class="header-nav flexacenter">
|
||||
<div class="header-nav-item" :class="{ pitch: index == 3 }" v-for="(item, index) in navList" :key="index">
|
||||
{{ item }}</div>
|
||||
<img class="header-nav-item header-user-img"
|
||||
src="https://oss.gter.net/avatar/97KwEWIDY-QTHTXcpEbnWQxaRv6Xz0ll1wRhYWNh/middle?random=1687145465">
|
||||
</nav>
|
||||
|
||||
<div class="logo-box flexacenter">
|
||||
<img class="logo-icon" src="@/assets/img/edit/logo.png" />
|
||||
<img class="logo-text" src="@/assets/img/edit/logo-text.png" />
|
||||
</div>
|
||||
<div class="header-bj-box"></div>
|
||||
|
||||
<div class="container-header-bj"></div>
|
||||
|
||||
<nav class="nav-box flexflex">
|
||||
<div class="nav-list wid1200 flexflex">
|
||||
<div class="nav-item" v-for="item in tabList" :key="item">{{ item.name }}</div>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'ZufangHead',
|
||||
<script setup>
|
||||
const navList = ["寄托首页", "论坛", "Offer榜", "港校租房", "院校库", "兑换店", "搜索", "招生官", "中外合办院校"]
|
||||
|
||||
data() {
|
||||
return {
|
||||
navList: ["寄托首页", "论坛", "Offer榜", "港校租房", "院校库", "兑换店", "搜索", "招生官", "中外合办院校"],
|
||||
const tabList = [{
|
||||
name: '首页',
|
||||
}, {
|
||||
name: '个人房源'
|
||||
}, {
|
||||
name: '中介房源'
|
||||
}, {
|
||||
name: '品牌公寓'
|
||||
}, {
|
||||
name: '求房源'
|
||||
}, {
|
||||
name: '我的'
|
||||
}
|
||||
]
|
||||
|
||||
};
|
||||
},
|
||||
|
||||
mounted() {
|
||||
|
||||
},
|
||||
|
||||
methods: {
|
||||
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="less">
|
||||
@@ -45,37 +49,38 @@ export default {
|
||||
height: 260px;
|
||||
margin: 0 auto;
|
||||
|
||||
|
||||
.container-header-bj {
|
||||
width: 100vw;
|
||||
min-width: 1200px;
|
||||
height: 260px;
|
||||
background-image: url('@/assets/img/edit/bj-img1920.png');
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
.header-bj-box {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background-image: url('@/assets/img/edit/bj-img1920.png');
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
width: 100%;
|
||||
height: 260px;
|
||||
background-size: cover;
|
||||
z-index: -1;
|
||||
|
||||
&::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
z-index: -1;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
width: 100%;
|
||||
min-width: 1200px;
|
||||
max-width: 1920px;
|
||||
height: 100%;
|
||||
background-color: rgba(0, 0, 0, 0.698039215686274);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.header-nav {
|
||||
height: 46px;
|
||||
width: 1200px;
|
||||
justify-content: flex-end;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
cursor: pointer;
|
||||
|
||||
@@ -112,7 +117,6 @@ export default {
|
||||
}
|
||||
|
||||
.logo-box {
|
||||
position: relative;
|
||||
margin: 21px auto 0;
|
||||
width: 1200px;
|
||||
z-index: 1;
|
||||
@@ -128,5 +132,23 @@ export default {
|
||||
margin-left: 9px;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-box {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
height: 43px;
|
||||
background: rgba(0, 0, 0, 0.596078431372549);
|
||||
border-bottom: 4px solid rgba(78, 144, 204, 1);
|
||||
|
||||
.nav-list {
|
||||
background: red;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user