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

A1300399510 (NAS) 自动提交于 2023/04/20 -14:19:51

Browse Source
This commit is contained in:
A1300399510 2023-04-20 14:19:52 +08:00
parent 9925e5925e
commit 98cc99c383
5 changed files with 272 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
pages/common/common.wxml
View File

@ -413,15 +413,40 @@
<view class="succeed-box flexcenter">
<image class="succeed-icom" src="/img/succeed-icon.png"></image>
<view class="succeed-title">发布成功</view>
<block wx:if="{{ true }}">
<block wx:if="{{ false }}">
<view class="succeed-reminder">完成房源认证更快租出去</view>
<view class="succeed-reminder">激活专属认证标识</view>
<view class="succeed-hint">激活专属认证标识</view>
<view class="succeed-hint">不占用普通房源的发布条数</view>
<view class="succeed-hint">激活专属认证标识</view>
<view class="succeed-hint">不占用普通房源的发布条数</view>
<view class="succeed-btn flexcenter">前往认证<image class="succeed-btn-icom" mode="widthFix" src="/img/arrows-right-black.png"></image>
</view>
<view class="succeed-btn-no flexcenter">暂不认证</view>
</block>
<block wx:else>
<view class="succeed-reminder">完成中介认证更快租出去</view>
<view class="succeed-hint">激活专属认证标识</view>
<view class="succeed-hint">发布上限马上提升到 <text>20</text> 条</view>
<view class="succeed-hint">可以搜索、筛选求房源信息</view>
<view class="succeed-btn flexcenter">前往认证<image class="succeed-btn-icom" mode="widthFix" src="/img/arrows-right-black.png"></image>
</view>
<view class="succeed-btn-no flexcenter">暂不认证</view>
</block>
</block>
<block wx:else>
<view class="automatically-skip">
2秒后自动跳转页面
</view>
</block>
<view class="succeed-btn flexcenter">前往认证<image class="succeed-btn-icom" mode="widthFix" src="/img/arrows-right-black.png"></image>
</view>
<view class="succeed-btn-no flexcenter">暂不认证</view>
</view>
</view>

12
pages/common/common.wxss
View File

