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

修改一下联系文案

Browse Source
This commit is contained in:
A1300399510
2024-03-15 17:25:02 +08:00
parent da1be12f82
commit 22aede868c
17 changed files with 120 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/apartment/seachModule.vue
View File

@@ -61,13 +61,13 @@
</template>
<div class="consult-pop flexacenter">
<div class="consult-title flexacenter">
欢迎联系 <b>{{ wechat["nickname"] }}</b> 咨询房源
欢迎联系 <b>{{ wechat["nickname"] }}</b> 咨询公寓
</div>
<div class="consult-QRcode flexcenter">
<img class="consult-QRcode-img" :src="wechat['personalqrcode']" />
</div>
<div class="consult-hint">微信扫码添加好友</div>
<div class="consult-remark flexacenter">备注：<b>寄托租房</b></div>
<!-- <div class="consult-remark flexacenter">备注：<b>寄托租房</b></div> -->
</div>
</el-popover>
</div>

4
src/components/public/circle-btn.vue
View File

@@ -10,12 +10,12 @@
@click.stop="circleState = !circleState">
<img class="circle-bj" src="@/assets/img/publicImage/circle-pop-bj.svg">
<img class="circle-bj-green" src="@/assets/img/publicImage/circle-pop-bj-green.svg">
<div class="circle-title flexacenter">欢迎联系 <b>{{ wechat['nickname'] }}</b> 咨询房源</div>
<div class="circle-title flexacenter">欢迎联系 <b>{{ wechat['nickname'] }}</b> 咨询公寓</div>
<div class="circle-QRcode flexcenter">
<img class="circle-QRcode-img" :src="wechat['personalqrcode']" />
</div>
<div class="circle-hint">微信扫码添加好友</div>
<div class="circle-remark flexacenter">备注：<b>寄托租房</b></div>
<!-- <div class="circle-remark flexacenter">备注：<b>寄托租房</b></div> -->
</div>
</div>
</template>

3
src/components/public/have-questions.vue
View File

@@ -8,7 +8,8 @@
<div class="have-questions-text flexacenter">有疑问？来找<img class="smiling"
src="@/assets/img/publicImage/smiling.png">{{ wechat['nickname'] }}！</div>
<div class="have-questions-btn flexcenter">
<img class="have-questions-icon" src="@/assets/img/publicImage/QR-code.svg" />扫码加微信
<!-- <img class="have-questions-icon" src="@/assets/img/publicImage/QR-code.svg" />扫码加微信 -->
<img class="have-questions-icon" src="@/assets/img/publicImage/QR-code.svg" />马上联系
</div>
</div>
</template>

115
src/components/seachModule/seachModule.vue
View File

