增加销冠的素材,调整左右侧边距
This commit is contained in:
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user