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; |
||||
} |
||||
@ -1,48 +1,75 @@
|
||||
<!--index.wxml--> |
||||
<wxs module="filter"> |
||||
var setTag = function(state) { |
||||
var setTag = function (state) { |
||||
var obj = {} |
||||
if(state===1){ |
||||
if (state === 1) { |
||||
obj = { |
||||
sname:'ycj', |
||||
text:'已成交' |
||||
sname: 'tag-study', |
||||
text: '地块可研' |
||||
} |
||||
}else if(state===2){ |
||||
} else if (state === 2) { |
||||
obj = { |
||||
sname:'wcj', |
||||
text:'未成交' |
||||
sname: 'tag-report', |
||||
text: '定期报告' |
||||
} |
||||
}else{ |
||||
} else if (state === 3) { |
||||
obj = { |
||||
sname:'gsz', |
||||
text:'公示中' |
||||
sname: 'tag-research', |
||||
text: '专题研究' |
||||
} |
||||
} |
||||
return obj |
||||
} else { |
||||
obj = { |
||||
sname: 'tag-promotion', |
||||
text: '土地推介' |
||||
} |
||||
} |
||||
return obj |
||||
}; |
||||
module.exports = {setTag:setTag}; |
||||
module.exports = { setTag: setTag }; |
||||
</wxs> |
||||
<view class="pages"> |
||||
<mp-navigation-bar ext-class="set-bar" title="AIR" back="{{false}}"></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 class="top"> |
||||
<swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" class="banner"> |
||||
<block wx:for="{{banner}}" wx:key="*this"> |
||||
<swiper-item> |
||||
<view class="swiper-item"> |
||||
<image class="b-img" src="{{item.url}}"></image> |
||||
</view> |
||||
</swiper-item> |
||||
</block> |
||||
</swiper> |
||||
<view class="tabs"> |
||||
<view class="t-item" wx:for="{{tabs}}" wx:key="*this" data-page="{{item.page}}" bindtap="pageComing"> |
||||
<image src="{{item.url}}"></image> |
||||
<text>{{item.text}}</text> |
||||
</view> |
||||
</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" bindtap="comeDetail" data-id="1"> |
||||
<view class="list-info"> |
||||
<view class="list-title"> |
||||
{{item.title}} |
||||
</view> |
||||
<view class="list-tag center {{filter.setTag(item.state).sname}}"> |
||||
{{filter.setTag(item.state).text}} |
||||
</view> |
||||
<view class="main-head"> |
||||
<text class="title">推荐文章</text> |
||||
<view class="search"> |
||||
<input type="text" /> |
||||
<image src="../../assets/images/search-mini.png"></image> |
||||
</view> |
||||
<view class="list-timer">挂牌日期：{{item.timer}}</view> |
||||
</view> |
||||
</scroll-view> |
||||
</view> |
||||
<view class="list-box"> |
||||
<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" bindtap="comeDetail" data-id="1"> |
||||
<image class="item-img" |
||||
src="https://ss0.baidu.com/94o3dSag_xI4khGko9WTAnF6hhy/zhidao/pic/item/cb8065380cd791230f4870a5ac345982b3b780b3.jpg"> |
||||
</image> |
||||
<view class="list-info"> |
||||
<view class="list-title two-title"> |
||||
<text class="item-tag {{filter.setTag(item.state).sname}}">{{filter.setTag(item.state).text}}</text> |
||||
{{item.title}} |
||||
</view> |
||||
<view class="list-timer">{{item.timer}}</view> |
||||
</view> |
||||
</view> |
||||
</scroll-view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
@ -1,88 +1,158 @@
|
||||
/**index.wxss**/ |
||||
.main{ |
||||
padding-bottom: 0; |
||||
.top { |
||||
padding: 30rpx; |
||||
} |
||||
|
||||
.banner { |
||||
border-radius: 16rpx; |
||||
height: 408rpx; |
||||
overflow: hidden; |
||||
} |
||||
|
||||
.swiper-item { |
||||
width: 100%; |
||||
height: 100%; |
||||
border-radius: 16rpx; |
||||
} |
||||
|
||||
.tab{ |
||||
.b-img { |
||||
width: 100%; |
||||
height: 100%; |
||||
border-radius: 16rpx; |
||||
} |
||||
|
||||
.tabs { |
||||
display: flex; |
||||
justify-content: space-between; |
||||
padding: 30rpx; |
||||
padding-top: 30rpx; |
||||
} |
||||
|
||||
.tab-item{ |
||||
.t-item { |
||||
flex: 1; |
||||
display: flex; |
||||
flex-direction: column; |
||||
align-items: center; |
||||
} |
||||
|
||||
.tab-title{ |
||||
.t-item image { |
||||
width: 110rpx; |
||||
height: 110rpx; |
||||
} |
||||
|
||||
.t-item text { |
||||
font-size: 30rpx; |
||||
color: #262936; |
||||
font-weight: bold; |
||||
color: #565A6B; |
||||
} |
||||
|
||||
.tab-tag{ |
||||
width: 44rpx; |
||||
height: 10rpx; |
||||
display: none; |
||||
.main { |
||||
background-color: #fff; |
||||
display: flex; |
||||
flex-direction: column; |
||||
padding-bottom: 100rpx; |
||||
} |
||||
|
||||
.active .tab-title{ |
||||
.main-head { |
||||
padding: 30rpx 30rpx 0 30rpx; |
||||
display: flex; |
||||
justify-content: space-between; |
||||
align-items: center; |
||||
} |
||||
|
||||
.main-head .title { |
||||
font-size: 34rpx; |
||||
font-weight: bold; |
||||
font-weight: 700; |
||||
color: #262936; |
||||
} |
||||
|
||||
.active .tab-tag{ |
||||
display: block; |
||||
.search { |
||||
width: 309rpx; |
||||
height: 63rpx; |
||||
background: #f7f7f7; |
||||
border: 1rpx solid #f0f0f0; |
||||
border-radius: 30rpx; |
||||
display: flex; |
||||
align-items: center; |
||||
padding: 0 40rpx; |
||||
box-sizing: border-box; |
||||
} |
||||
|
||||
.list{ |
||||
.search>input { |
||||
flex: 1; |
||||
} |
||||
|
||||
.search>image { |
||||
margin-left: 10rpx; |
||||
width: 31rpx; |
||||
height: 31rpx; |
||||
} |
||||
|
||||
.list-box { |
||||
flex: 1; |
||||
overflow: hidden; |
||||
} |
||||
|
||||
.list { |
||||
height: 100%; |
||||
} |
||||
|
||||
.list-item{ |
||||
width: 688rpx; |
||||
height: 208rpx; |
||||
background: #FFFFFF; |
||||
box-shadow: 0 2rpx 23rpx 0 rgba(191, 191, 191, 0.15); |
||||
.list-item { |
||||
border-radius: 18rpx; |
||||
margin: 0 auto; |
||||
margin-bottom: 24rpx; |
||||
padding: 30rpx; |
||||
padding: 34rpx 30rpx 0 30rpx; |
||||
box-sizing: border-box; |
||||
display: flex; |
||||
} |
||||
|
||||
.list-info{ |
||||
.item-img { |
||||
width: 166rpx; |
||||
height: 151rpx; |
||||
border-radius: 16rpx; |
||||
} |
||||
|
||||
.list-info { |
||||
flex: 1; |
||||
padding-left: 20rpx; |
||||
display: flex; |
||||
flex-direction: column; |
||||
justify-content: space-between; |
||||
} |
||||
|
||||
.list-title{ |
||||
max-width: 488rpx; |
||||
font-size: 33rpx; |
||||
.list-title { |
||||
width: 484rpx; |
||||
font-size: 32rpx; |
||||
font-weight: bold; |
||||
color: #262936; |
||||
line-height: 47rpx; |
||||
line-height: 42rpx; |
||||
} |
||||
|
||||
.list-tag{ |
||||
width: 89rpx; |
||||
height: 34rpx; |
||||
line-height: 34rpx; |
||||
border-radius: 4rpx; |
||||
.item-tag { |
||||
font-size: 22rpx; |
||||
font-weight: bold; |
||||
color: #FFFFFF; |
||||
margin-top: 10rpx; |
||||
display: inline-block; |
||||
color: #fff; |
||||
border-radius: 6rpx; |
||||
padding: 0 10rpx; |
||||
line-height: 42rpx; |
||||
} |
||||
|
||||
.list-timer { |
||||
font-size: 22rpx; |
||||
color: #c3c3c3; |
||||
} |
||||
|
||||
.tag-study{ |
||||
background-color: #146ae7; |
||||
} |
||||
|
||||
.tag-report{ |
||||
background-color: #f7a40f; |
||||
} |
||||
|
||||
.list-timer{ |
||||
margin-top: 10rpx; |
||||
font-size: 26rpx; |
||||
color: #838B99; |
||||
.tag-research{ |
||||
background-color: #10c769; |
||||
} |
||||
|
||||
.bottom{ |
||||
width: 688rpx; |
||||
height: 208rpx; |
||||
.tag-promotion{ |
||||
background-color: #fe573e; |
||||
} |
||||
@ -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