Browse Source

首次提交

aliyun0758874076 1 year ago
parent
commit
10440b9e07
100 changed files with 183 additions and 28 deletions
  1. 3 0
      package.json
  2. BIN
      public/favicon.ico
  3. 63 15
      public/index.html
  4. 117 13
      src/App.vue
  5. BIN
      src/assets/image/about/about.png
  6. BIN
      src/assets/image/about/aboutbkiamge.png
  7. BIN
      src/assets/image/about/background1.png
  8. BIN
      src/assets/image/about/bosstext.png
  9. BIN
      src/assets/image/about/childrenimg/boy1.png
  10. BIN
      src/assets/image/about/childrenimg/boy2.png
  11. BIN
      src/assets/image/about/childrenimg/dizi.png
  12. BIN
      src/assets/image/about/childrenimg/phone.png
  13. BIN
      src/assets/image/about/childrenimg/text1.png
  14. BIN
      src/assets/image/about/childrenimg/text2.png
  15. BIN
      src/assets/image/about/childrenimg/xinfeng.png
  16. BIN
      src/assets/image/about/download.png
  17. BIN
      src/assets/image/about/fazhan.png
  18. BIN
      src/assets/image/about/good.png
  19. BIN
      src/assets/image/about/jingbu.png
  20. BIN
      src/assets/image/about/left.png
  21. BIN
      src/assets/image/about/niubi.png
  22. BIN
      src/assets/image/about/rongyu1.png
  23. BIN
      src/assets/image/about/rongyu2.png
  24. BIN
      src/assets/image/about/rongyu3.png
  25. BIN
      src/assets/image/about/rongyu4.png
  26. BIN
      src/assets/image/about/rongyu5.png
  27. BIN
      src/assets/image/about/weiyuanhui.png
  28. BIN
      src/assets/image/about/youshi.png
  29. BIN
      src/assets/image/content_image.png
  30. BIN
      src/assets/image/guanzhu.png
  31. BIN
      src/assets/image/home/fuwu1.png
  32. BIN
      src/assets/image/home/fuwu2.png
  33. BIN
      src/assets/image/home/fuwu3.png
  34. BIN
      src/assets/image/home/fuwu4.png
  35. BIN
      src/assets/image/home/fuwu5.png
  36. BIN
      src/assets/image/home/fuwu6.png
  37. BIN
      src/assets/image/home/hezuo.png
  38. BIN
      src/assets/image/home/pingtai.png
  39. BIN
      src/assets/image/home/pingtai1.png
  40. BIN
      src/assets/image/home/pingtai2.png
  41. BIN
      src/assets/image/home/pingtai3.png
  42. BIN
      src/assets/image/home/pingtai4.png
  43. BIN
      src/assets/image/home/pingtai5.png
  44. BIN
      src/assets/image/home/pingtai6.png
  45. BIN
      src/assets/image/home/saomaxiadan.png
  46. BIN
      src/assets/image/home/tese.png
  47. BIN
      src/assets/image/home/wenjian.png
  48. BIN
      src/assets/image/home/youshi.png
  49. BIN
      src/assets/image/login/background.png
  50. BIN
      src/assets/image/login/checkkbox.png
  51. BIN
      src/assets/image/login/code.png
  52. BIN
      src/assets/image/login/password.png
  53. BIN
      src/assets/image/login/yanzheng.png
  54. BIN
      src/assets/image/login/zhnaghao.png
  55. BIN
      src/assets/image/logo.png
  56. BIN
      src/assets/image/newinformation/banner.png
  57. BIN
      src/assets/image/newinformation/building.png
  58. BIN
      src/assets/image/newinformation/car.png
  59. BIN
      src/assets/image/newinformation/footerimg1.png
  60. BIN
      src/assets/image/newinformation/footerimg2.png
  61. BIN
      src/assets/image/newinformation/footerimg3.png
  62. BIN
      src/assets/image/newinformation/footerimg4.png
  63. BIN
      src/assets/image/newinformation/footerimg5.png
  64. BIN
      src/assets/image/newinformation/footerimg6.png
  65. BIN
      src/assets/image/newinformation/footerimg7.png
  66. BIN
      src/assets/image/newinformation/footerimg8.png
  67. BIN
      src/assets/image/newinformation/hangyezixun.png
  68. BIN
      src/assets/image/newinformation/imgarr1.png
  69. BIN
      src/assets/image/newinformation/imgarr2.png
  70. BIN
      src/assets/image/newinformation/imgarr3.png
  71. BIN
      src/assets/image/newinformation/imgarr4.png
  72. BIN
      src/assets/image/newinformation/pingtaifabu.png
  73. BIN
      src/assets/image/newinformation/water.png
  74. BIN
      src/assets/image/newinformation/ziyepeixun.png
  75. BIN
      src/assets/image/newinformation/zuixinzixun.png
  76. BIN
      src/assets/image/productCenter/banner.png
  77. BIN
      src/assets/image/productCenter/banner2.png
  78. BIN
      src/assets/image/productCenter/boy1.png
  79. BIN
      src/assets/image/productCenter/dingdanchuli.png
  80. BIN
      src/assets/image/productCenter/fuwujilu.png
  81. BIN
      src/assets/image/productCenter/fuwutese.png
  82. BIN
      src/assets/image/productCenter/gongnengtese.png
  83. BIN
      src/assets/image/productCenter/gril1.png
  84. BIN
      src/assets/image/productCenter/gril2.png
  85. BIN
      src/assets/image/productCenter/img_arr1.png
  86. BIN
      src/assets/image/productCenter/img_arr2.png
  87. BIN
      src/assets/image/productCenter/img_arr3.png
  88. BIN
      src/assets/image/productCenter/img_arr4.png
  89. BIN
      src/assets/image/productCenter/img_arr5.png
  90. BIN
      src/assets/image/productCenter/img_arr6.png
  91. BIN
      src/assets/image/productCenter/imgarr1.png
  92. BIN
      src/assets/image/productCenter/imgarr2.png
  93. BIN
      src/assets/image/productCenter/imgarr3.png
  94. BIN
      src/assets/image/productCenter/imgarr4.png
  95. BIN
      src/assets/image/productCenter/jiahzengfuwu.png
  96. BIN
      src/assets/image/productCenter/mendianguanli.png
  97. BIN
      src/assets/image/productCenter/qingsong4bu.png
  98. BIN
      src/assets/image/productCenter/renyuangaunli.png
  99. BIN
      src/assets/image/productCenter/shanghuruzhu.png
  100. BIN
      src/assets/image/productCenter/threeoldbaby.png

