Przeglądaj źródła

init:含功能

aamin 1 rok temu
commit
759c9549f6
100 zmienionych plików z 21013 dodań i 0 usunięć
  1. 3 0
      .browserslistrc
  2. 17 0
      .eslintrc.js
  3. 23 0
      .gitignore
  4. 24 0
      README.md
  5. 5 0
      babel.config.js
  6. 9 0
      babelrc
  7. 19 0
      jsconfig.json
  8. 20556 0
      package-lock.json
  9. 37 0
      package.json
  10. BIN
      public/favicon.ico
  11. 23 0
      public/index.html
  12. BIN
      public/staticData/ManPic/0.jpg
  13. BIN
      public/staticData/ManPic/1.jpg
  14. BIN
      public/staticData/ManPic/10.jpg
  15. BIN
      public/staticData/ManPic/11.jpg
  16. BIN
      public/staticData/ManPic/12.jpg
  17. BIN
      public/staticData/ManPic/2.jpg
  18. BIN
      public/staticData/ManPic/3.jpg
  19. BIN
      public/staticData/ManPic/4.jpg
  20. BIN
      public/staticData/ManPic/5.jpg
  21. BIN
      public/staticData/ManPic/6.jpg
  22. BIN
      public/staticData/ManPic/7.jpg
  23. BIN
      public/staticData/ManPic/8.jpg
  24. BIN
      public/staticData/ManPic/9.jpg
  25. BIN
      public/staticData/WomanPic/13.jpg
  26. BIN
      public/staticData/WomanPic/14.jpg
  27. BIN
      public/staticData/WomanPic/15.jpg
  28. BIN
      public/staticData/WomanPic/16.jpg
  29. BIN
      public/staticData/WomanPic/17.jpg
  30. BIN
      public/staticData/WomanPic/18.jpg
  31. BIN
      public/staticData/WomanPic/19.jpg
  32. BIN
      public/staticData/WomanPic/20.jpg
  33. BIN
      public/staticData/WomanPic/21.jpg
  34. BIN
      public/staticData/WomanPic/22.jpg
  35. BIN
      public/staticData/WomanPic/23.jpg
  36. BIN
      public/staticData/WomanPic/24.jpg
  37. BIN
      public/staticData/WomanPic/25.jpg
  38. BIN
      public/staticData/WomanPic/26.jpg
  39. BIN
      public/staticData/WomanPic/27.jpg
  40. BIN
      public/staticData/WomanPic/28.jpg
  41. BIN
      public/staticData/WomanPic/29.jpg
  42. BIN
      public/staticData/WomanPic/30.jpg
  43. BIN
      public/staticData/WomanPic/31.jpg
  44. BIN
      public/staticData/WomanPic/32.jpg
  45. BIN
      public/staticData/WomanPic/33.jpg
  46. BIN
      public/staticData/WomanPic/34.jpg
  47. BIN
      public/staticData/WomanPic/35.jpg
  48. 117 0
      public/staticData/data.js
  49. 1 0
      src/.env.development
  50. 1 0
      src/.env.production
  51. 146 0
      src/App.vue
  52. 22 0
      src/api/home.js
  53. 10 0
      src/assets/css/reset.css
  54. BIN
      src/assets/fonts/SourceHanSansCN-Bold.otf
  55. BIN
      src/assets/fonts/SourceHanSansCN-Regular.otf
  56. BIN
      src/assets/img/Home/1.png
  57. BIN
      src/assets/img/Home/1/0.png
  58. BIN
      src/assets/img/Home/1/1.png
  59. BIN
      src/assets/img/Home/1/10.png
  60. BIN
      src/assets/img/Home/1/11.png
  61. BIN
      src/assets/img/Home/1/2.png
  62. BIN
      src/assets/img/Home/1/3.png
  63. BIN
      src/assets/img/Home/1/4.png
  64. BIN
      src/assets/img/Home/1/5.png
  65. BIN
      src/assets/img/Home/1/6.png
  66. BIN
      src/assets/img/Home/1/7.png
  67. BIN
      src/assets/img/Home/1/8.png
  68. BIN
      src/assets/img/Home/1/9.png
  69. BIN
      src/assets/img/Home/1_1.png
  70. BIN
      src/assets/img/Home/2.png
  71. BIN
      src/assets/img/Home/2/0.png
  72. BIN
      src/assets/img/Home/2/1.png
  73. BIN
      src/assets/img/Home/2/10.png
  74. BIN
      src/assets/img/Home/2/2.png
  75. BIN
      src/assets/img/Home/2/3.png
  76. BIN
      src/assets/img/Home/2/4.png
  77. BIN
      src/assets/img/Home/2/5.png
  78. BIN
      src/assets/img/Home/2/6.png
  79. BIN
      src/assets/img/Home/2/7.png
  80. BIN
      src/assets/img/Home/2/8.png
  81. BIN
      src/assets/img/Home/2/9.png
  82. BIN
      src/assets/img/Home/2_1.png
  83. BIN
      src/assets/img/Home/3.png
  84. BIN
      src/assets/img/Home/3/0.png
  85. BIN
      src/assets/img/Home/3/1.png
  86. BIN
      src/assets/img/Home/3/2.png
  87. BIN
      src/assets/img/Home/3/3.png
  88. BIN
      src/assets/img/Home/3/4.png
  89. BIN
      src/assets/img/Home/3/5.png
  90. BIN
      src/assets/img/Home/3/6.png
  91. BIN
      src/assets/img/Home/3_1.png
  92. BIN
      src/assets/img/Home/4dart.jpg
  93. BIN
      src/assets/img/Home/btn-pic-list.png
  94. BIN
      src/assets/img/Home/btn-pic-take.png
  95. BIN
      src/assets/img/Home/close-icon.png
  96. BIN
      src/assets/img/MyPhoto/back.png
  97. BIN
      src/assets/img/MyPhoto/close-icon.png
  98. BIN
      src/assets/img/MyPhoto/mypic.png
  99. BIN
      src/assets/img/close.png
  100. 0 0
      src/assets/img/landtip.png

