|
@@ -27,7 +27,7 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="list-box">
|
|
|
- <view class="list-item-box" v-for="item in list" :key="item.id">
|
|
|
+ <view class="list-item-box" v-for="item in list" :key="item.id" @click="onClickReport(item)">
|
|
|
<view class="icon-box">
|
|
|
<view class="icon" v-if="item.isNew"></view>
|
|
|
</view>
|
|
@@ -92,30 +92,36 @@
|
|
|
id: '03',
|
|
|
title: '2024年11月关注是中介促成二手住宅市场交易简报',
|
|
|
type: '月度成交简报',
|
|
|
- isNew: true
|
|
|
+ isNew: false
|
|
|
},
|
|
|
{
|
|
|
id: '04',
|
|
|
title: '客户需求理解与匹配',
|
|
|
type: '精英修炼营',
|
|
|
- isNew: true
|
|
|
+ isNew: false
|
|
|
},
|
|
|
{
|
|
|
id: '05',
|
|
|
title: '2024年11月关注是中介促成二手住宅市场交易简报',
|
|
|
type: '月度成交简报',
|
|
|
- isNew: true
|
|
|
+ isNew: false
|
|
|
},
|
|
|
{
|
|
|
id: '06',
|
|
|
title: '客户需求理解与匹配',
|
|
|
type: '精英修炼营',
|
|
|
- isNew: true
|
|
|
+ isNew: false
|
|
|
},
|
|
|
])
|
|
|
|
|
|
function onSearchTypeChange(val) {}
|
|
|
|
|
|
+ function onClickReport(report) {
|
|
|
+ uni.navigateTo({
|
|
|
+ url: `/pages/reportDetail/reportDetail?id=${report.id}&title=${report.title}`
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
onLoad(() => {
|
|
|
console.log('onLoad')
|
|
|
})
|
|
@@ -155,9 +161,12 @@
|
|
|
|
|
|
.list-box {
|
|
|
.list-item-box {
|
|
|
- padding: 10rpx;
|
|
|
+ padding: 20rpx 10rpx;
|
|
|
border-bottom: 5rpx solid #E6E6E6;
|
|
|
display: flex;
|
|
|
+ &:active {
|
|
|
+ background-color: $uni-bg-color-hover;
|
|
|
+ }
|
|
|
.icon-box {
|
|
|
width: 3%;
|
|
|
padding-top: 10rpx;
|
|
@@ -171,7 +180,7 @@
|
|
|
.info-box {
|
|
|
width: 82%;
|
|
|
.title {
|
|
|
- font-size: $uni-title-font-size-3;
|
|
|
+ font-size: $uni-title-font-size-2;
|
|
|
font-weight: bold;
|
|
|
margin-bottom: 5rpx;
|
|
|
@include text-overflow()
|
|
@@ -190,10 +199,11 @@
|
|
|
|
|
|
.button {
|
|
|
color: $uni-text-color-inverse;
|
|
|
- padding: 3rpx 18rpx;
|
|
|
+ padding: 5rpx 18rpx;
|
|
|
border-radius: $uni-card-border-radius;
|
|
|
background-color: $uni-color-primary;
|
|
|
- font-size: $uni-font-size-4;
|
|
|
+ font-size: $uni-font-size-3;
|
|
|
+ letter-spacing: 3rpx;
|
|
|
}
|
|
|
}
|
|
|
}
|