+ 3 - 0
package.json

@@ -8,7 +8,10 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
+    "axios": "^1.4.0",
     "core-js": "^3.8.3",
+    "element-plus": "^2.3.4",
+    "storejs": "^2.0.5",
     "vue": "^3.2.13",
     "vue-router": "^4.0.3"
   },

BIN
public/favicon.ico


+ 63 - 15
public/index.html

@@ -1,17 +1,65 @@
 <!DOCTYPE html>
 <html lang="">
-  <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width,initial-scale=1.0">
-    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-    <title><%= htmlWebpackPlugin.options.title %></title>
-  </head>
-  <body>
-    <noscript>
-      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
-    </noscript>
-    <div id="app"></div>
-    <!-- built files will be auto injected -->
-  </body>
-</html>
+
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <!-- <meta name="viewport" content="width=device-width,initial-scale=1.0"> -->
+  <link rel="icon" href="<%= BASE_URL %>favicon.ico">
+  <title>欢迎光临巨蜂平台官网</title>
+  <meta name="viewport"
+    content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
+  <!-- <style>
+    /* 轮播图样式 */
+    .swiper-list {
+      height: 17.7083vw;
+      position: relative;
+      overflow: hidden;
+      border: 1px solid #eee;
+      padding: 30px 0;
+    }
+
+    .swiper-main {
+      height: 100%;
+      position: relative;
+    }
+
+    .swiper-main img {
+      height: 100%;
+      display: block;
+      position: absolute;
+      top: 0px;
+      border-radius: 4px;
+      display: inline-block;
+      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+    }
+
+    .btn {
+      position: absolute;
+      top: 50%;
+      transform: translateY(-50%);
+      width: 30px;
+      height: 30px;
+      z-index: 1002;
+    }
+
+    .leftBtn {
+      left: 0px;
+    }
+
+    .rightBtn {
+      right: 0px;
+    }
+  </style> -->
+</head>
+
+<body>
+  <noscript>
+    <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled.
+      Please enable it to continue.</strong>
+  </noscript>
+  <div id="app"></div>
+  <!-- built files will be auto injected -->
+</body>
+
+</html>

+ 117 - 13
src/App.vue

@@ -1,11 +1,9 @@
 <template>
-  <nav>
-    <router-link to="/">Home</router-link> |
-    <router-link to="/about">About</router-link>
-  </nav>
-  <router-view />
+  <router-view></router-view>
 </template>
 