@ -524,6 +524,11 @@
margin-bottom: 19.5rpx;
}
.succeed-box .succeed-hint text {
font-weight: 650;
color: #000000;
}
.succeed-box .succeed-btn {
background-color: rgba(253, 223, 109, 1);
font-size: 36rpx;
@ -548,6 +553,13 @@
margin-top: 84rpx;
}
.succeed-pop .automatically-skip{
color: #555555;
font-size: 27rpx;
margin-top: 45rpx;
margin-bottom: 126rpx;
}
.fail-box {
background-color: #fff;
width: 750rpx;

87
pages/edit/edit.js
View File

@ -367,12 +367,99 @@ Page({
isPC: false, // 判断是否是PC端
focusState: false,
isAuthorization: 0,
change: false, // 当两个slider在最右端重合时，将change设置为true，从而隐藏slider2，才能继续操作slider1
max: 10000, // 两个slider所能达到的最大值
min: 0, // 两个slider所能取的最小值
rate: 100, // slider的最大最小值之差和100（或1000）之间的比率
scale: 1, // 比例系数。页面显示值的时候，需要将slider1Value(slider2Value)乘以比例系数scale
slider1Max: 10000, // slider1的最大取值
slider1Value: 0, // slider1的值
slider2Value: 10000, // slider2的值
slider2Min: 0, // slider2的最小取值
slider1W: 100, // slider1的宽度
slider2W: 0, // slider2的宽度
leftSliderPriceWidthX: '-1.5%',
rightSliderPriceWidthX: '-21%',
},
// 开始滑动
changeStart: function (e) {
var idx = parseInt(e.currentTarget.dataset.idx)
if (idx === 1) {
// dW是当前操作的slider所能占据的最大宽度百分数
var dW = (this.data.slider2Value - this.data.min) / this.data.rate
this.setData({
slider1W: dW,
slider2W: 100 - dW,
slider1Max: this.data.slider2Value,
slider2Min: this.data.slider2Value,
change: false
})
} else if (idx === 2) {
var dw = (this.data.max - this.data.slider1Value) / this.data.rate
this.setData({
slider2W: dw,
slider1W: 100 - dw,
slider1Max: this.data.slider1Value,
slider2Min: this.data.slider1Value,
change: false
})
}
},
// 正在滑动
changing: function (e) {
var idx = parseInt(e.currentTarget.dataset.idx)
var value = e.detail.value
console.log(this.data.max,"this.data.max");
// let rightSliderPriceWidthX = (this.data.max - value) / 116 - 21
// let rightSliderPriceWidthX =
let leftSliderPriceWidthX = value / 116
if (idx === 1) {
this.setData({
slider1Value: value,
leftSliderPriceWidthX: leftSliderPriceWidthX + '%'
})
} else if (idx === 2) {
this.setData({
slider2Value: value,
rightSliderPriceWidthX: rightSliderPriceWidthX + '%'
})
}
},
changed: function (e) {
if (this.data.slider1Value === this.data.slider2Value && this.data.slider2Value === this.data.max) {
this.setData({
change: true
})
}
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
let list = []
for (let i = 0; i < 24; i++) {
list.push(i + '点-' + (i + 1) + '点');
}
this.setData({
list: list
})
this.calculateOfDate()
wx.showLoading({
title: '加载中',

37
pages/edit/edit.wxml
View File

@ -32,6 +32,9 @@
<!-- 发布失败 -->
<!-- <template is="fail-pop"></template> -->
<!-- 租金预算 -->
<template is="rent-budget" data="{{ min,max,change,slider2W,slider1Max,slider2Min,slider1Value,slider2Value,rate,scale,slider1W,slider2W,leftSliderPriceWidthX,rightSliderPriceWidthX }}"></template>
<header-nav inner-text="Some text" bgcolor="rgba(246, 246, 246, 1)">{{ isInput? isInput :( types=='edit' ?'编辑房源信息' :'发布房源信息' ) }}</header-nav>
@ -801,7 +804,6 @@
<view class="clickInputLeftArrow"></view>
</view>
<view class="pop-up-top" bindtap="closePopUp">
<!-- <view class="pop-up-arrow"></view> -->
<image class="pop-up-arrow" mode="widthFix" src="/img/back.png"></image>
</view>
<view class="pop-up-title">地址</view>
@ -816,4 +818,35 @@
<block wx:if="{{ isAuthorization==1 }}">
<go-login bindislogin="islogin"></go-login>
</block>
</block>
<!-- 租金预算 -->
<template name="rent-budget">
<view class="rent-budget pop-up">
<view class="pop-up-box">
<view class="pop-up-top" bindtap="closePopUp">
<image class="pop-up-arrow" mode="widthFix" src="/img/back.png"></image>
</view>
<view class="pop-up-title">租金预算</view>
<view class="rent-budget-unit flexcenter">HK$/月</view>
<view class='sliderHCon'>
<view class='twoSlider'>
<view class='select-construct'>
<view class='select-area'>
<view class='slider-container'>
<slider style='width:{{slider1W+"%"}}' class='slider-left' min='{{min}}' max='{{slider1Max}}' color='#50e3c2' activeColor='#f2f2f2' bindchanging='changing' catchtouchstart='changeStart' block-size="22" block-color="#50e3c2" bindchange='changed' data-idx='1'></slider>
<slider wx:if='{{!change}}' style='width:{{slider2W+"%"}}' class='slider-right' min='{{slider2Min}}' max='{{max}}' color='#f2f2f2' activeColor='#50e3c2' bindchanging='changing' catchtouchstart='changeStart' block-size="22" block-color="#50e3c2" bindchange='changed' data-idx='2'></slider>
<view class="aaaa" style="right: {{rightSliderPriceWidthX}};"></view>
</view>
</view>
</view>
</view>
</view>
<template is="pop-up-footer" data="{{ popUpStepState:1,field:item.field,newtype,newStatus }}"></template>
</view>
</view>
</template>

107
pages/edit/edit.wxss
View File

@ -1402,4 +1402,111 @@
border: 1rpx solid rgba(215, 215, 215, 1);
padding: 0 11rpx;
border-radius: 53rpx;
}
.rent-budget {}
.rent-budget .rent-budget-unit {
font-size: 24rpx;
color: #fff;
background-color: #000000;
width: 108rpx;
height: 36rpx;
border-radius: 8rpx;
margin-left: calc(100% - 180rpx);
}
/* 标记 */
wx-slider .wx-slider-handle-wrapper {
height: 12rpx;
}
.sliderHCon {
height: 250rpx;
width: 100%;
margin: auto;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.MoneyValue {
font-size: 22rpx;
text-align: center;
color: #666;
margin-top: 15rpx;
}
.showMoney {
display: flex;
justify-content: space-between;
width: 68%;
position: absolute;
color: #666;
font-size: 22rpx;
}
.showMoney text {
margin-right: -67rpx;
}
.twoSlider {
width: 100%;
height: 100px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
position: relative;
}
.sliderPrice view {
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
font-size: 22rpx;
}
/* 滑动样式 */
.select-construct {
width: 100%;
}
.select-area {
/* width: 80%; */
padding: 30px 75rpx 15px;
display: flex;
flex-direction: column;
align-items: center;
}
.slider-container {
/* width: 100%; */
width: calc(100% - 22px);
display: flex;
padding: 20px 0 10px;
position: relative;
}
.slider-right {
padding-left: 11rpx;
}
.slider-left,
.slider-right {
margin: 0;
/* margin-right: -22rpx; */
}
.aaaa {
width: 20rpx;
height: 20rpx;
background-color: aquamarine;
position: absolute;
}