互动通病库

commit 9ba1c36afd0aea7ec60a87d593e6ee73fb02d6d7 Author: Joe Date: Tue Feb 27 16:09:59 2024 +0800 first commit diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..51b3106 --- /dev/null +++ b/.gitignore @@ -0,0 +1,24 @@ +.DS_Store +node_modules +/dist +package-lock.json + + +# 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? diff --git a/README.md b/README.md new file mode 100644 index 0000000..e8c956f --- /dev/null +++ b/README.md @@ -0,0 +1,24 @@ +# shop-tour-front + +## 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/). diff --git a/babel.config.js b/babel.config.js new file mode 100644 index 0000000..ddd6de2 --- /dev/null +++ b/babel.config.js @@ -0,0 +1,12 @@ +module.exports = { + // vuecli3 不需要配置transform-vue-jsx + presets: [ + [ + '@vue/app', + { + useBuiltIns: 'entry', + polyfills: ['es6.promise', 'es6.symbol'] + } + ] + ] +} \ No newline at end of file diff --git a/jsconfig.json b/jsconfig.json new file mode 100644 index 0000000..4aafc5f --- /dev/null +++ b/jsconfig.json @@ -0,0 +1,19 @@ +{ + "compilerOptions": { + "target": "es5", + "module": "esnext", + "baseUrl": "./", + "moduleResolution": "node", + "paths": { + "@/*": [ + "src/*" + ] + }, + "lib": [ + "esnext", + "dom", + "dom.iterable", + "scripthost" + ] + } +} diff --git a/package.json b/package.json new file mode 100644 index 0000000..3ed131a --- /dev/null +++ b/package.json @@ -0,0 +1,51 @@ +{ + "name": "shop-tour-front", + "version": "0.1.0", + "private": true, + "scripts": { + "serve": "vue-cli-service serve", + "build": "vue-cli-service build", + "lint": "vue-cli-service lint" + }, + "dependencies": { + "@babel/polyfill": "^7.12.1", + "amfe-flexible": "^2.2.1", + "ant-design-vue": "^1.7.8", + "axios": "^1.1.2", + "core-js": "^3.8.3", + "es6-promise": "^4.2.8", + "vue": "^2.6.14", + "vue-router": "^3.5.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-service": "~5.0.0", + "babel-plugin-import": "^1.13.5", + "eslint": "^7.32.0", + "eslint-plugin-vue": "^8.0.3", + "postcss-pxtorem": "^6.0.0", + "vue-template-compiler": "^2.6.14" + }, + "eslintConfig": { + "root": true, + "env": { + "node": true + }, + "extends": [ + "plugin:vue/essential", + "eslint:recommended" + ], + "parserOptions": { + "parser": "@babel/eslint-parser" + }, + "rules": {} + }, + "browserslist": [ + "> 1%", + "last 2 versions", + "not dead" + ] +} diff --git a/postcss.config.js b/postcss.config.js new file mode 100644 index 0000000..bdc5894 --- /dev/null +++ b/postcss.config.js @@ -0,0 +1,10 @@ +module.exports = { + plugins: { + autoprefixer: {}, + // flexible配置 + "postcss-pxtorem": { + "rootValue": 75, // 设计稿宽度的1/10 + "propList": ["*"] // 需要做转化处理的属性，如`hight`、`width`、`margin`等，`*`表示全部 + } + } +} \ No newline at end of file diff --git a/public/favicon.ico b/public/favicon.ico new file mode 100644 index 0000000..df36fcf Binary files /dev/null and b/public/favicon.ico differ diff --git a/public/index.html b/public/index.html new file mode 100644 index 0000000..faa85ee --- /dev/null +++ b/public/index.html @@ -0,0 +1,17 @@ + + + + + + + + 互动通病库 + + + +

