diff --git a/pages/common/common.wxml b/pages/common/common.wxml index 7ba342c..dbf3c93 100644 --- a/pages/common/common.wxml +++ b/pages/common/common.wxml @@ -413,15 +413,40 @@ 发布成功 + + + 完成房源认证更快租出去 - 激活专属认证标识 + 激活专属认证标识 + 不占用普通房源的发布条数 - 激活专属认证标识 - 不占用普通房源的发布条数 + 前往认证 + + 暂不认证 + + + 完成中介认证更快租出去 + + 激活专属认证标识 + 发布上限马上提升到 20 + 可以搜索、筛选求房源信息 + + 前往认证 + + 暂不认证 + + + + + + + + + + 2秒后自动跳转页面 + + - 前往认证 - - 暂不认证 diff --git a/pages/common/common.wxss b/pages/common/common.wxss index 1a19c18..381df68 100644 --- a/pages/common/common.wxss +++ b/pages/common/common.wxss @@ -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; diff --git a/pages/edit/edit.js b/pages/edit/edit.js index 33789ae..832775c 100644 --- a/pages/edit/edit.js +++ b/pages/edit/edit.js @@ -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: '加载中', diff --git a/pages/edit/edit.wxml b/pages/edit/edit.wxml index 3d73e9d..bee19b3 100644 --- a/pages/edit/edit.wxml +++ b/pages/edit/edit.wxml @@ -32,6 +32,9 @@ + + + {{ isInput? isInput :( types=='edit' ?'编辑房源信息' :'发布房源信息' ) }} @@ -801,7 +804,6 @@ - 地址 @@ -816,4 +818,35 @@ - \ No newline at end of file + + + + \ No newline at end of file diff --git a/pages/edit/edit.wxss b/pages/edit/edit.wxss index dfc5e8c..4878be0 100644 --- a/pages/edit/edit.wxss +++ b/pages/edit/edit.wxss @@ -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; } \ No newline at end of file