+<script setup></script>
+
 <style lang="scss">
 #app {
   font-family: Avenir, Helvetica, Arial, sans-serif;
@@ -14,17 +12,123 @@
   text-align: center;
   color: #2c3e50;
 }
+* {
+  padding: 0px;
+  margin: 0px;
+  box-sizing: border-box;
+  text-decoration: none;
+}
 
-nav {
-  padding: 30px;
-
-  a {
-    font-weight: bold;
-    color: #2c3e50;
+/* 中间部分banner图样式 在此处设为全局样式 */
+.container_image {
+  display: block;
+  width: 100vw;
+  height: 23.9583vw;
+}
 
-    &.router-link-exact-active {
-      color: #42b983;
+/* 每个中间展示区块的样式,提取为公共样式使用 */
+.homePage {
+  width: 100vw;
+  height: auto;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  /* 每个区块的头部 */
+  .pageHead {
+    margin-top: 50px;
+    width: 62.7083vw;
+    height: 2.6042vw;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    .header_image {
+      width: 27.2396vw;
+      height: 4.9479vw;
+    }
+    .header_text {
+      font-size: 0.8333vw;
+      width: 27.2396vw;
+      height: 2.5vw;
+      text-align: left;
+      color: #666666;
+      font-family: SourceHanSansSC-regular;
     }
   }
+  /* 宫廷文件展示图 */
+  .pageBanner {
+    width: 62.7083vw;
+    height: 35.5208vw;
+    margin-top: 50px;
+  }
+  .advantage {
+    width: 62.7083vw;
+    height: auto;
+    margin-top: 50px;
+    display: grid;
+    grid-template-columns: repeat(3, 19.5833vw);
+    grid-template-rows: repeat(2, 14.5313vw);
+    gap: 1.8229vw 1.8229vw;
+    > img {
+      width: 19.5833vw;
+      height: 14.4792vw;
+    }
+    .advabtage_item {
+      width: 19.5833vw;
+      height: 22.1875vw;
+      img {
+        width: 19.5833vw;
+        height: 11.0417vw;
+      }
+      > div {
+        position: relative;
+        width: 19.5833vw;
+        height: 10.9375vw;
+        padding-top: 1.0417vw;
+        padding-left: 1.5625vw;
+        p {
+          width: 9.375vw;
+          height: 2.3438vw;
+          font-size: 1.5625vw;
+          font-weight: 800;
+          color: rgba(255, 255, 255, 1);
+          text-align: left;
+          font-family: SourceHanSansSC-regular;
+        }
+        span {
+          margin-top: 0.3646vw;
+          font-size: 0.9375vw;
+          width: 13.0208vw;
+          height: 2.8125vw;
+          display: block;
+          color: rgba(255, 255, 255, 1);
+          text-align: left;
+          font-family: SourceHanSansSC-regular;
+        }
+        /* 详情按钮 */
+        .ad_button {
+          display: block;
+          border-radius: 50%;
+          position: relative;
+          top: 0vw;
+          left: 13.5417vw;
+          width: 3.4375vw;
+          height: 3.4375vw;
+          line-height: 3.4375vw;
+          color: rgba(64, 168, 247, 1);
+          background-color: rgba(255, 255, 255, 1);
+          font-size: 0.7292vw;
+          text-align: center;
+          box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
+          font-family: Roboto;
+        }
+      }
+    }
+  }
+  .advantage2 {
+    margin-bottom: 2.6042vw;
+    grid-template-columns: repeat(3, 19.5833vw);
+    grid-template-rows: repeat(2, 22.1875vw);
+  }
 }
 </style>

BIN
src/assets/image/about/about.png


BIN
src/assets/image/about/aboutbkiamge.png


BIN
src/assets/image/about/background1.png


BIN
src/assets/image/about/bosstext.png


BIN
src/assets/image/about/childrenimg/boy1.png


BIN
src/assets/image/about/childrenimg/boy2.png


BIN
src/assets/image/about/childrenimg/dizi.png


BIN
src/assets/image/about/childrenimg/phone.png


BIN
src/assets/image/about/childrenimg/text1.png


BIN
src/assets/image/about/childrenimg/text2.png


BIN
src/assets/image/about/childrenimg/xinfeng.png


BIN
src/assets/image/about/download.png


BIN
src/assets/image/about/fazhan.png


BIN
src/assets/image/about/good.png


BIN
src/assets/image/about/jingbu.png


BIN
src/assets/image/about/left.png


BIN
src/assets/image/about/niubi.png


BIN
src/assets/image/about/rongyu1.png


BIN
src/assets/image/about/rongyu2.png


BIN
src/assets/image/about/rongyu3.png


BIN
src/assets/image/about/rongyu4.png


BIN
src/assets/image/about/rongyu5.png


BIN
src/assets/image/about/weiyuanhui.png


BIN
src/assets/image/about/youshi.png


BIN
src/assets/image/content_image.png


BIN
src/assets/image/guanzhu.png


BIN
src/assets/image/home/fuwu1.png


BIN
src/assets/image/home/fuwu2.png


BIN
src/assets/image/home/fuwu3.png


BIN
src/assets/image/home/fuwu4.png


BIN
src/assets/image/home/fuwu5.png


BIN
src/assets/image/home/fuwu6.png


BIN
src/assets/image/home/hezuo.png


BIN
src/assets/image/home/pingtai.png


BIN
src/assets/image/home/pingtai1.png


BIN
src/assets/image/home/pingtai2.png


BIN
src/assets/image/home/pingtai3.png


BIN
src/assets/image/home/pingtai4.png


BIN
src/assets/image/home/pingtai5.png


BIN
src/assets/image/home/pingtai6.png


BIN
src/assets/image/home/saomaxiadan.png


BIN
src/assets/image/home/tese.png


BIN
src/assets/image/home/wenjian.png


BIN
src/assets/image/home/youshi.png


BIN
src/assets/image/login/background.png


BIN
src/assets/image/login/checkkbox.png


BIN
src/assets/image/login/code.png


BIN
src/assets/image/login/password.png


BIN
src/assets/image/login/yanzheng.png


BIN
src/assets/image/login/zhnaghao.png


BIN
src/assets/image/logo.png


BIN
src/assets/image/newinformation/banner.png


BIN
src/assets/image/newinformation/building.png


BIN
src/assets/image/newinformation/car.png


BIN
src/assets/image/newinformation/footerimg1.png


BIN
src/assets/image/newinformation/footerimg2.png


BIN
src/assets/image/newinformation/footerimg3.png


BIN
src/assets/image/newinformation/footerimg4.png


BIN
src/assets/image/newinformation/footerimg5.png


BIN
src/assets/image/newinformation/footerimg6.png


BIN
src/assets/image/newinformation/footerimg7.png


BIN
src/assets/image/newinformation/footerimg8.png


BIN
src/assets/image/newinformation/hangyezixun.png


BIN
src/assets/image/newinformation/imgarr1.png


BIN
src/assets/image/newinformation/imgarr2.png


BIN
src/assets/image/newinformation/imgarr3.png


BIN
src/assets/image/newinformation/imgarr4.png


BIN
src/assets/image/newinformation/pingtaifabu.png


BIN
src/assets/image/newinformation/water.png


BIN
src/assets/image/newinformation/ziyepeixun.png


BIN
src/assets/image/newinformation/zuixinzixun.png


BIN
src/assets/image/productCenter/banner.png


BIN
src/assets/image/productCenter/banner2.png


BIN
src/assets/image/productCenter/boy1.png


BIN
src/assets/image/productCenter/dingdanchuli.png


BIN
src/assets/image/productCenter/fuwujilu.png


BIN
src/assets/image/productCenter/fuwutese.png


BIN
src/assets/image/productCenter/gongnengtese.png


BIN
src/assets/image/productCenter/gril1.png


BIN
src/assets/image/productCenter/gril2.png


BIN
src/assets/image/productCenter/img_arr1.png


BIN
src/assets/image/productCenter/img_arr2.png


BIN
src/assets/image/productCenter/img_arr3.png


BIN
src/assets/image/productCenter/img_arr4.png


BIN
src/assets/image/productCenter/img_arr5.png


BIN
src/assets/image/productCenter/img_arr6.png


BIN
src/assets/image/productCenter/imgarr1.png


BIN
src/assets/image/productCenter/imgarr2.png


BIN
src/assets/image/productCenter/imgarr3.png


BIN
src/assets/image/productCenter/imgarr4.png


BIN
src/assets/image/productCenter/jiahzengfuwu.png


BIN
src/assets/image/productCenter/mendianguanli.png


BIN
src/assets/image/productCenter/qingsong4bu.png


BIN
src/assets/image/productCenter/renyuangaunli.png


BIN
src/assets/image/productCenter/shanghuruzhu.png


BIN
src/assets/image/productCenter/threeoldbaby.png


Some files were not shown because too many files changed in this diff