增加销冠的素材,调整左右侧边距

This commit is contained in:
zhonghua1
2025-12-23 09:03:59 +08:00
parent 1d388806a5
commit 5a13f60517
3 changed files with 74 additions and 38 deletions

View File

@@ -22,32 +22,40 @@
</view>
<!-- 标签页 -->
<view class="tabs">
<view
class="tab-item"
:class="{ active: activeTab === 'survey' }"
@click="switchTab('survey')">
<text>摸底</text>
<scroll-view class="tabs-scroll" scroll-x="true" show-scrollbar="false">
<view class="tabs">
<view
class="tab-item"
:class="{ active: activeTab === 'survey' }"
@click="switchTab('survey')">
<text>摸底</text>
</view>
<view
class="tab-item"
:class="{ active: activeTab === 'practice' }"
@click="switchTab('practice')">
<text>陪练</text>
</view>
<view
class="tab-item"
:class="{ active: activeTab === 'battle' }"
@click="switchTab('battle')">
<text>实战</text>
</view>
<view
class="tab-item"
:class="{ active: activeTab === 'quality' }"
@click="switchTab('quality')">
<text>质检</text>
</view>
<view
class="tab-item"
:class="{ active: activeTab === 'material' }"
@click="switchTab('material')">
<text>素材</text>
</view>
</view>
<view
class="tab-item"
:class="{ active: activeTab === 'practice' }"
@click="switchTab('practice')">
<text>陪练</text>
</view>
<view
class="tab-item"
:class="{ active: activeTab === 'battle' }"
@click="switchTab('battle')">
<text>实战</text>
</view>
<view
class="tab-item"
:class="{ active: activeTab === 'quality' }"
@click="switchTab('quality')">
<text>质检</text>
</view>
</view>
</scroll-view>
<!-- 摸底内容 -->
<scroll-view
@@ -92,6 +100,17 @@
<text class="champion-desc">这里是质检相关的内容展示区域</text>
</view>
</scroll-view>
<!-- 素材内容 -->
<scroll-view
class="tab-content"
scroll-y
v-if="activeTab === 'material'">
<view class="champion-card">
<text class="champion-title">素材</text>
<text class="champion-desc">这里是素材相关的内容展示区域</text>
</view>
</scroll-view>
</view>
</view>
</template>
@@ -141,7 +160,7 @@
/* AI功能横幅 */
.ai-banner {
background-color: #E3F2FD;
padding: 24rpx 32rpx;
padding: 24rpx 16rpx;
display: flex;
justify-content: space-between;
align-items: center;
@@ -154,16 +173,22 @@
}
/* 标签页 */
.tabs {
display: flex;
.tabs-scroll {
width: 100%;
background-color: #FFFFFF;
border-bottom: 1px solid #E0E0E0;
padding: 0 32rpx;
white-space: nowrap;
}
.tabs {
display: inline-flex;
padding: 0 16rpx;
}
.tab-item {
padding: 24rpx 32rpx;
position: relative;
flex-shrink: 0;
}
.tab-item text {
@@ -191,10 +216,13 @@
.tab-content {
height: calc(100vh - 300rpx);
background-color: #F5F5F5;
padding: 24rpx 32rpx;
padding: 24rpx 16rpx;
box-sizing: border-box;
}
.champion-card {
width: 100%;
box-sizing: border-box;
background-color: #FFFFFF;
border-radius: 16rpx;
padding: 32rpx;

View File

@@ -53,9 +53,10 @@
display: flex;
justify-content: space-between;
align-items: center;
padding: 24rpx 32rpx;
padding: 24rpx 16rpx;
background-color: #FFFFFF;
border-bottom: 1px solid #F0F0F0;
box-sizing: border-box;
}
.total {
@@ -66,10 +67,13 @@
.customer-list {
height: calc(100vh - 300rpx);
background-color: #F5F5F5;
padding: 24rpx 32rpx;
padding: 24rpx 16rpx;
box-sizing: border-box;
}
.customer-card {
width: 100%;
box-sizing: border-box;
background-color: #FFFFFF;
border-radius: 16rpx;
padding: 32rpx;

View File

@@ -1163,7 +1163,7 @@ import { getApiUrl } from "@/common/config.js";
/* AI功能横幅 */
.ai-banner {
background-color: #E3F2FD;
padding: 24rpx 32rpx;
padding: 24rpx 16rpx;
display: flex;
justify-content: space-between;
align-items: center;
@@ -1187,7 +1187,7 @@ import { getApiUrl } from "@/common/config.js";
display: flex;
background-color: #FFFFFF;
border-bottom: 1px solid #E0E0E0;
padding: 0 32rpx;
padding: 0 16rpx;
}
.tab-item {
@@ -1220,7 +1220,8 @@ import { getApiUrl } from "@/common/config.js";
.service-status-list {
height: calc(100vh - 300rpx);
background-color: #F5F5F5;
padding: 24rpx 32rpx;
padding: 24rpx 16rpx;
box-sizing: border-box;
}
.service-status-toolbar {
@@ -1270,13 +1271,13 @@ import { getApiUrl } from "@/common/config.js";
}
.service-card {
width: 100%;
box-sizing: border-box;
background-color: #FFFFFF;
border-radius: 16rpx;
padding: 32rpx;
margin-bottom: 24rpx;
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.04);
box-sizing: border-box;
width: 100%;
overflow: visible;
/* 确保左右padding完全对称所有内容都在padding范围内 */
}
@@ -1519,10 +1520,13 @@ import { getApiUrl } from "@/common/config.js";
.reception-form {
height: calc(100vh - 300rpx);
background-color: #F5F5F5;
padding: 24rpx 32rpx;
padding: 24rpx 16rpx;
box-sizing: border-box;
}
.form-card {
width: 100%;
box-sizing: border-box;
background-color: #ffffff;
border-radius: 16rpx;
padding: 32rpx 24rpx;