基调颜色的抽离

This commit is contained in:
minimaxagent1 2025-07-31 11:34:40 +08:00
parent 295b15958a
commit 29c59b2795
4 changed files with 14 additions and 8 deletions

View File

@ -1,7 +1,9 @@
export const CommonEnum = { export const CommonEnum = {
BACKGROUND: "https://api.ccttiot.com/image-1753769939853.png", //背景图片 BACKGROUND: "https://api.ccttiot.com/image-1753769939853.png", //磨砂背景图片
RIGHT_CHEVRON:"https://api.ccttiot.com/image-1753773619878.png", RIGHT_CHEVRON:"https://api.ccttiot.com/image-1753773619878.png", //右箭头
BACK_BUTTON:"https://api.ccttiot.com/image-1753868358514.png" BACK_BUTTON:"https://api.ccttiot.com/image-1753868358514.png", //导航栏返回按钮
BASE_COLOR:"#FAF8F3" //基调颜色
}; };
export default CommonEnum; export default CommonEnum;

View File

@ -43,6 +43,7 @@
import { tilesImageEnum } from '@/enum/institutionalStructure.js'; import { tilesImageEnum } from '@/enum/institutionalStructure.js';
import { getInstitutionalList } from '@/api/institutionalStructure.js'; import { getInstitutionalList } from '@/api/institutionalStructure.js';
import CustomNavbar from "../../components/custom-navbar/custom-navbar.vue"; import CustomNavbar from "../../components/custom-navbar/custom-navbar.vue";
import CommonEnum from "../../enum/common";
export default { export default {
components: { components: {
@ -50,8 +51,9 @@ export default {
}, },
data() { data() {
return { return {
CommonEnum,
bgc: { bgc: {
backgroundColor: "#F5F0E7", backgroundColor: CommonEnum.BASE_COLOR,
}, },
tilesImageEnum, tilesImageEnum,
// //
@ -162,7 +164,7 @@ export default {
<style lang="scss"> <style lang="scss">
page { page {
background: #F5F0E7; background: v-bind('CommonEnum.BASE_COLOR');
} }
.header { .header {
width: 100%; width: 100%;

View File

@ -170,7 +170,7 @@ export default {
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
background-color: #FAF8F3; /* 浅米色背景 */ background-color: v-bind('CommonEnum.BASE_COLOR'); /* 使用枚举中的基调颜色 */
} }
.content { .content {
padding: 20rpx; padding: 20rpx;

View File

@ -14,6 +14,7 @@
<script> <script>
import CustomNavbar from "../../components/custom-navbar/custom-navbar.vue"; import CustomNavbar from "../../components/custom-navbar/custom-navbar.vue";
import CommonEnum from "../../enum/common";
export default { export default {
components: { components: {
@ -21,8 +22,9 @@ export default {
}, },
data() { data() {
return { return {
CommonEnum,
bgc: { bgc: {
backgroundColor: "#F5F0E7", backgroundColor: CommonEnum.BASE_COLOR,
}, },
} }
}, },
@ -36,7 +38,7 @@ export default {
page { page {
width: 750rpx; width: 750rpx;
height: 2492rpx; height: 2492rpx;
background: #F5F0E7; background: v-bind('CommonEnum.BASE_COLOR');
border-radius: 0rpx 0rpx 0rpx 0rpx; border-radius: 0rpx 0rpx 0rpx 0rpx;
} }