学习

commit 9d4223e8ff495cc21f578322f2b489f46440489c Author: Joe Date: Tue Feb 27 13:58:47 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..9cc91cc --- /dev/null +++ b/package.json @@ -0,0 +1,50 @@ +{ + "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", + "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..e425efa --- /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/0.png b/src/assets/0.png new file mode 100644 index 0000000..ab32a92 Binary files /dev/null and b/src/assets/0.png differ diff --git a/src/assets/1-1.png b/src/assets/1-1.png new file mode 100644 index 0000000..399a35d 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..8b0c8bf Binary files /dev/null and b/src/assets/1-2.png differ diff --git a/src/assets/2-1.png b/src/assets/2-1.png new file mode 100644 index 0000000..3a2c2a9 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..fe521f7 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..24db357 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..0a81e2e 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..15e2991 Binary files /dev/null and b/src/assets/2-5.png differ diff --git a/src/assets/2-6.png b/src/assets/2-6.png new file mode 100644 index 0000000..acb2a22 Binary files /dev/null and b/src/assets/2-6.png differ diff --git a/src/assets/2-7.png b/src/assets/2-7.png new file mode 100644 index 0000000..650b68a Binary files /dev/null and b/src/assets/2-7.png differ diff --git a/src/assets/3-1.png b/src/assets/3-1.png new file mode 100644 index 0000000..8e935e9 Binary files /dev/null and b/src/assets/3-1.png differ diff --git a/src/assets/3-10.png b/src/assets/3-10.png new file mode 100644 index 0000000..ef33ea4 Binary files /dev/null and b/src/assets/3-10.png differ diff --git a/src/assets/3-3.png b/src/assets/3-3.png new file mode 100644 index 0000000..1508637 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..83a7f12 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..d3a1262 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..f87b9a4 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..0269857 Binary files /dev/null and b/src/assets/3-7.png differ diff --git a/src/assets/3-8.png b/src/assets/3-8.png new file mode 100644 index 0000000..da995b5 Binary files /dev/null and b/src/assets/3-8.png differ diff --git a/src/assets/3-9.png b/src/assets/3-9.png new file mode 100644 index 0000000..331d00a Binary files /dev/null and b/src/assets/3-9.png differ diff --git a/src/assets/4-1.png b/src/assets/4-1.png new file mode 100644 index 0000000..06b7ace Binary files /dev/null and b/src/assets/4-1.png differ diff --git a/src/assets/4-10.png b/src/assets/4-10.png new file mode 100644 index 0000000..74e5df4 Binary files /dev/null and b/src/assets/4-10.png differ diff --git a/src/assets/4-11.png b/src/assets/4-11.png new file mode 100644 index 0000000..8392958 Binary files /dev/null and b/src/assets/4-11.png differ diff --git a/src/assets/4-12.png b/src/assets/4-12.png new file mode 100644 index 0000000..1781692 Binary files /dev/null and b/src/assets/4-12.png differ diff --git a/src/assets/4-2.png b/src/assets/4-2.png new file mode 100644 index 0000000..c7ecaaf 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..d8d7285 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..29dcbb4 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..27421f0 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..f273a93 Binary files /dev/null and b/src/assets/4-6.png differ diff --git a/src/assets/4-7.png b/src/assets/4-7.png new file mode 100644 index 0000000..57610e4 Binary files /dev/null and b/src/assets/4-7.png differ diff --git a/src/assets/4-8.png b/src/assets/4-8.png new file mode 100644 index 0000000..d9cf4a8 Binary files /dev/null and b/src/assets/4-8.png differ diff --git a/src/assets/4-9.png b/src/assets/4-9.png new file mode 100644 index 0000000..7cfc74f Binary files /dev/null and b/src/assets/4-9.png differ diff --git a/src/assets/back.png b/src/assets/back.png new file mode 100644 index 0000000..c1f3c27 Binary files /dev/null and b/src/assets/back.png differ diff --git a/src/assets/close_fill.png b/src/assets/close_fill.png new file mode 100644 index 0000000..88c10a2 Binary files /dev/null and b/src/assets/close_fill.png differ diff --git a/src/assets/close_fill_white.png b/src/assets/close_fill_white.png new file mode 100644 index 0000000..5e06af9 Binary files /dev/null and b/src/assets/close_fill_white.png differ diff --git a/src/main.js b/src/main.js new file mode 100644 index 0000000..0fe54c7 --- /dev/null +++ b/src/main.js @@ -0,0 +1,14 @@ +import '@babel/polyfill' +import Vue from 'vue' +import router from './router' +import App from './App.vue' + +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..4300cd4 --- /dev/null +++ b/src/router/index.js @@ -0,0 +1,40 @@ +import Vue from 'vue' +import Router from 'vue-router' +import Home from '@/views/Home' +import List from '@/views/List' + +Vue.use(Router) + +const routes = [ + { + path: '/', + name: 'MyHome', + component: Home, + meta: { + title: '书架', + requireAuth: false, + } + }, + { + path: '/list', + name: 'MyList', + component: List, + 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..c36922c --- /dev/null +++ b/src/views/Home.vue @@ -0,0 +1,166 @@ + + + + + diff --git a/src/views/List.vue b/src/views/List.vue new file mode 100644 index 0000000..f313752 --- /dev/null +++ b/src/views/List.vue @@ -0,0 +1,162 @@ + + + + + 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