+ 3 - 0
.browserslistrc

@@ -0,0 +1,3 @@
+> 1%
+last 2 versions
+not dead

+ 17 - 0
.eslintrc.js

@@ -0,0 +1,17 @@
+module.exports = {
+  root: true,
+  env: {
+    node: true
+  },
+  'extends': [
+    'plugin:vue/essential',
+    'eslint:recommended'
+  ],
+  parserOptions: {
+    parser: '@babel/eslint-parser'
+  },
+  rules: {
+    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off'
+  }
+}

+ 23 - 0
.gitignore

@@ -0,0 +1,23 @@
+.DS_Store
+node_modules
+/dist
+
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

+ 24 - 0
README.md

@@ -0,0 +1,24 @@
+# hunqingwenhua
+
+## Project setup
+```
+npm install
+```
+
+### Compiles and hot-reloads for development
+```
+npm run serve
+```
+
+### Compiles and minifies for production
+```
+npm run build
+```
+
+### Lints and fixes files
+```
+npm run lint
+```
+
+### Customize configuration
+See [Configuration Reference](https://cli.vuejs.org/config/).

+ 5 - 0
babel.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  presets: [
+    '@vue/cli-plugin-babel/preset'
+  ]
+}

+ 9 - 0
babelrc

@@ -0,0 +1,9 @@
+{
+  "plugins": [
+    ["import", {
+      "libraryName": "vant",
+      "libraryDirectory": "es",
+      "style": true
+    }]
+  ]
+}

+ 19 - 0
jsconfig.json

@@ -0,0 +1,19 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "module": "esnext",
+    "baseUrl": "./",
+    "moduleResolution": "node",
+    "paths": {
+      "@/*": [
+        "src/*"
+      ]
+    },
+    "lib": [
+      "esnext",
+      "dom",
+      "dom.iterable",
+      "scripthost"
+    ]
+  }
+}

Plik diff jest za duży
+ 20556 - 0
package-lock.json


+ 37 - 0
package.json

