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 2023-05-17 20:38:06 +08:00
parent ce68de5149
commit 32d5038357
5 changed files with 99 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
pages/index/index.wxml
View File

@ -164,7 +164,7 @@
<view class="apartment-image-list flexacenter">
<block wx:for="{{ item.images }}" wx:key="index">
<image class="apartment-image-item" wx:if="{{ index < 2}}" src="{{ item }}"></image>
<image class="apartment-image-item" mode="aspectFill" wx:if="{{ index < 2}}" src="{{ item }}"></image>
</block>
</view>

10
pages/index/index.wxss
View File

@ -533,6 +533,8 @@ page {
.area-selection .area-list.area-district .area-item {
width: 198rpx;
height: 90rpx;
font-size: 26rpx;
}
.area-selection .area-list.area-school .area-item {
@ -743,7 +745,7 @@ page {
}
.apartment-block .apartment-list .apartment-item:not(:last-of-type) {
margin-right: 15rpx;
margin-right: 18rpx;
}
.apartment-block .apartment-list .apartment-name {
@ -764,11 +766,15 @@ page {
}
.apartment-block .apartment-list .apartment-image-item {
width: 141rpx;
width: 100%;
height: 93rpx;
border-radius: 6rpx;
}
.apartment-block .apartment-list .apartment-image-item:first-of-type {
margin-right: 12rpx;
}
.tab-list {
color: #7F7F7F;
font-size: 25.5rpx;

10
pages/irentList/irentList.js
View File

@ -63,6 +63,13 @@ Page({
hideCoupon: false,
initState: false,
topTitle: "",
conditionState: "type", // brand rent house type
conditionObj: {
brand: "品牌",
rent: "租金",
house: "房型",
type: "楼型",
},
isNewVersions: false,
},
onPageScroll(e) {
@ -370,7 +377,8 @@ Page({
},
// 选择品牌
submitBrands(e) {
this.data.brands.value = e.detail.value;
console.log(e);
this.data.brands.value = e.detail.value || e.currentTarget.dataset.value;
this.setData({
brands: this.data.brands
})

24
pages/irentList/irentList.wxml
View File

@ -154,7 +154,7 @@
</view> -->
<announcement-popup interface="apartmentlist" init="{{ initState }}"></announcement-popup>
<page-container show="{{ false }}" z-index="{{ 2000 }}" class="page-container" position="{{ 'top' }}">
<page-container show="{{ conditionState }}" z-index="{{ 2000 }}" class="page-container" position="{{ 'top' }}">
<view class="page-header flexacenter" style="height: {{ screen_data.totalTopHeight}}px;">
<view class="page-statusBar" style="height: {{ screen_data.statusBarHeight }}px;"></view>
@ -178,9 +178,29 @@
<image class="page-action-circle-icon" mode="widthFix" src="/img/arrow-gray.png"></image>
</view>
</view>
<view class="page-action-triangle"></view>
</view>
<view class="page-title flexcenter">品牌</view>
<view class="page-title flexcenter">{{ conditionObj[conditionState] }}</view>
<block wx:if="{{ conditionState == 'brand' }}">
<view class="page-list two-rows-list flexflex">
<view class="page-list-item two-rows-item flexcenter {{ brands.value == item.value ? 'pitch' : '' }}" wx:for="{{ brands.list }}" wx:key="index" bindtap="submitBrands" data-value="{{ item.value }}">{{ item.name }}</view>
</view>
</block>
<block wx:elif="{{ conditionState == 'house' }}">
<view class="page-list three-rows-list flexflex">
<view class="page-list-item three-rows-item flexcenter {{ roomlistings.value == item.value ? 'pitch' : '' }}" wx:for="{{ roomlistings.list }}" wx:key="index">{{ item.name }}</view>
</view>
</block>
<block wx:elif="{{ conditionState == 'type' }}">
<view class="page-list three-rows-list flexflex">
<view class="page-list-item three-rows-item flexcenter {{ roomtype.value == item.value ? 'pitch' : '' }}" wx:for="{{ roomtype.list }}" wx:key="index">{{ item.name }}</view>
</view>
</block>
</page-container>

59
pages/irentList/irentList.wxss
View File

@ -513,6 +513,7 @@
font-size: 24rpx;
height: 96rpx;
border-bottom: 1rpx solid #ebebeb;
position: relative;
}
.page-container .page-action-bar .page-action-circle.pitch {
@ -520,6 +521,18 @@
transform: rotate(180deg);
}
.page-container .page-action-bar .page-action-triangle {
content: "";
position: absolute;
bottom: 0;
left: 93.75rpx;
width: 0;
height: 0;
border-left: 13.5rpx solid transparent;
border-right: 13.5rpx solid transparent;
border-bottom: 12rpx solid #fdda55;
}
.page-container .page-action-bar .page-action-circle {
background-color: #ebebeb;
width: 24rpx;
@ -538,4 +551,50 @@
line-height: 36rpx;
color: #000;
font-weight: 650;
padding: 61.5rpx 0;
}
.page-container .two-rows-list {
flex-wrap: wrap;
padding: 0 30rpx 25.5rpx;
justify-content: space-between;
}
.page-container .two-rows-item {
width: 330rpx;
}
.page-container .page-list .page-list-item.pitch {
border: 1rpx solid rgba(80, 227, 194, 1);
background-color: #fff;
color: #50E3C2;
}
.page-container .three-rows-list {
flex-wrap: wrap;
padding: 0 30rpx 25.5rpx;
justify-content: space-between;
}
.page-container .three-rows-item {
width: 210rpx;
}
.page-container .page-list .page-list-item {
height: 72rpx;
border-radius: 12rpx;
margin-bottom: 30rpx;
background-color: rgba(246, 246, 246, 1);
font-size: 24rpx;
color: #555555;
position: relative;
}
.page-container .page-list {
position: relative;
}
.page-container .page-list.three-rows-list::after {
content: "";
width: 210rpx;
}