diff --git a/pages/agentList/agentList.js b/pages/agentList/agentList.js index d26938d..b4e77b9 100644 --- a/pages/agentList/agentList.js +++ b/pages/agentList/agentList.js @@ -410,24 +410,23 @@ Page({ }, // 拉去广告 getAd() { - let that = this; let url = app.globalData.config.studentapartment.quarantineBanner miucms.request(url, {}).then(data => { - that.setData({ + data.data[0].image = "https://app.gter.net/image/miniApp/HKRenting/md5__a65c6e69fa6d5cad6ee45aeaf147028f.svg" + + this.setData({ attachment: data.data }) wx.hideLoading() - // that.getverifiedList() - }).catch(res => {}) + }) }, getverifiedList() { - let that = this; miucms.request(app.globalData.config.adv.verifiedList, {}).then(data => { - that.setData({ + this.setData({ verifiedList: data.data }) - }).catch(res => {}) + }) }, // 获取地域列表 getLocationList() { diff --git a/pages/agentList/agentList.wxml b/pages/agentList/agentList.wxml index aae314f..e114bb7 100644 --- a/pages/agentList/agentList.wxml +++ b/pages/agentList/agentList.wxml @@ -6,14 +6,10 @@ {{ miniProgram == 'xg' ? '寄托香港租房' : '寄托港校租房' }} - - - - - - - + + + diff --git a/pages/brandApartmentList/brandApartmentList.js b/pages/brandApartmentList/brandApartmentList.js index fa58c7a..b07accb 100644 --- a/pages/brandApartmentList/brandApartmentList.js +++ b/pages/brandApartmentList/brandApartmentList.js @@ -154,7 +154,6 @@ Page({ } this.setData({ - isMapFindState: app.globalData.isMapFindState, irentCouponBig: app.globalData.irentCouponBig, options: options || {}, school: this.data.school || '', @@ -219,6 +218,7 @@ Page({ initState: true, miniProgram: app.globalData.miniProgram, popwindow: app.globalData.popwindow, + isMapFindState: app.globalData.isMapFindState, }) let screen_data = this.data.screen_data @@ -412,6 +412,7 @@ Page({ content: data.message, }) } else { + data.data[0].image = "https://app.gter.net/image/miniApp/HKRenting/md5__a65c6e69fa6d5cad6ee45aeaf147028f.svg" that.setData({ imgUrls: data.data }) diff --git a/pages/brandApartmentList/brandApartmentList.json b/pages/brandApartmentList/brandApartmentList.json index d1822b8..cd1c017 100644 --- a/pages/brandApartmentList/brandApartmentList.json +++ b/pages/brandApartmentList/brandApartmentList.json @@ -5,7 +5,7 @@ "form-id": "../../template/formId/formId", "go-login": "../../template/goLogin/goLogin", "head-swiper": "../../template/headSwiper/headSwiper", - "tab": "../personList/tab/tab", + "tab": "/pages/personList/tab/tab", "to-top": "../../template/toTop/toTop", "select-single": "../../template/selectSingle/selectSingle", "range-box": "../../template/rangeBox/rangeBox", diff --git a/pages/brandApartmentList/brandApartmentList.wxml b/pages/brandApartmentList/brandApartmentList.wxml index 8a60eae..0033234 100644 --- a/pages/brandApartmentList/brandApartmentList.wxml +++ b/pages/brandApartmentList/brandApartmentList.wxml @@ -5,25 +5,22 @@ - {{ miniProgram == 'xg' ? '寄托香港租房' : '寄托港校租房' }} - + {{ miniProgram == 'xg' ? '寄托香港租房' : '寄托港校租房' }} - - - - - + + + - - 单人间 + + 单人间 @@ -36,7 +33,7 @@ - + diff --git a/pages/brandApartmentList/brandApartmentList.wxss b/pages/brandApartmentList/brandApartmentList.wxss index 4e8a32e..c7c0a2b 100644 --- a/pages/brandApartmentList/brandApartmentList.wxss +++ b/pages/brandApartmentList/brandApartmentList.wxss @@ -5,6 +5,7 @@ .irent-list-box { min-height: 100vh; box-sizing: border-box; + padding-top: 20rpx; } .house-list { @@ -29,7 +30,6 @@ .bottom-already .text { color: #999; font-size: 24rpx; - } .bottom-already .text::before, @@ -152,7 +152,7 @@ } .annex-school .annex-school-name { - color: rgb(51, 51, 51); + color: #000000; font-weight: 650; font-size: 24rpx; height: 60rpx; @@ -162,8 +162,8 @@ .annex-school .annex-school-item { - border: 1rpx solid rgb(235, 235, 235); - color: rgb(127, 127, 127); + border: 1rpx solid rgb(215, 215, 215); + color: #7F7F7F; border-radius: 45rpx; width: 90rpx; height: 60rpx; @@ -173,9 +173,10 @@ } .annex-school .annex-school-item.pitch { - background-color: rgb(231, 251, 247); - border: none; - color: rgb(80, 227, 194); + /* background-color: rgb(231, 251, 247); */ + background-color: rgba(80, 227, 194, 1); + border-color: rgba(80, 227, 194, 1); + color: #FFFFFF; } .tab-box { diff --git a/pages/brandApartmentList/brandApartmentListLess.less b/pages/brandApartmentList/brandApartmentListLess.less index 924115d..d15ab1b 100644 --- a/pages/brandApartmentList/brandApartmentListLess.less +++ b/pages/brandApartmentList/brandApartmentListLess.less @@ -1,6 +1,12 @@ +.xin-head-swiper { + margin-top: 20rpx; + margin-bottom: 30rpx; + display: block; +} .label { white-space: nowrap; + margin-bottom: 40rpx; .item { display: inline-flex; @@ -9,5 +15,22 @@ padding: 0 24rpx; background-color: rgba(242, 242, 242, 1); border-radius: 15rpx; + margin-right: 15rpx; + font-size: 24rpx; + color: #333333; + + &:first-of-type { + margin-left: 30rpx; + } + + &:last-of-type { + margin-right: 30rpx; + } + + &.pitch { + background-color: rgba(80, 227, 194, 1); + border-color: rgba(80, 227, 194, 1); + color: #FFFFFF; + } } } \ No newline at end of file diff --git a/pages/brandApartmentList/brandApartmentListLess.wxss b/pages/brandApartmentList/brandApartmentListLess.wxss index 4b986c6..6960393 100644 --- a/pages/brandApartmentList/brandApartmentListLess.wxss +++ b/pages/brandApartmentList/brandApartmentListLess.wxss @@ -1,5 +1,11 @@ +.xin-head-swiper { + margin-top: 20rpx; + margin-bottom: 30rpx; + display: block; +} .label { white-space: nowrap; + margin-bottom: 40rpx; } .label .item { display: inline-flex; @@ -8,4 +14,18 @@ padding: 0 24rpx; background-color: #f2f2f2; border-radius: 15rpx; + margin-right: 15rpx; + font-size: 24rpx; + color: #333333; +} +.label .item:first-of-type { + margin-left: 30rpx; +} +.label .item:last-of-type { + margin-right: 30rpx; +} +.label .item.pitch { + background-color: #50e3c2; + border-color: #50e3c2; + color: #FFFFFF; } diff --git a/pages/common/common.less b/pages/common/common.less new file mode 100644 index 0000000..471f3d6 --- /dev/null +++ b/pages/common/common.less @@ -0,0 +1,1586 @@ +.repeatedRelease, +.submitFailure, +.wrong-micro-signal, +.succeed-pop, +.getWechatQRCode, +.fail-pop { + position: fixed; + top: 0; + left: 0; + display: flex; + width: 750rpx; + height: 100vh; + background-color: rgba(0, 0, 0, 0.6); + z-index: 1004; + align-items: flex-end; + flex-direction: column; + justify-content: flex-end; +} + +.repeatedRelease-box { + background-color: #fff; + width: 100%; + border-radius: 50rpx 50rpx 0 0; + max-height: 90vh; + overflow: auto; + position: relative; +} + +.repeatedRelease-box .repeatedRelease-headline { + display: flex; + flex-direction: column; + align-items: center; +} + +.repeatedRelease-box .repeatedRelease-headline text:first-child { + color: #333; + font-size: 42rpx; + font-weight: 650; + margin: 55rpx 0 20rpx; +} + +.repeatedRelease-box .repeatedRelease-headline text:last-child { + color: #aaa; + font-size: 24rpx; +} + +.repeatedRelease-close-Btn, +.submitFailure-close-Btn { + width: 60rpx; + height: 60rpx; + display: flex; + justify-content: center; + align-items: center; + border: 2rpx solid #fff; + border-radius: 50rpx; + align-self: center; + margin-bottom: 50rpx; +} + +.repeatedRelease .repeatedRelease-top { + display: flex; + justify-content: center; + flex-direction: column; + align-items: center; + height: 222rpx; + background-color: #f2f2f2; + border-radius: 20rpx; + margin: 25rpx 30rpx 30rpx; + position: relative; +} + +.repeatedRelease .repeatedRelease-top .hint, +.repeatedRelease .repeatedRelease-top .appeal { + display: flex; + align-items: center; +} + +.repeatedRelease .repeatedRelease-top .hint { + color: #333; + font-size: 30rpx; + line-height: 30rpx; + padding-bottom: 40rpx; +} + +.repeatedRelease .repeatedRelease-top .warn { + width: 37rpx; + height: 37rpx; + margin-right: 10rpx; +} + +.repeatedRelease .repeatedRelease-top .appeal { + height: 22rpx; + line-height: 22rpx; + font-size: 28rpx; + /* padding-top: 40rpx; */ +} + +.repeatedRelease .repeatedRelease-centre { + border-bottom: 1rpx dotted #d7d7d7; +} + +.repeatedRelease .repeatedRelease-bottom { + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + border-radius: 20rpx; + position: relative; + padding-top: 56rpx; + background-color: #f2f2f2; + margin: 30rpx 30rpx 50rpx; +} + +.repeatedRelease .repeatedRelease-bottom .repeatedRelease-title { + display: flex; + align-items: center; + flex-direction: column; + color: #333; + font-size: 32rpx; + line-height: 32rpx; + font-weight: 650; + +} + +.repeatedRelease .repeatedRelease-bottom .repeatedRelease-title .repeatedRelease-title-icon { + display: flex; + align-items: center; +} + +.repeatedRelease .repeatedRelease-bottom .repeatedRelease-title text { + height: 65rpx; + line-height: 65rpx; +} + +.repeatedRelease .repeatedRelease-bottom .repeatedRelease-title image { + width: 42rpx; + height: 48rpx; + margin-right: 20rpx; +} + +.repeatedRelease .repeatedRelease-housing-information { + background-color: #fff; + padding: 35rpx 24rpx 35rpx; + border-radius: 20rpx; + display: flex; + flex-direction: column; + margin: 30rpx 40rpx 0; + -moz-box-shadow: 0px 0px 22rpx rgba(0, 0, 0, 0.101960784313725); + -webkit-box-shadow: 0px 0px 22rpx rgb(0 0 0 / 10%); + box-shadow: 0px 0px 22rpx rgb(0 0 0 / 10%); + margin-bottom: 15rpx; + width: 600rpx; +} + +.repeatedRelease .repeatedRelease-housing-information .title { + font-size: 24rpx; + display: flex; + align-items: center; + width: 100%; +} + +.repeatedRelease .repeatedRelease-housing-information .title text { + max-width: 480rpx; + word-break: keep-all; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + display: block; +} + +.repeatedRelease .repeatedRelease-housing-information .house-id { + color: #ccc; + font-size: 20rpx; + margin-top: 25rpx; +} + +.repeatedRelease .repeatedRelease-housing-information .title text { + margin-right: 10rpx; +} + +.repeatedRelease .repeatedRelease-message { + font-size: 22rpx; + align-self: self-start; + padding: 0 24rpx 0; +} + +.repeatedRelease .repeatedRelease-message .repeatedRelease-message-item { + display: flex; + align-items: center; + margin-top: 20rpx; +} + +.repeatedRelease .repeatedRelease-message .repeatedRelease-message-item text { + display: block; + position: relative; + height: 32rpx; +} + +.repeatedRelease .repeatedRelease-message .repeatedRelease-message-item .daheise { + display: inline; + color: #000; + font-size: 30rpx; + font-weight: 750; +} + +.repeatedRelease .repeatedRelease-message .repeatedRelease-message-item .underline::before { + content: ""; + position: absolute; + bottom: 0; + left: 0; + width: 100%; + height: 40%; + background-color: rgba(98, 177, 255, 0.149019607843137); +} + +.repeatedRelease .immediately-btn { + width: 100%; + display: flex; + justify-content: center; + align-items: center; + height: 100rpx; + background-color: #333; + color: #fff; + font-size: 36rpx; + border-radius: 20rpx; + margin-top: 50rpx; +} + +.repeatedRelease .immediately-btn image { + width: 36rpx; + height: 36rpx; + margin-left: 15rpx; +} + + +.repeatedRelease .house-operation { + display: flex; + align-self: flex-end; + font-size: 20rpx; + margin-top: 35rpx; +} + +.repeatedRelease .house-operation .operation-item { + padding: 0 20rpx; + height: 38rpx; + display: flex; + align-items: center; + border: 2rpx solid #b7b7b7; + border-radius: 10rpx; + margin-left: 22rpx; +} + +.repeatedRelease .house-operation .operation-item.blue { + background-color: #5db3f9; + color: #fff; + border: none; +} + +/* 黄色的点 */ +.yellow-dot { + width: 7.5rpx; + height: 15rpx; + display: block; + background-color: rgba(255, 215, 82, 1); + margin-right: 20rpx; + border-radius: 30rpx; + +} + +/* 右上角黄色的四分之一圆 */ +.topRightCorner { + width: 35rpx; + height: 35rpx; + background-color: #ffd752; + border-radius: 22rpx; + border-top-left-radius: 0; + border-bottom-right-radius: 0; + position: absolute; + top: 0; + right: 0; +} + + +.wrong-micro-signal-box { + background-color: #fff; + width: 750rpx; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + border-radius: 50rpx 50rpx 0 0; + padding: 30rpx 32rpx 48rpx; + position: relative; +} + +.wrong-micro-signal-icon { + width: 120rpx; + height: 120rpx; +} + +.wrong-micro-signal-title { + margin: 26rpx 0 30rpx; + color: #000; + font-size: 35rpx; + font-weight: 800; +} + +.wrong-micro-signal-text { + position: relative; + z-index: 1; + color: #333; + line-height: 30rpx; + margin-top: 15rpx; + font-size: 30rpx; +} + +.wrong-micro-signal-text::after { + content: ""; + position: absolute; + bottom: 0; + left: 0; + background-color: rgba(255, 237, 219, 1); + height: 15rpx; + width: 100%; + z-index: -1; +} + +.wrong-micro-signal-method { + position: relative; + width: 100%; + background-color: rgba(242, 242, 242, 1); + padding: 30rpx 45rpx 20rpx; + border-radius: 30rpx; + margin-top: 60rpx; +} + +.wrong-micro-signal-method-text { + display: flex; + align-items: center; + justify-content: center; + font-size: 30rpx; +} + +.wrong-micro-signal-method-text image { + width: 30rpx; + height: 38rpx; + margin-right: 10rpx; +} + +.wrong-micro-signal-method-image { + width: 600rpx; + height: 650rpx; + margin-top: 36rpx; +} + +.submitFailure-box { + background-color: #fff; + border-radius: 50rpx 50rpx 0 0; + width: 750rpx; + display: flex; + flex-direction: column; + align-items: center; + padding: 85rpx 30rpx 60rpx; + position: relative; +} + +.submitFailure-box .submitFailure-reminder { + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} + +.trigger-rules-close-icon { + position: absolute; + top: 0rpx; + right: 30rpx; + width: 30rpx; + height: 30rpx; + transform: rotate(45deg); + padding: 25rpx 0rpx; +} + +.submitFailure-box .submitFailure-reminder { + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; +} + +.submitFailure-box .submitFailure-reminder .submitFailure-reminder-item { + position: relative; + font-size: 30rpx; + margin-top: 30rpx; + line-height: 35rpx; + height: 40rpx; +} + +.submitFailure-box .submitFailure-reminder .submitFailure-reminder-item::before { + content: ""; + position: absolute; + display: block; + width: 100%; + height: 40%; + bottom: 0; + left: 0; + background-color: rgba(98, 177, 255, 0.149019607843137); +} + +.submitFailure-box .submitFailure-icon { + width: 180rpx; + height: 180rpx; +} + +.submitFailure-box .submitFailure-title { + font-size: 40rpx; + line-height: 40rpx; + margin: 40rpx 0 68rpx; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} + +.submitFailure-box .method-item { + width: 690rpx; + background-color: rgba(242, 242, 242, 1); + border-radius: 30rpx; + padding: 45rpx 30rpx; + display: flex; + flex-direction: column; + margin-top: 45rpx; + font-size: 28rpx; +} + +.submitFailure-box .method-item .method-item-btn { + margin-top: 30rpx; + height: 60rpx; + width: 160rpx; + background-color: #333; + font-size: 20rpx; + color: #fff; + display: inline-flex; + align-items: center; + border-radius: 30rpx; + align-items: center; + justify-content: center; + align-self: flex-end; +} + +.submitFailure-box .jiantou { + width: 14rpx; + height: 14rpx; + border-top: 2rpx solid #fff; + border-right: 2rpx solid #fff; + transform: rotate(45deg); + margin-left: 14rpx; +} + +.submitFailure-box .submitFailure-title text:first-child { + color: #333; + font-size: 42rpx; + font-weight: 650; + margin-bottom: 20rpx; +} + +.submitFailure-box .submitFailure-title text:last-child { + color: #aaa; + font-size: 24rpx; +} + +.serial-number { + height: 38rpx; + line-height: 38rpx; + padding: 0 20rpx; + background-color: rgba(255, 215, 82, 1); + display: inline-block; + border-radius: 22rpx 0 22rpx 0; + font-size: 20rpx; + margin-right: 22rpx; +} + +.repeatedRelease .rightArrow { + width: 13rpx; + height: 13rpx; + border-top: 2rpx solid #7f7f7f; + border-right: 2rpx solid #7f7f7f; + transform: rotate(45deg); + margin-left: 5px; +} + +.succeed-box { + background-color: #fff; + width: 750rpx; + border-radius: 50rpx 50rpx 0 0; + flex-direction: column; + padding-top: 124.5rpx; + padding-bottom: 132rpx; +} + +.succeed-box .succeed-icom { + width: 180rpx; + height: 180rpx; +} + +.succeed-box .succeed-title { + font-size: 42rpx; + color: #333333; + font-weight: 650; + margin-top: 30rpx; + margin-bottom: 30rpx; +} + +.succeed-box .succeed-reminder { + color: #555555; + font-size: 30rpx; + margin-bottom: 60rpx; +} + +.succeed-box .succeed-hint { + color: #7F7F7F; + font-size: 24rpx; + 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; + font-weight: 650; + border-radius: 126rpx; + width: 360rpx; + height: 96rpx; + margin: 67.5rpx auto 0; +} + +.succeed-box .succeed-btn .succeed-btn-icom { + width: 48rpx; + height: 48rpx; + margin-left: 18rpx; +} + +.succeed-box .succeed-btn-no { + text-decoration: underline; + font-size: 24rpx; + line-height: 24rpx; + color: #555555; + 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; + border-radius: 50rpx 50rpx 0 0; + flex-direction: column; + padding-top: 124.5rpx; + padding-bottom: 132rpx; +} + +.fail-box .fail-icom { + width: 180rpx; + height: 180rpx; +} + +.fail-box .fail-title { + font-size: 42rpx; + color: #333333; + font-weight: 650; + margin-top: 30rpx; + margin-bottom: 30rpx; +} + +.fail-box .fail-btn { + background-color: rgba(98, 177, 255, 1); + color: #fff; + font-size: 36rpx; + font-weight: 650; + border-radius: 126rpx; + width: 360rpx; + height: 96rpx; + margin: 67.5rpx auto 0; +} + +.fail-box .fail-btn .fail-btn-icom { + width: 48rpx; + height: 48rpx; + margin-left: 18rpx; +} + +.fail-box .fail-hint { + font-size: 24rpx; + color: #aaa; + margin-bottom: 60rpx; +} + +.fail-box .fail-explain { + color: #555555; + font-size: 27rpx; + margin-bottom: 24rpx; +} + +.header-search { + padding: 0rpx 30rpx 48rpx; + font-size: 0; + margin-top: 20rpx; +} + +.header-search .form { + background: rgba(255, 255, 255, 0.7); + width: 588rpx; + flex: 1; + height: 72rpx; + padding: 0 30rpx; + box-sizing: border-box; + vertical-align: middle; + color: #333; + position: relative; + border-radius: 306rpx; + box-shadow: 0 0 12rpx rgba(0, 0, 0, 0.0784313725490196); +} + +.header-search .search-icon { + width: 30rpx; + height: 30rpx; + vertical-align: sub; +} + +.header-search input { + display: inline-flex; + height: 72rpx; + font-size: 28rpx; + padding: 0 10rpx; + box-sizing: border-box; + background-color: transparent; + text-align: left; +} + +/* .header-search navigator { + font-size: 30rpx; + display: inline-block; + width: 80rpx; + text-align: right; + vertical-align: middle; +} */ + +.header-search .map-btn { + width: 72rpx; + height: 72rpx; + border-radius: 232.5rpx; + background-color: #fff; + margin-left: 19.5rpx; + box-shadow: 0 0 12rpx rgba(0, 0, 0, 0.0784313725490196); + background: rgba(255, 255, 255, 0.7); +} + +.header-search .map-btn .map-btn-icon { + width: 36rpx; + height: 36rpx; +} + +.empty-box { + width: 690rpx; + height: 900rpx; + margin: 0 auto; + box-shadow: 0 0 12rpx rgba(0, 0, 0, 0.0784313725490196); + border-radius: 24rpx; + flex-direction: column; + background-color: #fff; +} + +.empty-box .empty-icon { + width: 153rpx; + height: 180rpx; + margin-bottom: 24rpx; +} + +.empty-box .empty-text { + color: #7f7f7f; + font-size: 27rpx; +} + +.asking-housing {} + +.asking-housing .fail-icom { + margin-bottom: 60rpx; +} + +.asking-housing .asking-housing-title { + margin-bottom: 80rpx; + color: #333; + font-weight: 650; + font-size: 42rpx; +} + +.asking-housing .asking-housing-hint { + color: #555555; + font-size: 30rpx; + margin-bottom: 30rpx; +} + +.asking-housing .asking-housing-explain { + font-size: 24rpx; + color: #7f7f7f; + margin-bottom: 20rpx; +} + +.asking-housing .asking-housing-explain .bold { + color: #000000; +} + +.asking-housing .fail-btn { + background-color: rgba(253, 223, 109, 1); + color: #000000; + margin-bottom: 69rpx; +} + +.asking-housing .asking-housing-no { + color: #555555; + font-size: 24rpx; + text-decoration: underline; +} + +.pinterest-list { + padding: 30rpx; + justify-content: space-between; + flex-wrap: wrap; +} + +.pinterest-list .pinterest-list-left, +.pinterest-list .pinterest-list-right { + height: fit-content; +} + +.pinterest-list .pinterest-list-item { + width: 337.5rpx; + background-color: #fff; + /* border-radius: 24rpx 24rpx 14rpx 24rpx; */ + border-radius: 24rpx 24rpx 24rpx 24rpx; + margin-bottom: 18rpx; + position: relative; + box-shadow: 0px 0px 12rpx rgba(0, 0, 0, 0.1784313725490196); +} + +.pinterest-list .pinterest-list-item.apartment { + padding-bottom: 19.5rpx; +} + +.pinterest-list .pinterest-list-item.apartment .apartment-top { + background: linear-gradient(-47.9699747981038deg, rgba(183, 220, 253, 1) -59%, rgba(213, 208, 239, 1) 29%, rgba(98, 177, 255, 1) 135%); + height: 45rpx; + border-radius: 24rpx 24rpx 0 0; +} + +.pinterest-list .pinterest-list-item.apartment .apartment-icon { + width: 30rpx; + height: 30rpx; + margin-right: 8rpx; +} + +.pinterest-list .pinterest-list-item.apartment .apartment-text { + width: 97.5rpx; + height: 31.5rpx; +} + +.pinterest-list .pinterest-list-item.apartment .apartment-img { + width: 337.5rpx; + height: 281.24rpx; +} + + + +.pinterest-list .pinterest-list-item.apartment .apartment-name { + font-size: 27rpx; + color: #000000; + font-weight: 650; + padding: 13.5rpx 15rpx; +} + +.pinterest-list .pinterest-list-item.apartment .apartment-introduce { + color: #aaaaaa; + font-size: 22rpx; + padding: 0 15rpx; +} + +.pinterest-list .pinterest-list-item.apartment .apartment-price { + margin-top: 6rpx; +} + +.pinterest-list .pinterest-list-item.apartment .apartment-price-item { + justify-content: space-between; + padding: 16.5rpx 0; + margin: 0 15rpx; +} + +.pinterest-list .pinterest-list-item.apartment .apartment-price-item:not(:last-of-type) { + border-bottom: 1rpx solid #ebebeb; +} + +.pinterest-list .pinterest-list-item.apartment .apartment-price-name { + color: #000000; + font-size: 22.5rpx; +} + +.pinterest-list .pinterest-list-item.apartment .apartment-price-cost { + font-size: 21rpx; + color: #555555; + justify-content: flex-end; + font-family: 'Arial-Black'; + white-space: nowrap; + margin-left: 22rpx; +} + +.pinterest-list .pinterest-list-item.apartment .apartment-price-unit { + font-weight: 900; + font-family: 'Arial-Black', 'Arial Black', sans-serif; + color: #000; +} + +.pinterest-list .pinterest-list-item.apartment .apartment-price-number { + font-size: 24rpx; + color: #f95d5d; + font-weight: 900; + margin: 0 10rpx; + font-family: 'Arial-Black', 'Arial Black', sans-serif; + +} + +.pinterest-list .pinterest-list-item.apartment .apartment-price-more { + margin: 0 auto; + font-size: 21rpx; + background-color: rgba(253, 223, 109, 1); + border-radius: 30rpx; + width: 84rpx; + height: 36rpx; + margin-top: 18rpx; + margin-bottom: 16.5rpx; +} + +#apartment, +#general { + width: 337.5rpx; +} + +.pinterest-list .pinterest-list-item.general { + padding-bottom: 36rpx; + flex-direction: column; + display: flex; + /* align-items: center; */ +} + +.pinterest-list .pinterest-list-item.general .top-right-corner { + height: 36rpx; + padding: 0 10rpx; + font-size: 21rpx; + border-radius: 8rpx; + position: absolute; + top: 20rpx; + right: 20rpx; + background-color: rgba(51, 51, 51, 0.56078431372549); + color: #fff; +} + +.pinterest-list .pinterest-list-item.general .top-right-corner-authentication { + /* background-color: rgba(59, 106, 238, 0.7); */ + background-color: transparent !important; + height: 30rpx; +} + +.pinterest-list .pinterest-list-item.general .general-img { + width: 317.5rpx; + height: 281.24rpx; + max-width: 317.5rpx; + max-height: 281.24rpx; + /* border-radius: 24rpx 24rpx 0 0; */ + border-radius: 24rpx; + margin-top: 10rpx; + margin: 10rpx; +} + +.pinterest-list .pinterest-list-item.general .general-name { + font-size: 27rpx; + color: #000000; + line-height: 48rpx; + padding: 0 15rpx; + display: -webkit-box; + display: -ms-flexbox; + -webkit-box-orient: vertical; + -webkit-line-clamp: 3; + overflow: hidden; + text-overflow: ellipsis; + word-break: break-word; +} + +.pinterest-list .pinterest-list-item.general .general-authentication-mark { + height: 42rpx; + width: 100%; + background: linear-gradient(to right, #8080ff 20%, transparent 80%); + padding-left: 15rpx; + position: absolute; + top: 249.24rpx; + left: 10rpx; + border-radius: 0 0 0 24rpx; +} + +.pinterest-list .pinterest-list-item.general .general-authentication-mark1 { + width: 24rpx; + height: 24rpx; +} + +.pinterest-list .pinterest-list-item.general .general-authentication-mark2 { + width: 108rpx; + height: 24rpx; + margin-left: 6rpx; +} + +.pinterest-list .pinterest-list-item.general .general-tag { + background-color: rgba(242, 242, 242, 1); + border: 1rpx solid rgba(235, 235, 235, 1); + border-radius: 8rpx; + height: 36rpx; + font-size: 23rpx; + color: #555555; + display: inline-flex; + margin-right: 15rpx; + padding: 0 10rpx; +} + +.pinterest-list .pinterest-list-item.general .label-list { + font-size: 23rpx; + color: #aaaaaa; + padding: 0 15rpx; + line-height: 40rpx; + margin-top: 15rpx; + flex-wrap: wrap; +} + +.pinterest-list .pinterest-list-item.general .label-list .label-item:not(:last-of-type) { + padding-right: 43rpx; + position: relative; +} + +.pinterest-list .pinterest-list-item.general .label-list .label-item:not(:last-of-type)::after { + width: 5rpx; + height: 5rpx; + border-radius: 50%; + content: ""; + display: block; + position: absolute; + top: 18.5rpx; + right: 20rpx; + background-color: #aaaaaa; +} + +.pinterest-list .pinterest-list-item.general .general-cost { + font-size: 22rpx; + color: #555555; + padding: 0 15rpx; + margin-top: 15rpx; +} + +.pinterest-list .pinterest-list-item.general .general-cost .general-unit { + font-weight: 900; + color: #000000; + font-family: 'Arial-Black', 'Arial Black', sans-serif; +} + +.pinterest-list .pinterest-list-item.general .general-cost .general-number { + font-size: 30rpx; + color: #F95D5D; + font-weight: 900; + margin: 0 10rpx; + font-family: 'Arial-Black', 'Arial Black', sans-serif; + +} + +.pinterest-list .pinterest-list-item .color-scheme { + width: 48rpx; + height: 48rpx; + border-radius: 8rpx; + background-color: #fddf6d; + position: absolute; + bottom: 0; + right: 0; + display: none; +} + +.pinterest-list .pinterest-list-item .color-scheme::after { + content: ""; + display: block; + width: 100%; + height: 100%; + border-radius: 0 0 100% 0; + background-color: #fff; +} + +.apartment1-name { + font-size: 27rpx; + color: transparent; + font-weight: 650; + padding: 13.5rpx 15rpx; +} + +.apartment1-introduce { + color: transparent; + font-size: 21rpx; + padding: 0 15rpx; +} + +.general-name1 { + font-size: 27rpx; + color: transparent; + line-height: 48rpx; + padding: 0 15rpx; + display: -webkit-box; + display: -ms-flexbox; + -webkit-box-orient: vertical; + -webkit-line-clamp: 3; + overflow: hidden; + text-overflow: ellipsis; +} + +.apartment-list.apartment-item { + width: 690rpx; + box-shadow: 0px 0px 12rpx rgba(0, 0, 0, 0.0784313725490196); + border-radius: 18rpx; + margin: 0 auto; +} + +.apartment-list.apartment-item:not(:last-of-type) { + margin-bottom: 36rpx; +} + +.apartment-list.apartment-item .apartment-top { + height: 459rpx; + width: 100%; + flex-direction: column; + align-items: center; + justify-content: center; + position: relative; + + .apartment-select { + position: absolute; + top: 0; + left: 0; + width: 279rpx; + height: 42rpx; + z-index: 1; + } +} + +.apartment-list.apartment-item .apartment-top .apartment-top-collect { + position: absolute; + top: 9rpx; + right: 9rpx; + z-index: 1; + width: 48rpx; + height: 48rpx; + border-radius: 50%; + background-color: rgba(0, 0, 0, 0.29); +} + +.apartment-list.apartment-item .apartment-top .apartment-top-collect .apartment-top-collect-icon { + // width: 57rpx; + // height: 57rpx; + width: 33rpx; + height: 31.5rpx; + // margin-right: 5rpx; +} + +.apartment-list.apartment-item .apartment-top .apartment-name { + height: 48rpx; + font-size: 30rpx; + font-weight: 650; + color: #000000; + padding: 0 25rpx; + border-radius: 25rpx; + background-color: rgba(255, 255, 255, 0.7); + z-index: 1; + margin-top: -109.5rpx; +} + +.apartment-list.apartment-item .apartment-top .apartment-icon { + width: 100%; + height: 100%; + border-radius: 25rpx; + position: absolute; + background-color: #fff; +} + +.apartment-list.apartment-item .apartment-bottom { + position: relative; + margin-top: -109.5rpx; +} + +.apartment-list.apartment-item .apartment-introduce { + background-color: rgba(0, 0, 0, 0.63921568627451); + height: 48rpx; + width: 630rpx; + margin: -48rpx auto 0; + padding: 0 12rpx; + border-radius: 24rpx 24rpx 0 0; + line-height: 48rpx; + font-size: 24rpx; + color: #FFFFFF; + + .remark-on { + font-size: 21rpx; + color: #D7D7D7; + margin-right: 9rpx; + + .fang-icon { + width: 36rpx; + height: 36rpx; + border-radius: 50%; + margin-right: 9rpx; + } + } + + .remark-text { + font-size: 24rpx; + color: #FFFFFF; + } +} + +.apartment-list.apartment-item .apartment-bottom .apartment-content { + border-radius: 18rpx 0 18rpx 18rpx; + background-color: #fff; + flex-direction: column; + position: relative; + box-shadow: 0px 0px 12rpx #ccc; + padding: 27rpx 24rpx; + + .apartment-label-list { + flex-wrap: wrap; + + .apartment-label-item { + height: 36rpx; + background-color: rgba(235, 235, 235, 1); + border-radius: 12rpx; + font-size: 21rpx; + color: #555555; + text-align: center; + line-height: 36rpx; + padding: 0 9rpx; + margin-right: 15rpx; + margin-bottom: 16.5rpx; + + .safety-icon { + width: 24rpx; + height: 24rpx; + margin-right: 6rpx; + } + + &.blue { + background-color: rgba(98, 177, 255, 1); + color: #fff; + } + + &.violet { + background-color: rgba(128, 128, 255, 1); + color: #fff; + } + } + } +} + +.apartment-list.apartment-item .apartment-bottom .apartment-arc { + position: absolute; + top: -30rpx; + right: 0; + width: 30rpx; + height: 30rpx; + filter: brightness(2); + z-index: 11; +} + +.apartment-list.apartment-item .apartment-bottom .apartment-quantity { + color: #7F7F7F; + font-size: 21rpx; +} + +.apartment-list.apartment-item .apartment-bottom .apartment-message { + justify-content: space-between; +} + +.apartment-list.apartment-item .apartment-bottom .apartment-place { + color: #555555; + font-size: 24rpx; + // justify-content: flex-end; + // 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-icon { + width: 27rpx; + height: 27rpx; + margin-right: 10rpx; +} + +// .apartment-list.apartment-item .apartment-bottom .area-vertical { +// width: 1rpx; +// height: 24rpx; +// background-color: #D7D7D7; +// margin: 0 10rpx; +// } + +// .apartment-list.apartment-item .apartment-bottom .area-distance { +// font-size: 24rpx; +// color: #50E3C2; +// } + +.apartment-list.apartment-item .apartment-bottom .apartment-price { + padding: 0 14rpx; + background: rgba(246, 246, 246, 1); + border-radius: 18rpx; + margin-top: 24rpx; +} + +.apartment-list.apartment-item .apartment-bottom .apartment-price-item { + height: 81rpx; + justify-content: space-between; +} + +.apartment-list.apartment-item .apartment-bottom .apartment-price-item:not(:last-of-type) { + border-bottom: 1rpx solid #ebebeb; +} + +.apartment-list.apartment-item .apartment-bottom .apartment-price-name { + color: #000000; + font-size: 23rpx; +} + +.apartment-list.apartment-item .apartment-bottom .apartment-price-symbol { + font-weight: 900; + color: #000000; + font-size: 21rpx; + font-family: 'Arial-Black', 'Arial Black', sans-serif; + +} + +.apartment-list.apartment-item .apartment-bottom .apartment-price-price { + color: #F95D5D; + font-size: 30rpx; + font-weight: 900; + margin: 0 10rpx; + font-family: 'Arial-Black', 'Arial Black', sans-serif; +} + +.apartment-list.apartment-item .apartment-bottom .apartment-price-unit { + color: #555555; + font-size: 21rpx; +} + +.getWechatQRCode {} + +.getWechatQRCode .getWechatQRCode-box { + width: 100vw; + background-color: rgba(246, 246, 246, 1); + flex-direction: column; + border-radius: 60rpx 60rpx 0 0; + font-size: 42rpx; + align-items: center; + padding-top: 70.5rpx; +} + +.getWechatQRCode .getWechatQRCode-title { + padding-bottom: 67.5rpx; + color: #000000; + font-weight: 650; +} + +.getWechatQRCode .getWechatQRCode-image { + width: 675rpx; +} + +.getWechatQRCode .getWechatQRCode-close { + width: 100vw; + height: 186rpx; + background-color: #fff; + margin-top: 75rpx; +} + +.getWechatQRCode .getWechatQRCode-close-btn { + font-size: 36rpx; + width: 360rpx; + height: 96rpx; + border-radius: 82.5rpx; + border: 1rpx solid rgba(215, 215, 215, 1); +} + +.public-hint { + height: 60rpx; + line-height: 60rpx; + border-radius: 6rpx; + position: fixed; + top: 50%; + left: 0; + right: 0; + margin: auto; + width: fit-content; + background-color: rgba(85, 85, 85, 0.9); + color: #fff; + padding: 30rpx; + z-index: 1000; +} + +.apartmentApartment.pinterest-list-item.apartment { + padding-bottom: 0; + display: flex; + overflow: hidden; + flex-direction: column; +} + +.apartmentApartment.pinterest-list-item.apartment .apartment-top { + border-radius: 0; + height: 50rpx; +} + +.apartmentApartment.pinterest-list-item.apartment .apartment-img { + width: 317.5rpx; + border-radius: 24rpx; + margin: 10rpx auto; +} + +.apartmentApartment .apartmentApartment-subject { + flex-direction: column; + padding-bottom: 20rpx; + border-radius: 0 0 30rpx 0; +} + +.apartmentApartment.pinterest-list-item.apartment .apartment-top { + background: none; + position: relative; +} + +.apartmentApartment.pinterest-list-item.apartment .apartment-top .apartment-bottom-icon { + width: 100%; + position: absolute; + bottom: -1rpx; + left: 0; +} + +.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: 1000; +} + +.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); +} \ No newline at end of file diff --git a/pages/common/common.wxml b/pages/common/common.wxml index 0cebda3..48bfa5e 100644 --- a/pages/common/common.wxml +++ b/pages/common/common.wxml @@ -14,12 +14,10 @@