@@ -0,0 +1,37 @@
+{
+  "name": "hunqingwenhua",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "serve": "vue-cli-service serve",
+    "build": "vue-cli-service build",
+    "lint": "vue-cli-service lint"
+  },
+  "dependencies": {
+    "axios": "^1.6.5",
+    "core-js": "^3.8.3",
+    "element-ui": "^2.15.14",
+    "normalize.css": "^8.0.1",
+    "swiper": "^5.4.5",
+    "vant": "^2.13.2",
+    "vue": "^2.6.14",
+    "vue-awesome-swiper": "^3.1.3",
+    "vue-router": "^3.5.1",
+    "vuex": "^3.6.2"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.12.16",
+    "@babel/eslint-parser": "^7.12.16",
+    "@vue/cli-plugin-babel": "~5.0.0",
+    "@vue/cli-plugin-eslint": "~5.0.0",
+    "@vue/cli-plugin-router": "~5.0.0",
+    "@vue/cli-plugin-vuex": "~5.0.0",
+    "@vue/cli-service": "~5.0.0",
+    "babel-plugin-import": "^1.13.8",
+    "eslint": "^7.32.0",
+    "eslint-plugin-vue": "^8.0.3",
+    "less": "^4.0.0",
+    "less-loader": "^8.0.0",
+    "vue-template-compiler": "^2.6.14"
+  }
+}

BIN
public/favicon.ico


+ 23 - 0
public/index.html

@@ -0,0 +1,23 @@
+<!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">
+  <!-- 本地开发 -->
+  <script src="./staticData/data.js"></script>
+  <!-- 打包配置 -->
+  <!-- <script src="./staticData/data.js"></script> -->
+  <title>四维艺术</title>
+</head>
+
+<body>
+  <noscript>
+    <strong></strong>
+  </noscript>
+  <div id="app"></div>
+</body>
+
+</html>

BIN
public/staticData/ManPic/0.jpg


BIN
public/staticData/ManPic/1.jpg


BIN
public/staticData/ManPic/10.jpg


BIN
public/staticData/ManPic/11.jpg


BIN
public/staticData/ManPic/12.jpg


BIN
public/staticData/ManPic/2.jpg


BIN
public/staticData/ManPic/3.jpg


BIN
public/staticData/ManPic/4.jpg


BIN
public/staticData/ManPic/5.jpg


BIN
public/staticData/ManPic/6.jpg


BIN
public/staticData/ManPic/7.jpg


BIN
public/staticData/ManPic/8.jpg


BIN
public/staticData/ManPic/9.jpg


BIN
public/staticData/WomanPic/13.jpg


BIN
public/staticData/WomanPic/14.jpg


BIN
public/staticData/WomanPic/15.jpg


BIN
public/staticData/WomanPic/16.jpg


BIN
public/staticData/WomanPic/17.jpg


BIN
public/staticData/WomanPic/18.jpg


BIN
public/staticData/WomanPic/19.jpg


BIN
public/staticData/WomanPic/20.jpg


BIN
public/staticData/WomanPic/21.jpg


BIN
public/staticData/WomanPic/22.jpg


BIN
public/staticData/WomanPic/23.jpg


BIN
public/staticData/WomanPic/24.jpg


BIN
public/staticData/WomanPic/25.jpg


BIN
public/staticData/WomanPic/26.jpg


BIN
public/staticData/WomanPic/27.jpg


BIN
public/staticData/WomanPic/28.jpg


BIN
public/staticData/WomanPic/29.jpg


BIN
public/staticData/WomanPic/30.jpg


BIN
public/staticData/WomanPic/31.jpg


BIN
public/staticData/WomanPic/32.jpg


BIN
public/staticData/WomanPic/33.jpg


BIN
public/staticData/WomanPic/34.jpg


BIN
public/staticData/WomanPic/35.jpg


+ 117 - 0
public/staticData/data.js

