zoujing/YGChatCS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 调整了组件的样式

Browse Source
This commit is contained in:
zoujing
2026-07-14 11:15:49 +08:00
parent 515e02f3af
commit 284becd6a8
7 changed files with 19 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/pages/Discovery/components/CardSwiper/styles/index.scss
View File

@@ -5,7 +5,7 @@
.swiper-stage {
position: relative;
width: 100%;
height: 270px;
height: 265px;
overflow: hidden;
}
@@ -33,7 +33,7 @@
overflow: hidden;
border-radius: 24px;
background: #ffffff;
box-shadow: 0 12px 20px rgba(15, 23, 42, 0.14);
box-shadow: 0 12px 16px rgba(15, 23, 42, 0.14);
}
.card-media {
@@ -93,7 +93,7 @@
}
.is-current .card-shell {
box-shadow: 0 12px 20px rgba(15, 23, 42, 0.18);
box-shadow: 0 12px 16px rgba(15, 23, 42, 0.18);
}
.is-single .swiper-stage {

9
src/pages/Discovery/components/DiscoveryAudioToolCard/styles/index.scss
View File

@@ -1,9 +1,9 @@
.discovery-audio-tool-card {
width: 100%;
height: 96px;
display: flex;
align-items: flex-start;
box-sizing: border-box;
padding: 0 12px;
}
.discovery-audio-tool-card.is-pressed {
@@ -28,7 +28,7 @@
height: 88px;
display: flex;
flex-direction: column;
padding: 18px 12px 14px;
padding: 12px;
border-radius: 28px;
background: #ffffff;
box-sizing: border-box;
@@ -94,7 +94,6 @@
.audio-progress-row {
display: flex;
align-items: center;
margin-top: 16px;
}
.audio-progress-track {
@@ -114,9 +113,9 @@
.audio-time {
flex: 0 0 90px;
max-width: 90px;
margin-left: 12px;
margin-left: 10px;
color: #94a0b2;
font-size: 15px;
font-size: 12px;
line-height: 20px;
font-weight: 600;
text-align: right;

1
src/pages/Discovery/components/DiscoveryGuideMapToolCard/styles/index.scss
View File

@@ -4,6 +4,7 @@
display: flex;
align-items: flex-start;
box-sizing: border-box;
padding: 0 12px;
}
.discovery-guide-map-tool-card.is-pressed {

7
src/pages/Discovery/components/DiscoveryPhotoToolCard/styles/index.scss
View File

@@ -4,6 +4,7 @@
display: flex;
align-items: flex-start;
box-sizing: border-box;
padding: 0 12px;
}
.discovery-photo-tool-card.is-pressed {
@@ -28,7 +29,7 @@
height: 142px;
display: flex;
flex-direction: column;
padding: 16px 12px 12px;
padding: 12px;
border-radius: 28px;
background: #ffffff;
box-sizing: border-box;
@@ -197,7 +198,7 @@
display: flex;
align-items: flex-start;
gap: 8px;
margin-top: 10px;
margin-top: 6px;
}
.photo-option {
@@ -250,7 +251,7 @@
.photo-option-label {
display: block;
max-width: 76px;
margin: 5px auto 0;
margin: 2px auto 0;
color: $theme-color-500;
font-size: 14px;
line-height: 18px;

1
src/pages/Discovery/components/ExploreCards/styles/index.scss
View File

@@ -2,7 +2,6 @@
width: 100%;
height: 356px;
overflow: hidden;
padding-bottom: 12px;
}
.explore-scroll {

2
src/pages/Discovery/components/QuickQuestions/styles/index.scss
View File

@@ -1,5 +1,5 @@
.container-scroll {
margin: 4px 0 6px;
}
.card-item {

9
src/pages/Discovery/index.vue
View File

@@ -12,9 +12,9 @@
<QuickQuestions v-if="discoveryQuickQuestions.length > 0" :list="discoveryQuickQuestions"
@didSelectItem="handleQuickQuestionClick" />
<!-- <DiscoveryPhotoToolCard @didSelectItem="handleToolCardClick" @didSelectOption="handleToolOptionClick" />
<DiscoveryAudioToolCard @didSelectItem="handleToolCardClick" />
<DiscoveryGuideMapToolCard @didSelectItem="handleToolCardClick" /> -->
<DiscoveryPhotoToolCard @didSelectItem="handleToolCardClick" @didSelectOption="handleToolOptionClick" />
<DiscoveryAudioToolCard @didSelectItem="handleToolCardClick" />
<DiscoveryGuideMapToolCard @didSelectItem="handleToolCardClick" />
</view>
</scroll-view>
</view>
@@ -260,5 +260,8 @@ onMounted(() => {
.discovery-body {
width: 100%;
gap: 12px;
display: flex;
flex-direction: column;
}
</style>