gter.net/HKRentingMiniprogram
2
1
Fork 0
Code Issues Pull Requests Packages Projects Releases 1 Wiki Activity

修改首页弹窗

Browse Source
This commit is contained in:
A1300399510 2024-05-27 16:54:42 +08:00
parent 9ca9afad56
commit 77d8988f87
7 changed files with 415 additions and 111 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

192
pages/common/common.wxml
View File

@ -14,10 +14,12 @@
</template>
<template name="list">
<navigator class='info-list' url="../show/show?tid={{ item.tid }}&uniqid={{ item.uniqid }}&cityid={{ item.currency == '港元' ? 1 : ''}}">
<navigator class='info-list'
url="../show/show?tid={{ item.tid }}&uniqid={{ item.uniqid }}&cityid={{ item.currency == '港元' ? 1 : ''}}">
<form bindsubmit="send_form_id" report-submit='true' data-types="confirm" class='submit-form'>
<view class='title'>
<image class='authentication' wx:if="{{ item.verified == 1 }}" mode="heightFix" src="/img/authentication.jpg" />
<image class='authentication' wx:if="{{ item.verified == 1 }}" mode="heightFix"
src="/img/authentication.jpg" />
<image class='newbtn' wx:if="{{ item.isnew }}" src="../../img/newbtn.png" />
<image class='hotbtn' wx:if="{{ item.ishot }}" src="../../img/hotbtn.png" />
<image class='videobtn' wx:if="{{ item.isvideo }}" src="../../img/videologo.png" />
@ -28,9 +30,11 @@
<view class='tips'>
<view class='i' wx:if="{{ item.location }}">{{ item.location }}</view>
<view class='i' wx:if="{{ item.type }}">{{ item.type }}</view>
<view class='i' wx:if="{{ item.acreage }}">{{ item.acreage }}平方{{ item.currency == '港元' ? '呎' : '米'}}</view>
<view class='i' wx:if="{{ item.acreage }}">{{ item.acreage }}平方{{ item.currency == '港元' ? '呎' : '米'}}
</view>
<view class='i' wx:if="{{ item.gender }}">{{ item.gender }}</view>
<view class='i' wx:if="{{ item.leaseterm }}">{{ item.leaseterm ==1 ?'长租':(item.leaseterm ==2 ?'短租' :'')}}</view>
<view class='i' wx:if="{{ item.leaseterm }}">
{{ item.leaseterm ==1 ?'长租':(item.leaseterm ==2 ?'短租' :'')}}</view>
</view>
<view class='footer'>
<view class='l'>
@ -70,17 +74,23 @@
<view class='select-options2' wx:if="{{ data.show }}">
<view class='black' bindtap='close_alert' bindtap='close_alert' data-box="{{ data.title }}"></view>
<view class='tab-box'>
<view class="{{ data.tab=='level1' ?'tab active' :'tab red'}}" bindtap='change_select_tab' data-title="{{ data.title }}" data-tab="level1">{{ data.tab=='level1' ?(data.title=='location' ? '区域' :'一级'):data.level1_name }}</view>
<view class="{{ data.tab=='level2' ?'tab active' :'tab'}}" bindtap='change_select_tab' data-title="{{ data.title }}" data-tab="level2">{{ data.title=='location' ? '范围' :'二级' }}</view>
<view class="{{ data.tab=='level1' ?'tab active' :'tab red'}}" bindtap='change_select_tab'
data-title="{{ data.title }}" data-tab="level1">
{{ data.tab=='level1' ?(data.title=='location' ? '区域' :'一级'):data.level1_name }}</view>
<view class="{{ data.tab=='level2' ?'tab active' :'tab'}}" bindtap='change_select_tab'
data-title="{{ data.title }}" data-tab="level2">{{ data.title=='location' ? '范围' :'二级' }}</view>
</view>
<view class='box' wx:if="{{ data.tab=='level1' }}">
<view class='li' wx:for="{{ data.level1 }}" data-name="{{ item }}" data-title="{{ data.title }}" data-value="{{ index }}" wx:key="index" bindtap='select_options2_value' data-tab="level1">
<view class='li' wx:for="{{ data.level1 }}" data-name="{{ item }}" data-title="{{ data.title }}"
data-value="{{ index }}" wx:key="index" bindtap='select_options2_value' data-tab="level1">
{{ item }}
<image src='../../img/right.png' wx:if="{{ index == data.level1_value }}"></image>
</view>
</view>
<view class='box' wx:if="{{ data.tab=='level2' }}">
<view class='li' wx:key="index" wx:for="{{ data.level2[data.level1_value] }}" data-name="{{ item }}" data-title="{{ data.title }}" data-value="{{ index }}" bindtap='select_options2_value' data-tab="level2">
<view class='li' wx:key="index" wx:for="{{ data.level2[data.level1_value] }}" data-name="{{ item }}"
data-title="{{ data.title }}" data-value="{{ index }}" bindtap='select_options2_value'
data-tab="level2">
{{ item }}
<image src='../../img/right.png' wx:if="{{ index==data.level2_value }}"></image>
</view>
@ -95,7 +105,8 @@
<view class='select-options1' wx:if="{{ data.show }}">
<view class='black' bindtap='close_alert' data-box="{{ data.title }}"></view>
<view class='box'>
<view class='li' wx:for="{{ data.list }}" wx:key="index" data-title="{{ data.title }}" data-name="{{ item }}" data-value="{{ index }}" catchtap='select_value'>
<view class='li' wx:for="{{ data.list }}" wx:key="index" data-title="{{ data.title }}"
data-name="{{ item }}" data-value="{{ index }}" catchtap='select_value'>
{{ item }}
<image src='../../img/right.png' wx:if="{{ index == data.value }}"></image>
</view>
@ -120,7 +131,8 @@
</view>
<view class="tips">{{ irenCouponReceive.writings.tips }}</view>
<view class="btn" bindtap="tominiProgram" data-types="irenCouponReceive">
<image class="img" src="https://app.gter.net/image/miniApp/HKRenting/irent_btn.png" mode="widthFix"></image>
<image class="img" src="https://app.gter.net/image/miniApp/HKRenting/irent_btn.png"
mode="widthFix"></image>
<view class="text">{{ irenCouponReceive.writings.button }}</view>
</view>
<view class="close" bindtap="showIrentCoupon">
@ -141,11 +153,13 @@
<!-- 个人房源列表 -->
<template name="personalList">
<navigator class='info-list personalList' url="../show/show?tid={{ item.tid }}&uniqid={{ item.uniqid }}&cityid={{ item.currency == '港元' ? 1 : 0}}">
<navigator class='info-list personalList'
url="../show/show?tid={{ item.tid }}&uniqid={{ item.uniqid }}&cityid={{ item.currency == '港元' ? 1 : 0}}">
<view class="submit-form">
<view class="personalList-top">
<view class='title'>
<image class='authentication' wx:if="{{ item.verified == 1 }}" mode="heightFix" src="/img/authentication.jpg" />
<image class='authentication' wx:if="{{ item.verified == 1 }}" mode="heightFix"
src="/img/authentication.jpg" />
<image class='newbtn' wx:if="{{ item.isnew }}" src="../../img/newbtn.png" />
<image class='hotbtn' wx:if="{{ item.ishot }}" src="../../img/hotbtn.png" />
{{ item.subject }}
@ -160,7 +174,8 @@
</view>
<view class='tips'>
<view class='i' wx:if="{{ item.type }}">{{ item.type }}</view>
<view class='i' wx:if="{{ item.acreage }}">{{ item.acreage }}平方{{ item.currency == '港元' ? '呎' : '米'}}</view>
<view class='i' wx:if="{{ item.acreage }}">
{{ item.acreage }}平方{{ item.currency == '港元' ? '呎' : '米'}}</view>
<view class='i' wx:if="{{ item.gender }}">{{ item.gender }}</view>
<!-- <view class='i' wx:if="{{ item.leaseterm }}">{{ item.leaseterm ==1 ?'长租':(item.leaseterm ==2 ?'短租' :'')}}</view> -->
<view class='i' wx:if="{{ item.leaseterm }}">{{ item.leaseterm }}</view>
@ -210,7 +225,8 @@
<!-- 触发规则1时 重复发布 -->
<view class="repeatedRelease">
<view class="repeatedRelease-box">
<image class="trigger-rules-close-icon" mode="widthFix" src="/img/plusgrey.png" catchtap="triggerRulesClose">
<image class="trigger-rules-close-icon" mode="widthFix" src="/img/plusgrey.png"
catchtap="triggerRulesClose">
</image>
<view class="repeatedRelease-headline">
<text>提交失败</text>
@ -263,9 +279,11 @@
</view>
</view>
<view class="repeatedRelease-message">
<view class="repeatedRelease-message-item"><i class="yellow-dot"></i><text class="underline">“顶上去”功能可将房源实时推送到房源列表的首位</text>
<view class="repeatedRelease-message-item"><i class="yellow-dot"></i><text
class="underline">“顶上去”功能可将房源实时推送到房源列表的首位</text>
</view>
<view class="repeatedRelease-message-item"><i class="yellow-dot"></i><text class="underline">通过“<text class="daheise">我的-发布</text>”中找到房源，点击“顶上去”</text>
<view class="repeatedRelease-message-item"><i class="yellow-dot"></i><text
class="underline">通过“<text class="daheise">我的-发布</text>”中找到房源，点击“顶上去”</text>
</view>
</view>
@ -291,11 +309,13 @@
<template name="submitFailuretwo">
<view class="submitFailure" bindtap="triggerRulesClose">
<view class="submitFailure-box" catchtap="1">
<image class="trigger-rules-close-icon" mode="widthFix" src="/img/plusgrey.png" catchtap="triggerRulesClose">
<image class="trigger-rules-close-icon" mode="widthFix" src="/img/plusgrey.png"
catchtap="triggerRulesClose">
</image>
<!-- 提示 -->
<view class="submitFailure-reminder">
<image class="submitFailure-icon" mode="widthFix" src="https://app.gter.net/image/miniApp/HKRenting/u82.png"></image>
<image class="submitFailure-icon" mode="widthFix"
src="https://app.gter.net/image/miniApp/HKRenting/u82.png"></image>
<view class="submitFailure-title">
<text>提交失败</text>
<text>
@ -340,11 +360,13 @@
<template name="submitFailurethree">
<view class="submitFailure" bindtap="triggerRulesClose">
<view class="submitFailure-box" catchtap="1">
<image class="trigger-rules-close-icon" mode="widthFix" src="/img/plusgrey.png" catchtap="triggerRulesClose">
<image class="trigger-rules-close-icon" mode="widthFix" src="/img/plusgrey.png"
catchtap="triggerRulesClose">
</image>
<!-- 提示 -->
<view class="submitFailure-reminder">
<image class="submitFailure-icon" mode="widthFix" src="https://app.gter.net/image/miniApp/HKRenting/u82.png"></image>
<image class="submitFailure-icon" mode="widthFix"
src="https://app.gter.net/image/miniApp/HKRenting/u82.png"></image>
<view class="submitFailure-title">
<text>提交失败</text>
<text>
@ -399,7 +421,8 @@
<view class="wrong-micro-signal-method-text">
<image src="/img/u876.png" mode="widthFix"></image><text>如何获取微信二维码、修改微信号？</text>
</view>
<image class="wrong-micro-signal-method-image" mode="widthFix" catchtap="methodPreview" src="https://oss.gter.net/attachment/Zvt57TuJSUvkyhw-xG7Y2l-T_pIqc3nqqsgFptxhXa6RWi26P-BuTQdCF7eV7tkb8MVYZjQ0Mjk~">
<image class="wrong-micro-signal-method-image" mode="widthFix" catchtap="methodPreview"
src="https://oss.gter.net/attachment/Zvt57TuJSUvkyhw-xG7Y2l-T_pIqc3nqqsgFptxhXa6RWi26P-BuTQdCF7eV7tkb8MVYZjQ0Mjk~">
</image>
</view>
</view>
@ -419,7 +442,9 @@
<view class="succeed-hint">激活专属认证标识</view>
<view class="succeed-hint">不占用普通房源的发布条数</view>
<view class="succeed-btn flexcenter" catchtap="publicJumps" data-url="/pages/webViewwebweb/index?url=https://app.gter.net/special/propertyAuth">前往认证<image class="succeed-btn-icom" mode="widthFix" src="/img/arrows-right-black.png"></image>
<view class="succeed-btn flexcenter" catchtap="publicJumps"
data-url="/pages/webViewwebweb/index?url=https://app.gter.net/special/propertyAuth">前往认证<image
class="succeed-btn-icom" mode="widthFix" src="/img/arrows-right-black.png"></image>
</view>
</block>
<block wx:else>
@ -429,7 +454,9 @@
<view class="succeed-hint">发布上限马上提升到 <text>20</text> 条</view>
<view class="succeed-hint">可以搜索、筛选求房源信息</view>
<view class="succeed-btn flexcenter" catchtap="publicJumps" data-url="/pages/webViewwebweb/index?url=https://app.gter.net/special/middlemanAuth">前往认证<image class="succeed-btn-icom" mode="widthFix" src="/img/arrows-right-black.png"></image>
<view class="succeed-btn flexcenter" catchtap="publicJumps"
data-url="/pages/webViewwebweb/index?url=https://app.gter.net/special/middlemanAuth">前往认证<image
class="succeed-btn-icom" mode="widthFix" src="/img/arrows-right-black.png"></image>
</view>
</block>
<view class="succeed-btn-no flexcenter" catchtap="goShowPage">暂不认证</view>
@ -462,8 +489,10 @@
<!-- <view class="fail-btn flexcenter">房源管理<image class="fail-btn-icom" mode="widthFix" src="/img/arrows-right-white.png"></image> -->
<!-- </view> -->
<view class="fail-btn flexcenter" wx:if="{{ state == 'user' }}" catchtap="setValue" data-key="failPopState" data-value="{{ false }}">关闭</view>
<navigator wx:else class="fail-btn flexcenter" hover-class="none" open-type="redirect" url="/pages/user/user?tab=publish">
<view class="fail-btn flexcenter" wx:if="{{ state == 'user' }}" catchtap="setValue" data-key="failPopState"
data-value="{{ false }}">关闭</view>
<navigator wx:else class="fail-btn flexcenter" hover-class="none" open-type="redirect"
url="/pages/user/user?tab=publish">
房源管理<image class="fail-btn-icom" mode="widthFix" src="/img/arrows-right-white.png"></image>
</navigator>
</view>
@ -477,7 +506,8 @@
<image class="search-icon" src="../../img/search-icon.svg"></image>
<input disabled placeholder='搜索房源或输入房源ID'></input>
</view>
<view class="map-btn flexcenter" wx:if="{{ isNeedMap }}" bindtap="publicJumps" data-url="/mapFind/pages/placeMap/index">
<view class="map-btn flexcenter" wx:if="{{ isNeedMap }}" bindtap="publicJumps"
data-url="/mapFind/pages/placeMap/index">
<image class="map-btn-icon" mode="widthFix" src="/img/map-icon.png"></image>
</view>
</view>
@ -486,7 +516,8 @@
<!-- 搜索的空 图标 -->
<template name="empty-icon">
<view class="empty-box flexcenter">
<image class="empty-icon" mode="widthFix" src="https://app.gter.net/image/miniApp/HKRenting/empty-icon.png"></image>
<image class="empty-icon" mode="widthFix" src="https://app.gter.net/image/miniApp/HKRenting/empty-icon.png">
</image>
<view class="empty-text">{{ hint || '暂无搜索结果' }}</view>
</view>
</template>
@ -504,10 +535,12 @@
<view class="asking-housing-explain">发布上限马上提升到 <text class="bold">20</text> 条</view>
<view class="asking-housing-explain">可以搜索、筛选求房源信息</view>
<view class="fail-btn flexcenter" bindtap="publicJumps" data-url="/pages/webViewwebweb/index?url=https://app.gter.net/special/middlemanAuth">
<view class="fail-btn flexcenter" bindtap="publicJumps"
data-url="/pages/webViewwebweb/index?url=https://app.gter.net/special/middlemanAuth">
前往认证<image class="fail-btn-icom" mode="widthFix" src="/img/arrows-right-black.png"></image>
</view>
<view class="asking-housing-no" bindtap="setValue" data-key="authenticationPopState" data-value="{{ false }}">暂不认证</view>
<view class="asking-housing-no" bindtap="setValue" data-key="authenticationPopState"
data-value="{{ false }}">暂不认证</view>
</view>
</view>
</template>
@ -515,7 +548,11 @@
<!-- 瀑布流列表的广告 -->
<template name="adv">
<image class="pinterest-list-item" mode="widthFix" bindload="pinterestImgLoad" lazy-load="{{ true }}" src="{{ item.imageLocal || item.image }}" bindtap="handleSwiper" data-type="{{ item.type }}" data-advtype="{{ item.advtype }}" data-appid="{{ item.appid }}" data-finderUserName="{{ item.finderUserName }}" data-feedId="{{ item.feedId }}" data-advertisingtype="{{ 'lazyloading' }}" data-statid="{{ item.statid }}" data-id="{{ item.id }}" data-url="{{ item.path || item.url }}"></image>
<image class="pinterest-list-item" mode="widthFix" bindload="pinterestImgLoad" lazy-load="{{ true }}"
src="{{ item.imageLocal || item.image }}" bindtap="handleSwiper" data-type="{{ item.type }}"
data-advtype="{{ item.advtype }}" data-appid="{{ item.appid }}" data-finderUserName="{{ item.finderUserName }}"
data-feedId="{{ item.feedId }}" data-advertisingtype="{{ 'lazyloading' }}" data-statid="{{ item.statid }}"
data-id="{{ item.id }}" data-url="{{ item.path || item.url }}"></image>
</template>
<!-- 瀑布流列表的公寓 -->
@ -526,7 +563,8 @@
<image class="apartment-icon" mode="widthFix" src="/img/apartment-icon.png"></image>
<image class="apartment-text" mode="widthFix" src="/img/apartment-text.png"></image>
</view>
<image class="apartment-img" lazy-load mode="aspectFill" bindload="pinterestImgLoad" src="{{ item.imageLocal || item.image }}" lazy-load="{{ true }}"></image>
<image class="apartment-img" lazy-load mode="aspectFill" bindload="pinterestImgLoad"
src="{{ item.imageLocal || item.image }}" lazy-load="{{ true }}"></image>
<view class="apartment-name one-line-display">{{ item.title }}</view>
<view class="apartment-introduce one-line-display">{{ item.propaganda }}</view>
<view class="apartment-price">
@ -551,7 +589,8 @@
<view bindtap="publicJumps" data-url="/pages/irentDetail/irentDetail?uniqid={{ item.id }}" hover-class="none">
<view class="apartmentApartment pinterest-list-item apartment">
<view class="apartmentApartment-subject flexflex">
<image class="apartment-img" lazy-load mode="aspectFill" bindload="pinterestImgLoad" src="{{ item.imageLocal || item.image }}" lazy-load="{{ true }}"></image>
<image class="apartment-img" lazy-load mode="aspectFill" bindload="pinterestImgLoad"
src="{{ item.imageLocal || item.image }}" lazy-load="{{ true }}"></image>
<view class="apartment-name one-line-display">{{ item.title }}</view>
<view class="apartment-introduce one-line-display">{{ item.propaganda }}</view>
<view class="apartment-price">
@ -583,12 +622,16 @@
<template name="general">
<view bindtap="publicJumps" data-url="/pages/show/show?uniqid={{ item.uniqid }}" hover-class="none">
<view class="pinterest-list-item general">
<image wx:if="{{ item['isintermediary'] == 1 }}" class="top-right-corner top-right-corner-authentication flexcenter" mode="heightFix" src="/img/certifying-agent.png"></image>
<image wx:if="{{ item['isintermediary'] == 1 }}"
class="top-right-corner top-right-corner-authentication flexcenter" mode="heightFix"
src="/img/certifying-agent.png"></image>
<view wx:else class="top-right-corner flexcenter">{{ item.intermediarytext || '其他' }}</view>
<image class="general-img" mode="widthFix" mode="aspectFill" bindload="pinterestImgLoad" src="{{ item.imageLocal || item.image }}" lazy-load="{{ true }}"></image>
<image class="general-img" mode="widthFix" mode="aspectFill" bindload="pinterestImgLoad"
src="{{ item.imageLocal || item.image }}" lazy-load="{{ true }}"></image>
<view class="general-authentication-mark flexacenter" wx:if="{{ item['verified'] == 1 }}">
<image class="general-authentication-mark1" mode="heightFix" src="/img/certified-listings-icon.png"></image>
<image class="general-authentication-mark1" mode="heightFix" src="/img/certified-listings-icon.png">
</image>
<image class="general-authentication-mark2" mode="heightFix" src="/img/certified-listings.png"></image>
</view>
@ -614,14 +657,20 @@
<!-- v4 品牌公寓列表 的 item -->
<template name="apartment-item">
<view class="apartment-item apartment-list" bindtap="publicJumps" data-url="/pages/irentDetail/irentDetail?uniqid={{ item.uniqid }}{{ schoolSidObj[school] ? '&school=' + schoolSidObj[school] : '' }}">
<view class="apartment-item apartment-list" bindtap="publicJumps"
data-url="/pages/irentDetail/irentDetail?uniqid={{ item.uniqid }}{{ schoolSidObj[school] ? '&school=' + schoolSidObj[school] : '' }}">
<view class="apartment-top flexflex">
<view class="apartment-top-collect flexcenter" catch:tap="bindCollect" data-index="{{ index }}">
<image wx:if="{{ isUser }}" class="apartment-top-collect-ico" style="width: 66rpx;height: 66rpx;" mode="widthFix" src="https://app.gter.net/image/miniApp/HKRenting/collecting-yellow-shadows.svg"></image>
<image wx:if="{{ isUser }}" class="apartment-top-collect-ico" style="width: 66rpx;height: 66rpx;"
mode="widthFix" src="https://app.gter.net/image/miniApp/HKRenting/collecting-yellow-shadows.svg">
</image>
<block wx:else>
<image wx:if="{{ item.iscollect == 1 }}" class="apartment-top-collect-ico" style="width: 66rpx;height: 66rpx;" mode="widthFix" src="https://app.gter.net/image/miniApp/HKRenting/collecting-yellow-shadows.svg"></image>
<image wx:else class="apartment-top-collect-icon" mode="widthFix" src="https://app.gter.net/image/miniApp/HKRenting/collecting-shadows.svg"></image>
<image wx:if="{{ item.iscollect == 1 }}" class="apartment-top-collect-ico"
style="width: 66rpx;height: 66rpx;" mode="widthFix"
src="https://app.gter.net/image/miniApp/HKRenting/collecting-yellow-shadows.svg"></image>
<image wx:else class="apartment-top-collect-icon" mode="widthFix"
src="https://app.gter.net/image/miniApp/HKRenting/collecting-shadows.svg"></image>
<!-- {{ item.collectnum == 0 ? '' : item.collectnum }} -->
</block>
@ -638,11 +687,14 @@
<view class="apartment-content flexflex">
<image class="apartment-arc" src="/img/arc-shadow.png"></image>
<view class="apartment-message flex1 flexacenter">
<view class="apartment-quantity flexacenter" wx:if="{{ item.roomnum != 0 }}">共 {{ item.roomnum }} 个房型</view>
<view class="apartment-place flexacenter flex1 one-line-display" wx:if="{{ item.address || item.distance }}">
<view class="apartment-quantity flexacenter" wx:if="{{ item.roomnum != 0 }}">共 {{ item.roomnum }}
个房型</view>
<view class="apartment-place flexacenter flex1 one-line-display"
wx:if="{{ item.address || item.distance }}">
<image class="apartment-place-icon" mode="widthFix" src="/img/orientation.png"></image>
<!-- <view class="apartment-place-address one-line-display" style="max-width: {{ item.distance ? '400rpx' : ''}};">{{ item.address }}</view> -->
<view wx:if="{{ item.address }}" class="apartment-place-address one-line-display">{{ item.address }}</view>
<view wx:if="{{ item.address }}" class="apartment-place-address one-line-display">
{{ item.address }}</view>
<block wx:if="{{ item.distance }}">
<view class="area-vertical"></view>
<view class="area-distance">{{ item.distance }}km</view>
@ -650,8 +702,10 @@
</view>
</view>
<view class="apartment-price">
<view class="apartment-price-item flexacenter" wx:for="{{ item.roomlist }}" wx:for-item="it" wx:key="id">
<view class="apartment-price-name one-line-display" style="max-width: 350rpx;">{{ it.name }}</view>
<view class="apartment-price-item flexacenter" wx:for="{{ item.roomlist }}" wx:for-item="it"
wx:key="id">
<view class="apartment-price-name one-line-display" style="max-width: 350rpx;">{{ it.name }}
</view>
<view class="flexacenter">
<view class="apartment-price-symbol">HK$</view>
<view class="apartment-price-price">{{ it.price }}</view>
@ -669,7 +723,8 @@
<view class="getWechatQRCode">
<view class="getWechatQRCode-box flexflex">
<view class="getWechatQRCode-title">如何获取微信二维码？</view>
<image class="getWechatQRCode-image" src="https://offer.gter.net/image/gter/img/zufang-QRcode.png" mode="widthFix"></image>
<image class="getWechatQRCode-image" src="https://offer.gter.net/image/gter/img/zufang-QRcode.png"
mode="widthFix"></image>
<view class="getWechatQRCode-close flexcenter">
<view class="getWechatQRCode-close-btn flexcenter" bindtap="handleWechatQRCodeState">关闭</view>
</view>
@ -680,4 +735,51 @@
<!-- 公共的提示 -->
<template name="public-hint">
<view class="public-hint flexcenter">{{ hint }}</view>
</template>
<!-- 咨询弹窗 -->
<template name="consultation-window">
<view class="consultation-window flexcenter " wx:if="{{ popwindowState }}">
<view class="consultation-window-box flexcenter">
<image class="star star1" src="https://app.gter.net/image/miniApp/HKRenting/star-icon.png" mode="widthFix">
</image>
<image class="star star2" src="https://app.gter.net/image/miniApp/HKRenting/star-icon.png" mode="widthFix">
</image>
<image class="star star3" src="https://app.gter.net/image/miniApp/HKRenting/star-icon.png" mode="widthFix">
</image>
<image class="metropolis" src="https://app.gter.net/image/miniApp/HKRenting/metropolis.svg" mode="widthFix">
</image>
<view class="consultation-window-box-mask"></view>
<image class="inverted-triangle" src="https://app.gter.net/image/miniApp/HKRenting/inverted-triangle.svg">
</image>
<view class="consultation-text">{{ popwindow.text || popwindow.tips }}</view>
<view class="consultation-hint">{{ popwindow.node }}</view>
<view class="consultation-info flexcenter">
<image class="product-frame" src="https://app.gter.net/image/miniApp/HKRenting/product-frame.svg"
mode="widthFix"></image>
<image class="consultation-QR-code" src="{{ popwindow.qrcode }}" show-menu-by-longpress="{{ true }}"
mode="widthFix"></image>
<view class="consultation-username flexacenter">
<image class="weChat-icon" src="https://app.gter.net/image/miniApp/HKRenting/WeChat-icon.svg"
mode="widthFix"></image>
{{ popwindow.name }}
</view>
</view>
</view>
<image class="close-icon" src="/img/close.png" bind:tap="closePopwindow"></image>
</view>
</template>
<!-- 弹窗按钮 -->
<template name="popwindow-box">
<view class="popwindow-box {{ popwindowBtnAnimationState && 'popwindow-btn-animation'}}" bind:tap="openInitiativePopwindow"
wx:if="{{ popwindowBtnState && popwindow.status == 1 }}">
<view class="popwindow-btn flexacenter">
<image class="popwindow-avatar" mode="widthFix" src="{{ popwindow.avatar }}"></image>
<view class="popwindow-text flexcenter">咨询公寓</view>
</view>
<image class="semicircle semicircle1" src="https://app.gter.net/image/miniApp/HKRenting/semicircle.svg"></image>
<image class="semicircle semicircle2" src="https://app.gter.net/image/miniApp/HKRenting/semicircle.svg"></image>
</view>
</template>

