a1300399510@qq.com 提交于 2023/04/04 -16:20:02
This commit is contained in:
parent
4064f39b37
commit
159d3978fc
@ -88,80 +88,77 @@
|
|||||||
<!-- <div class="card-content" v-html="info.message"></div> -->
|
<!-- <div class="card-content" v-html="info.message"></div> -->
|
||||||
<div class="offer-content">
|
<div class="offer-content">
|
||||||
<div class="offer-content-box">
|
<div class="offer-content-box">
|
||||||
<template v-for="(item, index) in offerinfoKey">
|
<template v-for="(item, index) in tenementKey">
|
||||||
<div class="offer-content-item flexacenter" :key="index" v-if="offerinfo[item.key]">
|
<div class="offer-content-item flexacenter" :key="index" v-if="offerinfo[item.key]">
|
||||||
<div class="offer-content-key" v-if="offerinfo[item.key]">{{ item.name }}</div>
|
<div class="offer-content-key" v-if="info[item.key]">{{ item.name }}</div>
|
||||||
<div class="offer-content-value">{{ offerinfo[item.key] }}</div>
|
<div class="offer-content-value">{{ info[item.key] }}</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<a class="examine-btn flexcenter" :href="shareurl">
|
|
||||||
查看当前捷报详情
|
|
||||||
<div class="examine-btn-outside flexcenter">
|
|
||||||
<svg-icon icon-class="arrowsRoundBlackLeft" class-name="examine-btn-icon"></svg-icon>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="card-item shadow" v-for="(item, index) in 7" :key="index">
|
<template v-if="false">
|
||||||
<div class="card-head flexacenter">
|
<div class="card-item shadow" v-for="(item, index) in 7" :key="index">
|
||||||
<img class="card-head-icon"
|
<div class="card-head flexacenter">
|
||||||
src="https://axure-file.lanhuapp.com/md516b251fb-9cfa-46fc-a9b6-2a41a7b4dc37__3ad73406ff4bc8b138dafc6dcbf1a635.svg" />
|
<img class="card-head-icon"
|
||||||
<div class="card-head-content flex1 flexflex">
|
src="https://axure-file.lanhuapp.com/md516b251fb-9cfa-46fc-a9b6-2a41a7b4dc37__3ad73406ff4bc8b138dafc6dcbf1a635.svg" />
|
||||||
<div class="card-head-name flexflex">闫旭Mike <div class="landlord flexcenter" v-if="index == 0">楼主
|
<div class="card-head-content flex1 flexflex">
|
||||||
|
<div class="card-head-name flexflex">闫旭Mike <div class="landlord flexcenter" v-if="index == 0">
|
||||||
|
楼主
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card-head-time">2022-7-6 14:56</div>
|
||||||
|
</div>
|
||||||
|
<div class="card-head-fool">{{ index == 0 ? '楼主' : `${index}楼` }}</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="card-content flex1">
|
||||||
|
<!-- 回复引用 -->
|
||||||
|
<div class="quotation flexflex" v-if="index == 1">
|
||||||
|
<svg-icon icon-class="quotation-left" class-name="quotation-icon"></svg-icon>
|
||||||
|
<div class="quotation-right flex1 flexflex">
|
||||||
|
<div class="quotation-wenzi flex1 three-lines">
|
||||||
|
这个离开香港是否超过180天，应该是居籍的判断，而非物理空间变化的判断。简单来说，只要你在香港纳税，你在香港有工作，有现金流，有房子…这个离开香港是否超过180天，应该是居籍的判断，而非物理空间变化的判断。简单来说，只要你在香港纳税，你在香港有工作，有现金流，有房子…这个离开香港是否超过180天，应该是居籍的判断，而非物理空间变化的判断。简单来说，只要你在香港纳税，你在香港有工作，有现金流，有房子…
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="quotation-bottom flexacenter">zhangsd 发表于 2022-7-6 14:56
|
||||||
|
<svg-icon icon-class="quotation-right" class-name="quotation-icon"></svg-icon>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="card-head-time">2022-7-6 14:56</div>
|
之前申请永久居民，参考了不少寄托的帖子和经验，现在回馈给大家，积攒RP。
|
||||||
|
<!-- 未解锁区域 -->
|
||||||
|
<div class="flexcenter content-unlock content-unlock-no" v-if="index == 3 || index == 4">
|
||||||
|
<img class="unlock-icom" src="@/assets/img/detail/unlock.png">
|
||||||
|
{{ index == 3 ? '作者设置了回复可见' : '' }}
|
||||||
|
{{ index == 4 ? '作者设置了投币可见' : '' }}
|
||||||
|
</div>
|
||||||
|
<!-- 已经解锁区域 -->
|
||||||
|
<div class="content-unlock content-already" v-if="index == 5 || index == 6">
|
||||||
|
<div class="content-already-header flexflex">
|
||||||
|
- 本内容投币可见 -
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="content-unlock-wenzi">
|
||||||
|
|
||||||
|
香港身份证件和IANG Visa label；
|
||||||
|
|
||||||
|
香港购买的保险和MPF的缴费账单；
|
||||||
|
|
||||||
|
电话账单和当时香港上台的合约文件；
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
之前申请永久居民，参考了不少寄托的帖子和经验，现在回馈给大家，积攒RP。
|
||||||
|
之前申请永久居民，参考了不少寄托的帖子和经验，现在回馈给大家，积攒RP。
|
||||||
</div>
|
</div>
|
||||||
<div class="card-head-fool">{{ index == 0 ? '楼主' : `${index}楼` }}</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
</template>
|
||||||
<div class="card-content flex1">
|
|
||||||
<!-- 回复引用 -->
|
|
||||||
<div class="quotation flexflex" v-if="index == 1">
|
|
||||||
<svg-icon icon-class="quotation-left" class-name="quotation-icon"></svg-icon>
|
|
||||||
<div class="quotation-right flex1 flexflex">
|
|
||||||
<div class="quotation-wenzi flex1 three-lines">
|
|
||||||
这个离开香港是否超过180天，应该是居籍的判断，而非物理空间变化的判断。简单来说，只要你在香港纳税，你在香港有工作，有现金流，有房子…这个离开香港是否超过180天，应该是居籍的判断，而非物理空间变化的判断。简单来说，只要你在香港纳税，你在香港有工作，有现金流，有房子…这个离开香港是否超过180天，应该是居籍的判断，而非物理空间变化的判断。简单来说，只要你在香港纳税，你在香港有工作，有现金流，有房子…
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="quotation-bottom flexacenter">zhangsd 发表于 2022-7-6 14:56
|
|
||||||
<svg-icon icon-class="quotation-right" class-name="quotation-icon"></svg-icon>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
之前申请永久居民，参考了不少寄托的帖子和经验，现在回馈给大家，积攒RP。
|
|
||||||
<!-- 未解锁区域 -->
|
|
||||||
<div class="flexcenter content-unlock content-unlock-no" v-if="index == 3 || index == 4">
|
|
||||||
<img class="unlock-icom" src="@/assets/img/detail/unlock.png">
|
|
||||||
{{ index == 3 ? '作者设置了回复可见' : '' }}
|
|
||||||
{{ index == 4 ? '作者设置了投币可见' : '' }}
|
|
||||||
</div>
|
|
||||||
<!-- 已经解锁区域 -->
|
|
||||||
<div class="content-unlock content-already" v-if="index == 5 || index == 6">
|
|
||||||
<div class="content-already-header flexflex">
|
|
||||||
- 本内容投币可见 -
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="content-unlock-wenzi">
|
|
||||||
|
|
||||||
香港身份证件和IANG Visa label；
|
|
||||||
|
|
||||||
香港购买的保险和MPF的缴费账单；
|
|
||||||
|
|
||||||
电话账单和当时香港上台的合约文件；
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
之前申请永久居民，参考了不少寄托的帖子和经验，现在回馈给大家，积攒RP。
|
|
||||||
之前申请永久居民，参考了不少寄托的帖子和经验，现在回馈给大家，积攒RP。
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
@ -289,262 +286,262 @@ export default {
|
|||||||
tenementKey: [{ // 租房 字段汇总
|
tenementKey: [{ // 租房 字段汇总
|
||||||
key: "type",
|
key: "type",
|
||||||
name: "出租方式"
|
name: "出租方式"
|
||||||
},{
|
}, {
|
||||||
key: "currency",
|
key: "currency",
|
||||||
name: "出租方式"
|
name: "出租方式"
|
||||||
},]
|
},]
|
||||||
|
|
||||||
|
|
||||||
< th > 出租方式:</th>
|
// < th > 出租方式:</th>
|
||||||
<td v-text="info.gptype +'>>'+ info.type"></td>
|
// <td v-text="info.gptype +'>>'+ info.type"></td>
|
||||||
</tr >
|
// </tr >
|
||||||
<tr>
|
// <tr>
|
||||||
<th><span v-text="info.rentalperiod">月</span>租/<span v-text="info.currency || '港元'"></span>:</th>
|
// <th><span v-text="info.rentalperiod">月</span>租/<span v-text="info.currency || '港元'"></span>:</th>
|
||||||
<td v-text="info.rent || info.money"></td>
|
// <td v-text="info.rent || info.money"></td>
|
||||||
</tr>
|
// </tr>
|
||||||
<tr>
|
// <tr>
|
||||||
<th>房屋类型:</th>
|
// <th>房屋类型:</th>
|
||||||
<td v-text="info.property"></td>
|
// <td v-text="info.property"></td>
|
||||||
</tr>
|
// </tr>
|
||||||
<tr>
|
// <tr>
|
||||||
<th>所在楼层:</th>
|
// <th>所在楼层:</th>
|
||||||
<td v-text="info.floor"></td>
|
// <td v-text="info.floor"></td>
|
||||||
</tr>
|
// </tr>
|
||||||
<tr>
|
// <tr>
|
||||||
<th>面积（平方呎）:</th>
|
// <th>面积（平方呎）:</th>
|
||||||
<td v-text="info.acreage"></td>
|
// <td v-text="info.acreage"></td>
|
||||||
</tr>
|
// </tr>
|
||||||
<tr v-if="info.cityid==1">
|
// <tr v-if="info.cityid==1">
|
||||||
<th>所在区域:</th>
|
// <th>所在区域:</th>
|
||||||
<td v-text="info.location"></td>
|
// <td v-text="info.location"></td>
|
||||||
</tr>
|
// </tr>
|
||||||
<tr v-if="info.cityid!=1">
|
// <tr v-if="info.cityid!=1">
|
||||||
<th>所在区域:</th>
|
// <th>所在区域:</th>
|
||||||
<td v-text="info.country+'>>'+info.city"></td>
|
// <td v-text="info.country+'>>'+info.city"></td>
|
||||||
</tr>
|
// </tr>
|
||||||
<tr>
|
// <tr>
|
||||||
<th>地段/地址:</th>
|
// <th>地段/地址:</th>
|
||||||
<td v-text="info.address ||'-'"></td>
|
// <td v-text="info.address ||'-'"></td>
|
||||||
</tr>
|
// </tr>
|
||||||
<tr v-if=" info.school && info.school.length > 0 ">
|
// <tr v-if=" info.school && info.school.length > 0 ">
|
||||||
<th>附近学校:</th>
|
// <th>附近学校:</th>
|
||||||
<td >
|
// <td >
|
||||||
<ul class="school-list">
|
// <ul class="school-list">
|
||||||
<li v-for="s in info.school">
|
// <li v-for="s in info.school">
|
||||||
<span>{{ s.name }}</span>
|
// <span>{{ s.name }}</span>
|
||||||
<span>{{ s.distance }}</span>
|
// <span>{{ s.distance }}</span>
|
||||||
</li>
|
// </li>
|
||||||
</ul>
|
// </ul>
|
||||||
</td>
|
// </td>
|
||||||
</tr>
|
// </tr>
|
||||||
<tr>
|
// <tr>
|
||||||
<th>性别要求:</th>
|
// <th>性别要求:</th>
|
||||||
<td v-text="info.gender"></td>
|
// <td v-text="info.gender"></td>
|
||||||
</tr>
|
// </tr>
|
||||||
<tr>
|
// <tr>
|
||||||
<th>出租时长:</th>
|
// <th>出租时长:</th>
|
||||||
<td v-text="info.rentalduration?info.rentalduration:'不限'"></td>
|
// <td v-text="info.rentalduration?info.rentalduration:'不限'"></td>
|
||||||
</tr>
|
// </tr>
|
||||||
<tr>
|
// <tr>
|
||||||
<th>房东或合租人介绍:</th>
|
// <th>房东或合租人介绍:</th>
|
||||||
<td v-html="info.introduction"></td>
|
// <td v-html="info.introduction"></td>
|
||||||
</tr>
|
// </tr>
|
||||||
<tr>
|
// <tr>
|
||||||
<th>发布者身份:</th>
|
// <th>发布者身份:</th>
|
||||||
<td v-text="info.intermediary_text"></td>
|
// <td v-text="info.intermediary_text"></td>
|
||||||
</tr>
|
// </tr>
|
||||||
<tr>
|
// <tr>
|
||||||
<th>电话:</th>
|
// <th>电话:</th>
|
||||||
<td v-text="info.tel || '-'"></td>
|
// <td v-text="info.tel || '-'"></td>
|
||||||
</tr>
|
// </tr>
|
||||||
<tr>
|
// <tr>
|
||||||
<th>微信:</th>
|
// <th>微信:</th>
|
||||||
<td>
|
// <td>
|
||||||
<span v-text="info.wechat || '-'"></span>
|
// <span v-text="info.wechat || '-'"></span>
|
||||||
<span v-if="info.iswechattype==2" @click="showBig(info.wechatdata.url)">
|
// <span v-if="info.iswechattype==2" @click="showBig(info.wechatdata.url)">
|
||||||
<svg class="wechat-svg" t="1655977827199" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2209" width="32" height="32"><path d="M597.333333 597.333333h85.333334v-85.333333h85.333333v128h-85.333333v42.666667h-85.333334v-42.666667h-85.333333v-128h85.333333v85.333333z m-384-85.333333h256v256H213.333333v-256z m85.333334 85.333333v85.333334h85.333333v-85.333334H298.666667zM213.333333 213.333333h256v256H213.333333V213.333333z m85.333334 85.333334v85.333333h85.333333V298.666667H298.666667z m213.333333-85.333334h256v256h-256V213.333333z m85.333333 85.333334v85.333333h85.333334V298.666667h-85.333334z m85.333334 384h85.333333v85.333333h-85.333333v-85.333333z m-170.666667 0h85.333333v85.333333h-85.333333v-85.333333z" fill="#444444" p-id="2210"></path></svg>
|
// <svg class="wechat-svg" t="1655977827199" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2209" width="32" height="32"><path d="M597.333333 597.333333h85.333334v-85.333333h85.333333v128h-85.333333v42.666667h-85.333334v-42.666667h-85.333333v-128h85.333333v85.333333z m-384-85.333333h256v256H213.333333v-256z m85.333334 85.333333v85.333334h85.333333v-85.333334H298.666667zM213.333333 213.333333h256v256H213.333333V213.333333z m85.333334 85.333334v85.333333h85.333333V298.666667H298.666667z m213.333333-85.333334h256v256h-256V213.333333z m85.333333 85.333334v85.333333h85.333334V298.666667h-85.333334z m85.333334 384h85.333333v85.333333h-85.333333v-85.333333z m-170.666667 0h85.333333v85.333333h-85.333333v-85.333333z" fill="#444444" p-id="2210"></path></svg>
|
||||||
</span>
|
// </span>
|
||||||
</td>
|
// </td>
|
||||||
</tr >
|
// </tr >
|
||||||
<tr>
|
// <tr>
|
||||||
<th>WhatsApp:</th>
|
// <th>WhatsApp:</th>
|
||||||
<td v-text="info.whatsapp || '-'"></td>
|
// <td v-text="info.whatsapp || '-'"></td>
|
||||||
</tr>
|
// </tr>
|
||||||
|
|
||||||
};
|
};
|
||||||
},
|
|
||||||
|
|
||||||
mounted() {
|
|
||||||
this.tid = this.$route.query['tid']
|
|
||||||
this.getDetail()
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
methods: {
|
|
||||||
|
|
||||||
// 获取详细信息
|
|
||||||
getDetail() {
|
|
||||||
this.$http.post("/api/thread", {
|
|
||||||
tid: this.tid
|
|
||||||
}).then(res => {
|
|
||||||
if (res.code != 200) return
|
|
||||||
|
|
||||||
let data = res.data
|
|
||||||
console.log("data", data);
|
|
||||||
this.info = data.info
|
|
||||||
this.type = data.type
|
|
||||||
this.token = data.token
|
|
||||||
|
|
||||||
if (this.type == 6) this.getOfferDetail()
|
|
||||||
else if (this.type == 5) this.getsummaryDetails()
|
|
||||||
else if (this.type == 0) this.getTenementDetails()
|
|
||||||
|
|
||||||
})
|
|
||||||
},
|
},
|
||||||
|
|
||||||
// 获取offer详情
|
mounted() {
|
||||||
getOfferDetail() {
|
this.tid = this.$route.query['tid']
|
||||||
this.$http.get("/api/forum/detail", {
|
this.getDetail()
|
||||||
id: this.token
|
|
||||||
}, 'offer').then(res => {
|
},
|
||||||
let data = res.data
|
|
||||||
let offerinfo = data.offerinfo
|
methods: {
|
||||||
let useperformanceStr = ""
|
|
||||||
offerinfo.useperformance && offerinfo.useperformance.forEach((el, index) => {
|
// 获取详细信息
|
||||||
useperformanceStr += el + (offerinfo.useperformance.length - 1 == index ? '' : '、')
|
getDetail() {
|
||||||
|
this.$http.post("/api/thread", {
|
||||||
|
tid: this.tid
|
||||||
|
}).then(res => {
|
||||||
|
if (res.code != 200) return
|
||||||
|
|
||||||
|
let data = res.data
|
||||||
|
console.log("data", data);
|
||||||
|
this.info = data.info
|
||||||
|
this.type = data.type
|
||||||
|
this.token = data.token
|
||||||
|
|
||||||
|
if (this.type == 6) this.getOfferDetail()
|
||||||
|
else if (this.type == 5) this.getsummaryDetails()
|
||||||
|
else if (this.type == 0) this.getTenementDetails()
|
||||||
|
|
||||||
})
|
})
|
||||||
|
},
|
||||||
|
|
||||||
offerinfo['useperformanceStr'] = useperformanceStr
|
// 获取offer详情
|
||||||
offerinfo['schoolname'] = offerinfo.school.name
|
getOfferDetail() {
|
||||||
|
this.$http.get("/api/forum/detail", {
|
||||||
this.offerinfo = offerinfo
|
id: this.token
|
||||||
this.shareurl = data.shareurl
|
}, 'offer').then(res => {
|
||||||
})
|
let data = res.data
|
||||||
},
|
let offerinfo = data.offerinfo
|
||||||
|
|
||||||
// 获取总结详情
|
|
||||||
getsummaryDetails() {
|
|
||||||
this.$http.get(`/api/forum/details`, {
|
|
||||||
id: this.token
|
|
||||||
}, 'offer').then(res => {
|
|
||||||
let data = res.data
|
|
||||||
let collegelist = data.collegelist
|
|
||||||
|
|
||||||
collegelist.forEach((el, index) => {
|
|
||||||
let useperformanceStr = ""
|
let useperformanceStr = ""
|
||||||
el.useperformance && el.useperformance.forEach((element, i) => {
|
offerinfo.useperformance && offerinfo.useperformance.forEach((el, index) => {
|
||||||
useperformanceStr += element + (el.useperformance.length - 1 == i ? '' : '、')
|
useperformanceStr += el + (offerinfo.useperformance.length - 1 == index ? '' : '、')
|
||||||
})
|
})
|
||||||
el['useperformanceStr'] = useperformanceStr
|
|
||||||
|
offerinfo['useperformanceStr'] = useperformanceStr
|
||||||
|
offerinfo['schoolname'] = offerinfo.school.name
|
||||||
|
|
||||||
|
this.offerinfo = offerinfo
|
||||||
|
this.shareurl = data.shareurl
|
||||||
})
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
// 获取总结详情
|
||||||
|
getsummaryDetails() {
|
||||||
|
this.$http.get(`/api/forum/details`, {
|
||||||
|
id: this.token
|
||||||
|
}, 'offer').then(res => {
|
||||||
|
let data = res.data
|
||||||
|
let collegelist = data.collegelist
|
||||||
|
|
||||||
|
collegelist.forEach((el, index) => {
|
||||||
|
let useperformanceStr = ""
|
||||||
|
el.useperformance && el.useperformance.forEach((element, i) => {
|
||||||
|
useperformanceStr += element + (el.useperformance.length - 1 == i ? '' : '、')
|
||||||
|
})
|
||||||
|
el['useperformanceStr'] = useperformanceStr
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
this.info = { ...this.info, ...data.info }
|
this.info = { ...this.info, ...data.info }
|
||||||
console.log(this.info);
|
console.log(this.info);
|
||||||
this.collegelist = collegelist
|
this.collegelist = collegelist
|
||||||
this.shareurl = data.shareurl
|
this.shareurl = data.shareurl
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
|
||||||
// 获取租房详情 https://app.gter.net/tenement/forum/show
|
// 获取租房详情 https://app.gter.net/tenement/forum/show
|
||||||
getTenementDetails() {
|
getTenementDetails() {
|
||||||
console.log("ggjlgjkgj");
|
console.log("ggjlgjkgj");
|
||||||
this.$http.post("/tenement/forum/show", {
|
this.$http.post("/tenement/forum/show", {
|
||||||
// tid: 2540476
|
// tid: 2540476
|
||||||
token: this.token
|
token: this.token
|
||||||
}, "tenement").then(res => {
|
}, "tenement").then(res => {
|
||||||
console.log(res, "res");
|
console.log(res, "res");
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
||||||
// 点击点赞
|
// 点击点赞
|
||||||
tapLike() {
|
tapLike() {
|
||||||
this.isState = true
|
this.isState = true
|
||||||
this.prepareLiskeState = true
|
this.prepareLiskeState = true
|
||||||
this.prepareLiskeAnimateState = true
|
this.prepareLiskeAnimateState = true
|
||||||
|
|
||||||
clearTimeout(this.offerLikesumTimer)
|
clearTimeout(this.offerLikesumTimer)
|
||||||
clearTimeout(this.offerLikesumAnimateTimer)
|
clearTimeout(this.offerLikesumAnimateTimer)
|
||||||
|
|
||||||
let praiseBubble = document.getElementById("praise_bubble");
|
let praiseBubble = document.getElementById("praise_bubble");
|
||||||
console.log("praiseBubble", praiseBubble);
|
console.log("praiseBubble", praiseBubble);
|
||||||
let last = 0;
|
let last = 0;
|
||||||
let b = Math.floor(Math.random() * 8) + 1; // 1 到 7的 图片
|
let b = Math.floor(Math.random() * 8) + 1; // 1 到 7的 图片
|
||||||
// b = 1; // 测试写固定的
|
// b = 1; // 测试写固定的
|
||||||
const bl = Math.floor(Math.random() * 11) + 1; // bl1~bl11
|
const bl = Math.floor(Math.random() * 11) + 1; // bl1~bl11
|
||||||
let d = document.createElement("div");
|
let d = document.createElement("div");
|
||||||
d.style.backgroundImage = `url('./img/bg${b}.png')`
|
d.style.backgroundImage = `url('./img/bg${b}.png')`
|
||||||
d.style.backgroundSize = 'contain'
|
d.style.backgroundSize = 'contain'
|
||||||
d.className = `bubble`;
|
d.className = `bubble`;
|
||||||
// d.style.animation = `bubble_${bl} 1.5s linear 1 forwards, bubble_big_${Math.floor(Math.random() * 3) + 1} 0.8s linear 1 forwards, bubble_y 1.5s linear 1 forwards`
|
// d.style.animation = `bubble_${bl} 1.5s linear 1 forwards, bubble_big_${Math.floor(Math.random() * 3) + 1} 0.8s linear 1 forwards, bubble_y 1.5s linear 1 forwards`
|
||||||
|
|
||||||
d.dataset.t = String(Date.now());
|
d.dataset.t = String(Date.now());
|
||||||
praiseBubble.appendChild(d);
|
praiseBubble.appendChild(d);
|
||||||
|
|
||||||
// this.$forceUpdate()
|
// this.$forceUpdate()
|
||||||
|
|
||||||
this.stat.like++
|
this.stat.like++
|
||||||
this.prepareLiskeNum++
|
this.prepareLiskeNum++
|
||||||
this.offerLikesumAnimateTimer = setTimeout(() => {
|
this.offerLikesumAnimateTimer = setTimeout(() => {
|
||||||
this.prepareLiskeAnimateState = false
|
this.prepareLiskeAnimateState = false
|
||||||
}, 500)
|
}, 500)
|
||||||
this.offerLikesumTimer = setTimeout(() => {
|
this.offerLikesumTimer = setTimeout(() => {
|
||||||
this.ispostOfferLike = false
|
this.ispostOfferLike = false
|
||||||
this.postOfferLike()
|
this.postOfferLike()
|
||||||
}, 2000)
|
}, 2000)
|
||||||
},
|
},
|
||||||
|
|
||||||
postOfferLike() {
|
postOfferLike() {
|
||||||
if (this.ispostOfferLike) return
|
if (this.ispostOfferLike) return
|
||||||
this.ispostOfferLike = true
|
this.ispostOfferLike = true
|
||||||
|
|
||||||
this.offerLikesum = 0
|
this.offerLikesum = 0
|
||||||
|
|
||||||
this.prepareLiskeState = false
|
this.prepareLiskeState = false
|
||||||
let key = new Date().getTime() + ''
|
let key = new Date().getTime() + ''
|
||||||
// let num = util.base64_encode(key + util.base64_encode(this.data.prepareLiskeNum + ''))
|
// let num = util.base64_encode(key + util.base64_encode(this.data.prepareLiskeNum + ''))
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// util.wxpost("/miniprogramApi/offer/behaviour/like", {
|
// util.wxpost("/miniprogramApi/offer/behaviour/like", {
|
||||||
// token: this.data.token,
|
// token: this.data.token,
|
||||||
// num,
|
// num,
|
||||||
// key
|
// key
|
||||||
// }).then(res => {
|
// }).then(res => {
|
||||||
// if (res.code != 200) return
|
// if (res.code != 200) return
|
||||||
// let data = res.data
|
// let data = res.data
|
||||||
// this.offerLikesum = 0
|
// this.offerLikesum = 0
|
||||||
// }).finally(() => {
|
// }).finally(() => {
|
||||||
// this.setData({
|
// this.setData({
|
||||||
// prepareLiskeState: false
|
// prepareLiskeState: false
|
||||||
// })
|
// })
|
||||||
// })
|
// })
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
|
||||||
|
// 点击转发
|
||||||
|
transmit() {
|
||||||
|
let value = location.href
|
||||||
|
this.$copy(value, "已经复制链接，欢迎分享！")
|
||||||
|
},
|
||||||
|
|
||||||
|
setValue(key, value) {
|
||||||
|
this[key] = value
|
||||||
|
},
|
||||||
|
|
||||||
|
// 收藏
|
||||||
|
postcollect() {
|
||||||
|
console.log("点击收藏");
|
||||||
|
}
|
||||||
|
|
||||||
},
|
},
|
||||||
|
|
||||||
|
components: {
|
||||||
|
DetailReply, Coins
|
||||||
|
|
||||||
// 点击转发
|
|
||||||
transmit() {
|
|
||||||
let value = location.href
|
|
||||||
this.$copy(value, "已经复制链接，欢迎分享！")
|
|
||||||
},
|
|
||||||
|
|
||||||
setValue(key, value) {
|
|
||||||
this[key] = value
|
|
||||||
},
|
|
||||||
|
|
||||||
// 收藏
|
|
||||||
postcollect() {
|
|
||||||
console.log("点击收藏");
|
|
||||||
}
|
}
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
components: {
|
|
||||||
DetailReply, Coins
|
|
||||||
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user