- 调整了多个组件中的导入语句顺序以保持一致 - 格式化了 App.vue 中的 CSS 样式规则使其更易读 - 规范化了 vite.config.ts 中的配置对象缩进 - 移除了未使用的 computed 导入以减少代码冗余 - 整理了图标组件的导入顺序使其按字母排序 - 统一了代码中的空行和缩进格式
This commit is contained in:
+79
-22
@@ -1,5 +1,5 @@
|
||||
<script setup lang="ts">
|
||||
import { ref } from 'vue'
|
||||
import {ref} from 'vue'
|
||||
|
||||
const themeMode = ref('light')
|
||||
</script>
|
||||
@@ -104,30 +104,87 @@ html, body, #app {
|
||||
}
|
||||
|
||||
/* Gap 间距 */
|
||||
.gap-sm { gap: 8px; }
|
||||
.gap-md { gap: 12px; }
|
||||
.gap-lg { gap: 16px; }
|
||||
.gap-sm {
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.gap-md {
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
.gap-lg {
|
||||
gap: 16px;
|
||||
}
|
||||
|
||||
/* 间距工具类 */
|
||||
.mt-sm { margin-top: 8px; }
|
||||
.mt-md { margin-top: 16px; }
|
||||
.mt-lg { margin-top: 24px; }
|
||||
.mb-sm { margin-bottom: 8px; }
|
||||
.mb-md { margin-bottom: 16px; }
|
||||
.mb-lg { margin-bottom: 24px; }
|
||||
.ml-sm { margin-left: 8px; }
|
||||
.ml-md { margin-left: 12px; }
|
||||
.ml-lg { margin-left: 16px; }
|
||||
.mr-sm { margin-right: 8px; }
|
||||
.mr-md { margin-right: 12px; }
|
||||
.mr-lg { margin-right: 16px; }
|
||||
.mt-sm {
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.mt-md {
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
||||
.mt-lg {
|
||||
margin-top: 24px;
|
||||
}
|
||||
|
||||
.mb-sm {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.mb-md {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.mb-lg {
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.ml-sm {
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
.ml-md {
|
||||
margin-left: 12px;
|
||||
}
|
||||
|
||||
.ml-lg {
|
||||
margin-left: 16px;
|
||||
}
|
||||
|
||||
.mr-sm {
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
.mr-md {
|
||||
margin-right: 12px;
|
||||
}
|
||||
|
||||
.mr-lg {
|
||||
margin-right: 16px;
|
||||
}
|
||||
|
||||
/* 文本工具类 */
|
||||
.text-primary { color: var(--text-primary); }
|
||||
.text-success { color: var(--success-color); }
|
||||
.text-warning { color: var(--warning-color); }
|
||||
.text-danger { color: var(--danger-color); }
|
||||
.text-info { color: var(--info-color); }
|
||||
.text-primary {
|
||||
color: var(--text-primary);
|
||||
}
|
||||
|
||||
.text-success {
|
||||
color: var(--success-color);
|
||||
}
|
||||
|
||||
.text-warning {
|
||||
color: var(--warning-color);
|
||||
}
|
||||
|
||||
.text-danger {
|
||||
color: var(--danger-color);
|
||||
}
|
||||
|
||||
.text-info {
|
||||
color: var(--info-color);
|
||||
}
|
||||
|
||||
/* 加载动画 */
|
||||
.loading-container {
|
||||
@@ -153,7 +210,7 @@ html, body, #app {
|
||||
padding: 16px;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
|
||||
.hide-on-mobile {
|
||||
display: none;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user