@@ -0,0 +1,117 @@
+const dataAll = {
+  compoundPicList: {
+    manList: [
+      {
+        id: 0,
+      },
+      {
+        id: 1,
+      },
+      {
+        id: 2,
+      },
+      {
+        id: 3,
+      },
+      {
+        id: 4,
+      },
+      {
+        id: 5,
+      },
+      {
+        id: 6,
+      },
+      {
+        id: 7,
+      },
+      {
+        id: 8,
+      },
+      {
+        id: 9,
+      },
+      {
+        id: 10,
+      },
+      {
+        id: 11,
+      },
+      {
+        id: 12,
+      },
+    ],
+    womanList: [
+      {
+        id: 13,
+      },
+      {
+        id: 14,
+      },
+      {
+        id: 15,
+      },
+      {
+        id: 16,
+      },
+      {
+        id: 17,
+      },
+      {
+        id: 18,
+      },
+      {
+        id: 19,
+      },
+      {
+        id: 20,
+      },
+      {
+        id: 21,
+      },
+      {
+        id: 22,
+      },
+      {
+        id: 23,
+      },
+      {
+        id: 24,
+      },
+      {
+        id: 25,
+      },
+      {
+        id: 26,
+      },
+      {
+        id: 27,
+      },
+      {
+        id: 28,
+      },
+      {
+        id: 29,
+      },
+      {
+        id: 30,
+      },
+      {
+        id: 31,
+      },
+      {
+        id: 32,
+      },
+      {
+        id: 33,
+      },
+      {
+        id: 34,
+      },
+      {
+        id: 35,
+      },
+    ]
+  },
+};
+

+ 1 - 0
src/.env.development

@@ -0,0 +1 @@
+VUE_APP_URL=

+ 1 - 0
src/.env.production

@@ -0,0 +1 @@
+VUE_APP_URL=

+ 146 - 0
src/App.vue

@@ -0,0 +1,146 @@
+<template>
+  <!-- <div id="app">
+    <nav>
+      <router-link to="/">Home</router-link> |
+      <router-link to="/about">About</router-link>
+      <div class="orientation-tip" v-if="isMobile"></div>
+      <div>
+        <img :src="require('@/assets/img/landtip.png')" alt="" />
+        <p>请在竖屏模式观看</p>
+      </div>
+    </nav>
+    <router-view />
+  </div> -->
+  <div class="vvvv" id="app">
+    <router-view />
+    <div class="orientation-tip" v-if="isMobile">
+      <div>
+        <img src='./assets/img/landtip.png' alt="" />
+        <p>请在竖屏模式观看</p>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import browser from '@/utils/browser'
+
+export default {
+  components: {},
+  data() {
+    return {
+      isMobile: browser.mobile,
+      time: null
+    };
+  },
+  computed: {},
+  watch: {},
+  methods: {
+
+  },
+  created() {
+
+    // console.log('dataAll数据', dataAll)
+
+    // 存入静态数据到仓库中
+    this.$store.dispatch('changeDataAll', dataAll);
+    const dom = document.querySelector("#app");
+    if (dom && document.documentElement.clientWidth < 480) {
+      dom.style.height = document.documentElement.clientHeight + "px";
+    }
+    // 移动端
+    window.addEventListener(
+      "resize",
+      () => {
+        //@ts-ignore
+        clearTimeout(this.time);
+        //@ts-ignore
+        this.time = window.setTimeout(() => {
+          // 根元素
+          const dom = document.querySelector("#app");
+          if (dom && document.documentElement.clientWidth < 480) {
+            dom.style.height = document.documentElement.clientHeight + "px";
+          }
+        }, 100);
+      },
+      true
+    );
+  },
+  mounted() {
+
+  },
+  beforeCreate() { }, //生命周期 - 创建之前
+  beforeMount() { }, //生命周期 - 挂载之前
+  beforeUpdate() { }, //生命周期 - 更新之前
+  updated() { }, //生命周期 - 更新之后
+  beforeDestroy() { }, //生命周期 - 销毁之前
+  destroyed() { }, //生命周期 - 销毁完成
+  activated() { }, //如果页面有keep-alive缓存功能,这个函数会触发
+}
+</script>
+
+<style lang="less">
+@font-face {
+  font-family: 'SourceHanSansCN-Regular';
+  src: url('./assets/fonts/SourceHanSansCN-Regular.otf');
+}
+
+@font-face {
+  font-family: 'SourceHanSansCN-Bold';
+  src: url('./assets/fonts/SourceHanSansCN-Bold.otf');
+}
+
+#app {
+  height: 100%;
+  max-width: 500px;
+  height: 100%;
+  margin: 0 auto;
+}
+
+
+// 横屏体验
+.orientation-tip {
+  width: 100%;
+  height: 100%;
+  z-index: 10000;
+  position: fixed;
+  top: 0;
+  left: 0;
+  display: none;
+  background-color: rgba(0, 0, 0, 0.8);
+  color: #fff;
+
+  >div {
+    position: absolute;
+    top: 50%;
+    width: 100%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    text-align: center;
+
+    >img {
+      width: 20%;
+    }
+
+    >p {
+      font-size: 16px;
+      margin-top: 20px;
+      width: 100%;
+    }
+  }
+}
+
+/*竖屏*/
+@media screen and (orientation: portrait) {
+  .orientation-tip {
+    display: none;
+  }
+}
+
+/*横屏*/
+@media screen and (orientation: landscape) {
+  .orientation-tip {
+    display: block;
+  }
+}
+</style>

