diff --git a/src/assets/font/demo_index.html b/src/assets/font/demo_index.html
index 8283bab..b817abf 100644
--- a/src/assets/font/demo_index.html
+++ b/src/assets/font/demo_index.html
@@ -54,6 +54,24 @@
+ -
+
+
setting
+ 
+
+
+ -
+
+
首页
+ 
+
+
+ -
+
+
安全保障
+ 
+
+
-
预约
@@ -126,9 +144,9 @@
@font-face {
font-family: 'iconfont';
- src: url('iconfont.woff2?t=1702710850882') format('woff2'),
- url('iconfont.woff?t=1702710850882') format('woff'),
- url('iconfont.ttf?t=1702710850882') format('truetype');
+ src: url('iconfont.woff2?t=1702965078511') format('woff2'),
+ url('iconfont.woff?t=1702965078511') format('woff'),
+ url('iconfont.ttf?t=1702965078511') format('truetype');
}
第二步:定义使用 iconfont 的样式
@@ -154,6 +172,33 @@
+ -
+
+
+ setting
+
+ .icon-setting
+
+
+
+ -
+
+
+ 首页
+
+ .icon-shouye
+
+
+
+ -
+
+
+ 安全保障
+
+ .icon-anquanbaozhang
+
+
+
-
@@ -262,6 +307,30 @@
+ -
+
+
setting
+ #icon-setting
+
+
+ -
+
+
首页
+ #icon-shouye
+
+
+ -
+
+
安全保障
+ #icon-anquanbaozhang
+
+
-
-
+
@@ -158,10 +158,10 @@ const submitForm = async () => {
width: 128px;
height: 148px;
object-fit: contain;
- margin: 0 0 20px 50px;
+ margin: 0 0 20px 60px;
}
.submit-box {
- padding-left: 50px ;
+ padding-left: 60px;
}
}
diff --git a/src/views/index.vue b/src/views/index.vue
index 77a1171..586923b 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -52,7 +52,7 @@
-
+
@@ -73,12 +73,12 @@ const userInfo = useLoginStore().getlogin()
const hospitals: any = getHospitalsData()
const menus = [
- { label: '首页', path: '/home', icon: 'icon-shouye-zhihui' },
- { label: '权限管理', path: '/permissions-manage', icon: 'icon-24gl-userGroup' },
+ { label: '首页', path: '/home', icon: 'icon-shouye' },
+ { label: '权限管理', path: '/permissions-manage', icon: 'icon-users' },
{ label: '患者管理', path: '/patients-manage', icon: 'icon-renyuanguanli' },
- { label: '远程管理', path: '/remote-manage', icon: 'icon-yuanchengfei' },
+ { label: '远程管理', path: '/remote-manage', icon: 'icon-anquanbaozhang' },
{ label: '后台管理', path: '/system-manage', icon: 'icon-houtaiguanli' },
- { label: '日志管理', path: '/logs-manage', icon: 'icon-31shezhi' }
+ { label: '日志管理', path: '/logs-manage', icon: 'icon-setting' }
]
const isShowUserInfoDrawer = ref(false)
@@ -144,7 +144,7 @@ const userCommand = (e: string) => {
.head-box {
width: 100%;
- height: 50px;
+ height: 70px;
padding: 0 24px;
background: white;
display: flex;
@@ -152,7 +152,7 @@ const userCommand = (e: string) => {
align-items: center;
.logo-box {
- height: 100%;
+ height: 50px;
img {
height: 100%;
@@ -170,7 +170,7 @@ const userCommand = (e: string) => {
font-size: 18px;
font-weight: 600;
color: $main-color;
- line-height: 50px;
+ line-height: 70px;
padding: 0 20px;
margin: 0;
transition: all .5s;
@@ -188,8 +188,7 @@ const userCommand = (e: string) => {
-webkit-transition: all .5s;
}
- img {
- height: 20px;
+ i {
margin-right: 10px;
}
}
@@ -229,7 +228,7 @@ const userCommand = (e: string) => {
}
&>.main-content {
width: 100%;
- height: calc(100% - 50px);
+ height: calc(100% - 70px);
background: #f5f7fa;
}
}
diff --git a/src/views/login/login.vue b/src/views/login/login.vue
index 1e5c2b2..85b07c2 100644
--- a/src/views/login/login.vue
+++ b/src/views/login/login.vue
@@ -275,6 +275,7 @@ const toHome = () => {
height: 100%;
display: flex;
flex-direction: column;
+ justify-content: center;
align-items: center;
.select-hospital-box {
@@ -284,8 +285,7 @@ const toHome = () => {
}
.logo {
- width: 505px;
- margin-top: calc(50% - 280px);
+ height: 70px;
}
.login-block {
@@ -376,7 +376,6 @@ const toHome = () => {
min-width: 500px;
min-height: 300px;
padding: 50px;
- margin-top: 150px;
background: white;
.header-box {
display: flex;