From 8b6da09d864fa79d8242cd242114bac278dc8b7a Mon Sep 17 00:00:00 2001 From: wangyx <2838268875@qq.com> Date: Tue, 6 May 2025 18:31:57 +0800 Subject: [PATCH] =?UTF-8?q?=E5=85=AC=E5=AF=93=E7=AB=AF=E9=A6=96=E9=A1=B5?= =?UTF-8?q?=E4=BA=BA=E6=89=8D=E6=88=BF=E5=B1=8B=E6=9F=A5=E8=AF=A2=20?= =?UTF-8?q?=E5=B7=A5=E4=BD=9C=E5=8F=B0=E5=BC=80=E5=8F=91?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .env.development | 2 +- .env.production | 3 +- .gitignore | 1 + package.json | 1 + src/assets/images/antFill-phone.png | Bin 0 -> 1362 bytes src/assets/styles/common.scss | 996 +++++++++++++++++++++++++++ src/main.js | 2 + src/views/components/CommonTitle.vue | 30 + src/views/index.vue | 203 ++++-- vue.config.js | 2 +- 10 files changed, 1179 insertions(+), 61 deletions(-) create mode 100644 src/assets/images/antFill-phone.png create mode 100644 src/assets/styles/common.scss create mode 100644 src/views/components/CommonTitle.vue diff --git a/.env.development b/.env.development index 5c4d9d5..e0cc34e 100644 --- a/.env.development +++ b/.env.development @@ -1,5 +1,5 @@ # 页面标题 -VUE_APP_TITLE = 人力发展集团管理系统 +VUE_APP_TITLE = 青岛免租金住房服务平台 # 开发环境配置 ENV = 'development' diff --git a/.env.production b/.env.production index db8ee1a..da7ae59 100644 --- a/.env.production +++ b/.env.production @@ -1,5 +1,6 @@ # 页面标题 -VUE_APP_TITLE = 人力发展集团管理系统 +VUE_APP_TITLE = 青岛免租金住房服务平台 + # 生产环境配置 ENV = 'production' diff --git a/.gitignore b/.gitignore index d179158..6a74651 100644 --- a/.gitignore +++ b/.gitignore @@ -18,6 +18,7 @@ selenium-debug.log *.njsproj *.sln *.local +.history package-lock.json yarn.lock diff --git a/package.json b/package.json index 9168ca9..b913aab 100644 --- a/package.json +++ b/package.json @@ -48,6 +48,7 @@ "js-beautify": "1.13.0", "js-cookie": "3.0.1", "jsencrypt": "3.0.0-rc.1", + "normalize.css": "^8.0.1", "nprogress": "0.2.0", "quill": "1.3.7", "screenfull": "5.0.2", diff --git a/src/assets/images/antFill-phone.png b/src/assets/images/antFill-phone.png new file mode 100644 index 0000000000000000000000000000000000000000..1c328527747996bcd4c9f6e1a02def237e481792 GIT binary patch literal 1362 zcmV-Y1+DstP)Px)3`s;mRA@u(nrmnrRTRhnXLn=$RJE8O2#Qruj1Uz;C7C<-wu$ipV#QjKid9?R zNc~_0Q5*Z9Vo?zl6fIRr5rd87gNh{Cd91MuTI`1+`JkdAeo|~f(WJX`Wb@c&HtTp_zoyhyzmTZ|oQK=d5P;~Q(DluJAX5eC3+@!v z0U_o6UXZB)3^7X~BBr-(}!;o1bBWO~5*#AbQ zlBV_c{k@fXj0yr7~tgOHrJl<7+vWs~q8)X+uKFdln0%W{TRT`3iu_o3!vPletj{QS(|c z6@Z0&zKb)N*=0R+BbpGp-dpdV3P9U5hXHI14OekwzE3FiUg`iNfg}2^>^NOYsZ!H` zwrPICz!d~s!oc?g91~J*2$TIt;N}K?Mo78WEe79Hba;3;dtOJ!?*Ptr5jrlUJSPZb zsP~{Q128akW~tP3ZEx=%p#jIn#?D&R)^^+rKuGB;VNt=&#Lk1Y} znagI!3AoI!^Ge$h(V(X5F9aF43TPR|i$wHv5a*S&W#+ea zr5+ACW)(2PV^h!=yzPlbg|6S`ZMf8;3Rp1BLk!#=MkHpRkA;+>ZyKj6Xxop&acaJ; z#T>XF`Re;kKgMo0RY1cquAKj7=XRJ5s~_5ri8krFUb!bW)oQj0+c36+=+&kan|J=x z0X9h~$C{UN`Fs}XNk3qO3>?ieZ|hO&n}Dv%n!6v>=6!4|X{UYFvAWad5Rc699Q?ChM01FoX!c>|9Fl88pi z%x_33oN+ySsm0DKKBp zV0|!lKHtxo%x(g%@d&i?dAdlz;Wh2;qj5fCUJ3JE!3CjWvABAAdU|8Vajpl^bqrhp z;0O^-I_2_LGv)GR)Jwe=M5F$|fXxh+gl`KliL6ICW~+ixW-|$`Rt1yDdX!`S2X|($ UQUZ8xX#fBK07*qoM6N<$f>OGUfB*mh literal 0 HcmV?d00001 diff --git a/src/assets/styles/common.scss b/src/assets/styles/common.scss new file mode 100644 index 0000000..4441055 --- /dev/null +++ b/src/assets/styles/common.scss @@ -0,0 +1,996 @@ +.text-overflow { + flex-grow: 1; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; +} + +// 自定义全局颜色 +.el-primary { + color: ''; +} + +.el-success { + color: ''; +} + +.el-warning { + color: ''; +} + +.el-danger { + color: ''; +} + +// main盒子间距 +.app-container { + padding: 16px; +} + +.el-padding8 { + padding: 8px; +} + +.el-padding16 { + padding: 16px; +} + +.el-padding24 { + padding: 24px; +} + +.el-whiteBg { + background-color: #fff; +} + +.el-overflow-hidden { + overflow: hidden; +} + +.el-overflow-auto { + overflow: auto; +} + +.el-text-center { + text-align: center; +} + +.el-no-padding { + padding: 0; +} + +.fill-height { + height: 100%; +} + +.el-pointer { + cursor: pointer; +} + +.el-fr { + float: right; +} + +.el-fl { + float: left; +} + +// 统一设置页面标题样式 +.el-title { + font-size: 14px; + font-weight: 550; + color: #000; +} + +.el-block { + display: block; +} + +.el-flex { + display: flex; +} + +.el-flex-grow { + flex-grow: 1; +} + +.el-flex-row { + flex-direction: row; +} + +.el-flex-column { + flex-direction: column; +} + +.vh .el-flex-shark { + flex-shrink: 0; +} + +.el-flex-row-reverse { + flex-direction: row-reverse; +} + +.el-flex-column-reverse { + flex-direction: column-reverse; +} + +.el-flex-end { + justify-content: flex-end; +} + +.el-flex-center { + justify-content: center; +} + +.el-flex-y-center { + align-items: center; +} + +.el-flex-space-between { + justify-content: space-between; +} + +.el-flex-space-around { + justify-content: space-around; +} + +// 间距公共样式 +// 用于微调类 +.el-ma-0 { + margin: 0; +} + +.el-ma-1 { + margin: 4px; +} + +.el-ma-2 { + margin: 8px; +} + +.el-ma-3 { + margin: 12px; +} + +.el-ma-4 { + margin: 16px; +} + +.el-ma-5 { + margin: 20px; +} + +.el-ma-6 { + margin: 24px; +} + +.el-ma-7 { + margin: 28px; +} + +.el-ma-8 { + margin: 32px; +} + +.el-ma-9 { + margin: 36px; +} + +.el-ma-10 { + margin: 40px; +} + +.el-ma-11 { + margin: 44px; +} + +.el-ma-12 { + margin: 48px; +} + +.el-ma-auto { + margin: auto; +} + +.el-mx-0 { + margin-right: 0; + margin-left: 0; +} + +.el-mx-1 { + margin-right: 4px; + margin-left: 4px; +} + +.el-mx-2 { + margin-right: 8px; + margin-left: 8px; +} + +.el-mx-3 { + margin-right: 12px; + margin-left: 12px; +} + +.el-mx-4 { + margin-right: 16px; + margin-left: 16px; +} + +.el-mx-5 { + margin-right: 20px; + margin-left: 20px; +} + +.el-mx-5-half { + margin-right: 10px; + margin-left: 10px; +} + +.el-mx-6 { + margin-right: 24px; + margin-left: 24px; +} + +.el-mx-7 { + margin-right: 28px; + margin-left: 28px; +} + +.el-mx-8 { + margin-right: 32px; + margin-left: 32px; +} + +.el-mx-9 { + margin-right: 36px; + margin-left: 36px; +} + +.el-mx-10 { + margin-right: 40px; + margin-left: 40px; +} + +.el-mx-11 { + margin-right: 44px; + margin-left: 44px; +} + +.el-mx-12 { + margin-right: 48px; + margin-left: 48px; +} + +.el-mx-auto { + margin-right: auto; + margin-left: auto; +} + +.el-my-0 { + margin-top: 0; + margin-bottom: 0; +} + +.el-my-1 { + margin-top: 4px; + margin-bottom: 4px; +} + +.el-my-2 { + margin-top: 8px; + margin-bottom: 8px; +} + +.el-my-3 { + margin-top: 12px; + margin-bottom: 12px; +} + +.el-my-4 { + margin-top: 16px; + margin-bottom: 16px; +} + +.el-my-5 { + margin-top: 20px; + margin-bottom: 20px; +} + +.el-my-6 { + margin-top: 24px; + margin-bottom: 24px; +} + +.el-my-7 { + margin-top: 28px; + margin-bottom: 28px; +} + +.el-my-8 { + margin-top: 32px; + margin-bottom: 32px; +} + +.el-my-9 { + margin-top: 36px; + margin-bottom: 36px; +} + +.el-my-10 { + margin-top: 40px; + margin-bottom: 40px; +} + +.el-my-11 { + margin-top: 44px; + margin-bottom: 44px; +} + +.el-my-12 { + margin-top: 48px; + margin-bottom: 48px; +} + +.el-my-auto { + margin-top: auto; + margin-bottom: auto; +} + +.el-mt-n1 { + margin-top: -4px; +} + +.el-mt-0 { + margin-top: 0; +} + +.el-mt-1-half { + margin-top: 2px; +} + +.el-mt-1 { + margin-top: 4px; +} + +.el-mt-2 { + margin-top: 8px; +} + +.el-mt-3 { + margin-top: 12px; +} + +.el-mt-4 { + margin-top: 16px; +} + +.el-mt-5 { + margin-top: 20px; +} + +.el-mt-6 { + margin-top: 24px; +} + +.el-mt-7 { + margin-top: 28px; +} + +.el-mt-8 { + margin-top: 32px; +} + +.el-mt-9 { + margin-top: 36px; +} + +.el-mt-10 { + margin-top: 40px; +} + +.el-mt-11 { + margin-top: 44px; +} + +.el-mt-12 { + margin-top: 48px; +} + +.el-mt-auto { + margin-top: auto; +} + +.el-mr-0 { + margin-right: 0; +} + +.el-mr-1-half { + margin-right: 2px; +} + +.el-mr-1 { + margin-right: 4px; +} + +.el-mr-2 { + margin-right: 8px; +} + +.el-mr-3 { + margin-right: 12px; +} + +.el-mr-4 { + margin-right: 16px; +} + +.el-mr-5-half { + margin-right: 10px; +} + +.el-mr-5 { + margin-right: 20px; +} + +.el-mr-6 { + margin-right: 24px; +} + +.el-mr-7 { + margin-right: 28px; +} + +.el-mr-8 { + margin-right: 32px; +} + +.el-mr-9 { + margin-right: 36px; +} + +.el-mr-10 { + margin-right: 40px; +} + +.el-mr-11 { + margin-right: 44px; +} + +.el-mr-12 { + margin-right: 48px; +} + +.el-mr-auto { + margin-right: auto; +} + +.el-mb-0 { + margin-bottom: 0; +} + +.el-mb-1 { + margin-bottom: 4px; +} + +.el-mb-2 { + margin-bottom: 8px; +} + +.el-mb-3 { + margin-bottom: 12px; +} + +.el-mb-4 { + margin-bottom: 16px; +} + +.el-mb-5 { + margin-bottom: 20px; +} + +.el-mb-6 { + margin-bottom: 24px; +} + +.el-mb-7 { + margin-bottom: 28px; +} + +.el-mb-8 { + margin-bottom: 32px; +} + +.el-mb-9 { + margin-bottom: 36px; +} + +.el-mb-10 { + margin-bottom: 40px; +} + +.el-mb-11 { + margin-bottom: 44px; +} + +.el-mb-12 { + margin-bottom: 48px; +} + +.el-mb-auto { + margin-bottom: auto; +} + +.el-ml-0 { + margin-left: 0; +} + +.el-ml-1-half { + margin-left: 2px; +} + +.el-ml-1 { + margin-left: 4px; +} + +.el-ml-2-half { + margin-left: 6px; +} + +.el-ml-2 { + margin-left: 8px; +} + +.el-ml-3 { + margin-left: 12px; +} + +.el-ml-4 { + margin-left: 16px; +} + +.el-ml-5 { + margin-left: 20px; +} + +.el-ml-6 { + margin-left: 24px; +} + +.el-ml-7 { + margin-left: 28px; +} + +.el-ml-8 { + margin-left: 32px; +} + +.el-ml-9 { + margin-left: 36px; +} + +.el-ml-10 { + margin-left: 40px; +} + +.el-ml-11 { + margin-left: 44px; +} + +.el-ml-12 { + margin-left: 48px; +} + +.el-ml-auto { + margin-left: auto; +} + +.el-pa-0 { + padding: 0; +} + +.el-pa-1 { + padding: 4px; +} + +.el-pa-2 { + padding: 8px; +} + +.el-pa-3 { + padding: 12px; +} + +.el-pa-4 { + padding: 16px; +} + +.el-pa-5 { + padding: 20px; +} + +.el-pa-6 { + padding: 24px; +} + +.el-pa-7 { + padding: 28px; +} + +.el-pa-8 { + padding: 32px; +} + +.el-pa-9 { + padding: 36px; +} + +.el-pa-10 { + padding: 40px; +} + +.el-pa-11 { + padding: 44px; +} + +.el-pa-12 { + padding: 48px; +} + +.el-px-0 { + padding-right: 0; + padding-left: 0; +} + +.el-px-1 { + padding-right: 4px; + padding-left: 4px; +} + +.el-px-2 { + padding-right: 8px; + padding-left: 8px; +} + +.el-px-3 { + padding-right: 12px; + padding-left: 12px; +} + +.el-px-4 { + padding-right: 16px; + padding-left: 16px; +} + +.el-px-5 { + padding-right: 20px; + padding-left: 20px; +} + +.el-px-6 { + padding-right: 24px; + padding-left: 24px; +} + +.el-px-7 { + padding-right: 28px; + padding-left: 28px; +} + +.el-px-8 { + padding-right: 32px; + padding-left: 32px; +} + +.el-px-9 { + padding-right: 36px; + padding-left: 36px; +} + +.el-px-10 { + padding-right: 40px; + padding-left: 40px; +} + +.el-px-11 { + padding-right: 44px; + padding-left: 44px; +} + +.el-px-12 { + padding-right: 48px; + padding-left: 48px; +} + +.el-py-0 { + padding-top: 0; + padding-bottom: 0; +} + +.el-py-1 { + padding-top: 4px; + padding-bottom: 4px; +} + +.el-py-2 { + padding-top: 8px; + padding-bottom: 8px; +} + +.el-py-3 { + padding-top: 12px; + padding-bottom: 12px; +} + +.el-py-4 { + padding-top: 16px; + padding-bottom: 16px; +} + +.el-py-5 { + padding-top: 20px; + padding-bottom: 20px; +} + +.el-py-6 { + padding-top: 24px; + padding-bottom: 24px; +} + +.el-py-7 { + padding-top: 28px; + padding-bottom: 28px; +} + +.el-py-8 { + padding-top: 32px; + padding-bottom: 32px; +} + +.el-py-9 { + padding-top: 36px; + padding-bottom: 36px; +} + +.el-py-10 { + padding-top: 40px; + padding-bottom: 40px; +} + +.el-py-11 { + padding-top: 44px; + padding-bottom: 44px; +} + +.el-py-12 { + padding-top: 48px; + padding-bottom: 48px; +} + +.el-pt-0 { + padding-top: 0; +} + +.el-pt-1 { + padding-top: 4px; +} + +.el-pt-2 { + padding-top: 8px; +} + +.el-pt-3 { + padding-top: 12px; +} + +.el-pt-4 { + padding-top: 16px; +} + +.el-pt-5 { + padding-top: 20px; +} + +.el-pt-6 { + padding-top: 24px; +} + +.el-pt-7 { + padding-top: 28px; +} + +.el-pt-8 { + padding-top: 32px; +} + +.el-pt-9 { + padding-top: 36px; +} + +.el-pt-10 { + padding-top: 40px; +} + +.el-pt-11 { + padding-top: 44px; +} + +.el-pt-12 { + padding-top: 48px; +} + +.el-pr-0 { + padding-right: 0; +} + +.el-pr-1-half { + padding-right: 2px; +} + +.el-pr-1 { + padding-right: 4px; +} + +.el-pr-2 { + padding-right: 8px; +} + +.el-pr-3 { + padding-right: 12px; +} + +.el-pr-4 { + padding-right: 16px; +} + +.el-pr-5 { + padding-right: 20px; +} + +.el-pr-6 { + padding-right: 24px; +} + +.el-pr-7 { + padding-right: 28px; +} + +.el-pr-8 { + padding-right: 32px; +} + +.el-pr-9 { + padding-right: 36px; +} + +.el-pr-10 { + padding-right: 40px; +} + +.el-pr-11 { + padding-right: 44px; +} + +.el-pr-12 { + padding-right: 48px; +} + +.el-pb-0 { + padding-bottom: 0; +} + +.el-pb-1 { + padding-bottom: 4px; +} + +.el-pb-2 { + padding-bottom: 8px; +} + +.el-pb-3 { + padding-bottom: 12px; +} + +.el-pb-4 { + padding-bottom: 16px; +} + +.el-pb-5 { + padding-bottom: 20px; +} + +.el-pb-6 { + padding-bottom: 24px; +} + +.el-pb-7 { + padding-bottom: 28px; +} + +.el-pb-8 { + padding-bottom: 32px; +} + +.el-pb-9 { + padding-bottom: 36px; +} + +.el-pb-10 { + padding-bottom: 40px; +} + +.el-pb-11 { + padding-bottom: 44px; +} + +.el-pb-12 { + padding-bottom: 48px; +} + +.el-pl-0 { + padding-left: 0; +} + +.el-pl-1-half { + padding-left: 2px; +} + +.el-pl-1 { + padding-left: 4px; +} + +.el-pl-2 { + padding-left: 8px; +} + +.el-pl-3 { + padding-left: 12px; +} + +.el-pl-4 { + padding-left: 16px; +} + +.el-pl-5 { + padding-left: 20px; +} + +.el-pl-6 { + padding-left: 24px; +} + +.el-pl-7 { + padding-left: 28px; +} + +.el-pl-8 { + padding-left: 32px; +} + +.el-pl-9 { + padding-left: 36px; +} + +.el-pl-10 { + padding-left: 40px; +} + +.el-pl-11 { + padding-left: 44px; +} + +.el-pl-12 { + padding-left: 48px; +} + +.custom-popover-select { + display: none; +} + +.el-select-dropdown__item { + width: 100%; +} + +.el-font-size-13 { + font-size: 13px; +} \ No newline at end of file diff --git a/src/main.js b/src/main.js index 13c6cf2..ea42b68 100644 --- a/src/main.js +++ b/src/main.js @@ -7,6 +7,8 @@ import './assets/styles/element-variables.scss' import '@/assets/styles/index.scss' // global css import '@/assets/styles/ruoyi.scss' // ruoyi css +import "normalize.css"; +import '@/assets/styles/common.scss' // 公共样式 import App from './App' import store from './store' import router from './router' diff --git a/src/views/components/CommonTitle.vue b/src/views/components/CommonTitle.vue new file mode 100644 index 0000000..7fd9de8 --- /dev/null +++ b/src/views/components/CommonTitle.vue @@ -0,0 +1,30 @@ + + + + + \ No newline at end of file diff --git a/src/views/index.vue b/src/views/index.vue index 7176f4d..eacf89f 100644 --- a/src/views/index.vue +++ b/src/views/index.vue @@ -1,92 +1,179 @@ - diff --git a/vue.config.js b/vue.config.js index 149cd85..5d116d6 100644 --- a/vue.config.js +++ b/vue.config.js @@ -7,7 +7,7 @@ function resolve(dir) { const CompressionPlugin = require('compression-webpack-plugin') -const name = process.env.VUE_APP_TITLE || '人力发展集团管理系统' // 网页标题 +const name = process.env.VUE_APP_TITLE || "青岛免租金住房服务平台"; // 网页标题 const port = process.env.port || process.env.npm_config_port || 80 // 端口