首页优化 v1

pages/index/index.vue

@@ -9,6 +9,7 @@
 		<view class="king-area">
 			<view class="king-item" v-for="(item, index) in kingList" :key="index" @click="goPage(item.url)">
 				<image class="king-icon" :src="item.icon" mode="widthFix"></image>
+				<text class="king-text">{{ item.text }}</text>
 			</view>
 		</view>
 
@@ -37,10 +38,17 @@
 		data() {
 			return {
 				kingList: [
+<<<<<<< Updated upstream
 					{ icon: 'https://aliyunoss.hn12301.net/hhrs/hhrs_wlcg.png', url: '/pages/venue/venue' },
 					{ icon: 'https://aliyunoss.hn12301.net/hhrs/hhrs_shzk.png', url: '/pages/discount/discount' },
 					{ icon: 'https://aliyunoss.hn12301.net/hhrs/hhrs_qyb.png', url: '/pages/rights/rights' },
 					{ icon: 'https://aliyunoss.hn12301.net/hhrs/hhrs_zjmd.png', url: '/pages/winners/winners' }
+=======
+					{ icon: 'https://aliyunoss.hn12301.net/hhrs/hhrs_wlcg.png', text: '文旅场馆', url: '/pages/venue/venue' },
+					{ icon: 'https://aliyunoss.hn12301.net/hhrs/hhrs_shzk.png', text: '商户折扣', url: '/pages/discount/discount' },
+					{ icon: 'https://aliyunoss.hn12301.net/hhrs/hhrs_qyb.png', text: '权益包', url: '/pages/rights/rights', isRights: true },
+					{ icon: 'https://aliyunoss.hn12301.net/hhrs/hhrs_zjmd.png', text: '中奖名单', url: '/pages/winners/winners' }
+>>>>>>> Stashed changes
 				],
 				guideList: [
 					{
@@ -69,9 +77,18 @@
 
 <style>
 	.page {
+<<<<<<< Updated upstream
 		min-height: 100vh;
 		background-color: #f5f5f5;
 		padding-bottom: 120rpx;
+=======
+		height: 100vh;
+		background-color: #F2F2F7;
+		font-family: 'Source Han Sans CN', 'Source Han Sans SC', 'Noto Sans CJK SC', 'PingFang SC', 'Helvetica Neue', Arial, sans-serif;
+		display: flex;
+		flex-direction: column;
+		overflow-y: auto;
+>>>>>>> Stashed changes
 	}
 
 	.banner-img {
@@ -93,6 +110,7 @@
 	.king-item {
 		width: 25%;
 		display: flex;
+		flex-direction: column;
 		justify-content: center;
 		align-items: center;
 	}
@@ -100,44 +118,54 @@
 	.king-icon {
 		width: 100rpx;
 		height: 132rpx;
+		margin-bottom: 12rpx;
+	}
+
+	.king-text {
+		font-size: 24rpx;
+		color: #333333;
+		text-align: center;
 	}
 
 	/* 活动指南 */
 	.guide-section {
 		background-color: #ffffff;
 		margin-top: 10rpx;
-		padding: 24rpx 20rpx 30rpx;
+		padding: 24rpx 20rpx;
+		flex: 1;
 	}
 
 	.section-title {
 		display: flex;
 		align-items: center;
-		margin-bottom: 20rpx;
+		justify-content: flex-start;
+		padding: 24rpx 0;
 	}
 
 	.title-line {
 		width: 6rpx;
 		height: 32rpx;
-		background-color: #1890ff;
+		background-color: #0088FF;
 		border-radius: 3rpx;
 		margin-right: 12rpx;
 	}
 
 	.title-text {
-		font-size: 30rpx;
-		font-weight: bold;
+		font-size: 28rpx;
+		font-weight: 400;
 		color: #333333;
 	}
 
 	.guide-list {
 		display: flex;
 		flex-direction: column;
-		gap: 20rpx;
+		gap: 24rpx;
+		padding: 0;
 	}
 
 	.guide-card {
 		position: relative;
-		width: 702rpx;
+		width: 100%;
 		height: 252rpx;
 		border-radius: 16rpx;
 		overflow: hidden;