首页优化 v1

This commit is contained in:
jacobxu666
2026-07-16 23:27:06 +08:00
parent 073dfa5c00
commit ce651bbf5a
2 changed files with 46 additions and 7 deletions
+11
View File
@@ -6,8 +6,19 @@
{ {
"path": "pages/index/index", "path": "pages/index/index",
"style": { "style": {
<<<<<<< Updated upstream
"navigationBarTitleText": "首页", "navigationBarTitleText": "首页",
"navigationStyle": "custom" "navigationStyle": "custom"
=======
"navigationBarTitleText": "",
"navigationStyle": "custom"
}
},
{
"path": "pages/index/login",
"style": {
"navigationBarTitleText": "登录"
>>>>>>> Stashed changes
} }
}, },
{ {
+35 -7
View File
@@ -9,6 +9,7 @@
<view class="king-area"> <view class="king-area">
<view class="king-item" v-for="(item, index) in kingList" :key="index" @click="goPage(item.url)"> <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> <image class="king-icon" :src="item.icon" mode="widthFix"></image>
<text class="king-text">{{ item.text }}</text>
</view> </view>
</view> </view>
@@ -37,10 +38,17 @@
data() { data() {
return { return {
kingList: [ kingList: [
<<<<<<< Updated upstream
{ icon: 'https://aliyunoss.hn12301.net/hhrs/hhrs_wlcg.png', url: '/pages/venue/venue' }, { 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_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_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_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: [ guideList: [
{ {
@@ -69,9 +77,18 @@
<style> <style>
.page { .page {
<<<<<<< Updated upstream
min-height: 100vh; min-height: 100vh;
background-color: #f5f5f5; background-color: #f5f5f5;
padding-bottom: 120rpx; 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 { .banner-img {
@@ -93,6 +110,7 @@
.king-item { .king-item {
width: 25%; width: 25%;
display: flex; display: flex;
flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
@@ -100,44 +118,54 @@
.king-icon { .king-icon {
width: 100rpx; width: 100rpx;
height: 132rpx; height: 132rpx;
margin-bottom: 12rpx;
}
.king-text {
font-size: 24rpx;
color: #333333;
text-align: center;
} }
/* 活动指南 */ /* 活动指南 */
.guide-section { .guide-section {
background-color: #ffffff; background-color: #ffffff;
margin-top: 10rpx; margin-top: 10rpx;
padding: 24rpx 20rpx 30rpx; padding: 24rpx 20rpx;
flex: 1;
} }
.section-title { .section-title {
display: flex; display: flex;
align-items: center; align-items: center;
margin-bottom: 20rpx; justify-content: flex-start;
padding: 24rpx 0;
} }
.title-line { .title-line {
width: 6rpx; width: 6rpx;
height: 32rpx; height: 32rpx;
background-color: #1890ff; background-color: #0088FF;
border-radius: 3rpx; border-radius: 3rpx;
margin-right: 12rpx; margin-right: 12rpx;
} }
.title-text { .title-text {
font-size: 30rpx; font-size: 28rpx;
font-weight: bold; font-weight: 400;
color: #333333; color: #333333;
} }
.guide-list { .guide-list {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 20rpx; gap: 24rpx;
padding: 0;
} }
.guide-card { .guide-card {
position: relative; position: relative;
width: 702rpx; width: 100%;
height: 252rpx; height: 252rpx;
border-radius: 16rpx; border-radius: 16rpx;
overflow: hidden; overflow: hidden;