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-18 16:08:20 +08:00
parent 32d5038357
commit 10ebc64594
18 changed files with 429 additions and 196 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
app.wxss
View File

@ -32,6 +32,13 @@ view {
padding: 0;
}
.authentication {
margin-right: 10rpx;
height: 28rpx;
width: 150rpx;
vertical-align: middle;
}
.newbtn {
width: 57rpx;
height: 19rpx;
@ -1022,4 +1029,8 @@ view {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.bold {
font-weight: bold;
}

BIN
img/authentication.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.9 KiB

2
pages/common/common.wxml
View File

@ -17,6 +17,7 @@
<navigator class='info-list' url="../show/show?tid={{ item.tid }}&uniqid={{ item.uniqid }}&cityid={{ item.currency == '港元' ? 1 : ''}}">
<form bindsubmit="send_form_id" report-submit='true' data-types="confirm" class='submit-form'>
<view class='title'>
<image class='authentication' wx:if="{{ item.verified == 1 }}" mode="heightFix" src="/img/authentication.jpg" />
<image class='newbtn' wx:if="{{ item.isnew }}" src="../../img/newbtn.png" />
<image class='hotbtn' wx:if="{{ item.ishot }}" src="../../img/hotbtn.png" />
<image class='videobtn' wx:if="{{ item.isvideo }}" src="../../img/videologo.png" />
@ -144,6 +145,7 @@
<view class="submit-form">
<view class="personalList-top">
<view class='title'>
<image class='authentication' wx:if="{{ item.verified == 1 }}" mode="heightFix" src="/img/authentication.jpg" />
<image class='newbtn' wx:if="{{ item.isnew }}" src="../../img/newbtn.png" />
<image class='hotbtn' wx:if="{{ item.ishot }}" src="../../img/hotbtn.png" />
{{ item.subject }}

11
pages/index/index.js
View File

@ -104,8 +104,8 @@ Page({
let listType = ""
recommendedTab.forEach(el => {
// if (el.type == 'recommend') el.select = false
// if (el.type == 'wholelease') el.select = true
// if (el.type == 'recommend') el.select = false
// if (el.type == 'wholelease') el.select = true
if (el['select']) listType = el['type']
})
@ -248,11 +248,14 @@ Page({
statid,
finderusername,
feedid,
type
type,
advertisingtype
} = e.currentTarget.dataset
// miucms.request(app.globalData.config.FormidInsert, {
miucms.request(app.globalData.baseURL + '/tenement/v2/api/ad/click', {
let requestUrl = advertisingtype == 'slideshow' ? `${app.globalData.baseURL}/tenement/v2/api/ad/click` : app.globalData.config.FormidInsert
// miucms.request(app.globalData.baseURL + '/tenement/v2/api/ad/click', {
miucms.request(requestUrl, {
statid
}).then(res => {})

2
pages/index/index.wxml
View File

@ -397,7 +397,7 @@
<!-- 广告 -->
<template name="adv">
<image class="pinterest-list-item" mode="widthFix" src="{{ item.imageLocal || item.image }}" bindtap="handleSwiper" data-statid="{{ item.statid }}" data-id="{{ item.id }}" data-url="{{ item.path || item.url }}"></image>
<image class="pinterest-list-item" mode="widthFix" src="{{ item.imageLocal || item.image }}" bindtap="handleSwiper" data-advertisingtype="{{ 'slideshow' }}" data-statid="{{ item.statid }}" data-id="{{ item.id }}" data-url="{{ item.path || item.url }}"></image>
</template>
<!-- 公寓 -->

37
pages/irentList/irentList.js
View File

@ -63,13 +63,7 @@ Page({
hideCoupon: false,
initState: false,
topTitle: "",
conditionState: "type", // brand rent house type
conditionObj: {
brand: "品牌",
rent: "租金",
house: "房型",
type: "楼型",
},
isNewVersions: false,
},
onPageScroll(e) {
@ -220,7 +214,6 @@ Page({
}
let that = this;
let path = `/pages/irentList/irentList?school=${this.data.school}&brands=${this.data.brands.value}&roomtype=${this.data.roomtype.value}&roomlistings=${this.data.roomlistings.value}&money=${this.data.money.rent_min}~${this.data.money.rent_max}`;
// let title = this.data.school ? `寄托港校租房-${this.data.schoolObj[this.data.school]}附近公寓` : that.data.info.subject;
let title = this.data.school ? `${ this.data.topTitle }-${this.data.schoolObj[this.data.school]}附近公寓` : that.data.info.subject;
return {
title,
@ -386,7 +379,9 @@ Page({
},
// 选择房型
submitRoomtype(e) {
this.data.roomtype.value = e.detail.value;
this.data.roomtype.value = e.detail.value || e.currentTarget.dataset.value;
console.log("0", this.data.roomtype);
this.setData({
roomtype: this.data.roomtype
})
@ -394,7 +389,8 @@ Page({
},
// 选择楼型
submitRoomlistings(e) {
this.data.roomlistings.value = e.detail.value;
this.data.roomlistings.value = e.detail.value || e.currentTarget.dataset.value
console.log("0", this.data.roomlistings);
this.setData({
roomlistings: this.data.roomlistings
})
@ -460,13 +456,28 @@ Page({
irentCouponBig: !this.data.irentCouponBig,
hideCoupon: false
})
if (!this.data.irentCouponBig) {
app.globalData.irentCouponBig = false;
}
if (!this.data.irentCouponBig) app.globalData.irentCouponBig = false;
},
// 点击复制列表的 疑问微信号
copyWechat() {
miucms.copy('发发发')
},
// 处理 列表 事件
submitOperations(e) {
console.log("e", e);
let type = e.detail.type
console.log(type, "type");
if (type == 'brand') this.submitBrands(e)
if (type == 'rent') this.submitMoney(e)
if (type == 'house') this.submitRoomtype(e)
if (type == 'floor') this.submitRoomlistings(e)
},
})

3
pages/irentList/irentList.json
View File

@ -10,7 +10,8 @@
"select-single": "../../template/selectSingle/selectSingle",
"range-box": "../../template/rangeBox/rangeBox",
"list-item": "./listItem/listItem",
"announcement-popup": "../../template/announcementPopup/announcementPopup"
"announcement-popup": "../../template/announcementPopup/announcementPopup",
"list-operations": "/template/listOperations/listOperations"
},
"enablePullDownRefresh": false
}

53
pages/irentList/irentList.wxml
View File

@ -31,6 +31,10 @@
</view>
</block>
<block wx:if="{{ false }}">
<list-operations brands="{{ brands }}" screen_data="{{ screen_data }}" roomtype="{{ roomtype }}" roomlistings="{{ roomlistings }}" bindsubmit="submitOperations"></list-operations>
</block>
<!-- 条件框 -->
<view class="condition-box" style="top:{{screen_data.totalTopHeight}}px">
<view class="tab">
@ -154,54 +158,5 @@
</view> -->
<announcement-popup interface="apartmentlist" init="{{ initState }}"></announcement-popup>
<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>
<view class="page-titlebar flexacenter" style="height: {{ screen_data.titleBarHeight}}px;">
<view class="page-header-side flex1 flexacenter">
<image class="page-header-back" src="/img/Back.svg"></image>
</view>
<view class="page-header-centre">品牌公寓</view>
<view class="page-header-side flex1"></view>
</view>
</view>
<view class="page-action-bar flexacenter">
<view class="page-action-item flex1 flexcenter" wx:for="{{ 4 }}" wx:key="index">
品牌
<view class="page-action-circle flexcenter pitch" wx:if="{{ index == 1 }}">
<image class="page-action-circle-icon" mode="widthFix" src="/img/arrow-White.svg"></image>
</view>
<view class="page-action-circle flexcenter" wx:else>
<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">{{ 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>
</view>

123
pages/irentList/irentList.wxss
View File

@ -475,126 +475,3 @@
border: none;
color: rgb(80, 227, 194);
}
.page-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start
}
.page-container .page-header {
font-size: 32rpx;
flex-direction: column;
color: #000000;
font-weight: 650;
}
.page-container .page-header .page-header-back {
width: 12px;
height: 18px;
}
.page-container .page-header .page-statusBar {
background-color: #fff;
width: 100%;
}
.page-container .page-header .page-titlebar {
width: 100%;
}
.page-container .page-header .page-header-side {
padding-left: 32rpx;
}
.page-container .page-action-bar {
color: rgb(127, 127, 127);
font-size: 24rpx;
height: 96rpx;
border-bottom: 1rpx solid #ebebeb;
position: relative;
}
.page-container .page-action-bar .page-action-circle.pitch {
background-color: #000;
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;
height: 24rpx;
border-radius: 50%;
margin-left: 15rpx;
}
.page-container .page-action-bar .page-action-circle .page-action-circle-icon {
width: 12rpx;
height: 12rpx;
}
.page-container .page-title {
font-size: 36rpx;
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;
}

1
pages/show/show.js
View File

@ -243,6 +243,7 @@ Page({
data = data.data
let info = data.info
// data.info['verified'] = 1
that.setData({
irentCouponBig: app.globalData.irentCouponBig || true,

12
pages/show/show.wxml
View File

@ -42,6 +42,7 @@
<view class="HResource-box {{ groupid != 19 ? 'HResource-box1' : ''}}">
<view class='title' wx:if="{{ groupid != 19 }}">
<image class='authentication' wx:if="{{ info.verified == 1 }}" style="height: 40rpx;" mode="heightFix" src="/img/authentication.jpg" />
{{ info.subject }}
</view>
@ -53,7 +54,10 @@
<view class='is_rent_btn' wx:if="{{ info.status == 2 }}">已出租</view>
</view>
<view class="HResource-title" wx:if="{{ groupid == 19 }}">{{ info.subject }}</view>
<view class="HResource-title" wx:if="{{ groupid == 19 }}">
<image class='authentication' wx:if="{{ info.verified == 1 }}" style="height: 40rpx;" mode="heightFix" src="/img/authentication.jpg" />
{{ info.subject }}
</view>
<!-- 房源月租和id -->
<view class="HResource-rentAndId">
<view class="rent">
@ -174,6 +178,7 @@
<view class="HResource-box {{ groupid != 19 ? 'HResource-box1' : ''}}">
<view class='title' wx:if="{{ groupid != 19 }}">
<image class='authentication' wx:if="{{ info.verified == 1 }}" style="height: 40rpx;" mode="heightFix" src="/img/authentication.jpg" />
{{ info.subject }}
</view>
@ -184,7 +189,10 @@
<view class='is_rent_btn' wx:if="{{ info.status==2}}">已出租</view>
</view>
<view class="HResource-title" wx:if="{{ groupid == 19 }}">{{ info.subject }}</view>
<view class="HResource-title" wx:if="{{ groupid == 19 }}">
<image class='authentication' wx:if="{{ info.verified == 1 }}" style="height: 40rpx;" mode="heightFix" src="/img/authentication.jpg" />
{{ info.subject }}
</view>
<!-- 房源月租和id -->
<view class="HResource-rentAndId">
<view class="rent">

5
pages/show/show.wxss
View File

@ -28,7 +28,8 @@ canvas {
width: 100vw;
box-sizing: border-box;
overflow: hidden;
padding-bottom: 240rpx;
/* padding-bottom: 240rpx; */
padding-bottom: 120rpx;
}
.toptips {
@ -657,7 +658,7 @@ map .clickmap {
}
.certification {
/* background-color: rgba(238, 239, 242, 1); */
background-color: rgba(238, 239, 242, 1);
min-height: 100vh;
/* margin-bottom: 240rpx; */
}

11
pages/user/user.wxml
View File

@ -127,6 +127,8 @@
<form bindsubmit="send_form_id" report-submit='true' data-types="confirm" class='submit-form'>
<view class='title'>
<image class='authentication' wx:if="{{ item.verified == 1 }}" mode="heightFix" src="/img/authentication.jpg" />
<image class='newbtn' wx:if="{{ item.isnew }}" src="../../img/newbtn.png" />
<image class='hotbtn' wx:if="{{ item.ishot }}" src="../../img/hotbtn.png" /> {{
item.subject
@ -189,6 +191,8 @@
<view wx:if="{{ item.status==-4 }}" class='info-list'>
<form bindsubmit="send_form_id" report-submit='true' data-types="confirm" class='submit-form'>
<view class='title'>
<image class='authentication' wx:if="{{ item.verified == 1 }}" mode="heightFix" src="/img/authentication.jpg" />
<image class='newbtn' wx:if="{{ item.isnew }}" src="../../img/newbtn.png" />
<image class='hotbtn' wx:if="{{ item.ishot }}" src="../../img/hotbtn.png" />
{{ item.subject }}
@ -203,6 +207,8 @@
<view wx:if="{{ item.status==-3 }}" class='info-list'>
<form bindsubmit="send_form_id" report-submit='true' data-types="confirm" class='submit-form'>
<view class='title'>
<image class='authentication' wx:if="{{ item.verified == 1 }}" mode="heightFix" src="/img/authentication.jpg" />
<image class='newbtn' wx:if="{{ item.isnew }}" src="../../img/newbtn.png" />
<image class='hotbtn' wx:if="{{ item.ishot }}" src="../../img/hotbtn.png" /> {{ item.subject }}
<image src="../../img/pics.jpg" wx:if="{{ item.ispic }}" class='imgbtn'></image>
@ -218,6 +224,8 @@
<view wx:if="{{ item.status==0 }}" class='info-list' url="../show/show?tid={{ item.tid }}&uniqid={{ item.uniqid }}">
<form bindsubmit="send_form_id" report-submit='true' data-types="confirm" class='submit-form'>
<view class='title'>
<image class='authentication' wx:if="{{ item.verified == 1 }}" mode="heightFix" src="/img/authentication.jpg" />
<image class='newbtn' wx:if="{{ item.isnew }}" src="../../img/newbtn.png" />
<image class='hotbtn' wx:if="{{ item.ishot }}" src="../../img/hotbtn.png" />
<block wx:if="{{ item.subject }}">{{ item.subject }}</block>
@ -237,6 +245,8 @@
<view wx:if="{{ item.status== -5 }}" class='info-list' url="../show/show?tid={{ item.tid }}&uniqid={{ item.uniqid }}">
<form bindsubmit="send_form_id" report-submit='true' data-types="confirm" class='submit-form'>
<view class='title'>
<image class='authentication' wx:if="{{ item.verified == 1 }}" mode="heightFix" src="/img/authentication.jpg" />
<image class='newbtn' wx:if="{{ item.isnew }}" src="../../img/newbtn.png" />
<image class='hotbtn' wx:if="{{ item.ishot }}" src="../../img/hotbtn.png" />
<block wx:if="{{ item.subject }}">{{ item.subject }}</block>
@ -258,6 +268,7 @@
<form bindsubmit="send_form_id" report-submit='true' data-types="confirm" class='submit-form'>
<view class='title'>
<image class='authentication' wx:if="{{ item.verified == 1 }}" mode="heightFix" src="/img/authentication.jpg" />
<view class="close-btn" wx:if="{{ item.status==2}}">已下架</view>
<image class='newbtn' wx:if="{{ item.isnew }}" src="../../img/newbtn.png" />
<image class='hotbtn' wx:if="{{ item.ishot }}" src="../../img/hotbtn.png" /> {{ item.subject }}

2
project.config.json
View File

@ -42,7 +42,7 @@
},
"compileType": "miniprogram",
"libVersion": "2.31.1",
"appid": "wxcf0a799771cf2ae6",
"appid": "wx9c68fbf7886ea9c4",
"projectname": "%E5%AF%84%E6%89%98%E7%A7%9F%E6%88%BF",
"simulatorType": "wechat",
"simulatorPluginLibVersion": {},

70
template/listOperations/listOperations.js Normal file
View File

@ -0,0 +1,70 @@
// template/listOperations/listOperations.js
Component({
/**
* 组件的属性列表
*/
properties: {
roomtype: Object,
roomlistings: Object,
brands: Object,
screen_data: Object,
},
/**
* 组件的初始数据
*/
data: {
conditionState: "rent", // brand rent house floor
conditionObj: {
brand: {
name: "品牌",
valueText: "brands"
},
rent: {
name: "租金",
},
house: {
name: "房型",
valueText: "roomtype"
},
floor: {
name: "楼型",
valueText: "roomlistings"
},
},
},
/**
* 组件的方法列表
*/
methods: {
setValue(e) {
let {
key,
value
} = e.currentTarget.dataset
this.setData({
[key]: value
})
},
changeItem(e) {
let conditionState = this.data.conditionState
console.log(e, conditionState);
let {
value,
} = e.currentTarget.dataset
this.triggerEvent('submit', {
type: conditionState,
value
})
this.setData({
conditionState: ""
})
},
}
})

4
template/listOperations/listOperations.json Normal file
View File

@ -0,0 +1,4 @@
{
"component": true,
"usingComponents": {}
}

87
template/listOperations/listOperations.wxml Normal file
View File

@ -0,0 +1,87 @@
<!--template/listOperations/listOperations.wxml-->
<view class="page-action-bar flexacenter">
<view class="page-action-item flex1 flexcenter bold" bindtap="setValue" data-key="conditionState" data-value="{{ index }}" wx:for="{{ conditionObj }}" wx:key="index">
<block wx:if="{{ index == 'brand' && brands.value }}">{{ brands.obj[brands.value] }}</block>
<block wx:elif="{{ index == 'rent' && brands.value }}">{{ brands.obj[brands.value] }}</block>
<block wx:elif="{{ index == 'house' && roomtype.value }}">{{ roomtype.obj[roomtype.value] }}</block>
<block wx:elif="{{ index == 'floor' && roomlistings.value }}">{{ roomlistings.obj[roomlistings.value] }}</block>
<view wx:else class="unselected">{{ item.name }}</view>
<view class="page-action-circle flexcenter">
<image class="page-action-circle-icon" mode="widthFix" src="/img/arrow-gray.png"></image>
</view>
</view>
</view>
<page-container show="{{ conditionState }}" z-index="{{ 2000 }}" class="page-container" position="{{ 'top' }}" bind:clickoverlay="setValue" data-key="conditionState" data-value="">
<view class="page-header flexacenter" style="height: {{ screen_data.totalTopHeight}}px;">
<view class="page-statusBar" style="height: {{ screen_data.statusBarHeight }}px;"></view>
<view class="page-titlebar flexacenter" style="height: {{ screen_data.titleBarHeight}}px;">
<view class="page-header-side flex1 flexacenter">
<image class="page-header-back" src="/img/Back.svg"></image>
</view>
<view class="page-header-centre">品牌公寓</view>
<view class="page-header-side flex1"></view>
</view>
</view>
<view class="page-action-bar flexacenter">
<view class="page-action-item flex1 flexcenter" bindtap="setValue" data-key="conditionState" data-value="{{ index }}" wx:for="{{ conditionObj }}" wx:key="index">
{{ item.name }}
<block wx:if="{{ conditionState == index }}">
<view class="page-action-circle flexcenter pitch">
<image class="page-action-circle-icon" mode="widthFix" src="/img/arrow-White.svg"></image>
</view>
<view class="page-action-triangle"></view>
</block>
<view class="page-action-circle flexcenter" wx:else>
<image class="page-action-circle-icon" mode="widthFix" src="/img/arrow-gray.png"></image>
</view>
</view>
</view>
<view class="page-title flexcenter">{{ conditionObj[conditionState].name }}</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="changeItem" data-value="{{ item.value }}">{{ item.name }}</view>
</view>
</block>
<block wx:elif="{{ conditionState == 'rent' }}">
<picker-view indicator-class="rent-budget-picker" indicator-style="height: 50px;" style="width: 100%; height: 670rpx;margin: 0 0 100rpx;" immediate-change="{{ true }}" bindchange="bindChangeRent">
<picker-view-column class="picker-view-column">
<!-- <view wx:for="{{ 10 }}" wx:for-item="it" wx:key="key" class="{{ index == item['value'][0] ? 'pickerpitch' : ''}}">{{ item }}</view> -->
<view class="pickerpitch" wx:for="{{ 100 }}" wx:for-item="it" wx:key="key">{{ it }}</view>
</picker-view-column>
<view class="rent-budget-tilde flexcenter">
<view class="flexcenter">~</view>
</view>
<picker-view-column class="picker-view-column">
<view class="pickerpitch" wx:for="{{ 10 }}" wx:for-item="it" wx:key="key">{{ it }}</view>
</picker-view-column>
</picker-view>
<view class="rent-budget-bottom flexacenter">
<view class="rent-budget-bottom-item flexcenter">不限</view>
<view class="rent-budget-bottom-item flexcenter">确定</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 {{ roomtype.value == item.value ? 'pitch' : '' }}" wx:for="{{ roomtype.list }}" wx:key="index" bindtap="changeItem" data-value="{{ item.value }}">{{ item.name }}</view>
</view>
</block>
<block wx:elif="{{ conditionState == 'floor' }}">
<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" bindtap="changeItem" data-value="{{ item.value }}">{{ item.name }}</view>
</view>
</block>
</page-container>

191
template/listOperations/listOperations.wxss Normal file
View File

@ -0,0 +1,191 @@
@import '/app.wxss';
.page-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start
}
.page-container .page-header {
font-size: 32rpx;
flex-direction: column;
color: #000000;
font-weight: 650;
}
.page-container .page-header .page-header-back {
width: 12px;
height: 18px;
}
.page-container .page-header .page-statusBar {
background-color: #fff;
width: 100%;
}
.page-container .page-header .page-titlebar {
width: 100%;
}
.page-container .page-header .page-header-side {
padding-left: 32rpx;
}
.page-action-bar {
color: rgb(127, 127, 127);
font-size: 24rpx;
height: 96rpx;
border-bottom: 1rpx solid #ebebeb;
position: relative;
}
.page-action-bar .page-action-item {
height: 100%;
position: relative;
}
.page-action-bar .page-action-item .unselected {
font-weight: normal;
}
.page-action-bar .page-action-circle.pitch {
background-color: #000;
transform: rotate(180deg);
}
.page-action-bar .page-action-triangle {
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-action-bar .page-action-circle {
background-color: #ebebeb;
width: 24rpx;
height: 24rpx;
border-radius: 50%;
margin-left: 15rpx;
}
.page-action-bar .page-action-circle .page-action-circle-icon {
width: 12rpx;
height: 12rpx;
}
.page-container .page-title {
font-size: 36rpx;
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;
}
.rent-budget-picker {
height: 130rpx;
line-height: 130rpx;
background-color: rgba(98, 177, 255, 0.145098039215686);
width: 100%;
display: inline-flex;
justify-content: center;
align-items: center;
border: none;
color: #c40000;
}
.rent-budget-picker {
position: relative;
}
.rent-budget-picker::after,
.rent-budget-picker::before {
content: "";
height: 1px;
width: 100%;
position: absolute;
top: -1000px;
left: 0;
}
.picker-view-column {
text-align: center;
margin: 0 75rpx 200rpx;
margin: 0 auto;
}
.picker-view-column view {
line-height: 50px;
}
.pickerpitch {
font-weight: bolder;
font-size: 30rpx;
}
.rent-budget-tilde view {
line-height: 50px;
background-color: rgba(98, 177, 255, 0.145098039215686);
}
.rent-budget-bottom {
justify-content: space-between
}
.rent-budget-bottom .rent-budget-bottom-item {
/* background-color: ; */
width: 330rpx;
height: 96rpx;
border-radius: 82.5rpx;
}