迁移页面，已完成dym类型页面

components/header.vue

@@ -67,15 +67,6 @@ export default {
   data() {
     return {
       searchVal: '',
-      // menuList: [
-      //   { name: this.$t('menu.Home'), href: '/' },
-      //   { name: this.$t('menu.AboutUs'), href: '/abou-us' },
-      //   { name: this.$t('menu.Products'), href: '/products' },
-      //   { name: this.$t('menu.News'), href: '/news' },
-      //   { name: this.$t('menu.Exhibition'), href: '/exhibition' },
-      //   { name: this.$t('menu.ContactUs'), href: '/contact-us' },
-      //   { name: this.$t('menu.Feedback'), href: '/feedback' },
-      // ]
     }
   },
   computed: {

pages/index.vue

@@ -64,8 +64,8 @@
                 <article class="product-card box_shadow">
                   <img class="cover" :src="son.mainPic" :alt="son.title"></img>
                   <div class="product-card-content">
-                    <h4>{{ son.title }}</h4>
+                    <h4 class="text-ellipsis">{{ son.title }}</h4>
-                    <div v-html="son.description"></div>
+                    <div class="text-ellipsis" v-html="son.description"></div>
                     <!-- <p>{{ $t('common.truckModel') }}: ZZ4257N3247C1</p>
                     <p>{{ $t('common.dimension') }}: 6800x2490x3668</p>
                     <p>{{ $t('common.approachingAngle/Departure') }}: 16/70</p> -->
@@ -358,8 +358,12 @@ export default {
         padding: 1.125rem 1rem;
         border-top: .0625rem solid #e6e8ec;
         font-size: .875rem;
+        >div {
+        	-webkit-line-clamp: 4;
+        }
         h4 {
           margin-bottom: .8125rem;
+        	-webkit-line-clamp: 1;
           color: #212222;
           font-size: .875rem;
         }

pages/separate.vue

@@ -0,0 +1,57 @@
+<template>
+  <!-- 单页面模块 -->
+  <div class="content">
+    <BannerTop :options="bannerTopOptions"/>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: 'separate',
+  data() {
+    return {
+      
+    }
+  },
+  async asyncData({$axios,query}) {
+    const { data: pageInfo } = await $axios.get(`/web/categoryInfo?id=${query.catgId}`)
+
+    let bannerTopOptions = {
+      title: pageInfo.title,
+      subTitle: pageInfo.description,
+      img:  require('../assets/image/banner/aboutus-banner.png')
+    }
+    
+    return {
+      pageInfo,
+      bannerTopOptions
+    }
+  },
+  head() {
+    return {
+      title: this.pageInfo.title,
+      meta: [
+        {
+          hid: 'keywords',
+          name: 'keywords',
+          content: this.pageInfo.keyword
+        },
+        {
+          hid: 'description',
+          name: 'description',
+          content: this.pageInfo.description
+        }
+      ]
+    }
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.content {
+  width: 100%;
+  height: 100%;
+}
+
+</style>