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

个人/中介页面 二维码组件

Browse Source
This commit is contained in:
luJianJun
2023-08-07 17:51:26 +08:00
parent 33c1d6e865
commit 7d0c5331d5
7 changed files with 183 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -29,7 +29,7 @@
<div class="info-box">
<div v-for="(item, i) in historyArr.data" :key="i" class="btn"
@click="setSeachVal(item)">
{{ item }}
{{ item }} <img src="../../assets/homeImage/closeIcon.svg" @click.stop="deleteSeachVal(i)" class="img" alt="">
</div>
</div>
</div>
@@ -62,8 +62,9 @@
<img src="../../assets/homeImage/authenticationBtnImg.png" class="text-img" alt="">
<img src="../../assets/homeImage/authenticationBtnCode.svg" class="code-img" alt="">
<div class="btn-qrcode">
<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">
<authentication-info></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"
@@ -71,8 +72,9 @@
<img src="../../assets/homeImage/intermediaryText.png" class="text-img" alt="">
<img src="../../assets/homeImage/intermediaryCode.svg" class="code-img" alt="">
<div class="btn-qrcode">
<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">
<authentication-info></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>
@@ -106,6 +108,7 @@ import choosingIdentity from '@/components/edit/choosingIdentity.vue'
import { useRouter } from 'vue-router';
import store from '../../store/index';
import api from "../../utils/api";
import authenticationInfo from './authenticationInfo.vue'
const props = defineProps({
getDataList: {
@@ -223,6 +226,11 @@ let setSeachVal = (item) => {
seachList()
// getDataList(seachAllType)
}
//删除历史记录
let deleteSeachVal=(i)=>{
historyArr.data.splice(i,1)
localStorage.setItem('historyArr', JSON.stringify(historyArr.data));
}
//点击热门地区
let setHotSeach = (item) => {
@@ -390,6 +398,10 @@ defineExpose({
color: #000000;
}
.info-box :hover .img{
display: block;
}
.info-box {
display: flex;
flex-wrap: wrap;
@@ -400,11 +412,24 @@ defineExpose({
color: #555555;
text-align: left;
.img {
width: 8px;
height: 8px;
position: absolute;
top:6px;
right:-8px;
cursor: pointer;
display: none;
}
.btn {
margin: 20px 30px 0 0;
margin: 10px 30px 0 0;
padding: 0 10px 0 0;
cursor: pointer;
word-wrap: break-word;
max-width: 100%;
position: relative;
flex-wrap: wrap;
}
}
}