xiangshunpu
4 years ago
52 changed files with 1626 additions and 258 deletions
|
Before Width: | Height: | Size: 4.6 KiB After Width: | Height: | Size: 5.7 KiB |
|
Before Width: | Height: | Size: 6.3 KiB After Width: | Height: | Size: 5.5 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 4.3 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 792 B |
|
After Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 615 B After Width: | Height: | Size: 461 B |
|
Before Width: | Height: | Size: 8.7 KiB After Width: | Height: | Size: 10 KiB |
|
Before Width: | Height: | Size: 1.7 KiB After Width: | Height: | Size: 1.7 KiB |
|
Before Width: | Height: | Size: 684 B After Width: | Height: | Size: 691 B |
|
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 1.2 KiB |
|
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 1.5 KiB |
@ -0,0 +1,66 @@
|
||||
// pages/about/about.js
|
||||
Page({ |
||||
|
||||
/** |
||||
* 页面的初始数据 |
||||
*/ |
||||
data: { |
||||
|
||||
}, |
||||
|
||||
/** |
||||
* 生命周期函数--监听页面加载 |
||||
*/ |
||||
onLoad: function (options) { |
||||
|
||||
}, |
||||
|
||||
/** |
||||
* 生命周期函数--监听页面初次渲染完成 |
||||
*/ |
||||
onReady: function () { |
||||
|
||||
}, |
||||
|
||||
/** |
||||
* 生命周期函数--监听页面显示 |
||||
*/ |
||||
onShow: function () { |
||||
|
||||
}, |
||||
|
||||
/** |
||||
* 生命周期函数--监听页面隐藏 |
||||
*/ |
||||
onHide: function () { |
||||
|
||||
}, |
||||
|
||||
/** |
||||
* 生命周期函数--监听页面卸载 |
||||
*/ |
||||
onUnload: function () { |
||||
|
||||
}, |
||||
|
||||
/** |
||||
* 页面相关事件处理函数--监听用户下拉动作 |
||||
*/ |
||||
onPullDownRefresh: function () { |
||||
|
||||
}, |
||||
|
||||
/** |
||||
* 页面上拉触底事件的处理函数 |
||||
*/ |
||||
onReachBottom: function () { |
||||
|
||||
}, |
||||
|
||||
/** |
||||
* 用户点击右上角分享 |
||||
*/ |
||||
onShareAppMessage: function () { |
||||
|
||||
} |
||||
}) |
||||
@ -0,0 +1,7 @@
|
||||
<!--pages/about/about.wxml--> |
||||
<view class="pages"> |
||||
<mp-navigation-bar ext-class="set-bar" title="关于我们"></mp-navigation-bar> |
||||
<view class="main"> |
||||
|
||||
</view> |
||||
</view> |
||||
@ -0,0 +1,4 @@
|
||||
/* pages/about/about.wxss */ |
||||
.main{ |
||||
background-color: #fff; |
||||
} |
||||
@ -0,0 +1,131 @@
|
||||
// pages/feasibility-study/feasibility-study.js
|
||||
const app = getApp() |
||||
|
||||
Page({ |
||||
data: { |
||||
active: 1, |
||||
refresher: false, |
||||
tabList: [{ |
||||
id: 1, |
||||
name: '拟挂牌' |
||||
}, { |
||||
id: 2, |
||||
name: '挂牌中' |
||||
}, { |
||||
id: 3, |
||||
name: '已成交' |
||||
}], |
||||
list: [], |
||||
}, |
||||
onReady() { |
||||
this.refresh() |
||||
}, |
||||
comeDetail(e) { |
||||
let id = e.currentTarget.dataset.id |
||||
wx.navigateTo({ |
||||
url: `../air-report/air-report?id=${id}`, |
||||
}) |
||||
}, |
||||
onShow() { |
||||
if (typeof this.getTabBar === 'function' && |
||||
this.getTabBar()) { |
||||
this.getTabBar().setData({ |
||||
selected: 2 |
||||
}) |
||||
} |
||||
}, |
||||
tabDowm(e) { |
||||
let active = e.currentTarget.dataset.id |
||||
if (active !== this.data.active) { |
||||
this.setData({ |
||||
active, |
||||
list: [] |
||||
}) |
||||
this.refresh() |
||||
} |
||||
}, |
||||
getList() { |
||||
let list = this.data.list.concat(this.data.list); |
||||
this.setData({ |
||||
list |
||||
}) |
||||
}, |
||||
refresh() { |
||||
let list = [{ |
||||
title: 'CQ210003-九龙坡区大桥石S区十组245-2', |
||||
timer: '2021/01/01', |
||||
state: 1 |
||||
}, |
||||
{ |
||||
title: 'CQ210003-九龙坡区大桥石S区十组245-2', |
||||
timer: '2021/01/01', |
||||
state: 2 |
||||
}, |
||||
{ |
||||
title: 'CQ210003-九龙坡区大桥石S区十组245-2', |
||||
timer: '2021/01/01', |
||||
state: 3 |
||||
}, |
||||
{ |
||||
title: 'CQ210003-九龙坡区大桥石S区十组245-2', |
||||
timer: '2021/01/01', |
||||
state: 2 |
||||
}, |
||||
{ |
||||
title: 'CQ210003-九龙坡区大桥石S区十组245-2', |
||||
timer: '2021/01/01', |
||||
state: 3 |
||||
}, |
||||
{ |
||||
title: 'CQ210003-九龙坡区大桥石S区十组245-2', |
||||
timer: '2021/01/01', |
||||
state: 1 |
||||
}, |
||||
{ |
||||
title: 'CQ210003-九龙坡区大桥石S区十组245-2', |
||||
timer: '2021/01/01', |
||||
state: 3 |
||||
}, |
||||
{ |
||||
title: 'CQ210003-九龙坡区大桥石S区十组245-2', |
||||
timer: '2021/01/01', |
||||
state: 2 |
||||
}, |
||||
{ |
||||
title: 'CQ210003-九龙坡区大桥石S区十组245-2', |
||||
timer: '2021/01/01', |
||||
state: 3 |
||||
}, |
||||
{ |
||||
title: 'CQ210003-九龙坡区大桥石S区十组245-2', |
||||
timer: '2021/01/01', |
||||
state: 1 |
||||
}, { |
||||
title: 'CQ210003-九龙坡区大桥石S区十组245-2', |
||||
timer: '2021/01/01', |
||||
state: 3 |
||||
}, |
||||
{ |
||||
title: 'CQ210003-九龙坡区大桥石S区十组245-2', |
||||
timer: '2021/01/01', |
||||
state: 2 |
||||
}, |
||||
{ |
||||
title: 'CQ210003-九龙坡区大桥石S区十组245-2', |
||||
timer: '2021/01/01', |
||||
state: 3 |
||||
}, |
||||
{ |
||||
title: 'CQ210003-九龙坡区大桥石S区十组245-2', |
||||
timer: '2021/01/01', |
||||
state: 1 |
||||
}, |
||||
] |
||||
setTimeout(() => { |
||||
this.setData({ |
||||
list, |
||||
refresher: false |
||||
}) |
||||
}, 200) |
||||
} |
||||
}) |
||||
@ -0,0 +1,3 @@
|
||||
{ |
||||
"usingComponents": {} |
||||
} |
||||
@ -0,0 +1,31 @@
|
||||
<!--pages/feasibility-study/feasibility-study.wxml--> |
||||
<view class="pages"> |
||||
<mp-navigation-bar ext-class="set-bar" title="地块可研"></mp-navigation-bar> |
||||
<view class="tab"> |
||||
<view class="tab-item {{item.id===active?'active':''}}" wx:for="{{tabList}}" wx:for-index="i" wx:for-item="item" |
||||
wx:key="id" bindtap="tabDowm" data-id="{{item.id}}"> |
||||
<text class="tab-title">{{item.name}}</text> |
||||
<image class="tab-tag" src="../../assets/images/tab-tag.png"></image> |
||||
</view> |
||||
</view> |
||||
<view class="search-box"> |
||||
<image src="../../assets/images/search-mini.png"></image> |
||||
<input type="text" placeholder="请搜索" placeholder-class="placeholder" /> |
||||
</view> |
||||
<view class="main"> |
||||
<scroll-view class="list" scroll-y="true" refresher-enabled refresher-triggered="{{refresher}}" |
||||
bindscrolltolower="getList" bindrefresherrefresh="refresh"> |
||||
<view class="list-item" wx:for="{{list}}" wx:for-index="i" wx:for-item="item"> |
||||
<image class="list-img" |
||||
src="https://ss0.baidu.com/94o3dSag_xI4khGko9WTAnF6hhy/zhidao/pic/item/cb8065380cd791230f4870a5ac345982b3b780b3.jpg"> |
||||
</image> |
||||
<view class="list-info"> |
||||
<view class="list-title one-title"> |
||||
{{item.title}} |
||||
</view> |
||||
<view class="list-timer">挂牌日期：{{item.timer}}</view> |
||||
</view> |
||||
</view> |
||||
</scroll-view> |
||||
</view> |
||||
</view> |
||||
@ -0,0 +1,121 @@
|
||||
/* pages/feasibility-study/feasibility-study.wxss */ |
||||
.main { |
||||
padding-bottom: 0; |
||||
} |
||||
|
||||
.search-box { |
||||
width: 688rpx; |
||||
height: 70rpx; |
||||
margin-left: 30rpx; |
||||
background: #fff; |
||||
border-radius: 35rpx; |
||||
box-shadow: -2rpx 0rpx 0rpx NaNrpx rgba(191, 191, 191, 0.15); |
||||
display: flex; |
||||
align-items: center; |
||||
padding: 0 30rpx; |
||||
box-sizing: border-box; |
||||
} |
||||
|
||||
.search-box input { |
||||
flex: 1; |
||||
margin-left: 10rpx; |
||||
font-size: 24rpx; |
||||
} |
||||
|
||||
.placeholder { |
||||
color: #babdc8; |
||||
} |
||||
|
||||
.search-box image { |
||||
width: 25rpx; |
||||
height: 25rpx; |
||||
} |
||||
|
||||
.tab { |
||||
display: flex; |
||||
padding: 30rpx; |
||||
} |
||||
|
||||
.tab-item { |
||||
padding-right: 50rpx; |
||||
display: flex; |
||||
flex-direction: column; |
||||
align-items: center; |
||||
} |
||||
|
||||
.tab-title { |
||||
font-size: 30rpx; |
||||
font-weight: bold; |
||||
color: #262936; |
||||
} |
||||
|
||||
.tab-tag { |
||||
width: 44rpx; |
||||
height: 10rpx; |
||||
display: none; |
||||
} |
||||
|
||||
.active .tab-title { |
||||
font-size: 34rpx; |
||||
font-weight: bold; |
||||
color: #146ae7; |
||||
} |
||||
|
||||
.active .tab-tag { |
||||
display: block; |
||||
} |
||||
|
||||
.list { |
||||
height: 100%; |
||||
background-color: #fff; |
||||
margin-top: 30rpx; |
||||
} |
||||
|
||||
.list-item { |
||||
padding: 24rpx 0 0 30rpx; |
||||
display: flex; |
||||
} |
||||
|
||||
.list-img { |
||||
width: 114rpx; |
||||
height: 114rpx; |
||||
border-radius: 16rpx; |
||||
} |
||||
|
||||
.list-info { |
||||
flex: 1; |
||||
height: 132rpx; |
||||
display: flex; |
||||
flex-direction: column; |
||||
margin-left: 42rpx; |
||||
border-bottom: 2rpx solid #e3e3e3; |
||||
} |
||||
|
||||
.list-title { |
||||
max-width: 488rpx; |
||||
font-size: 33rpx; |
||||
line-height: 70rpx; |
||||
color: #262936; |
||||
font-weight: bold; |
||||
} |
||||
|
||||
.list-tag { |
||||
width: 89rpx; |
||||
height: 34rpx; |
||||
line-height: 34rpx; |
||||
border-radius: 4rpx; |
||||
font-size: 22rpx; |
||||
font-weight: bold; |
||||
color: #FFFFFF; |
||||
margin-top: 10rpx; |
||||
} |
||||
|
||||
.list-timer { |
||||
font-size: 26rpx; |
||||
color: #838B99; |
||||
} |
||||
|
||||
.bottom { |
||||
width: 688rpx; |
||||
height: 208rpx; |
||||
} |
||||
@ -0,0 +1,131 @@
|
||||
// pages/land-promotion/land-promotion.js
|
||||
const app = getApp() |
||||
|
||||
Page({ |
||||
data: { |
||||
active: 1, |
||||
refresher: false, |
||||
tabList: [{ |
||||
id: 1, |
||||
name: '拟挂牌' |
||||
}, { |
||||
id: 2, |
||||
name: '挂牌中' |
||||
}, { |
||||
id: 3, |
||||
name: '已成交' |
||||
}], |
||||
list: [], |
||||
}, |
||||
onReady() { |
||||
this.refresh() |
||||
}, |
||||
comeDetail(e) { |
||||
let id = e.currentTarget.dataset.id |
||||
wx.navigateTo({ |
||||
url: `../air-report/air-report?id=${id}`, |
||||
}) |
||||
}, |
||||
onShow() { |
||||
if (typeof this.getTabBar === 'function' && |
||||
this.getTabBar()) { |
||||
this.getTabBar().setData({ |
||||
selected: 2 |
||||
}) |
||||
} |
||||
}, |
||||
tabDowm(e) { |
||||
let active = e.currentTarget.dataset.id |
||||
if (active !== this.data.active) { |
||||
this.setData({ |
||||
active, |
||||
list: [] |
||||
}) |
||||
this.refresh() |
||||
} |
||||
}, |
||||
getList() { |
||||
let list = this.data.list.concat(this.data.list); |
||||
this.setData({ |
||||
list |
||||
}) |
||||
}, |
||||
refresh() { |
||||
let list = [{ |
||||
title: 'CQ210003-九龙坡区大桥石S区十组245-2', |
||||
timer: '2021/01/01', |
||||
state: 1 |
||||
}, |
||||
{ |
||||
title: 'CQ210003-九龙坡区大桥石S区十组245-2', |
||||
timer: '2021/01/01', |
||||
state: 2 |
||||
}, |
||||
{ |
||||
title: 'CQ210003-九龙坡区大桥石S区十组245-2', |
||||
timer: '2021/01/01', |
||||
state: 3 |
||||
}, |
||||
{ |
||||
title: 'CQ210003-九龙坡区大桥石S区十组245-2', |
||||
timer: '2021/01/01', |
||||
state: 2 |
||||
}, |
||||
{ |
||||
title: 'CQ210003-九龙坡区大桥石S区十组245-2', |
||||
timer: '2021/01/01', |
||||
state: 3 |
||||
}, |
||||
{ |
||||
title: 'CQ210003-九龙坡区大桥石S区十组245-2', |
||||
timer: '2021/01/01', |
||||
state: 1 |
||||
}, |
||||
{ |
||||
title: 'CQ210003-九龙坡区大桥石S区十组245-2', |
||||
timer: '2021/01/01', |
||||
state: 3 |
||||
}, |
||||
{ |
||||
title: 'CQ210003-九龙坡区大桥石S区十组245-2', |
||||
timer: '2021/01/01', |
||||
state: 2 |
||||
}, |
||||
{ |
||||
title: 'CQ210003-九龙坡区大桥石S区十组245-2', |
||||
timer: '2021/01/01', |
||||
state: 3 |
||||
}, |
||||
{ |
||||
title: 'CQ210003-九龙坡区大桥石S区十组245-2', |
||||
timer: '2021/01/01', |
||||
state: 1 |
||||
}, { |
||||
title: 'CQ210003-九龙坡区大桥石S区十组245-2', |
||||
timer: '2021/01/01', |
||||
state: 3 |
||||
}, |
||||
{ |
||||
title: 'CQ210003-九龙坡区大桥石S区十组245-2', |
||||
timer: '2021/01/01', |
||||
state: 2 |
||||
}, |
||||
{ |
||||
title: 'CQ210003-九龙坡区大桥石S区十组245-2', |
||||
timer: '2021/01/01', |
||||
state: 3 |
||||
}, |
||||
{ |
||||
title: 'CQ210003-九龙坡区大桥石S区十组245-2', |
||||
timer: '2021/01/01', |
||||
state: 1 |
||||
}, |
||||
] |
||||
setTimeout(() => { |
||||
this.setData({ |
||||
list, |
||||
refresher: false |
||||
}) |
||||
}, 200) |
||||
} |
||||
}) |
||||
@ -0,0 +1,3 @@
|
||||
{ |
||||
"usingComponents": {} |
||||
} |
||||
@ -0,0 +1,24 @@
|
||||
<!--pages/land-promotion/land-promotion.wxml--> |
||||
<view class="pages"> |
||||
<mp-navigation-bar ext-class="set-bar" title="土地推介"></mp-navigation-bar> |
||||
<view class="search-box"> |
||||
<image src="../../assets/images/search-mini.png"></image> |
||||
<input type="text" placeholder="请搜索" placeholder-class="placeholder" /> |
||||
</view> |
||||
<view class="main"> |
||||
<scroll-view class="list" scroll-y="true" refresher-enabled refresher-triggered="{{refresher}}" |
||||
bindscrolltolower="getList" bindrefresherrefresh="refresh"> |
||||
<view class="list-item" wx:for="{{list}}" wx:for-index="i" wx:for-item="item"> |
||||
<image class="list-img" |
||||
src="https://ss0.baidu.com/94o3dSag_xI4khGko9WTAnF6hhy/zhidao/pic/item/cb8065380cd791230f4870a5ac345982b3b780b3.jpg"> |
||||
</image> |
||||
<view class="list-info"> |
||||
<view class="list-title one-title"> |
||||
{{item.title}} |
||||
</view> |
||||
<view class="list-timer">挂牌日期：{{item.timer}}</view> |
||||
</view> |
||||
</view> |
||||
</scroll-view> |
||||
</view> |
||||
</view> |
||||
@ -0,0 +1,88 @@
|
||||
/* pages/land-promotion/land-promotion.wxss */ |
||||
.main { |
||||
padding-bottom: 0; |
||||
} |
||||
|
||||
.search-box { |
||||
width: 688rpx; |
||||
height: 70rpx; |
||||
margin-left: 30rpx; |
||||
margin-top: 10rpx; |
||||
background: #fff; |
||||
border-radius: 35rpx; |
||||
box-shadow: -2rpx 0rpx 0rpx NaNrpx rgba(191, 191, 191, 0.15); |
||||
display: flex; |
||||
align-items: center; |
||||
padding: 0 30rpx; |
||||
box-sizing: border-box; |
||||
} |
||||
|
||||
.search-box input { |
||||
flex: 1; |
||||
margin-left: 10rpx; |
||||
font-size: 24rpx; |
||||
} |
||||
|
||||
.placeholder { |
||||
color: #babdc8; |
||||
} |
||||
|
||||
.search-box image { |
||||
width: 25rpx; |
||||
height: 25rpx; |
||||
} |
||||
|
||||
.list { |
||||
height: 100%; |
||||
background-color: #fff; |
||||
margin-top: 30rpx; |
||||
} |
||||
|
||||
.list-item { |
||||
padding: 24rpx 0 0 30rpx; |
||||
display: flex; |
||||
} |
||||
|
||||
.list-img { |
||||
width: 114rpx; |
||||
height: 114rpx; |
||||
border-radius: 16rpx; |
||||
} |
||||
|
||||
.list-info { |
||||
flex: 1; |
||||
height: 132rpx; |
||||
display: flex; |
||||
flex-direction: column; |
||||
margin-left: 42rpx; |
||||
border-bottom: 2rpx solid #e3e3e3; |
||||
} |
||||
|
||||
.list-title { |
||||
max-width: 488rpx; |
||||
font-size: 33rpx; |
||||
line-height: 70rpx; |
||||
color: #262936; |
||||
font-weight: bold; |
||||
} |
||||
|
||||
.list-tag { |
||||
width: 89rpx; |
||||
height: 34rpx; |
||||
line-height: 34rpx; |
||||
border-radius: 4rpx; |
||||
font-size: 22rpx; |
||||
font-weight: bold; |
||||
color: #FFFFFF; |
||||
margin-top: 10rpx; |
||||
} |
||||
|
||||
.list-timer { |
||||
font-size: 26rpx; |
||||
color: #838B99; |
||||
} |
||||
|
||||
.bottom { |
||||
width: 688rpx; |
||||
height: 208rpx; |
||||
} |
||||
@ -0,0 +1,128 @@
|
||||
// pages/periodic-report/periodic-report.js
|
||||
const app = getApp() |
||||
|
||||
Page({ |
||||
data: { |
||||
active: 1, |
||||
refresher: false, |
||||
tabList: [{ |
||||
id: 1, |
||||
name: '住宅市场' |
||||
}, { |
||||
id: 2, |
||||
name: '土地市场' |
||||
}], |
||||
list: [], |
||||
}, |
||||
onReady() { |
||||
this.refresh() |
||||
}, |
||||
comeDetail(e) { |
||||
let id = e.currentTarget.dataset.id |
||||
wx.navigateTo({ |
||||
url: `../air-report/air-report?id=${id}`, |
||||
}) |
||||
}, |
||||
onShow() { |
||||
if (typeof this.getTabBar === 'function' && |
||||
this.getTabBar()) { |
||||
this.getTabBar().setData({ |
||||
selected: 2 |
||||
}) |
||||
} |
||||
}, |
||||
tabDowm(e) { |
||||
let active = e.currentTarget.dataset.id |
||||
if (active !== this.data.active) { |
||||
this.setData({ |
||||
active, |
||||
list: [] |
||||
}) |
||||
this.refresh() |
||||
} |
||||
}, |
||||
getList() { |
||||
let list = this.data.list.concat(this.data.list); |
||||
this.setData({ |
||||
list |
||||
}) |
||||
}, |
||||
refresh() { |
||||
let list = [{ |
||||
title: 'CQ210003-九龙坡区大桥石S区十组245-2', |
||||
timer: '2021/01/01', |
||||
state: 1 |
||||
}, |
||||
{ |
||||
title: 'CQ210003-九龙坡区大桥石S区十组245-2', |
||||
timer: '2021/01/01', |
||||
state: 2 |
||||
}, |
||||
{ |
||||
title: 'CQ210003-九龙坡区大桥石S区十组245-2', |
||||
timer: '2021/01/01', |
||||
state: 3 |
||||
}, |
||||
{ |
||||
title: 'CQ210003-九龙坡区大桥石S区十组245-2', |
||||
timer: '2021/01/01', |
||||
state: 2 |
||||
}, |
||||
{ |
||||
title: 'CQ210003-九龙坡区大桥石S区十组245-2', |
||||
timer: '2021/01/01', |
||||
state: 3 |
||||
}, |
||||
{ |
||||
title: 'CQ210003-九龙坡区大桥石S区十组245-2', |
||||
timer: '2021/01/01', |
||||
state: 1 |
||||
}, |
||||
{ |
||||
title: 'CQ210003-九龙坡区大桥石S区十组245-2', |
||||
timer: '2021/01/01', |
||||
state: 3 |
||||
}, |
||||
{ |
||||
title: 'CQ210003-九龙坡区大桥石S区十组245-2', |
||||
timer: '2021/01/01', |
||||
state: 2 |
||||
}, |
||||
{ |
||||
title: 'CQ210003-九龙坡区大桥石S区十组245-2', |
||||
timer: '2021/01/01', |
||||
state: 3 |
||||
}, |
||||
{ |
||||
title: 'CQ210003-九龙坡区大桥石S区十组245-2', |
||||
timer: '2021/01/01', |
||||
state: 1 |
||||
}, { |
||||
title: 'CQ210003-九龙坡区大桥石S区十组245-2', |
||||
timer: '2021/01/01', |
||||
state: 3 |
||||
}, |
||||
{ |
||||
title: 'CQ210003-九龙坡区大桥石S区十组245-2', |
||||
timer: '2021/01/01', |
||||
state: 2 |
||||
}, |
||||
{ |
||||
title: 'CQ210003-九龙坡区大桥石S区十组245-2', |
||||
timer: '2021/01/01', |
||||
state: 3 |
||||
}, |
||||
{ |
||||
title: 'CQ210003-九龙坡区大桥石S区十组245-2', |
||||
timer: '2021/01/01', |
||||
state: 1 |
||||
}, |
||||
] |
||||
setTimeout(() => { |
||||
this.setData({ |
||||
list, |
||||
refresher: false |
||||
}) |
||||
}, 200) |
||||
} |
||||
}) |
||||
@ -0,0 +1,3 @@
|
||||
{ |
||||
"usingComponents": {} |
||||
} |
||||
@ -0,0 +1,27 @@
|
||||
<!--pages/periodic-report/periodic-report.wxml--> |
||||
<view class="pages"> |
||||
<mp-navigation-bar ext-class="set-bar" title="定期报告"></mp-navigation-bar> |
||||
<view class="tab"> |
||||
<view class="tab-item {{item.id===active?'active':''}}" wx:for="{{tabList}}" wx:for-index="i" wx:for-item="item" |
||||
wx:key="id" bindtap="tabDowm" data-id="{{item.id}}"> |
||||
<text class="tab-title">{{item.name}}</text> |
||||
<image class="tab-tag" src="../../assets/images/tab-tag.png"></image> |
||||
</view> |
||||
</view> |
||||
<view class="main"> |
||||
<scroll-view class="list" scroll-y="true" refresher-enabled refresher-triggered="{{refresher}}" |
||||
bindscrolltolower="getList" bindrefresherrefresh="refresh"> |
||||
<view class="list-item" wx:for="{{list}}" wx:for-index="i" wx:for-item="item"> |
||||
<image class="list-img" |
||||
src="https://ss0.baidu.com/94o3dSag_xI4khGko9WTAnF6hhy/zhidao/pic/item/cb8065380cd791230f4870a5ac345982b3b780b3.jpg"> |
||||
</image> |
||||
<view class="list-info"> |
||||
<view class="list-title one-title"> |
||||
{{item.title}} |
||||
</view> |
||||
<view class="list-timer">发布日期：{{item.timer}}</view> |
||||
</view> |
||||
</view> |
||||
</scroll-view> |
||||
</view> |
||||
</view> |
||||
@ -0,0 +1,93 @@
|
||||
/* pages/periodic-report/periodic-report.wxss */ |
||||
.main { |
||||
padding-bottom: 0; |
||||
} |
||||
|
||||
.tab { |
||||
display: flex; |
||||
padding: 30rpx; |
||||
} |
||||
|
||||
.tab-item { |
||||
padding-right: 50rpx; |
||||
display: flex; |
||||
flex-direction: column; |
||||
align-items: center; |
||||
} |
||||
|
||||
.tab-title { |
||||
font-size: 30rpx; |
||||
font-weight: bold; |
||||
color: #262936; |
||||
} |
||||
|
||||
.tab-tag { |
||||
width: 44rpx; |
||||
height: 10rpx; |
||||
display: none; |
||||
} |
||||
|
||||
.active .tab-title { |
||||
font-size: 34rpx; |
||||
font-weight: bold; |
||||
color: #146ae7; |
||||
} |
||||
|
||||
.active .tab-tag { |
||||
display: block; |
||||
} |
||||
|
||||
.list { |
||||
height: 100%; |
||||
background-color: #fff; |
||||
margin-top: 30rpx; |
||||
} |
||||
|
||||
.list-item { |
||||
padding: 24rpx 0 0 30rpx; |
||||
display: flex; |
||||
} |
||||
|
||||
.list-img { |
||||
width: 114rpx; |
||||
height: 114rpx; |
||||
border-radius: 16rpx; |
||||
} |
||||
|
||||
.list-info { |
||||
flex: 1; |
||||
height: 132rpx; |
||||
display: flex; |
||||
flex-direction: column; |
||||
margin-left: 42rpx; |
||||
border-bottom: 2rpx solid #e3e3e3; |
||||
} |
||||
|
||||
.list-title { |
||||
max-width: 488rpx; |
||||
font-size: 33rpx; |
||||
line-height: 70rpx; |
||||
color: #262936; |
||||
font-weight: bold; |
||||
} |
||||
|
||||
.list-tag { |
||||
width: 89rpx; |
||||
height: 34rpx; |
||||
line-height: 34rpx; |
||||
border-radius: 4rpx; |
||||
font-size: 22rpx; |
||||
font-weight: bold; |
||||
color: #FFFFFF; |
||||
margin-top: 10rpx; |
||||
} |
||||
|
||||
.list-timer { |
||||
font-size: 26rpx; |
||||
color: #838B99; |
||||
} |
||||
|
||||
.bottom { |
||||
width: 688rpx; |
||||
height: 208rpx; |
||||
} |
||||
@ -0,0 +1,131 @@
|
||||
// pages/special-research/special-research.js
|
||||
const app = getApp() |
||||
|
||||
Page({ |
||||
data: { |
||||
active: 1, |
||||
refresher: false, |
||||
tabList: [{ |
||||
id: 1, |
||||
name: '拟挂牌' |
||||
}, { |
||||
id: 2, |
||||
name: '挂牌中' |
||||
}, { |
||||
id: 3, |
||||
name: '已成交' |
||||
}], |
||||
list: [], |
||||
}, |
||||
onReady() { |
||||
this.refresh() |
||||
}, |
||||
comeDetail(e) { |
||||
let id = e.currentTarget.dataset.id |
||||
wx.navigateTo({ |
||||
url: `../air-report/air-report?id=${id}`, |
||||
}) |
||||
}, |
||||
onShow() { |
||||
if (typeof this.getTabBar === 'function' && |
||||
this.getTabBar()) { |
||||
this.getTabBar().setData({ |
||||
selected: 2 |
||||
}) |
||||
} |
||||
}, |
||||
tabDowm(e) { |
||||
let active = e.currentTarget.dataset.id |
||||
if (active !== this.data.active) { |
||||
this.setData({ |
||||
active, |
||||
list: [] |
||||
}) |
||||
this.refresh() |
||||
} |
||||
}, |
||||
getList() { |
||||
let list = this.data.list.concat(this.data.list); |
||||
this.setData({ |
||||
list |
||||
}) |
||||
}, |
||||
refresh() { |
||||
let list = [{ |
||||
title: 'CQ210003-九龙坡区大桥石S区十组245-2', |
||||
timer: '2021/01/01', |
||||
state: 1 |
||||
}, |
||||
{ |
||||
title: 'CQ210003-九龙坡区大桥石S区十组245-2', |
||||
timer: '2021/01/01', |
||||
state: 2 |
||||
}, |
||||
{ |
||||
title: 'CQ210003-九龙坡区大桥石S区十组245-2', |
||||
timer: '2021/01/01', |
||||
state: 3 |
||||
}, |
||||
{ |
||||
title: 'CQ210003-九龙坡区大桥石S区十组245-2', |
||||
timer: '2021/01/01', |
||||
state: 2 |
||||
}, |
||||
{ |
||||
title: 'CQ210003-九龙坡区大桥石S区十组245-2', |
||||
timer: '2021/01/01', |
||||
state: 3 |
||||
}, |
||||
{ |
||||
title: 'CQ210003-九龙坡区大桥石S区十组245-2', |
||||
timer: '2021/01/01', |
||||
state: 1 |
||||
}, |
||||
{ |
||||
title: 'CQ210003-九龙坡区大桥石S区十组245-2', |
||||
timer: '2021/01/01', |
||||
state: 3 |
||||
}, |
||||
{ |
||||
title: 'CQ210003-九龙坡区大桥石S区十组245-2', |
||||
timer: '2021/01/01', |
||||
state: 2 |
||||
}, |
||||
{ |
||||
title: 'CQ210003-九龙坡区大桥石S区十组245-2', |
||||
timer: '2021/01/01', |
||||
state: 3 |
||||
}, |
||||
{ |
||||
title: 'CQ210003-九龙坡区大桥石S区十组245-2', |
||||
timer: '2021/01/01', |
||||
state: 1 |
||||
}, { |
||||
title: 'CQ210003-九龙坡区大桥石S区十组245-2', |
||||
timer: '2021/01/01', |
||||
state: 3 |
||||
}, |
||||
{ |
||||
title: 'CQ210003-九龙坡区大桥石S区十组245-2', |
||||
timer: '2021/01/01', |
||||
state: 2 |
||||
}, |
||||
{ |
||||
title: 'CQ210003-九龙坡区大桥石S区十组245-2', |
||||
timer: '2021/01/01', |
||||
state: 3 |
||||
}, |
||||
{ |
||||
title: 'CQ210003-九龙坡区大桥石S区十组245-2', |
||||
timer: '2021/01/01', |
||||
state: 1 |
||||
}, |
||||
] |
||||
setTimeout(() => { |
||||
this.setData({ |
||||
list, |
||||
refresher: false |
||||
}) |
||||
}, 200) |
||||
} |
||||
}) |
||||
@ -0,0 +1,3 @@
|
||||
{ |
||||
"usingComponents": {} |
||||
} |
||||
@ -0,0 +1,24 @@
|
||||
<!--pages/special-research/special-research.wxml--> |
||||
<view class="pages"> |
||||
<mp-navigation-bar ext-class="set-bar" title="专题研究"></mp-navigation-bar> |
||||
<view class="search-box"> |
||||
<image src="../../assets/images/search-mini.png"></image> |
||||
<input type="text" placeholder="请搜索" placeholder-class="placeholder" /> |
||||
</view> |
||||
<view class="main"> |
||||
<scroll-view class="list" scroll-y="true" refresher-enabled refresher-triggered="{{refresher}}" |
||||
bindscrolltolower="getList" bindrefresherrefresh="refresh"> |
||||
<view class="list-item" wx:for="{{list}}" wx:for-index="i" wx:for-item="item"> |
||||
<image class="list-img" |
||||
src="https://ss0.baidu.com/94o3dSag_xI4khGko9WTAnF6hhy/zhidao/pic/item/cb8065380cd791230f4870a5ac345982b3b780b3.jpg"> |
||||
</image> |
||||
<view class="list-info"> |
||||
<view class="list-title one-title"> |
||||
{{item.title}} |
||||
</view> |
||||
<view class="list-timer">挂牌日期：{{item.timer}}</view> |
||||
</view> |
||||
</view> |
||||
</scroll-view> |
||||
</view> |
||||
</view> |
||||
@ -0,0 +1,88 @@
|
||||
/* pages/special-research/special-research.wxss */ |
||||
.main { |
||||
padding-bottom: 0; |
||||
} |
||||
|
||||
.search-box { |
||||
width: 688rpx; |
||||
height: 70rpx; |
||||
margin-left: 30rpx; |
||||
margin-top: 10rpx; |
||||
background: #fff; |
||||
border-radius: 35rpx; |
||||
box-shadow: -2rpx 0rpx 0rpx NaNrpx rgba(191, 191, 191, 0.15); |
||||
display: flex; |
||||
align-items: center; |
||||
padding: 0 30rpx; |
||||
box-sizing: border-box; |
||||
} |
||||
|
||||
.search-box input { |
||||
flex: 1; |
||||
margin-left: 10rpx; |
||||
font-size: 24rpx; |
||||
} |
||||
|
||||
.placeholder { |
||||
color: #babdc8; |
||||
} |
||||
|
||||
.search-box image { |
||||
width: 25rpx; |
||||
height: 25rpx; |
||||
} |
||||
|
||||
.list { |
||||
height: 100%; |
||||
background-color: #fff; |
||||
margin-top: 30rpx; |
||||
} |
||||
|
||||
.list-item { |
||||
padding: 24rpx 0 0 30rpx; |
||||
display: flex; |
||||
} |
||||
|
||||
.list-img { |
||||
width: 114rpx; |
||||
height: 114rpx; |
||||
border-radius: 16rpx; |
||||
} |
||||
|
||||
.list-info { |
||||
flex: 1; |
||||
height: 132rpx; |
||||
display: flex; |
||||
flex-direction: column; |
||||
margin-left: 42rpx; |
||||
border-bottom: 2rpx solid #e3e3e3; |
||||
} |
||||
|
||||
.list-title { |
||||
max-width: 488rpx; |
||||
font-size: 33rpx; |
||||
line-height: 70rpx; |
||||
color: #262936; |
||||
font-weight: bold; |
||||
} |
||||
|
||||
.list-tag { |
||||
width: 89rpx; |
||||
height: 34rpx; |
||||
line-height: 34rpx; |
||||
border-radius: 4rpx; |
||||
font-size: 22rpx; |
||||
font-weight: bold; |
||||
color: #FFFFFF; |
||||
margin-top: 10rpx; |
||||
} |
||||
|
||||
.list-timer { |
||||
font-size: 26rpx; |
||||
color: #838B99; |
||||
} |
||||
|
||||
.bottom { |
||||
width: 688rpx; |
||||
height: 208rpx; |
||||
} |
||||
@ -0,0 +1,66 @@
|
||||
// pages/suggestion/suggestion.js
|
||||
Page({ |
||||
|
||||
/** |
||||
* 页面的初始数据 |
||||
*/ |
||||
data: { |
||||
|
||||
}, |
||||
|
||||
/** |
||||
* 生命周期函数--监听页面加载 |
||||
*/ |
||||
onLoad: function (options) { |
||||
|
||||
}, |
||||
|
||||
/** |
||||
* 生命周期函数--监听页面初次渲染完成 |
||||
*/ |
||||
onReady: function () { |
||||
|
||||
}, |
||||
|
||||
/** |
||||
* 生命周期函数--监听页面显示 |
||||
*/ |
||||
onShow: function () { |
||||
|
||||
}, |
||||
|
||||
/** |
||||
* 生命周期函数--监听页面隐藏 |
||||
*/ |
||||
onHide: function () { |
||||
|
||||
}, |
||||
|
||||
/** |
||||
* 生命周期函数--监听页面卸载 |
||||
*/ |
||||
onUnload: function () { |
||||
|
||||
}, |
||||
|
||||
/** |
||||
* 页面相关事件处理函数--监听用户下拉动作 |
||||
*/ |
||||
onPullDownRefresh: function () { |
||||
|
||||
}, |
||||
|
||||
/** |
||||
* 页面上拉触底事件的处理函数 |
||||
*/ |
||||
onReachBottom: function () { |
||||
|
||||
}, |
||||
|
||||
/** |
||||
* 用户点击右上角分享 |
||||
*/ |
||||
onShareAppMessage: function () { |
||||
|
||||
} |
||||
}) |
||||
@ -0,0 +1,2 @@
|
||||
<!--pages/suggestion/suggestion.wxml--> |
||||
<text>pages/suggestion/suggestion.wxml</text> |
||||
@ -0,0 +1 @@
|
||||
/* pages/suggestion/suggestion.wxss */ |
||||
Loading…
Reference in new issue