+ + + diff --git a/src/App.vue b/src/App.vue new file mode 100644 index 0000000..fd7eca9 --- /dev/null +++ b/src/App.vue @@ -0,0 +1,81 @@ + + + + + diff --git a/src/assets/1-1.png b/src/assets/1-1.png new file mode 100644 index 0000000..c8c96bd Binary files /dev/null and b/src/assets/1-1.png differ diff --git a/src/assets/1-2.png b/src/assets/1-2.png new file mode 100644 index 0000000..17d3e35 Binary files /dev/null and b/src/assets/1-2.png differ diff --git a/src/assets/1-3.png b/src/assets/1-3.png new file mode 100644 index 0000000..84b62ff Binary files /dev/null and b/src/assets/1-3.png differ diff --git a/src/assets/1-4.png b/src/assets/1-4.png new file mode 100644 index 0000000..22c253f Binary files /dev/null and b/src/assets/1-4.png differ diff --git a/src/assets/1-5.png b/src/assets/1-5.png new file mode 100644 index 0000000..d58af85 Binary files /dev/null and b/src/assets/1-5.png differ diff --git a/src/assets/2-1.png b/src/assets/2-1.png new file mode 100644 index 0000000..7df0c37 Binary files /dev/null and b/src/assets/2-1.png differ diff --git a/src/assets/2-2.png b/src/assets/2-2.png new file mode 100644 index 0000000..8e37ce2 Binary files /dev/null and b/src/assets/2-2.png differ diff --git a/src/assets/2-3.png b/src/assets/2-3.png new file mode 100644 index 0000000..e44e1a9 Binary files /dev/null and b/src/assets/2-3.png differ diff --git a/src/assets/2-4.png b/src/assets/2-4.png new file mode 100644 index 0000000..d8d5462 Binary files /dev/null and b/src/assets/2-4.png differ diff --git a/src/assets/2-5.png b/src/assets/2-5.png new file mode 100644 index 0000000..4043844 Binary files /dev/null and b/src/assets/2-5.png differ diff --git a/src/assets/3-1.png b/src/assets/3-1.png new file mode 100644 index 0000000..11e31fb Binary files /dev/null and b/src/assets/3-1.png differ diff --git a/src/assets/3-2.png b/src/assets/3-2.png new file mode 100644 index 0000000..909ca91 Binary files /dev/null and b/src/assets/3-2.png differ diff --git a/src/assets/3-3.png b/src/assets/3-3.png new file mode 100644 index 0000000..197e5a6 Binary files /dev/null and b/src/assets/3-3.png differ diff --git a/src/assets/3-4.png b/src/assets/3-4.png new file mode 100644 index 0000000..9aa4b5a Binary files /dev/null and b/src/assets/3-4.png differ diff --git a/src/assets/3-5.png b/src/assets/3-5.png new file mode 100644 index 0000000..0339b25 Binary files /dev/null and b/src/assets/3-5.png differ diff --git a/src/assets/3-6.png b/src/assets/3-6.png new file mode 100644 index 0000000..6f09401 Binary files /dev/null and b/src/assets/3-6.png differ diff --git a/src/assets/3-7.png b/src/assets/3-7.png new file mode 100644 index 0000000..d776043 Binary files /dev/null and b/src/assets/3-7.png differ diff --git a/src/assets/4-1.png b/src/assets/4-1.png new file mode 100644 index 0000000..842cdcd Binary files /dev/null and b/src/assets/4-1.png differ diff --git a/src/assets/4-2.png b/src/assets/4-2.png new file mode 100644 index 0000000..30a8da2 Binary files /dev/null and b/src/assets/4-2.png differ diff --git a/src/assets/4-3.png b/src/assets/4-3.png new file mode 100644 index 0000000..136dd7e Binary files /dev/null and b/src/assets/4-3.png differ diff --git a/src/assets/4-4.png b/src/assets/4-4.png new file mode 100644 index 0000000..b77979b Binary files /dev/null and b/src/assets/4-4.png differ diff --git a/src/assets/4-5.png b/src/assets/4-5.png new file mode 100644 index 0000000..d6d1500 Binary files /dev/null and b/src/assets/4-5.png differ diff --git a/src/assets/4-6.png b/src/assets/4-6.png new file mode 100644 index 0000000..a5d5e41 Binary files /dev/null and b/src/assets/4-6.png differ diff --git a/src/assets/5-1.png b/src/assets/5-1.png new file mode 100644 index 0000000..5aaeae8 Binary files /dev/null and b/src/assets/5-1.png differ diff --git a/src/assets/5-2.png b/src/assets/5-2.png new file mode 100644 index 0000000..8931183 Binary files /dev/null and b/src/assets/5-2.png differ diff --git a/src/assets/5-3.png b/src/assets/5-3.png new file mode 100644 index 0000000..7a70c7e Binary files /dev/null and b/src/assets/5-3.png differ diff --git a/src/assets/5-4.png b/src/assets/5-4.png new file mode 100644 index 0000000..d258453 Binary files /dev/null and b/src/assets/5-4.png differ diff --git a/src/assets/5-5.png b/src/assets/5-5.png new file mode 100644 index 0000000..2b8b2b6 Binary files /dev/null and b/src/assets/5-5.png differ diff --git a/src/assets/5-6.png b/src/assets/5-6.png new file mode 100644 index 0000000..c9c7ada Binary files /dev/null and b/src/assets/5-6.png differ diff --git a/src/assets/5-7.png b/src/assets/5-7.png new file mode 100644 index 0000000..741fde2 Binary files /dev/null and b/src/assets/5-7.png differ diff --git a/src/assets/6-1.png b/src/assets/6-1.png new file mode 100644 index 0000000..42bf6af Binary files /dev/null and b/src/assets/6-1.png differ diff --git a/src/assets/6-2.png b/src/assets/6-2.png new file mode 100644 index 0000000..b98837b Binary files /dev/null and b/src/assets/6-2.png differ diff --git a/src/assets/6-3.png b/src/assets/6-3.png new file mode 100644 index 0000000..1b632aa Binary files /dev/null and b/src/assets/6-3.png differ diff --git a/src/assets/6-4.png b/src/assets/6-4.png new file mode 100644 index 0000000..1aaafde Binary files /dev/null and b/src/assets/6-4.png differ diff --git a/src/assets/bg1.png b/src/assets/bg1.png new file mode 100644 index 0000000..45425d0 Binary files /dev/null and b/src/assets/bg1.png differ diff --git a/src/assets/bg2.png b/src/assets/bg2.png new file mode 100644 index 0000000..cc7d41b Binary files /dev/null and b/src/assets/bg2.png differ diff --git a/src/assets/bg3.png b/src/assets/bg3.png new file mode 100644 index 0000000..953539d Binary files /dev/null and b/src/assets/bg3.png differ diff --git a/src/assets/bg4.png b/src/assets/bg4.png new file mode 100644 index 0000000..53437f7 Binary files /dev/null and b/src/assets/bg4.png differ diff --git a/src/assets/bg5.png b/src/assets/bg5.png new file mode 100644 index 0000000..2de4eed Binary files /dev/null and b/src/assets/bg5.png differ diff --git a/src/assets/bg6.png b/src/assets/bg6.png new file mode 100644 index 0000000..91331c5 Binary files /dev/null and b/src/assets/bg6.png differ diff --git a/src/assets/home-bg.jpg b/src/assets/home-bg.jpg new file mode 100644 index 0000000..7b467cd Binary files /dev/null and b/src/assets/home-bg.jpg differ diff --git a/src/assets/right.png b/src/assets/right.png new file mode 100644 index 0000000..5664933 Binary files /dev/null and b/src/assets/right.png differ diff --git a/src/assets/success.png b/src/assets/success.png new file mode 100644 index 0000000..4f95e31 Binary files /dev/null and b/src/assets/success.png differ diff --git a/src/main.js b/src/main.js new file mode 100644 index 0000000..c89796f --- /dev/null +++ b/src/main.js @@ -0,0 +1,18 @@ +import '@babel/polyfill' +import Vue from 'vue' +import router from './router' +import App from './App.vue' +import 'ant-design-vue/dist/antd.css'; +import { Tooltip } from 'ant-design-vue'; + +Vue.use(Tooltip); + +import 'amfe-flexible' +Vue.config.productionTip = false + +new Vue({ + el: '#app', + router, + // 注册仓库： + render: h => h(App), +}).$mount('#app') diff --git a/src/router/index.js b/src/router/index.js new file mode 100644 index 0000000..dda6f99 --- /dev/null +++ b/src/router/index.js @@ -0,0 +1,30 @@ +import Vue from 'vue' +import Router from 'vue-router' +import Home from '@/views/Home' + +Vue.use(Router) + +const routes = [ + { + path: '/', + name: 'MyHome', + component: Home, + meta: { + title: '互动通病库', + requireAuth: false, + } + } +]; + +const router = new Router({ + routes +}); + +router.beforeEach((to, from, next) => { + if (to.meta.title) { + document.title = to.meta.title + } + next(); +}) + +export default router; diff --git a/src/views/Home.vue b/src/views/Home.vue new file mode 100644 index 0000000..e3fb562 --- /dev/null +++ b/src/views/Home.vue @@ -0,0 +1,802 @@ + + + + + diff --git a/vue.config.js b/vue.config.js new file mode 100644 index 0000000..3ffd8ad --- /dev/null +++ b/vue.config.js @@ -0,0 +1,13 @@ +// const { defineConfig } = require('@vue/cli-service') +// module.exports = defineConfig({ +// transpileDependencies: true +// }) +module.exports = { + publicPath: '/', + // 关闭打包生成map文件 + productionSourceMap: false, + // 关闭ESLINT校验工具 + lintOnSave: false, + css: {}, + configureWebpack: config => { config.entry.app = ["@babel/polyfill", "./src/main.js"]; }, +} \ No newline at end of file