diff --git a/src/assets/images/expand.svg b/src/assets/images/expand.svg
index 3e62d10..acc3325 100644
--- a/src/assets/images/expand.svg
+++ b/src/assets/images/expand.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/assets/images/home.svg b/src/assets/images/home.svg
deleted file mode 100644
index af15d9d..0000000
--- a/src/assets/images/home.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/src/assets/images/run.svg b/src/assets/images/run.svg
new file mode 100644
index 0000000..8068d92
--- /dev/null
+++ b/src/assets/images/run.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/layouts/default.vue b/src/layouts/default.vue
index dcab73d..1271a1f 100644
--- a/src/layouts/default.vue
+++ b/src/layouts/default.vue
@@ -63,7 +63,7 @@ onUnmounted(() => {
@click="router.push(item.path)"
>
- {{ item.meta!.title }}
+ {{ item.meta!.title }}
@@ -74,7 +74,25 @@ onUnmounted(() => {
-
+
@@ -84,13 +102,16 @@ onUnmounted(() => {
box-sizing: border-box;
height: 100%;
background: #F6F6F6;
- .header {
- color: #393F46;
+ .header, .footer {
height: 50px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 20px;
+ }
+ .header {
+ color: #393F46;
+
.logo {
height: 100%;
display: flex;
@@ -148,7 +169,7 @@ onUnmounted(() => {
width: 170px;
overflow: auto;
padding-left: 10px;
- //transition: width 0.05s ease;
+ //transition: all 0.1s ease;
.aside-item {
width: 100%;
height: 50px;
@@ -158,12 +179,14 @@ onUnmounted(() => {
padding: 0 10px;
display: flex;
align-items: center;
+ overflow: hidden;
img {
height: 80%;
margin-right: 20px;
}
.text {
transition: opacity 0.3s ease;
+ white-space: nowrap;
}
}
.aside-item-active {
@@ -174,7 +197,7 @@ onUnmounted(() => {
.aside-off {
width: 70px;
- //transition: width 0.05s ease;
+ //transition: all 0.1s ease;
.aside-item {
.text {
opacity: 0
@@ -209,6 +232,44 @@ onUnmounted(() => {
padding: 10px;
}
.footer {
- height: 50px;
+ .el-row {
+ width: 100%;
+ height: 100%;
+ .el-col {
+ height: 100%;
+ }
+ }
+ .footer-left, .footer-right {
+ width: 100%;
+ height: 100%;
+ background: #fff;
+ border-radius: 5px;
+ display: flex ;
+ align-items: center;
+ padding: 0 20px;
+ }
+ .footer-left {
+ img {
+ height: 60%;
+ }
+ .text {
+ color: #1C1C1C ;
+ margin-left: 10px;
+ font-size: 14px;
+ }
+ }
+ .footer-right {
+ .status {
+ width: 15px;
+ height: 15px;
+ border-radius: 50%;
+ background: #4EE993;
+ }
+ .text {
+ color: #1C1C1C ;
+ margin-left: 10px;
+ font-size: 14px;
+ }
+ }
}
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index ced748f..97b7b7f 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -79,7 +79,7 @@ img {
.progress-bar {
height: 100%;
- background: linear-gradient(90deg, #096ae0, #0657c0);
+ background: linear-gradient(90deg, #1989FA, #096ae0);
border-radius: 30px;
transition: width 0.3s ease;
}