页面修改

package.json

@@ -16,6 +16,7 @@
   "dependencies": {
     "@quasar/extras": "^1.0.0",
     "axios": "^0.18.1",
+    "js-md5": "^0.7.3",
     "qrcode.vue": "^1.7.0",
     "qrcodejs2": "^0.0.2",
     "quasar": "^1.0.0",

quasar.conf.js

@@ -83,7 +83,7 @@ module.exports = function( /* ctx */ ) {
         // Full list of options: https://quasar.dev/quasar-cli/quasar-conf-js#Property%3A-devServer
         devServer: {
             https: false,
-            port: 8080,
+            port: 9090,
             open: true // opens browser window automatically
         },
 

src/pages/About.vue

@@ -3,12 +3,70 @@
     <div>
       {{AboutData}}
     </div>
+    <template v-for="(item,index) in AboutData"></template>
+
   </q-page>
 
 </template>
 <script>
+  import headStyle1 from "../components/swiper/style1";
+  import headStyle2 from "../components/swiper/style2";
+  import headStyle3 from "../components/swiper/style3";
+  import headStyle4 from "../components/swiper/style4";
+  import headStyle5 from "../components/swiper/style5";
+  import headStyle6 from "../components/swiper/style6";
+  import headStyle7 from "../components/swiper/style7";
+  import headStyle8 from "../components/swiper/style8";
+  import headStyle9 from "../components/swiper/style9";
+  import headStyle10 from "../components/swiper/style10";
+  import headStyle11 from "../components/swiper/style11";
+  import videoOne from "../components/videos/video-one";
+  import videoTwo from "../components/videos/video-two";
+  import diyImgOne from "../components/diy-module-img/diy-img-one";
+  import diyImgTwo from "../components/diy-module-img/diy-img-two";
+  import diyImgThree from "../components/diy-module-img/diy-img-three";
+  import diyImgFour from "../components/diy-module-img/diy-img-four";
+  import diyImgFive from "../components/diy-module-img/diy-img-five";
+  import diyImgSix from "../components/diy-module-img/diy-img-six";
+  import qrLeft from "../components/qrcode/left";
+  import qrRight from "../components/qrcode/right";
+  import aboutLeft from "../components/about/left";
+  import aboutRight from "../components/about/right";
+  import aboutCenter from "../components/about/center";
+  import about1 from "../components/about/about1";
+  import about2 from "../components/about/about2";
+  import about3 from "../components/about/about3";
   export default {
     name: "PageAbout",
+    components: {
+      headStyle1,
+      headStyle2,
+      headStyle3,
+      headStyle4,
+      headStyle5,
+      headStyle6,
+      headStyle7,
+      headStyle8,
+      headStyle9,
+      headStyle10,
+      headStyle11,
+      videoOne,
+      videoTwo,
+      diyImgOne,
+      diyImgTwo,
+      diyImgThree,
+      diyImgFour,
+      diyImgFive,
+      diyImgSix,
+      qrLeft,
+      qrRight,
+      aboutLeft,
+      aboutRight,
+      aboutCenter,
+      about1,
+      about2,
+      about3
+    },
     data() {
       return {
         RB_Group_Id: 0,