Skip to content

Commit 5e2558a

Browse files
hoorayhooray
committed
style: FaPageMain 组件样式调整
1 parent 81beda6 commit 5e2558a

9 files changed

Lines changed: 60 additions & 59 deletions

File tree

  • apps
    • core-ant-design-vue/src/layouts/components/AppSetting
    • core-antdv-next/src/layouts/components/AppSetting
    • core-arco-design-vue/src/layouts/components/AppSetting
    • core-naive-ui/src/layouts/components/AppSetting
    • core-tdesign/src/layouts/components/AppSetting
    • core-vexip-ui/src/layouts/components/AppSetting
    • core/src/layouts/components/AppSetting
    • example/src/layouts/components/AppSetting
  • packages/components/src/page-main

‎apps/core-ant-design-vue/src/layouts/components/AppSetting/index.vue‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -53,7 +53,7 @@ function handleCopy() {
5353
'columns-2': appSettingsStore.mode === 'pc',
5454
}"
5555
>
56-
<FaPageMain title="主题" class="m-0 mb-4 break-inside-avoid light:border-none" title-class="pb-0 border-none font-bold" main-class="space-y-4">
56+
<FaPageMain title="主题" class="m-0 mb-4 break-inside-avoid light:border-none" title-class="font-bold" main-class="space-y-4">
5757
<div class="setting-item">
5858
<div class="label">
5959
颜色方案
@@ -83,7 +83,7 @@ function handleCopy() {
8383
<FaSwitch v-model="appSettingsStore.settings.theme.colorAmblyopia" />
8484
</div>
8585
</FaPageMain>
86-
<FaPageMain v-if="appSettingsStore.mode === 'pc'" title="导航菜单" class="m-0 mb-4 break-inside-avoid light:border-none" title-class="pb-0 border-none font-bold" main-class="space-y-4">
86+
<FaPageMain v-if="appSettingsStore.mode === 'pc'" title="导航菜单" class="m-0 mb-4 break-inside-avoid light:border-none" title-class="font-bold" main-class="space-y-4">
8787
<div class="menu-mode">
8888
<FaTooltip text="侧边栏模式 (有主导航菜单)" :delay="500">
8989
<FaButton variant="outline" class="mode mode-side" :class="{ active: appSettingsStore.settings.menu.mode === 'side' }" @click="appSettingsStore.settings.menu.mode = 'side'">
@@ -145,7 +145,7 @@ function handleCopy() {
145145
<FaSwitch v-model="appSettingsStore.settings.menu.hotkeys" :disabled="appSettingsStore.settings.menu.mode === 'single'" />
146146
</div>
147147
</FaPageMain>
148-
<FaPageMain title="顶栏" class="m-0 mb-4 break-inside-avoid light:border-none" title-class="pb-0 border-none font-bold" main-class="space-y-4">
148+
<FaPageMain title="顶栏" class="m-0 mb-4 break-inside-avoid light:border-none" title-class="font-bold" main-class="space-y-4">
149149
<div class="setting-item">
150150
<div class="label">
151151
标签栏
@@ -175,7 +175,7 @@ function handleCopy() {
175175
</FaButtonGroup>
176176
</div>
177177
</FaPageMain>
178-
<FaPageMain title="标签栏" class="m-0 mb-4 break-inside-avoid light:border-none" title-class="pb-0 border-none font-bold" main-class="space-y-4">
178+
<FaPageMain title="标签栏" class="m-0 mb-4 break-inside-avoid light:border-none" title-class="font-bold" main-class="space-y-4">
179179
<div class="setting-item">
180180
<div class="label">
181181
显示图标
@@ -189,7 +189,7 @@ function handleCopy() {
189189
<FaSwitch v-model="appSettingsStore.settings.tabbar.hotkeys" />
190190
</div>
191191
</FaPageMain>
192-
<FaPageMain title="工具栏" class="m-0 mb-4 break-inside-avoid light:border-none" title-class="pb-0 border-none font-bold" main-class="space-y-4">
192+
<FaPageMain title="工具栏" class="m-0 mb-4 break-inside-avoid light:border-none" title-class="font-bold" main-class="space-y-4">
193193
<div v-if="appSettingsStore.mode === 'pc'" class="setting-item">
194194
<div class="label">
195195
<FaIcon name="i-ic:twotone-double-arrow" />
@@ -237,7 +237,7 @@ function handleCopy() {
237237
<FaSwitch v-model="appSettingsStore.settings.toolbar.colorScheme" />
238238
</div>
239239
</FaPageMain>
240-
<FaPageMain title="页面" class="m-0 mb-4 break-inside-avoid light:border-none" title-class="pb-0 border-none font-bold" main-class="space-y-4">
240+
<FaPageMain title="页面" class="m-0 mb-4 break-inside-avoid light:border-none" title-class="font-bold" main-class="space-y-4">
241241
<div class="setting-item">
242242
<div class="label">
243243
载入进度条
@@ -248,7 +248,7 @@ function handleCopy() {
248248
<FaSwitch v-model="appSettingsStore.settings.page.progress" />
249249
</div>
250250
</FaPageMain>
251-
<FaPageMain title="应用" class="m-0 mb-4 break-inside-avoid light:border-none" title-class="pb-0 border-none font-bold" main-class="space-y-4">
251+
<FaPageMain title="应用" class="m-0 mb-4 break-inside-avoid light:border-none" title-class="font-bold" main-class="space-y-4">
252252
<div class="p-4 pb-4 pt-14 border rounded-lg relative space-y-4">
253253
<div class="font-bold px-4 py-2 border-b border-e rounded-rb-lg inset-s-0 inset-t-0 absolute">
254254
账号

‎apps/core-antdv-next/src/layouts/components/AppSetting/index.vue‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -53,7 +53,7 @@ function handleCopy() {
5353
'columns-2': appSettingsStore.mode === 'pc',
5454
}"
5555
>
56-
<FaPageMain title="主题" class="m-0 mb-4 break-inside-avoid light:border-none" title-class="pb-0 border-none font-bold" main-class="space-y-4">
56+
<FaPageMain title="主题" class="m-0 mb-4 break-inside-avoid light:border-none" title-class="font-bold" main-class="space-y-4">
5757
<div class="setting-item">
5858
<div class="label">
5959
颜色方案
@@ -83,7 +83,7 @@ function handleCopy() {
8383
<FaSwitch v-model="appSettingsStore.settings.theme.colorAmblyopia" />
8484
</div>
8585
</FaPageMain>
86-
<FaPageMain v-if="appSettingsStore.mode === 'pc'" title="导航菜单" class="m-0 mb-4 break-inside-avoid light:border-none" title-class="pb-0 border-none font-bold" main-class="space-y-4">
86+
<FaPageMain v-if="appSettingsStore.mode === 'pc'" title="导航菜单" class="m-0 mb-4 break-inside-avoid light:border-none" title-class="font-bold" main-class="space-y-4">
8787
<div class="menu-mode">
8888
<FaTooltip text="侧边栏模式 (有主导航菜单)" :delay="500">
8989
<FaButton variant="outline" class="mode mode-side" :class="{ active: appSettingsStore.settings.menu.mode === 'side' }" @click="appSettingsStore.settings.menu.mode = 'side'">
@@ -145,7 +145,7 @@ function handleCopy() {
145145
<FaSwitch v-model="appSettingsStore.settings.menu.hotkeys" :disabled="appSettingsStore.settings.menu.mode === 'single'" />
146146
</div>
147147
</FaPageMain>
148-
<FaPageMain title="顶栏" class="m-0 mb-4 break-inside-avoid light:border-none" title-class="pb-0 border-none font-bold" main-class="space-y-4">
148+
<FaPageMain title="顶栏" class="m-0 mb-4 break-inside-avoid light:border-none" title-class="font-bold" main-class="space-y-4">
149149
<div class="setting-item">
150150
<div class="label">
151151
标签栏
@@ -175,7 +175,7 @@ function handleCopy() {
175175
</FaButtonGroup>
176176
</div>
177177
</FaPageMain>
178-
<FaPageMain title="标签栏" class="m-0 mb-4 break-inside-avoid light:border-none" title-class="pb-0 border-none font-bold" main-class="space-y-4">
178+
<FaPageMain title="标签栏" class="m-0 mb-4 break-inside-avoid light:border-none" title-class="font-bold" main-class="space-y-4">
179179
<div class="setting-item">
180180
<div class="label">
181181
显示图标
@@ -189,7 +189,7 @@ function handleCopy() {
189189
<FaSwitch v-model="appSettingsStore.settings.tabbar.hotkeys" />
190190
</div>
191191
</FaPageMain>
192-
<FaPageMain title="工具栏" class="m-0 mb-4 break-inside-avoid light:border-none" title-class="pb-0 border-none font-bold" main-class="space-y-4">
192+
<FaPageMain title="工具栏" class="m-0 mb-4 break-inside-avoid light:border-none" title-class="font-bold" main-class="space-y-4">
193193
<div v-if="appSettingsStore.mode === 'pc'" class="setting-item">
194194
<div class="label">
195195
<FaIcon name="i-ic:twotone-double-arrow" />
@@ -237,7 +237,7 @@ function handleCopy() {
237237
<FaSwitch v-model="appSettingsStore.settings.toolbar.colorScheme" />
238238
</div>
239239
</FaPageMain>
240-
<FaPageMain title="页面" class="m-0 mb-4 break-inside-avoid light:border-none" title-class="pb-0 border-none font-bold" main-class="space-y-4">
240+
<FaPageMain title="页面" class="m-0 mb-4 break-inside-avoid light:border-none" title-class="font-bold" main-class="space-y-4">
241241
<div class="setting-item">
242242
<div class="label">
243243
载入进度条
@@ -248,7 +248,7 @@ function handleCopy() {
248248
<FaSwitch v-model="appSettingsStore.settings.page.progress" />
249249
</div>
250250
</FaPageMain>
251-
<FaPageMain title="应用" class="m-0 mb-4 break-inside-avoid light:border-none" title-class="pb-0 border-none font-bold" main-class="space-y-4">
251+
<FaPageMain title="应用" class="m-0 mb-4 break-inside-avoid light:border-none" title-class="font-bold" main-class="space-y-4">
252252
<div class="p-4 pb-4 pt-14 border rounded-lg relative space-y-4">
253253
<div class="font-bold px-4 py-2 border-b border-e rounded-rb-lg inset-s-0 inset-t-0 absolute">
254254
账号

‎apps/core-arco-design-vue/src/layouts/components/AppSetting/index.vue‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -53,7 +53,7 @@ function handleCopy() {
5353
'columns-2': appSettingsStore.mode === 'pc',
5454
}"
5555
>
56-
<FaPageMain title="主题" class="m-0 mb-4 break-inside-avoid light:border-none" title-class="pb-0 border-none font-bold" main-class="space-y-4">
56+
<FaPageMain title="主题" class="m-0 mb-4 break-inside-avoid light:border-none" title-class="font-bold" main-class="space-y-4">
5757
<div class="setting-item">
5858
<div class="label">
5959
颜色方案
@@ -83,7 +83,7 @@ function handleCopy() {
8383
<FaSwitch v-model="appSettingsStore.settings.theme.colorAmblyopia" />
8484
</div>
8585
</FaPageMain>
86-
<FaPageMain v-if="appSettingsStore.mode === 'pc'" title="导航菜单" class="m-0 mb-4 break-inside-avoid light:border-none" title-class="pb-0 border-none font-bold" main-class="space-y-4">
86+
<FaPageMain v-if="appSettingsStore.mode === 'pc'" title="导航菜单" class="m-0 mb-4 break-inside-avoid light:border-none" title-class="font-bold" main-class="space-y-4">
8787
<div class="menu-mode">
8888
<FaTooltip text="侧边栏模式 (有主导航菜单)" :delay="500">
8989
<FaButton variant="outline" class="mode mode-side" :class="{ active: appSettingsStore.settings.menu.mode === 'side' }" @click="appSettingsStore.settings.menu.mode = 'side'">
@@ -145,7 +145,7 @@ function handleCopy() {
145145
<FaSwitch v-model="appSettingsStore.settings.menu.hotkeys" :disabled="appSettingsStore.settings.menu.mode === 'single'" />
146146
</div>
147147
</FaPageMain>
148-
<FaPageMain title="顶栏" class="m-0 mb-4 break-inside-avoid light:border-none" title-class="pb-0 border-none font-bold" main-class="space-y-4">
148+
<FaPageMain title="顶栏" class="m-0 mb-4 break-inside-avoid light:border-none" title-class="font-bold" main-class="space-y-4">
149149
<div class="setting-item">
150150
<div class="label">
151151
标签栏
@@ -175,7 +175,7 @@ function handleCopy() {
175175
</FaButtonGroup>
176176
</div>
177177
</FaPageMain>
178-
<FaPageMain title="标签栏" class="m-0 mb-4 break-inside-avoid light:border-none" title-class="pb-0 border-none font-bold" main-class="space-y-4">
178+
<FaPageMain title="标签栏" class="m-0 mb-4 break-inside-avoid light:border-none" title-class="font-bold" main-class="space-y-4">
179179
<div class="setting-item">
180180
<div class="label">
181181
显示图标
@@ -189,7 +189,7 @@ function handleCopy() {
189189
<FaSwitch v-model="appSettingsStore.settings.tabbar.hotkeys" />
190190
</div>
191191
</FaPageMain>
192-
<FaPageMain title="工具栏" class="m-0 mb-4 break-inside-avoid light:border-none" title-class="pb-0 border-none font-bold" main-class="space-y-4">
192+
<FaPageMain title="工具栏" class="m-0 mb-4 break-inside-avoid light:border-none" title-class="font-bold" main-class="space-y-4">
193193
<div v-if="appSettingsStore.mode === 'pc'" class="setting-item">
194194
<div class="label">
195195
<FaIcon name="i-ic:twotone-double-arrow" />
@@ -237,7 +237,7 @@ function handleCopy() {
237237
<FaSwitch v-model="appSettingsStore.settings.toolbar.colorScheme" />
238238
</div>
239239
</FaPageMain>
240-
<FaPageMain title="页面" class="m-0 mb-4 break-inside-avoid light:border-none" title-class="pb-0 border-none font-bold" main-class="space-y-4">
240+
<FaPageMain title="页面" class="m-0 mb-4 break-inside-avoid light:border-none" title-class="font-bold" main-class="space-y-4">
241241
<div class="setting-item">
242242
<div class="label">
243243
载入进度条
@@ -248,7 +248,7 @@ function handleCopy() {
248248
<FaSwitch v-model="appSettingsStore.settings.page.progress" />
249249
</div>
250250
</FaPageMain>
251-
<FaPageMain title="应用" class="m-0 mb-4 break-inside-avoid light:border-none" title-class="pb-0 border-none font-bold" main-class="space-y-4">
251+
<FaPageMain title="应用" class="m-0 mb-4 break-inside-avoid light:border-none" title-class="font-bold" main-class="space-y-4">
252252
<div class="p-4 pb-4 pt-14 border rounded-lg relative space-y-4">
253253
<div class="font-bold px-4 py-2 border-b border-e rounded-rb-lg inset-s-0 inset-t-0 absolute">
254254
账号

‎apps/core-naive-ui/src/layouts/components/AppSetting/index.vue‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -53,7 +53,7 @@ function handleCopy() {
5353
'columns-2': appSettingsStore.mode === 'pc',
5454
}"
5555
>
56-
<FaPageMain title="主题" class="m-0 mb-4 break-inside-avoid light:border-none" title-class="pb-0 border-none font-bold" main-class="space-y-4">
56+
<FaPageMain title="主题" class="m-0 mb-4 break-inside-avoid light:border-none" title-class="font-bold" main-class="space-y-4">
5757
<div class="setting-item">
5858
<div class="label">
5959
颜色方案
@@ -83,7 +83,7 @@ function handleCopy() {
8383
<FaSwitch v-model="appSettingsStore.settings.theme.colorAmblyopia" />
8484
</div>
8585
</FaPageMain>
86-
<FaPageMain v-if="appSettingsStore.mode === 'pc'" title="导航菜单" class="m-0 mb-4 break-inside-avoid light:border-none" title-class="pb-0 border-none font-bold" main-class="space-y-4">
86+
<FaPageMain v-if="appSettingsStore.mode === 'pc'" title="导航菜单" class="m-0 mb-4 break-inside-avoid light:border-none" title-class="font-bold" main-class="space-y-4">
8787
<div class="menu-mode">
8888
<FaTooltip text="侧边栏模式 (有主导航菜单)" :delay="500">
8989
<FaButton variant="outline" class="mode mode-side" :class="{ active: appSettingsStore.settings.menu.mode === 'side' }" @click="appSettingsStore.settings.menu.mode = 'side'">
@@ -145,7 +145,7 @@ function handleCopy() {
145145
<FaSwitch v-model="appSettingsStore.settings.menu.hotkeys" :disabled="appSettingsStore.settings.menu.mode === 'single'" />
146146
</div>
147147
</FaPageMain>
148-
<FaPageMain title="顶栏" class="m-0 mb-4 break-inside-avoid light:border-none" title-class="pb-0 border-none font-bold" main-class="space-y-4">
148+
<FaPageMain title="顶栏" class="m-0 mb-4 break-inside-avoid light:border-none" title-class="font-bold" main-class="space-y-4">
149149
<div class="setting-item">
150150
<div class="label">
151151
标签栏
@@ -175,7 +175,7 @@ function handleCopy() {
175175
</FaButtonGroup>
176176
</div>
177177
</FaPageMain>
178-
<FaPageMain title="标签栏" class="m-0 mb-4 break-inside-avoid light:border-none" title-class="pb-0 border-none font-bold" main-class="space-y-4">
178+
<FaPageMain title="标签栏" class="m-0 mb-4 break-inside-avoid light:border-none" title-class="font-bold" main-class="space-y-4">
179179
<div class="setting-item">
180180
<div class="label">
181181
显示图标
@@ -189,7 +189,7 @@ function handleCopy() {
189189
<FaSwitch v-model="appSettingsStore.settings.tabbar.hotkeys" />
190190
</div>
191191
</FaPageMain>
192-
<FaPageMain title="工具栏" class="m-0 mb-4 break-inside-avoid light:border-none" title-class="pb-0 border-none font-bold" main-class="space-y-4">
192+
<FaPageMain title="工具栏" class="m-0 mb-4 break-inside-avoid light:border-none" title-class="font-bold" main-class="space-y-4">
193193
<div v-if="appSettingsStore.mode === 'pc'" class="setting-item">
194194
<div class="label">
195195
<FaIcon name="i-ic:twotone-double-arrow" />
@@ -237,7 +237,7 @@ function handleCopy() {
237237
<FaSwitch v-model="appSettingsStore.settings.toolbar.colorScheme" />
238238
</div>
239239
</FaPageMain>
240-
<FaPageMain title="页面" class="m-0 mb-4 break-inside-avoid light:border-none" title-class="pb-0 border-none font-bold" main-class="space-y-4">
240+
<FaPageMain title="页面" class="m-0 mb-4 break-inside-avoid light:border-none" title-class="font-bold" main-class="space-y-4">
241241
<div class="setting-item">
242242
<div class="label">
243243
载入进度条
@@ -248,7 +248,7 @@ function handleCopy() {
248248
<FaSwitch v-model="appSettingsStore.settings.page.progress" />
249249
</div>
250250
</FaPageMain>
251-
<FaPageMain title="应用" class="m-0 mb-4 break-inside-avoid light:border-none" title-class="pb-0 border-none font-bold" main-class="space-y-4">
251+
<FaPageMain title="应用" class="m-0 mb-4 break-inside-avoid light:border-none" title-class="font-bold" main-class="space-y-4">
252252
<div class="p-4 pb-4 pt-14 border rounded-lg relative space-y-4">
253253
<div class="font-bold px-4 py-2 border-b border-e rounded-rb-lg inset-s-0 inset-t-0 absolute">
254254
账号

0 commit comments

Comments
 (0)