no message
This commit is contained in:
A1300399510
parent
98cc99c383
commit
cd318b55fb
@ -28,6 +28,14 @@ Page({
|
||||
latitude: '',
|
||||
longitude: '',
|
||||
info: {
|
||||
intermediary: {
|
||||
name: '发布者身份',
|
||||
value: '',
|
||||
data: [],
|
||||
title: "intermediary",
|
||||
need: true
|
||||
|
||||
},
|
||||
'type': {
|
||||
name: '出租方式',
|
||||
title: 'type',
|
||||
@ -97,14 +105,7 @@ Page({
|
||||
numberType: true
|
||||
|
||||
},
|
||||
intermediary: {
|
||||
name: '发布者身份',
|
||||
value: '',
|
||||
data: [],
|
||||
title: "intermediary",
|
||||
need: true
|
||||
|
||||
},
|
||||
subject: {
|
||||
title: 'subject',
|
||||
value: '',
|
||||
@ -380,8 +381,8 @@ Page({
|
||||
slider2Min: 0, // slider2的最小取值
|
||||
slider1W: 100, // slider1的宽度
|
||||
slider2W: 0, // slider2的宽度
|
||||
leftSliderPriceWidthX: '-1.5%',
|
||||
rightSliderPriceWidthX: '-21%',
|
||||
leftSliderPriceWidthX: '0%',
|
||||
rightSliderPriceWidthX: '0%',
|
||||
|
||||
|
||||
},
|
||||
@ -401,6 +402,7 @@ Page({
|
||||
})
|
||||
} else if (idx === 2) {
|
||||
var dw = (this.data.max - this.data.slider1Value) / this.data.rate
|
||||
console.log(dw);
|
||||
this.setData({
|
||||
slider2W: dw,
|
||||
slider1W: 100 - dw,
|
||||
@ -415,11 +417,10 @@ Page({
|
||||
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
|
||||
let rightSliderPriceWidthX = 100 - (value / this.data.max * 100)
|
||||
let leftSliderPriceWidthX = value / this.data.max * 100
|
||||
|
||||
if (idx === 1) {
|
||||
this.setData({
|
||||
slider1Value: value,
|
||||
@ -822,7 +823,7 @@ Page({
|
||||
},
|
||||
|
||||
firstStepPopover() {
|
||||
return
|
||||
// return
|
||||
let field = 'type'
|
||||
let step = 0
|
||||
let it = 'basic'
|
||||
|
||||
@ -33,7 +33,10 @@
|
||||
<!-- <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>
|
||||
<!-- <template is="rent-budget" data="{{ min,max,change,slider2W,slider1Max,slider2Min,slider1Value,slider2Value,rate,scale,slider1W,slider2W,leftSliderPriceWidthX,rightSliderPriceWidthX }}"></template> -->
|
||||
|
||||
<!-- 目标区域 -->
|
||||
<!-- <template is="target-area"></template> -->
|
||||
|
||||
|
||||
<header-nav inner-text="Some text" bgcolor="rgba(246, 246, 246, 1)">{{ isInput? isInput :( types=='edit' ?'编辑房源信息' :'发布房源信息' ) }}</header-nav>
|
||||
@ -830,15 +833,14 @@
|
||||
<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-value flexcenter" style="left: {{ leftSliderPriceWidthX }};right: {{ rightSliderPriceWidthX }};">{{ slider1Value }} ~ {{ slider2Value }}</view>
|
||||
<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 class='slider-container'>
|
||||
<slider style='width:{{slider1W+"%"}}' class='slider-left' min='{{min}}' max='{{slider1Max}}' color='#50e3c2' activeColor='#f2f2f2' bindchanging='changing' catchtouchstart='changeStart' block-size="14" block-color="#50e3c2" bindchange='changed' data-idx='1' value="{{ slider1Value }}"></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="14" block-color="#50e3c2" bindchange='changed' data-idx='2' value="{{ slider2Value }}"></slider>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@ -849,4 +851,30 @@
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</template>
|
||||
|
||||
<!-- 目标区域 -->
|
||||
<template name="target-area">
|
||||
<view class="target-area 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>
|
||||
<text class="last-step-text">最多可选择6个目标区域</text>
|
||||
<view class="area-list">
|
||||
<view class="area-item">
|
||||
<view class="area-name">港岛</view>
|
||||
<view class="area-content flexflex">
|
||||
<view class="area-content-item" wx:for="{{ 10 }}" wx:key="index">不限</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
|
||||
<template is="pop-up-footer" data="{{ popUpStepState:2,field:item.field,newtype,newStatus }}"></template>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</template>
|
||||
@ -489,7 +489,7 @@
|
||||
|
||||
.pop-up-arrow {
|
||||
width: 30rpx;
|
||||
/* height: 30rpx; */
|
||||
height: 30rpx;
|
||||
transform: rotate(-90deg);
|
||||
|
||||
/* width: 20rpx; */
|
||||
@ -1423,7 +1423,7 @@ wx-slider .wx-slider-handle-wrapper {
|
||||
height: 12rpx;
|
||||
}
|
||||
|
||||
.sliderHCon {
|
||||
.rent-budget .sliderHCon {
|
||||
height: 250rpx;
|
||||
width: 100%;
|
||||
margin: auto;
|
||||
@ -1433,27 +1433,7 @@ wx-slider .wx-slider-handle-wrapper {
|
||||
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 {
|
||||
.rent-budget .twoSlider {
|
||||
width: 100%;
|
||||
height: 100px;
|
||||
display: flex;
|
||||
@ -1463,50 +1443,63 @@ wx-slider .wx-slider-handle-wrapper {
|
||||
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;
|
||||
.rent-budget .select-area {
|
||||
padding-top: 48rpx;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.slider-container {
|
||||
/* width: 100%; */
|
||||
width: calc(100% - 22px);
|
||||
.rent-budget .slider-container {
|
||||
width: calc(100% - 14px);
|
||||
display: flex;
|
||||
padding: 20px 0 10px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.slider-right {
|
||||
.rent-budget .slider-right {
|
||||
padding-left: 11rpx;
|
||||
}
|
||||
|
||||
.slider-left,
|
||||
.slider-right {
|
||||
.rent-budget .slider-left,
|
||||
.rent-budget .slider-right {
|
||||
margin: 0;
|
||||
/* margin-right: -22rpx; */
|
||||
}
|
||||
|
||||
.aaaa {
|
||||
width: 20rpx;
|
||||
height: 20rpx;
|
||||
background-color: aquamarine;
|
||||
.rent-budget .select-construct {
|
||||
position: relative;
|
||||
width: 600rpx;
|
||||
margin: 0 auto;
|
||||
padding-top: 48rpx;
|
||||
}
|
||||
|
||||
.rent-budget .select-value {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
color: #50E3C2;
|
||||
font-weight: 700;
|
||||
font-size: 42rpx;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.target-area {
|
||||
/* width: 100%; */
|
||||
}
|
||||
|
||||
.target-area .area-list {
|
||||
width: 100%;
|
||||
border-top: 1rpx solid #ebebeb;
|
||||
}
|
||||
|
||||
.target-area .area-name {
|
||||
color: #000;
|
||||
font-size: 30rpx;
|
||||
font-weight: 650;
|
||||
}
|
||||
|
||||
.target-area .area-name::after {
|
||||
contain: "";
|
||||
top: 50%;
|
||||
|
||||
tran
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user