|
|
@@ -10,19 +10,19 @@
|
|
|
<div class="function-buttons">
|
|
|
<button class="function-btn" @click="toInvitePeople">
|
|
|
<img src="@/assets/1.png" alt="邀请人民" class="btn-icon" />
|
|
|
- <span>邀请人民</span>
|
|
|
+ <span style="font-weight: bold;">邀请人民</span>
|
|
|
</button>
|
|
|
<button class="function-btn" @click="toKefu">
|
|
|
<img src="@/assets/2.png" alt="客服中心" class="btn-icon" />
|
|
|
- <span>客服中心</span>
|
|
|
+ <span style="font-weight: bold;">客服中心</span>
|
|
|
</button>
|
|
|
<button class="function-btn" @click="toOfficialGroup">
|
|
|
<img src="@/assets/3.png" alt="人民群聊" class="btn-icon" />
|
|
|
- <span>人民群聊</span>
|
|
|
+ <span style="font-weight: bold;">人民群聊</span>
|
|
|
</button>
|
|
|
<button class="function-btn" @click="toAppDownload">
|
|
|
<img src="@/assets/4.png" alt="APP下载" class="btn-icon" />
|
|
|
- <span>APP下载</span>
|
|
|
+ <span style="font-weight: bold;">APP下载</span>
|
|
|
</button>
|
|
|
</div>
|
|
|
|
|
|
@@ -215,14 +215,13 @@ export default {
|
|
|
background: #b43a39;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
- padding: 40px 18px 80px;
|
|
|
+ padding: 18px 18px 80px;
|
|
|
box-sizing: border-box;
|
|
|
position: relative;
|
|
|
}
|
|
|
|
|
|
/* 顶部标题样式 */
|
|
|
.header-title {
|
|
|
- text-align: center;
|
|
|
margin-bottom: 20px;
|
|
|
|
|
|
.main-title {
|
|
|
@@ -234,7 +233,8 @@ export default {
|
|
|
|
|
|
.sub-title {
|
|
|
color: #fff;
|
|
|
- font-size: 16px;
|
|
|
+ font-size: 18px;
|
|
|
+ font-weight: bold;
|
|
|
opacity: 0.9;
|
|
|
}
|
|
|
}
|
|
|
@@ -246,7 +246,7 @@ export default {
|
|
|
gap: 12px;
|
|
|
background: #fff;
|
|
|
border-radius: 12px;
|
|
|
- padding: 20px 15px;
|
|
|
+ padding: 0px 15px;
|
|
|
margin-bottom: 16px;
|
|
|
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
|
|
|
|
|
|
@@ -296,28 +296,27 @@ export default {
|
|
|
background: #fff;
|
|
|
border-radius: 25px;
|
|
|
padding: 12px 20px;
|
|
|
- color:red;
|
|
|
margin-bottom: 16px;
|
|
|
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
|
|
|
-
|
|
|
.reward-content {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: space-between;
|
|
|
- font-size: 14px;
|
|
|
-
|
|
|
+ font-size: 12px;
|
|
|
+ font-weight: bold;
|
|
|
+ white-space: nowrap;
|
|
|
.reward-label {
|
|
|
- color: red;
|
|
|
+ color: #b53b38;
|
|
|
font-weight: 500;
|
|
|
}
|
|
|
|
|
|
.reward-item {
|
|
|
- color: red;
|
|
|
- margin: 0 8px;
|
|
|
+ color: #b53b38;
|
|
|
+ margin: 0 12px;
|
|
|
}
|
|
|
|
|
|
.reward-more {
|
|
|
- color: #666;
|
|
|
+ color: #b53b38;
|
|
|
cursor: pointer;
|
|
|
|
|
|
&:hover {
|
