任一存 3 лет назад
Родитель
Сommit
5ef6a3bd9b
3 измененных файлов с 34 добавлено и 13 удалено
  1. 5 1
      src/assets/style/base/normalize.css
  2. 4 4
      src/assets/style/style.pc.less
  3. 25 8
      src/framework/Head.vue

+ 5 - 1
src/assets/style/base/normalize.css

@@ -359,4 +359,8 @@
 
   p{
     margin: 0;
-  }
+  }
+
+a {
+  text-decoration: none;
+}

+ 4 - 4
src/assets/style/style.pc.less

@@ -16,7 +16,7 @@
     }
 
     &[dir-top] {
-        border-top: solid 1px rgb(93, 93, 93);
+        border-top: solid 1px #47484a;
 
         &::after {
             top: 0;
@@ -27,7 +27,7 @@
     }
 
     &[dir-left] {
-        border-left: solid 1px rgb(93, 93, 93);
+        border-left: solid 1px #47484a;
 
         &::after {
             top: 0;
@@ -38,7 +38,7 @@
     }
 
     &[dir-right] {
-        border-right: solid 1px rgb(93, 93, 93);
+        border-right: solid 1px #47484a;
 
         &::after {
             top: 0;
@@ -49,7 +49,7 @@
     }
 
     &[dir-bottom] {
-        border-bottom: solid 1px rgb(93, 93, 93);
+        border-bottom: solid 1px #47484a;
 
         &::after {
             left: 0;

+ 25 - 8
src/framework/Head.vue

@@ -1,5 +1,9 @@
 <template>
   <header class="app-head" app-border dir-bottom>
+    <a class="app-head-back" href="./material.html#/works">
+      <i class="iconfont icon-editor_return" ></i>
+      返回我的作品
+    </a>
     <span class="app-head-title">{{ info.name }}</span>
     <div class="app-head-save ui-button deepcancel app-head-view" @click="onView" :class="{ disable: !canLoad }">
       <i class="iconfont iconeditor_preview"></i>
@@ -222,18 +226,31 @@ export default {
 </script>
 <style lang="less">
 .app-head {
-  display: flex;
   width: 100%;
   min-width: 50px;
-  align-items: center;
-  justify-content: center;
+  height: 60px;
+  position: relative;
+}
+.app-head-back {
+  color: white;
+  display: flex;
+  align-items: baseline;
+  font-size: 16px;
+  position: absolute;
+  left: 24px;
+  top: 50%;
+  transform: translateY(-50%);
+  > i {
+    margin-right: 15px;
+  }
 }
 .app-head-title {
-  display: inline-block;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
   font-size: 16px;
-  height: 50px;
-  line-height: 50px;
-  text-align: center;
+  color: white;
 }
 .app-head-save {
   cursor: pointer;
@@ -242,8 +259,8 @@ export default {
   align-items: center;
   position: absolute;
   top: 50%;
+  transform: translateY(-50%);
   right: 10px;
-  margin-top: -16px;
   i {
     font-size: 14px;
     margin-right: 4px;