@@ -17,7 +17,7 @@
<img src="../../assets/homeImage/seachImg.svg" class="img" alt="" />
<!-- 搜索 -->
</div>
<div class="seach-hiosory-box" :class="{'seach-history-h': historyShow}">
<div class="seach-hiosory-box" :class="{ 'seach-history-h': historyShow }">
<el-scrollbar height="375px">
<div class="seach-history-info">
<div>
@@ -46,18 +46,33 @@
<img src="../assets/homeImage/mapImg.png" class="img" alt="">
地图找房
</div> -->
<div class="tool-btn dis-f jus-x al-item add-btn" :class="{'mg-l-10': routePath === '/'}" style="position: relative;">
<div class="tool-btn dis-f jus-x al-item add-btn" :class="{ 'mg-l-10': routePath === '/' }" style="position: relative;">
<img style="margin-right: 5px;" src="../../assets/homeImage/addBtn.png" class="img" alt="" />
发布房源
<choosing-identity></choosing-identity>
</div>
<el-popover placement="bottom-end" popper-class="consult-popover flexcenter" :width="300" trigger="hover" :show-arrow="false" popper-style="background-color:transparent;border: none;box-shadow: none;padding:0;">
<template #reference>
<div class="tool-btn consult-btn flexcenter" v-if="routePath == '/needHousing'">
<img class="consult-icon" src="@/assets/img/publicImage/consult-icon.png" />
咨询方同学
</div>
</template>
<div class="consult-pop flexacenter">
<div class="consult-title flexacenter">欢迎联系 <b>{{ wechat["nickname"] }}</b> 咨询公寓</div>
<div class="consult-QRcode flexcenter">
<img class="consult-QRcode-img" :src="wechat['personalqrcode']" />
</div>
<div class="consult-hint">微信扫码添加好友</div>
<!-- <div class="consult-remark flexacenter">备注：<b>寄托租房</b></div> -->
</div>
</el-popover>
<div class="dis-f jus-x al-item authentication-btn" v-if="routePath === '/personHousing'">
<img src="../../assets/homeImage/authenticationBtnImg.png" class="text-img" alt="" />
<img src="../../assets/homeImage/authenticationBtnCode.svg" class="code-img" alt="" />
<div class="btn-qrcode">
<authentication-info :type="1"></authentication-info>
<!-- <img class="bj" src="@/assets/img/publicImage/housing-certification-bj.jpg">
<img class="QR-code" src="https://app.gter.net/tenement/pc/api/qrcode?type=propertyAuth"> -->
</div>
</div>
<div class="dis-f jus-x al-item authentication-btn intermediary-btn" v-if="routePath === '/intermediaryHousing'">
@@ -65,8 +80,6 @@
<img src="../../assets/homeImage/intermediaryCode.svg" class="code-img" alt="" />
<div class="btn-qrcode">
<authentication-info :type="2"></authentication-info>
<!-- <img class="bj" src="@/assets/img/publicImage/mediation-authentication-bj.jpg">
<img class="QR-code" src="https://app.gter.net/tenement/pc/api/qrcode?type=middlemanAuth"> -->
</div>
</div>
</div>
@@ -87,14 +100,19 @@
</template>
<script setup>
import {ref, watchEffect, reactive, defineProps} from "vue"
import { ref, toRefs, watchEffect, reactive, defineProps } from "vue"
import { useStore } from "vuex"
import seachInfo from "../indexSeachInfo/indexSeachInfo.vue"
import selectTabBox from "../selectTabBox/selectTabBox.vue"
import choosingIdentity from "@/components/edit/choosingIdentity.vue"
import {useRouter} from "vue-router"
import { useRouter } from "vue-router"
import store from "../../store/index"
import api from "../../utils/api"
import authenticationInfo from "./authenticationInfo.vue"
const usestore = useStore()
const { wechat } = toRefs(usestore.state)
const props = defineProps({
getDataList: {
@@ -115,12 +133,12 @@ let setHistoryShow = () => {
}
historyShow.value = !historyShow.value
}
let seachSchoolBtn = reactive({data: []}) //学校地区
let seachSchoolBtn = reactive({ data: [] }) //学校地区
let hireType = {} //整租
let allHireType = {} //合租
let seachArea = {} //区域找房
let historyArr = reactive({data: []}) //历史查找记录
let hotArr = reactive({data: []})
let historyArr = reactive({ data: [] }) //历史查找记录
let hotArr = reactive({ data: [] })
let seachAllType = reactive({
keyword: "",
location: [],
@@ -521,6 +539,20 @@ defineExpose({
margin-right: 5px;
}
&.consult-btn {
background: rgba(144, 216, 72, 1);
margin-left: 20px;
&:hover {
opacity: 0.8;
}
.consult-icon {
width: 22px;
height: 22px;
margin-right: 5px;
}
}
}
}
@@ -553,4 +585,65 @@ defineExpose({
background: none;
}
}
.el-popover.el-popper.consult-popover {
.consult-pop {
width: 300px;
height: 300px;
border-radius: 10px;
padding-top: 45px;
font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.101960784313725);
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.101960784313725);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.101960784313725);
background-color: #fff;
flex-direction: column;
.consult-title {
font-size: 15px;
color: #555555;
margin-bottom: 24px;
b {
color: #000;
font-weight: 650;
margin: 0 5px;
}
}
.consult-QRcode {
width: 120px;
height: 120px;
border-radius: 20px;
-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.101960784313725);
-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.101960784313725);
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.101960784313725);
margin-bottom: 20px;
background: #fff;
.consult-QRcode-img {
width: 100px;
height: 100px;
}
}
.consult-hint {
margin-bottom: 6px;
}
.consult-hint,
.consult-remark {
font-size: 13px;
color: #555555;
line-height: 18px;
}
.consult-remark {
b {
font-weight: 650;
color: #000000;
}
}
}
}
</style>