更新主题样式

This commit is contained in:
扫地僧 2026-01-28 23:13:58 +08:00
parent 0eb6d94160
commit 6eaaf28dae
6 changed files with 14 additions and 7 deletions

View File

@ -24,7 +24,7 @@ body {
font-size: 1rem; font-size: 1rem;
line-height: 1.5; // 舒适行高 line-height: 1.5; // 舒适行高
color: #333; // 基础文本色 color: #333; // 基础文本色
background-color: #fff; // 基础背景色 // background-color: #fff; // 基础背景色
-webkit-text-size-adjust: 100%; // 防止iOS横屏字体放大 -webkit-text-size-adjust: 100%; // 防止iOS横屏字体放大
height: 100%; height: 100%;
width: 100%; width: 100%;

View File

@ -5,22 +5,24 @@
// body 样式 // body 样式
body { body {
background-color: #f5f7fa; // background-color: #f5f7fa;
color: #303133; color: #303133;
transition: background-color 0.3s ease, color 0.3s ease; transition: background-color 0.3s ease, color 0.3s ease;
} }
// container-box 样式 // container-box 样式
.container-box { .container-box {
background-color: #ffffff; // background-color: #ffffff;
border: 1px solid #ebeef5; // border: 1px solid #ebeef5;
padding: 24px;
background-color: var(--el-bg-color);
border: 1px solid var(--el-border-color-lighter);
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.04); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.04);
border-radius: 8px; border-radius: 8px;
padding: 24px; padding: 24px;
transition: background-color 0.3s, border-color 0.3s, box-shadow 0.3s; transition: background-color 0.3s, border-color 0.3s, box-shadow 0.3s;
} }
.header-bar { .header-bar {
display: flex; display: flex;
align-items: center; align-items: center;

View File

@ -190,7 +190,6 @@ onUnmounted(() => {
<style scoped lang="scss"> <style scoped lang="scss">
.content-stats-container { .content-stats-container {
padding: 24px;
min-height: 100vh; min-height: 100vh;
.stat-cards { .stat-cards {

View File

@ -175,7 +175,6 @@ onMounted(() => {
<style lang="scss" scoped> <style lang="scss" scoped>
.category-manager { .category-manager {
padding: 24px;
min-height: 100vh; min-height: 100vh;
// //

View File

@ -633,6 +633,8 @@ onMounted(async () => {
<style lang="scss" scoped> <style lang="scss" scoped>
.cms-articles { .cms-articles {
padding: 20px; padding: 20px;
border-radius: 8px;
border: 1px solid var(--el-border-color-lighter);
height: 100%; height: 100%;
background: var(--el-bg-color); background: var(--el-bg-color);

View File

@ -261,6 +261,11 @@ onMounted(() => {
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.container-box {
padding: 24px;
background-color: var(--el-bg-color);
border: 1px solid var(--el-border-color-lighter);
}
.header-bar { .header-bar {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;