教师节

commit 3c548bc611d6f4ca2a4476dd2e48478dca054cb0 Author: Joe Date: Tue Feb 27 15:09:11 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..ccb46ae --- /dev/null +++ b/package.json @@ -0,0 +1,49 @@ +{ + "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", + "es6-promise": "^4.2.8", + "flipbook-vue2": "^1.0.2", + "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..773370c --- /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/ssq1/1.png b/src/assets/ssq1/1.png new file mode 100644 index 0000000..85eff87 Binary files /dev/null and b/src/assets/ssq1/1.png differ diff --git a/src/assets/ssq1/2.jpg b/src/assets/ssq1/2.jpg new file mode 100644 index 0000000..f7497b0 Binary files /dev/null and b/src/assets/ssq1/2.jpg differ diff --git a/src/assets/ssq1/3.jpg b/src/assets/ssq1/3.jpg new file mode 100644 index 0000000..4389f5e Binary files /dev/null and b/src/assets/ssq1/3.jpg differ diff --git a/src/assets/ssq1/4.jpg b/src/assets/ssq1/4.jpg new file mode 100644 index 0000000..90c711e Binary files /dev/null and b/src/assets/ssq1/4.jpg differ diff --git a/src/assets/ssq1/5.jpg b/src/assets/ssq1/5.jpg new file mode 100644 index 0000000..b8bf826 Binary files /dev/null and b/src/assets/ssq1/5.jpg differ diff --git a/src/assets/ssq1/6.jpg b/src/assets/ssq1/6.jpg new file mode 100644 index 0000000..436d7a7 Binary files /dev/null and b/src/assets/ssq1/6.jpg differ diff --git a/src/assets/ssq1/7.jpg b/src/assets/ssq1/7.jpg new file mode 100644 index 0000000..561c25f Binary files /dev/null and b/src/assets/ssq1/7.jpg differ diff --git a/src/assets/ssq1/8.jpg b/src/assets/ssq1/8.jpg new file mode 100644 index 0000000..b7e921e Binary files /dev/null and b/src/assets/ssq1/8.jpg differ diff --git a/src/assets/ssq1/Thumbs.db b/src/assets/ssq1/Thumbs.db new file mode 100644 index 0000000..ee93ba5 Binary files /dev/null and b/src/assets/ssq1/Thumbs.db differ diff --git a/src/assets/ssq2/1-1.png b/src/assets/ssq2/1-1.png new file mode 100644 index 0000000..616ff0c Binary files /dev/null and b/src/assets/ssq2/1-1.png differ diff --git a/src/assets/ssq2/1.png b/src/assets/ssq2/1.png new file mode 100644 index 0000000..c213d5e Binary files /dev/null and b/src/assets/ssq2/1.png differ diff --git a/src/assets/ssq2/2-1.png b/src/assets/ssq2/2-1.png new file mode 100644 index 0000000..95b7571 Binary files /dev/null and b/src/assets/ssq2/2-1.png differ diff --git a/src/assets/ssq2/2.png b/src/assets/ssq2/2.png new file mode 100644 index 0000000..1106b5f Binary files /dev/null and b/src/assets/ssq2/2.png differ diff --git a/src/assets/ssq2/3-1.png b/src/assets/ssq2/3-1.png new file mode 100644 index 0000000..71e446e Binary files /dev/null and b/src/assets/ssq2/3-1.png differ diff --git a/src/assets/ssq2/3.png b/src/assets/ssq2/3.png new file mode 100644 index 0000000..faf23e4 Binary files /dev/null and b/src/assets/ssq2/3.png differ diff --git a/src/assets/ssq2/4-1.png b/src/assets/ssq2/4-1.png new file mode 100644 index 0000000..9d333ae Binary files /dev/null and b/src/assets/ssq2/4-1.png differ diff --git a/src/assets/ssq2/4.png b/src/assets/ssq2/4.png new file mode 100644 index 0000000..9beb5d7 Binary files /dev/null and b/src/assets/ssq2/4.png differ diff --git a/src/assets/ssq2/5-1.png b/src/assets/ssq2/5-1.png new file mode 100644 index 0000000..f8aebc1 Binary files /dev/null and b/src/assets/ssq2/5-1.png differ diff --git a/src/assets/ssq2/5.png b/src/assets/ssq2/5.png new file mode 100644 index 0000000..d590fca Binary files /dev/null and b/src/assets/ssq2/5.png differ diff --git a/src/assets/ssq2/6-1.png b/src/assets/ssq2/6-1.png new file mode 100644 index 0000000..73c9f27 Binary files /dev/null and b/src/assets/ssq2/6-1.png differ diff --git a/src/assets/ssq2/6.png b/src/assets/ssq2/6.png new file mode 100644 index 0000000..29b6f57 Binary files /dev/null and b/src/assets/ssq2/6.png differ diff --git a/src/assets/ssq2/background.png b/src/assets/ssq2/background.png new file mode 100644 index 0000000..9300ba5 Binary files /dev/null and b/src/assets/ssq2/background.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..24e758e --- /dev/null +++ b/src/router/index.js @@ -0,0 +1,31 @@ +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({ + mode: 'history', + 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..571ebe8 --- /dev/null +++ b/src/views/Home.vue @@ -0,0 +1,62 @@ + + + + + diff --git a/vue.config.js b/vue.config.js new file mode 100644 index 0000000..3102f80 --- /dev/null +++ b/vue.config.js @@ -0,0 +1,12 @@ +// const { defineConfig } = require('@vue/cli-service') +// module.exports = defineConfig({ +// transpileDependencies: true +// }) +module.exports = { + // 关闭打包生成map文件 + productionSourceMap: false, + // 关闭ESLINT校验工具 + lintOnSave: false, + css: {}, + configureWebpack: config => { config.entry.app = ["@babel/polyfill", "./src/main.js"]; }, +} \ No newline at end of file