228
pages/common/common.wxss
View File

@ -1155,8 +1155,8 @@
margin-left: 20rpx;
}
.apartment-list.apartment-item .apartment-bottom .apartment-place .apartment-place-address{
max-width: 390rpx;
.apartment-list.apartment-item .apartment-bottom .apartment-place .apartment-place-address {
max-width: 390rpx;
}
.apartment-list.apartment-item .apartment-bottom .apartment-place-icon {
@ -1311,4 +1311,228 @@
.apartmentApartment.pinterest-list-item.apartment .apartment-icon,
.apartmentApartment.pinterest-list-item.apartment .apartment-text {
z-index: 6;
}
.consultation-window {
position: fixed;
background-color: rgba(0, 0, 0, 0.69803922);
z-index: 1001;
flex-direction: column;
overflow: hidden;
width: 0;
height: 0;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
}
.consultation-window .consultation-window-box {
width: 570rpx;
height: 801rpx;
background-color: rgba(253, 223, 109, 0.84705882);
border-radius: 30rpx;
position: relative;
}
.consultation-window .consultation-window-box .star {
position: absolute;
}
.consultation-window .consultation-window-box .star.star1 {
width: 72rpx;
height: 72rpx;
left: 55.5rpx;
top: -75rpx;
}
.consultation-window .consultation-window-box .star.star2 {
width: 78rpx;
height: 78rpx;
left: 562.5rpx;
top: 490.5rpx;
}
.consultation-window .consultation-window-box .star.star3 {
width: 60rpx;
height: 60rpx;
left: -48rpx;
top: 775.5rpx;
}
.consultation-window .consultation-window-box .inverted-triangle {
width: 489rpx;
height: 202.5rpx;
transform: rotate(180deg);
position: absolute;
top: 0;
}
.consultation-window .consultation-window-box .metropolis {
width: 570rpx;
height: 468rpx;
position: absolute;
bottom: 0;
}
.consultation-window .consultation-window-box .consultation-window-box-mask {
width: 570rpx;
height: 801rpx;
background-color: rgba(253, 223, 109, 0.84705882);
border-radius: 30rpx;
position: absolute;
top: 0;
left: 0;
}
.consultation-window .consultation-window-box .consultation-text {
font-size: 37.5rpx;
text-align: center;
line-height: 54rpx;
font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
color: #333333;
position: absolute;
top: 58.5rpx;
white-space: pre-line;
}
.consultation-window .consultation-window-box .consultation-hint {
position: absolute;
font-size: 24rpx;
color: #FFFFFF;
bottom: 63rpx;
font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
}
.consultation-window .consultation-window-box .consultation-info {
position: absolute;
top: 201rpx;
width: 361.5rpx;
height: 465rpx;
}
.consultation-window .consultation-window-box .consultation-info::after {
content: "";
top: 5rpx;
left: 0;
width: 330rpx;
height: 1rpx;
border-bottom: 1rpx dotted #ebebeb;
position: absolute;
top: 357rpx;
left: 16.5rpx;
}
.consultation-window .consultation-window-box .consultation-info .product-frame {
width: 361.5rpx;
height: 465rpx;
position: absolute;
}
.consultation-window .consultation-window-box .consultation-info .consultation-QR-code {
width: 300rpx;
height: 300rpx;
position: absolute;
top: 30rpx;
}
.consultation-window .consultation-window-box .consultation-info .consultation-username {
color: #333333;
font-size: 25.5rpx;
position: absolute;
bottom: 40.5rpx;
}
.consultation-window .consultation-window-box .consultation-info .consultation-username .weChat-icon {
width: 39rpx;
height: 30rpx;
margin-right: 10.5rpx;
}
.consultation-window .close-icon {
margin-top: 102rpx;
width: 72rpx;
height: 72rpx;
}
.popwindow-box {
position: fixed;
width: 87rpx;
height: 144rpx;
right: 16rpx;
bottom: 320rpx;
bottom: 364rpx;
z-index: 11;
}
.popwindow-box.popwindow-btn-animation {
animation: coupon-toright 0.3s;
}
@keyframes coupon-toright {
from {
right: calc(50% - 50rpx);
bottom: calc(50% - 50rpx);
}
20% {
bottom: calc(50% + 10rpx);
}
to {
right: 16rpx;
bottom: 320rpx;
}
}
.popwindow-box .popwindow-btn {
width: 87rpx;
height: 144rpx;
background: -webkit-linear-gradient(270deg, #f8f4f1 0%, #f3e7d9 100%);
background: -moz-linear-gradient(180deg, #f8f4f1 0%, #f3e7d9 100%);
background: linear-gradient(180deg, #f8f4f1 0%, #f3e7d9 100%);
border: 1px solid #d7d7d7;
border-radius: 43.5rpx;
-moz-box-shadow: 0 0 7.5rpx rgba(0, 0, 0, 0.34901961);
-webkit-box-shadow: 0 0 7.5rpx rgba(0, 0, 0, 0.34901961);
box-shadow: 0 0 7.5rpx rgba(0, 0, 0, 0.34901961);
flex-direction: column;
padding-top: 12rpx;
}
.popwindow-box .popwindow-btn .popwindow-avatar {
width: 69rpx;
height: 69rpx;
border-radius: 50%;
margin-bottom: 10.5rpx;
box-shadow: 0 0 3rpx rgba(0, 0, 0, 0.5);
}
.popwindow-box .popwindow-btn .popwindow-text {
width: 99rpx;
height: 33rpx;
background-color: #fdda55;
border: 1rpx solid #d2ac27;
border-radius: 6rpx;
color: #333333;
font-size: 21rpx;
}
.popwindow-box .semicircle {
width: 48rpx;
height: 30rpx;
position: absolute;
top: 84rpx;
z-index: -1;
}
.popwindow-box .semicircle.semicircle1 {
transform: rotate(270deg);
left: -15rpx;
}
.popwindow-box .semicircle.semicircle2 {
right: -15rpx;
transform: rotate(90deg);
}

32
pages/index/index.js
View File

@ -750,17 +750,37 @@ Page({
data: this.today,
});
// 判断是否已经开启 后 开启
if (!this.data.popwindowState) this.cutPopwindow()
if (!this.data.popwindowState) this.openPopwindow()
}, 10000)
},
// 切换弹窗
cutPopwindow() {
// 主动开启 弹窗
openInitiativePopwindow() {
this.setData({
['popwindow.text']: "找方同学咨询公寓"
})
this.openPopwindow()
},
// 打开弹窗
openPopwindow() {
clearTimeout(this.popwindowTiminr)
this.setData({
popwindowState: !this.data.popwindowState,
popwindowBtnState: !this.data.popwindowBtnState,
popwindowBtnAnimationState: !this.data.popwindowBtnState,
popwindowState: true,
popwindowBtnState: false,
popwindowBtnAnimationState: true,
})
},
// 关闭弹窗
closePopwindow() {
this.setData({
popwindowState: false,
popwindowBtnState: true,
})
this.setData({
['popwindow.text']: ""
})
},

47
pages/index/index.wxml
View File

@ -206,49 +206,6 @@
</page-container>
<announcement-popup interface="home" init="{{ initState }}"></announcement-popup>
<!-- 咨询弹窗 -->
<view class="consultation-window flexcenter " wx:if="{{ popwindowState }}">
<view class="consultation-window-box flexcenter">
<image class="star star1" src="https://app.gter.net/image/miniApp/HKRenting/star-icon.png" mode="widthFix">
</image>
<image class="star star2" src="https://app.gter.net/image/miniApp/HKRenting/star-icon.png" mode="widthFix">
</image>
<image class="star star3" src="https://app.gter.net/image/miniApp/HKRenting/star-icon.png" mode="widthFix">
</image>
<image class="metropolis" src="https://app.gter.net/image/miniApp/HKRenting/metropolis.svg" mode="widthFix">
</image>
<view class="consultation-window-box-mask"></view>
<image class="inverted-triangle" src="https://app.gter.net/image/miniApp/HKRenting/inverted-triangle.svg">
</image>
<view class="consultation-text">{{ popwindow.tips }}</view>
<view class="consultation-hint">{{ popwindow.node }}</view>
<view class="consultation-info flexcenter">
<image class="product-frame" src="https://app.gter.net/image/miniApp/HKRenting/product-frame.svg"
mode="widthFix"></image>
<image class="consultation-QR-code" src="{{ popwindow.qrcode }}" show-menu-by-longpress="{{ true }}"
mode="widthFix"></image>
<view class="consultation-username flexacenter">
<image class="weChat-icon" src="https://app.gter.net/image/miniApp/HKRenting/WeChat-icon.svg"
mode="widthFix"></image>
{{ popwindow.name }}
</view>
</view>
</view>
<image class="close-icon" src="/img/close.png" bind:tap="cutPopwindow"></image>
</view>
<!-- 弹窗按钮 -->
<view class="popwindow-box {{ popwindowBtnAnimationState && 'popwindow-btn-animation'}}" bind:tap="cutPopwindow"
wx:if="{{ popwindowBtnState && popwindow.status == 1 }}">
<view class="popwindow-btn flexacenter">
<image class="popwindow-avatar" mode="widthFix" src="{{ popwindow.avatar }}"></image>
<view class="popwindow-text flexcenter">咨询公寓</view>
</view>
<image class="semicircle semicircle1" src="https://app.gter.net/image/miniApp/HKRenting/semicircle.svg"></image>
<image class="semicircle semicircle2" src="https://app.gter.net/image/miniApp/HKRenting/semicircle.svg"></image>
</view>
<template is="consultation-window" data="{{popwindowState,popwindow}}"></template>
<template is="popwindow-box" data="{{popwindowBtnAnimationState,popwindowBtnState,popwindow}}"></template>
</view>

11
pages/index/indexcss.less
View File

@ -1,26 +1,15 @@
.consultation-window {
position: fixed;
background-color: rgba(0, 0, 0, 0.698039215686274);
z-index: 1001;
flex-direction: column;
overflow: hidden;
width: 0;
height: 0;
top: 0;
left: 0;
// right: 54rpx;
// bottom: 406rpx;
// transition: all 0.3s ease-in-out;
// animation: iren-coupon-toright 0.3s;
width: 100vw;
height: 100vh;
// &.consultation-window1 {
// right: 0;
// bottom: 0;
// }
.consultation-window-box {
width: 570rpx;

11
pages/irentList/irentList.js
View File

@ -67,6 +67,8 @@ Page({
consultState: false, // 咨询弹窗状态
schoolScrollLeft: 100,
QRCodePopState: false, // 二维码弹窗状态
popwindow: {}, // 弹窗信息
},
headerSearchTopHeight: 10,
@ -213,6 +215,7 @@ Page({
wechat: app.globalData.wechat,
initState: true,
miniProgram: app.globalData.miniProgram,
popwindow: app.globalData.popwindow,
})
let screen_data = this.data.screen_data
@ -613,5 +616,11 @@ Page({
})
})
},
// 切换弹窗
openInitiativePopwindow() {
this.setData({
QRCodePopState: !this.data.QRCodePopState
})
},
})

5
pages/irentList/irentList.wxml
View File

@ -71,7 +71,7 @@
<announcement-popup interface="apartmentlist" init="{{ initState }}"></announcement-popup>
<!-- 右边的咨询按钮 -->
<view class="consult-btn flexcenter" bindtap="consultStateCut">
<view wx:if="{{ false }}" class="consult-btn flexcenter" bindtap="consultStateCut">
<view class="consult-inside flexcenter">
<image class="consult-inside-bj" src="/img/green-circle.svg"></image>
<image class="consult-semicircle" src="/img/green-semicircle.svg"></image>
@ -98,4 +98,7 @@
</view>
<QRCodePop wx:if="{{ QRCodePopState }}" bindclosePop="consultStateCut" typee="irent"></QRCodePop>
<template is="popwindow-box" data="{{popwindowBtnAnimationState: false,popwindowBtnState: true,popwindow}}"></template>
</view>