pref:修改头部

sample-form-client-ui/admin/src/components/Header.vue

 <template>
-  <div class="header flex aic jcb">
-    <slot name="left">
-      <div class="back-one flex aic pointer" @click="handleBack">
-        <img class="mr10" src="../assets/img/31fanhui1.png" />
-        <span class="back-text">返回上一级</span>
-      </div>
-    </slot>
+  <div class="header flex aic jcc">
     <slot name="title" class="title">
       <div></div>
     </slot>
-    <slot name="right"><div></div></slot>
+    <div class="right-box flex aic">
+      <div class="back-one flex aic jcc pointer" @click="handleBack">
+        <span class="back-text">返回</span>
+      </div>
+      <slot name="right"><div></div></slot>
+    </div>
   </div>
 </template>
 
@@ -31,10 +30,16 @@ export default {
 .header {
   width: 100%;
   height: 100px;
-  padding: 0px 60px;
-  background: url("../assets/img/title.jpg") no-repeat center;
+  // padding: 0px 40px;
+  margin-bottom: 10px;
+  background: url("../assets/img/title_1.jpg") no-repeat center;
   background-size: 100% 100%;
+  // background: var(--main-theme-color);
   box-shadow: 0px 2px 6px 6px #ccc;
+  .right-box {
+    position: absolute;
+    right: 40px;
+  }
   .back-text {
     font-size: 28px;
     color: #ffffff;
@@ -45,5 +50,23 @@ export default {
     font-weight: 500;
     color: #ffffff;
   }
+
+  .back-one {
+    width: 150px;
+    height: 64px;
+    border: 1px solid var(--main-h1-color);
+    border-radius: 8px;
+    cursor: pointer;
+    .el-icon-arrow-left,
+    .icon-home {
+      font-size: 26px;
+      color: var(--main-h1-color);
+    }
+    span {
+      font-size: 28px;
+      font-family: Microsoft YaHei;
+      color: var(--main-h1-color);
+    }
+  }
 }
 </style>

sample-form-client-ui/admin/src/components/SearchBox.vue

 <template>
   <div class="search-box" :style="{ width }">
-    <el-input placeholder="输入关键词查询" :value="value" @input="changeInput">
+    <el-input
+      placeholder="输入关键词查询"
+      :value="value"
+      @keyup.native.enter="handleSearch"
+      @input="changeInput"
+    >
       <i
         v-show="value"
         slot="suffix"

sample-form-client-ui/admin/src/pages/home/Home.vue

@@ -32,7 +32,11 @@
     <div class="flex flexc aic">
       <img class="mb32" width="700" src="../../assets/img/png_title@2x.png" />
       <div class="search-box">
-        <el-input v-model="search" placeholder="输入关键词查询">
+        <el-input
+          v-model="search"
+          placeholder="输入关键词查询"
+          @keyup.native.enter="handleSearch"
+        >
           <i
             v-show="search"
             slot="suffix"

sample-form-client-ui/admin/src/pages/showpage/ShowMaterials.vue

@@ -3,9 +3,13 @@
   <div class="write-page flex flexc">
     <Header>
       <div slot="title" class="title">样表展示</div>
-      <div slot="right" class="back-home flex aic" @click="handleBackHome">
-        <img class="mr10" src="../../assets/img/shouye.png" />
-        返回首页
+      <div
+        slot="right"
+        class="back-home flex aic jcc ml20"
+        @click="handleBackHome"
+      >
+        <i class="iconfont icon-home mr10"></i>
+        <span>首页</span>
       </div>
     </Header>
     <div class="main flex1 flex jcc scroll3">
@@ -179,10 +183,21 @@ export default {
   height: 100%;
   background-color: #f5f5f5;
   .back-home {
-    font-size: 28px;
-    font-family: Source Han Sans CN;
-    color: #ffffff;
+    width: 150px;
+    height: 64px;
+    border: 1px solid var(--main-h1-color);
+    border-radius: 8px;
     cursor: pointer;
+    .el-icon-arrow-left,
+    .icon-home {
+      font-size: 26px;
+      color: var(--main-h1-color);
+    }
+    span {
+      font-size: 28px;
+      font-family: Microsoft YaHei;
+      color: var(--main-h1-color);
+    }
   }
 }
 .main {
@@ -304,6 +319,7 @@ export default {
       top: 50px;
       .sidebar-btn-title {
         writing-mode: vertical-lr;
+        letter-spacing: 3px;
       }
     }
   }