admin/jdcProject_front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 调整全局背景色 & 添加 unocss 类名前缀

Browse Source
This commit is contained in:
pany 2022-10-20 12:53:45 +08:00
parent 8c403e0af1
commit 2f54ce1891
3 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/styles/variables.css
View File

@ -2,7 +2,7 @@
:root { :root {
/** 全局背景色 */ /** 全局背景色 */
--v3-body-bg-color: #f0f2f5; --v3-body-bg-color: #f2f3f5;
/** Header 区域 = NavigationBar 组件 + TagsView 组件 */ /** Header 区域 = NavigationBar 组件 + TagsView 组件 */
--v3-header-height: calc(var(--v3-navigationbar-height) + var(--v3-tagsview-height)); --v3-header-height: calc(var(--v3-navigationbar-height) + var(--v3-tagsview-height));
/** NavigationBar 组件 */ /** NavigationBar 组件 */

2
src/views/unocss/index.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div h-full app-container> <div h-full uno-padding-20>
<div h-full text-center flex select-none all:transition-400> <div h-full text-center flex select-none all:transition-400>
<div ma> <div ma>
<div text-5xl fw100 animate-bounce-alt animate-count-infinite animate-1s>UnoCSS</div> <div text-5xl fw100 animate-bounce-alt animate-count-infinite animate-1s>UnoCSS</div>

10
unocss.config.ts
View File

@ -11,12 +11,12 @@ export default defineConfig({
presetUno() presetUno()
], ],
/** 自定义规则 */ /** 自定义规则 */
rules: [["app-container", { padding: "20px" }]], rules: [["uno-padding-20", { padding: "20px" }]],
/** 自定义快捷方式 */ /** 自定义快捷方式 */
shortcuts: { shortcuts: {
"wh-full": "w-full h-full", "uno-wh-full": "w-full h-full",
"flex-center": "flex justify-center items-center", "uno-flex-center": "flex justify-center items-center",
"flex-x-center": "flex justify-center", "uno-flex-x-center": "flex justify-center",
"flex-y-center": "flex items-center" "uno-flex-y-center": "flex items-center"
} }
}) })