xiangshunpu
4 years ago
20 changed files with 452 additions and 66 deletions
|
Before Width: | Height: | Size: 3.1 KiB After Width: | Height: | Size: 3.1 KiB |
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 203 B After Width: | Height: | Size: 203 B |
@ -0,0 +1,66 @@
|
||||
// pages/history/history.js
|
||||
Page({ |
||||
|
||||
/** |
||||
* 页面的初始数据 |
||||
*/ |
||||
data: { |
||||
|
||||
}, |
||||
|
||||
/** |
||||
* 生命周期函数--监听页面加载 |
||||
*/ |
||||
onLoad: function (options) { |
||||
|
||||
}, |
||||
|
||||
/** |
||||
* 生命周期函数--监听页面初次渲染完成 |
||||
*/ |
||||
onReady: function () { |
||||
|
||||
}, |
||||
|
||||
/** |
||||
* 生命周期函数--监听页面显示 |
||||
*/ |
||||
onShow: function () { |
||||
|
||||
}, |
||||
|
||||
/** |
||||
* 生命周期函数--监听页面隐藏 |
||||
*/ |
||||
onHide: function () { |
||||
|
||||
}, |
||||
|
||||
/** |
||||
* 生命周期函数--监听页面卸载 |
||||
*/ |
||||
onUnload: function () { |
||||
|
||||
}, |
||||
|
||||
/** |
||||
* 页面相关事件处理函数--监听用户下拉动作 |
||||
*/ |
||||
onPullDownRefresh: function () { |
||||
|
||||
}, |
||||
|
||||
/** |
||||
* 页面上拉触底事件的处理函数 |
||||
*/ |
||||
onReachBottom: function () { |
||||
|
||||
}, |
||||
|
||||
/** |
||||
* 用户点击右上角分享 |
||||
*/ |
||||
onShareAppMessage: function () { |
||||
|
||||
} |
||||
}) |
||||
@ -0,0 +1,11 @@
|
||||
<view class="pages"> |
||||
<mp-navigation-bar ext-class="set-bar" title="历史记录"></mp-navigation-bar> |
||||
<view class="main"> |
||||
<view class="info" wx:for="{{10}}" wx:for-index="i" wx:key="i"> |
||||
<view class="text"> |
||||
CQ210003-九龙坡区大桥石区大桥石区大桥石S区十组245-2 |
||||
</view> |
||||
<text class="timer">测算日期：2021/01/01</text> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
@ -0,0 +1,28 @@
|
||||
/* pages/history/history.wxss */ |
||||
.main{ |
||||
display: flex; |
||||
flex-direction: column; |
||||
align-items: center; |
||||
} |
||||
.info{ |
||||
width: 687rpx; |
||||
box-sizing: border-box; |
||||
background: #FFFFFF; |
||||
box-shadow: 0 2rpx 24rpx 0 rgba(191, 191, 191, 0.15); |
||||
border-radius: 18rpx; |
||||
margin-top: 24rpx; |
||||
padding: 30rpx; |
||||
} |
||||
|
||||
.text{ |
||||
font-size: 34rpx; |
||||
color: #262936; |
||||
line-height: 48rpx; |
||||
} |
||||
|
||||
.timer{ |
||||
display: block; |
||||
font-size: 26rpx; |
||||
color: #838B99; |
||||
margin-top: 14rpx; |
||||
} |
||||
@ -1,2 +1,67 @@
|
||||
<!--pages/look-list/look-list.wxml--> |
||||
<text>pages/look-list/look-list.wxml</text> |
||||
<wxs module="filter"> |
||||
var setTag = function(state) { |
||||
var obj = {} |
||||
if(state===1){ |
||||
obj = { |
||||
sname:'ycj', |
||||
text:'已成交' |
||||
} |
||||
}else if(state===2){ |
||||
obj = { |
||||
sname:'wcj', |
||||
text:'未成交' |
||||
} |
||||
}else{ |
||||
obj = { |
||||
sname:'gsz', |
||||
text:'公示中' |
||||
} |
||||
} |
||||
return obj |
||||
}; |
||||
module.exports = {setTag:setTag}; |
||||
</wxs> |
||||
<view class="pages"> |
||||
<mp-navigation-bar ext-class="set-bar" title="土地池"></mp-navigation-bar> |
||||
<view class="look-top"> |
||||
<view class="look-search center"> |
||||
<image class="look-s-icon" src="../../assets/images/search.png"></image> |
||||
</view> |
||||
<view class="look-top-right flex-center" bindtap="comeBack"> |
||||
<image class="look-top-tag" src="../../assets/images/map.png"></image> |
||||
<text class="look-top-text">地图</text> |
||||
</view> |
||||
</view> |
||||
<view class="table"> |
||||
<view class="table-item center {{active===item.id?'table-active':''}}" wx:for="{{tabs}}" wx:key="id" wx:for-item="item" data-id="{{item.id}}" bindtap="tabDowm"> |
||||
<text class="table-name">{{item.name}}</text> |
||||
<image class="table-icon" src="../../assets/images/tab-icon.png"></image> |
||||
</view> |
||||
</view> |
||||
<view class="main"> |
||||
<view class="mark" wx:if="{{active}}" bindtap="hideMark"> |
||||
</view> |
||||
<scroll-view class="list" scroll-y="{{setScroll}}" refresher-enabled refresher-triggered="{{refresher}}" |
||||
bindscrolltolower="getList" bindrefresherrefresh="refresh"> |
||||
<view class="list-item" wx:for="{{list}}" wx:for-index="i" wx:for-item="item" bindtap="comeDetail"> |
||||
<image class="item-img" src="../../assets/images/list-img.png"></image> |
||||
<view class="item-right"> |
||||
<view class="list-info"> |
||||
<view class="list-tag center {{filter.setTag(item.state).sname}}"> |
||||
{{filter.setTag(item.state).text}} |
||||
</view> |
||||
<text class="list-title one-title">{{item.title}}</text> |
||||
</view> |
||||
<view class="list-detail"> |
||||
<view class="detail-item">计容建筑面积：2344m</view> |
||||
<view class="detail-item">起始总价：1340万</view> |
||||
<view class="detail-item">起始楼面价：8900元/m</view> |
||||
<view class="detail-item">竞拍时间：2021/01/30</view> |
||||
</view> |
||||
<view class="list-timer">2021/03/30</view> |
||||
</view> |
||||
</view> |
||||
</scroll-view> |
||||
</view> |
||||
</view> |
||||
@ -1 +1,114 @@
|
||||
/* pages/look-list/look-list.wxss */ |
||||
/* pages/look-list/look-list.wxss */ |
||||
.main { |
||||
padding: 0; |
||||
position: relative; |
||||
} |
||||
|
||||
.mark{ |
||||
position: absolute; |
||||
left: 0; |
||||
top: 0; |
||||
width: 100%; |
||||
height: 100%; |
||||
overflow: hidden; |
||||
background-color: rgba(0,0,0,.1); |
||||
z-index: 10; |
||||
} |
||||
|
||||
.look-top-tag { |
||||
height: 34rpx; |
||||
} |
||||
|
||||
.table { |
||||
display: flex; |
||||
padding: 30rpx 30rpx 35rpx 30rpx; |
||||
justify-content: space-between; |
||||
} |
||||
|
||||
.table-active .table-icon { |
||||
transform: rotate(-180deg); |
||||
} |
||||
|
||||
.table-name { |
||||
font-size: 30rpx; |
||||
font-weight: bold; |
||||
color: #262936; |
||||
} |
||||
|
||||
.table-icon { |
||||
width: 14rpx; |
||||
height: 10rpx; |
||||
margin-left: 10rpx; |
||||
} |
||||
|
||||
.list { |
||||
height: 100%; |
||||
/* padding-bottom: 50rpx; */ |
||||
} |
||||
|
||||
.list-item { |
||||
width: 690rpx; |
||||
height: 218rpx; |
||||
background: #FFFFFF; |
||||
box-shadow: 0 2rpx 23rpx 0 rgba(191, 191, 191, 0.15); |
||||
border-radius: 18rpx; |
||||
margin: 0 auto; |
||||
margin-bottom: 24rpx; |
||||
padding: 30rpx 0 30rpx 30rpx; |
||||
box-sizing: border-box; |
||||
display: flex; |
||||
align-items: center; |
||||
} |
||||
|
||||
.item-img { |
||||
width: 166rpx; |
||||
height: 100%; |
||||
} |
||||
|
||||
.item-right { |
||||
flex: 1; |
||||
padding-left: 20rpx; |
||||
display: flex; |
||||
flex-direction: column; |
||||
justify-content: space-between; |
||||
} |
||||
|
||||
.list-info{ |
||||
display: flex; |
||||
align-items: center; |
||||
} |
||||
|
||||
.list-tag { |
||||
width: 90rpx; |
||||
height: 34rpx; |
||||
border-radius: 4rpx; |
||||
font-size: 22rpx; |
||||
margin-right: 14rpx; |
||||
font-weight: bold; |
||||
color: #FFFFFF; |
||||
} |
||||
|
||||
.list-title { |
||||
width: 338rpx; |
||||
font-size: 34rpx; |
||||
font-weight: bold; |
||||
color: #262936; |
||||
line-height: 50rpx; |
||||
} |
||||
|
||||
.list-detail { |
||||
display: flex; |
||||
flex-wrap: wrap; |
||||
} |
||||
|
||||
.detail-item { |
||||
width: 50%; |
||||
line-height: 36rpx; |
||||
font-size: 22rpx; |
||||
color: #565A6B; |
||||
} |
||||
|
||||
.list-timer{ |
||||
font-size: 22rpx; |
||||
color: #C3C3C3; |
||||
} |
||||
Loading…
Reference in new issue