Browse Source

change: contact us / about us 增加页面 title.

peter 7 months ago
parent
commit
031cbbcc93
2 changed files with 69 additions and 1 deletions
  1. 35 0
      pages/aboutus.vue
  2. 34 1
      pages/home/contactus.vue

+ 35 - 0
pages/aboutus.vue

@@ -1,5 +1,11 @@
 <template>
   <div class="com-main com-width-1400 com-margin-auto">
+    <el-breadcrumb separator-class="el-icon-arrow-right">
+      <el-breadcrumb-item :to="{ path: '/' }">Home</el-breadcrumb-item>
+      <el-breadcrumb-item>About Us</el-breadcrumb-item>
+    </el-breadcrumb>
+    <p class="title">About Us</p>
+    <div class="line"></div>
     <div
       class="content"
       v-html="info"></div>
@@ -21,3 +27,32 @@ export default {
   },
 }
 </script>
+
+<style lang="scss" scoped>
+.title {
+  height: 50px;
+  font-size: 35px;
+  font-family: Proxima Nova;
+  font-weight: bold;
+  color: #00213b;
+  text-align: center;
+  line-height: 50px;
+}
+.line {
+  width: 99px;
+  height: 4px;
+  background: #e90000;
+  margin: 15px auto;
+}
+:deep(.item) {
+  width: 1400px;
+  font-size: 18px;
+  font-family: Proxima Nova;
+  font-weight: 400;
+  color: #333333;
+  line-height: 24px;
+  p {
+    word-wrap: break-word;
+  }
+}
+</style>

+ 34 - 1
pages/home/contactus.vue

@@ -1,5 +1,11 @@
 <template>
   <div class="com-main com-width-1400 com-margin-auto">
+    <el-breadcrumb separator-class="el-icon-arrow-right">
+      <el-breadcrumb-item :to="{ path: '/' }">Home</el-breadcrumb-item>
+      <el-breadcrumb-item>Contact Us</el-breadcrumb-item>
+    </el-breadcrumb>
+    <p class="title">Contact Us</p>
+    <div class="line"></div>
     <div
       style="padding-left: 20px; font-size: 16px"
       v-html="info"></div>
@@ -213,4 +219,31 @@ export default {
   }
 }
 </style>
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.title {
+  height: 50px;
+  font-size: 35px;
+  font-family: Proxima Nova;
+  font-weight: bold;
+  color: #00213b;
+  text-align: center;
+  line-height: 50px;
+}
+.line {
+  width: 99px;
+  height: 4px;
+  background: #e90000;
+  margin: 15px auto;
+}
+:deep(.item) {
+  width: 1400px;
+  font-size: 18px;
+  font-family: Proxima Nova;
+  font-weight: 400;
+  color: #333333;
+  line-height: 24px;
+  p {
+    word-wrap: break-word;
+  }
+}
+</style>