+ 22 - 0
src/api/home.js

@@ -0,0 +1,22 @@
+import request from "@/utils/request";
+
+export function getInfo(params) {
+  return request({
+    url: "/user/info",
+    method: "get",
+    params,
+  });
+}
+
+
+//返回所有的res信息
+export function login(data) {
+  return request({
+    url: "/user/login",
+    method: "post",
+    data,
+    meta: {
+      responseAll: true, // 返回所有的信息,包括状态码和message和data
+    },
+  });
+}

+ 10 - 0
src/assets/css/reset.css

@@ -0,0 +1,10 @@
+* {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  box-sizing: border-box;
+}
+html,
+body {
+  height: 100%;
+}

BIN
src/assets/fonts/SourceHanSansCN-Bold.otf


BIN
src/assets/fonts/SourceHanSansCN-Regular.otf


BIN
src/assets/img/Home/1.png


BIN
src/assets/img/Home/1/0.png


BIN
src/assets/img/Home/1/1.png


BIN
src/assets/img/Home/1/10.png


BIN
src/assets/img/Home/1/11.png


BIN
src/assets/img/Home/1/2.png


BIN
src/assets/img/Home/1/3.png


BIN
src/assets/img/Home/1/4.png


BIN
src/assets/img/Home/1/5.png


BIN
src/assets/img/Home/1/6.png


BIN
src/assets/img/Home/1/7.png


BIN
src/assets/img/Home/1/8.png


BIN
src/assets/img/Home/1/9.png


BIN
src/assets/img/Home/1_1.png


BIN
src/assets/img/Home/2.png


BIN
src/assets/img/Home/2/0.png


BIN
src/assets/img/Home/2/1.png


BIN
src/assets/img/Home/2/10.png


BIN
src/assets/img/Home/2/2.png


BIN
src/assets/img/Home/2/3.png


BIN
src/assets/img/Home/2/4.png


BIN
src/assets/img/Home/2/5.png


BIN
src/assets/img/Home/2/6.png


BIN
src/assets/img/Home/2/7.png


BIN
src/assets/img/Home/2/8.png


BIN
src/assets/img/Home/2/9.png


BIN
src/assets/img/Home/2_1.png


BIN
src/assets/img/Home/3.png


BIN
src/assets/img/Home/3/0.png


BIN
src/assets/img/Home/3/1.png


BIN
src/assets/img/Home/3/2.png


BIN
src/assets/img/Home/3/3.png


BIN
src/assets/img/Home/3/4.png


BIN
src/assets/img/Home/3/5.png


BIN
src/assets/img/Home/3/6.png


BIN
src/assets/img/Home/3_1.png


BIN
src/assets/img/Home/4dart.jpg


BIN
src/assets/img/Home/btn-pic-list.png


BIN
src/assets/img/Home/btn-pic-take.png


BIN
src/assets/img/Home/close-icon.png


BIN
src/assets/img/MyPhoto/back.png


BIN
src/assets/img/MyPhoto/close-icon.png


BIN
src/assets/img/MyPhoto/mypic.png


BIN
src/assets/img/close.png


+ 0 - 0
src/assets/img/landtip.png


Niektóre pliki nie zostały wyświetlone z powodu dużej ilości zmienionych plików