Browse Source

优化细节

LinWuTai 1 month ago
parent
commit
b57f97f53a
2 changed files with 22 additions and 10 deletions
  1. 19 9
      pages/collect/collect.vue
  2. 3 1
      pages/reportDetail/reportDetail.vue

+ 19 - 9
pages/collect/collect.vue

@@ -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;
 					}
 				}
 			}

+ 3 - 1
pages/reportDetail/reportDetail.vue

@@ -101,6 +101,8 @@
 	})
 	
 	const showMask = computed(() => {
+		// 是否登录
+		
 		// 是否已购买或者免费
 		if (report.value.status || report.value.free) {
 			return false
@@ -110,7 +112,7 @@
 			// 
 		}
 		
-		return true
+		return false
 	})
 	
 	onLoad((load) => {