├── .browserslistrc ├── .editorconfig ├── .env.development ├── .env.production ├── .eslintignore ├── .eslintrc.js ├── .gitignore ├── README.md ├── babel.config.js ├── package-lock.json ├── package.json ├── public ├── favicon.ico └── index.html ├── src ├── App.vue ├── api │ └── index.js ├── assets │ ├── about │ │ ├── 1.png │ │ ├── 2.png │ │ ├── 3.png │ │ ├── 4.jpg │ │ ├── 5.png │ │ ├── culture │ │ │ ├── 1.png │ │ │ ├── 11.png │ │ │ ├── 2.png │ │ │ ├── 22.png │ │ │ ├── 3.png │ │ │ ├── 33.png │ │ │ ├── 4.png │ │ │ ├── 44.png │ │ │ ├── 5.png │ │ │ ├── 55.png │ │ │ ├── bg.png │ │ │ ├── bg1.png │ │ │ ├── c1.png │ │ │ ├── c2.png │ │ │ ├── c3.png │ │ │ ├── c4.png │ │ │ ├── c5.png │ │ │ └── culture.png │ │ ├── history │ │ │ └── year.png │ │ ├── honor │ │ │ ├── 1.png │ │ │ ├── 10.png │ │ │ ├── 11.png │ │ │ ├── 111.png │ │ │ ├── 12.png │ │ │ ├── 2.png │ │ │ ├── 222.png │ │ │ ├── 3.png │ │ │ ├── 333.png │ │ │ ├── 4.png │ │ │ ├── 444.png │ │ │ ├── 5.png │ │ │ ├── 555.png │ │ │ ├── 6.png │ │ │ ├── 666.png │ │ │ ├── 7.png │ │ │ ├── 8.png │ │ │ ├── 9.png │ │ │ └── bg.png │ │ ├── profile │ │ │ ├── 1.png │ │ │ ├── 2.png │ │ │ ├── 3.png │ │ │ ├── 4.png │ │ │ ├── 5.png │ │ │ ├── 6.png │ │ │ ├── 7.png │ │ │ ├── bg1.png │ │ │ ├── bg2.png │ │ │ ├── bg3.png │ │ │ └── bg4.png │ │ └── team │ │ │ ├── 1.png │ │ │ ├── 2.png │ │ │ ├── 3.png │ │ │ ├── 4.png │ │ │ ├── 5.png │ │ │ ├── next.png │ │ │ └── prev.png │ ├── duty │ │ ├── 1.jpg │ │ ├── 2.jpg │ │ ├── 3.jpg │ │ ├── love │ │ │ ├── 1.png │ │ │ ├── 2.png │ │ │ ├── 3.png │ │ │ └── 4.png │ │ ├── talk │ │ │ ├── 1.png │ │ │ ├── 2.png │ │ │ ├── 3.png │ │ │ └── 4.png │ │ └── tour │ │ │ ├── 1.png │ │ │ ├── 2.png │ │ │ ├── 3.png │ │ │ ├── 4.png │ │ │ └── banner.jpg │ ├── index │ │ ├── footer.jpg │ │ ├── mask.png │ │ ├── mo-icon.png │ │ ├── mo-more.png │ │ ├── mo-ytt.png │ │ ├── mouse.png │ │ ├── sec2-1.png │ │ ├── sec2-2.png │ │ ├── sec2-3.png │ │ ├── sec3-banner1.jpg │ │ ├── sec3-banner2.png │ │ ├── sec3-cont1.png │ │ ├── sec3-logo1.png │ │ ├── sec3-logo2.png │ │ ├── sec4-banner1.jpg │ │ ├── sec4-banner2.png │ │ ├── sec4-banner3.png │ │ ├── sec4-bg.png │ │ ├── sec4-mark.png │ │ ├── sec4-next.png │ │ └── sec4-prev.png │ ├── join │ │ ├── banner.png │ │ ├── call.png │ │ ├── data.png │ │ ├── dataBG.png │ │ ├── long1.png │ │ ├── long2.png │ │ ├── long3.png │ │ ├── long4.png │ │ ├── long5.png │ │ ├── mo-progress.png │ │ ├── moData.png │ │ ├── molong1.png │ │ ├── molong2.png │ │ ├── molong3.png │ │ ├── molong4.png │ │ ├── molong5.png │ │ ├── mou-next.png │ │ ├── mou-pre.png │ │ ├── mou1-act.png │ │ ├── mou1-img.jpg │ │ ├── mou1.png │ │ ├── mou2-act.png │ │ ├── mou2-img.jpg │ │ ├── mou2.png │ │ ├── mou3-act.png │ │ ├── mou3-img.jpg │ │ ├── mou3.png │ │ ├── must1.png │ │ ├── must2.png │ │ ├── must3.png │ │ ├── must4.png │ │ ├── must5.png │ │ ├── must6.png │ │ ├── progress.png │ │ ├── sup1-1.jpg │ │ ├── sup1-2.jpg │ │ ├── sup1-3.jpg │ │ ├── sup1-4.jpg │ │ ├── sup1-act.png │ │ ├── sup1.png │ │ ├── sup2-1.jpg │ │ ├── sup2-2.jpg │ │ ├── sup2-3.jpg │ │ ├── sup2-4.jpg │ │ ├── sup2-5.jpg │ │ ├── sup2-6.jpg │ │ ├── sup2-7.jpg │ │ ├── sup2-act.png │ │ ├── sup2.png │ │ ├── sup3-1.png │ │ ├── sup3-2.png │ │ ├── sup3-3.png │ │ ├── sup3-4.png │ │ ├── sup3-5.png │ │ ├── sup3-6.png │ │ ├── sup3-7.png │ │ ├── sup3-act.png │ │ ├── sup3.png │ │ └── wave.mp4 │ ├── layout │ │ ├── close.png │ │ ├── code.png │ │ ├── colse-side.png │ │ ├── douyin.png │ │ ├── dy-code.png │ │ ├── float-call.png │ │ ├── logo1.png │ │ ├── logo2.png │ │ ├── mo-call.png │ │ ├── mo-close.png │ │ ├── mo-down.png │ │ ├── mo-message.png │ │ ├── mpcode.jpg │ │ ├── open-side.png │ │ ├── side-erweima.png │ │ ├── tel-banner.png │ │ ├── tel.png │ │ ├── test.png │ │ ├── weixin.png │ │ └── wx-code.png │ ├── media │ │ └── 1.png │ └── service │ │ ├── 1.jpg │ │ ├── 2.png │ │ ├── 3.png │ │ ├── banner.png │ │ ├── dmhc │ │ ├── 1.png │ │ ├── 11.png │ │ ├── 2.png │ │ ├── 22.png │ │ ├── 3.png │ │ ├── 33.png │ │ ├── 4.png │ │ ├── 44.png │ │ ├── 5.png │ │ ├── 55.png │ │ ├── 6.png │ │ ├── 66.png │ │ ├── 7.png │ │ ├── banner.png │ │ └── banner1.png │ │ └── lyjgt │ │ ├── 1.png │ │ ├── 11.png │ │ ├── 2.png │ │ ├── 22.png │ │ ├── 3.png │ │ ├── 33.png │ │ ├── banner.png │ │ └── item.png ├── layout │ ├── components │ │ ├── Footer │ │ │ ├── index.vue │ │ │ ├── mo.scss │ │ │ └── pc.scss │ │ ├── Header │ │ │ ├── index.vue │ │ │ ├── mo.scss │ │ │ └── pc.scss │ │ └── Side │ │ │ ├── index.vue │ │ │ ├── mo.scss │ │ │ └── pc.scss │ ├── index.vue │ ├── mo.scss │ └── pc.scss ├── main.js ├── plugin │ ├── directive │ │ ├── el-drag-dialog │ │ │ └── index.js │ │ ├── el-table │ │ │ ├── adaptive.js │ │ │ └── index.js │ │ ├── index.js │ │ ├── sticky │ │ │ └── index.js │ │ └── waves │ │ │ ├── index.js │ │ │ └── waves.css │ ├── filter │ │ ├── filters.js │ │ └── index.js │ ├── index.js │ └── prototype │ │ ├── G.js │ │ └── index.js ├── router │ └── index.js ├── settings.js ├── store │ └── index.js ├── styles │ ├── element-variables.scss │ ├── index.scss │ └── mixin.scss └── views │ ├── about │ ├── culture │ │ ├── index.vue │ │ ├── mo.scss │ │ └── pc.scss │ ├── history │ │ ├── index.vue │ │ ├── mo.scss │ │ └── pc.scss │ ├── honor │ │ ├── index.vue │ │ ├── mo.scss │ │ └── pc.scss │ ├── index.vue │ ├── mo.scss │ ├── pc.scss │ ├── profile │ │ ├── index.vue │ │ ├── mo.scss │ │ └── pc.scss │ └── team │ │ ├── index.vue │ │ ├── mo.scss │ │ └── pc.scss │ ├── duty │ ├── index.vue │ ├── love │ │ ├── index.vue │ │ ├── mo.scss │ │ └── pc.scss │ ├── mo.scss │ ├── pc.scss │ ├── talk │ │ ├── index.vue │ │ ├── mo.scss │ │ └── pc.scss │ └── tour │ │ ├── index.vue │ │ ├── mo.scss │ │ └── pc.scss │ ├── index │ ├── index.vue │ ├── mo.scss │ └── pc.scss │ ├── join │ ├── cond.js │ ├── index.vue │ ├── mo.scss │ ├── mou.js │ ├── pc.scss │ └── sup.js │ ├── media │ ├── article │ │ ├── index.vue │ │ ├── mo.scss │ │ └── pc.scss │ ├── index.vue │ ├── media │ │ ├── index.vue │ │ ├── mo.scss │ │ └── pc.scss │ ├── mo.scss │ ├── news │ │ ├── index.vue │ │ ├── mo.scss │ │ └── pc.scss │ ├── party │ │ ├── index.vue │ │ ├── mo.scss │ │ └── pc.scss │ ├── pc.scss │ └── video │ │ ├── index.vue │ │ ├── mo.scss │ │ └── pc.scss │ ├── mo.scss │ ├── new.vue │ ├── pc.scss │ └── service │ ├── dmhc │ ├── index.vue │ ├── mo.scss │ └── pc.scss │ ├── index.vue │ ├── lyjgt │ ├── index.vue │ ├── mo.scss │ └── pc.scss │ ├── mo.scss │ └── pc.scss └── vue.config.js /.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not dead 4 | -------------------------------------------------------------------------------- /.editorconfig: -------------------------------------------------------------------------------- 1 | [*.{js,jsx,ts,tsx,vue}] 2 | indent_style = space 3 | indent_size = 2 4 | trim_trailing_whitespace = true 5 | insert_final_newline = true 6 | -------------------------------------------------------------------------------- /.env.development: -------------------------------------------------------------------------------- 1 | # just a flag 2 | ENV = 'development' 3 | 4 | # base api 5 | VUE_APP_BASE_API = '/dev-api' 6 | -------------------------------------------------------------------------------- /.env.production: -------------------------------------------------------------------------------- 1 | # just a flag 2 | ENV = 'production' 3 | 4 | # base api 5 | VUE_APP_BASE_API = 'https://java.dmhcedu.cn/DMHCApi' 6 | 7 | -------------------------------------------------------------------------------- /.eslintignore: -------------------------------------------------------------------------------- 1 | build/*.js 2 | src/assets 3 | public 4 | dist 5 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | /dist 4 | 5 | 6 | # local env files 7 | .env.local 8 | .env.*.local 9 | 10 | # Log files 11 | npm-debug.log* 12 | yarn-debug.log* 13 | yarn-error.log* 14 | pnpm-debug.log* 15 | 16 | # Editor directories and files 17 | .idea 18 | .vscode 19 | *.suo 20 | *.ntvs* 21 | *.njsproj 22 | *.sln 23 | *.sw? 24 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # vue-responsive-prerender 2 | 3 | ## Project setup 4 | ``` 5 | npm install 6 | ``` 7 | 8 | ### Compiles and hot-reloads for development 9 | ``` 10 | npm run serve 11 | ``` 12 | 13 | ### Compiles and minifies for production 14 | ``` 15 | npm run build 16 | ``` 17 | 18 | ### Lints and fixes files 19 | ``` 20 | npm run lint 21 | ``` 22 | 23 | ### Customize configuration 24 | See [Configuration Reference](https://cli.vuejs.org/config/). 25 | # vue-responsive-prerender 26 | # vue-responsive-prerender 27 | -------------------------------------------------------------------------------- /babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/cli-plugin-babel/preset' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "vue-responsive-prerender", 3 | "version": "0.1.0", 4 | "private": true, 5 | "scripts": { 6 | "dev": "vue-cli-service serve", 7 | "build": "vue-cli-service build", 8 | "lint": "vue-cli-service lint" 9 | }, 10 | "dependencies": { 11 | "axios": "^0.21.0", 12 | "core-js": "^3.6.5", 13 | "element-ui": "^2.14.1", 14 | "nprogress": "^0.2.0", 15 | "prerender-spa-plugin": "^3.4.0", 16 | "register-service-worker": "^1.7.1", 17 | "vant": "^2.11.0", 18 | "vue": "^2.6.11", 19 | "vue-concise-slider": "^3.4.4", 20 | "vue-count-to": "^1.0.13", 21 | "vue-router": "^3.2.0", 22 | "vuex": "^3.4.0" 23 | }, 24 | "devDependencies": { 25 | "@vue/cli-plugin-babel": "~4.5.0", 26 | "@vue/cli-plugin-eslint": "~4.5.0", 27 | "@vue/cli-plugin-router": "~4.5.0", 28 | "@vue/cli-plugin-vuex": "~4.5.0", 29 | "@vue/cli-service": "~4.5.0", 30 | "@vue/eslint-config-standard": "^5.1.2", 31 | "babel-eslint": "^10.1.0", 32 | "eslint": "^6.7.2", 33 | "eslint-plugin-import": "^2.20.2", 34 | "eslint-plugin-node": "^11.1.0", 35 | "eslint-plugin-promise": "^4.2.1", 36 | "eslint-plugin-standard": "^4.0.0", 37 | "eslint-plugin-vue": "^6.2.2", 38 | "node-sass": "^4.12.0", 39 | "sass-loader": "^8.0.2", 40 | "sass-resources-loader": "^2.1.1", 41 | "vue-template-compiler": "^2.6.11" 42 | }, 43 | "description": "## Project setup ``` npm install ```", 44 | "main": ".eslintrc.js", 45 | "keywords": [], 46 | "author": "", 47 | "license": "ISC" 48 | } 49 | -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/public/favicon.ico -------------------------------------------------------------------------------- /public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | <%= htmlWebpackPlugin.options.title %> 9 | 10 | 11 | 14 |
15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /src/App.vue: -------------------------------------------------------------------------------- 1 | 8 | 9 | 31 | -------------------------------------------------------------------------------- /src/api/index.js: -------------------------------------------------------------------------------- 1 | import axios from 'axios' 2 | 3 | const request = axios.create({ baseURL: process.env.VUE_APP_BASE_API }) 4 | 5 | export const api_index = data => request.post('/api/news/list', data) 6 | export const api_message = data => request.post('/api/feedback/add', data) 7 | export const api_mediaList = data => request.post('/api/news/list', data) 8 | export const api_mediaDetail = data => request.post('/api/news/detail', data) 9 | -------------------------------------------------------------------------------- /src/assets/about/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/about/1.png -------------------------------------------------------------------------------- /src/assets/about/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/about/2.png -------------------------------------------------------------------------------- /src/assets/about/3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/about/3.png -------------------------------------------------------------------------------- /src/assets/about/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/about/4.jpg -------------------------------------------------------------------------------- /src/assets/about/5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/about/5.png -------------------------------------------------------------------------------- /src/assets/about/culture/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/about/culture/1.png -------------------------------------------------------------------------------- /src/assets/about/culture/11.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/about/culture/11.png -------------------------------------------------------------------------------- /src/assets/about/culture/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/about/culture/2.png -------------------------------------------------------------------------------- /src/assets/about/culture/22.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/about/culture/22.png -------------------------------------------------------------------------------- /src/assets/about/culture/3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/about/culture/3.png -------------------------------------------------------------------------------- /src/assets/about/culture/33.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/about/culture/33.png -------------------------------------------------------------------------------- /src/assets/about/culture/4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/about/culture/4.png -------------------------------------------------------------------------------- /src/assets/about/culture/44.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/about/culture/44.png -------------------------------------------------------------------------------- /src/assets/about/culture/5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/about/culture/5.png -------------------------------------------------------------------------------- /src/assets/about/culture/55.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/about/culture/55.png -------------------------------------------------------------------------------- /src/assets/about/culture/bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/about/culture/bg.png -------------------------------------------------------------------------------- /src/assets/about/culture/bg1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/about/culture/bg1.png -------------------------------------------------------------------------------- /src/assets/about/culture/c1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/about/culture/c1.png -------------------------------------------------------------------------------- /src/assets/about/culture/c2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/about/culture/c2.png -------------------------------------------------------------------------------- /src/assets/about/culture/c3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/about/culture/c3.png -------------------------------------------------------------------------------- /src/assets/about/culture/c4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/about/culture/c4.png -------------------------------------------------------------------------------- /src/assets/about/culture/c5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/about/culture/c5.png -------------------------------------------------------------------------------- /src/assets/about/culture/culture.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/about/culture/culture.png -------------------------------------------------------------------------------- /src/assets/about/history/year.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/about/history/year.png -------------------------------------------------------------------------------- /src/assets/about/honor/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/about/honor/1.png -------------------------------------------------------------------------------- /src/assets/about/honor/10.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/about/honor/10.png -------------------------------------------------------------------------------- /src/assets/about/honor/11.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/about/honor/11.png -------------------------------------------------------------------------------- /src/assets/about/honor/111.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/about/honor/111.png -------------------------------------------------------------------------------- /src/assets/about/honor/12.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/about/honor/12.png -------------------------------------------------------------------------------- /src/assets/about/honor/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/about/honor/2.png -------------------------------------------------------------------------------- /src/assets/about/honor/222.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/about/honor/222.png -------------------------------------------------------------------------------- /src/assets/about/honor/3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/about/honor/3.png -------------------------------------------------------------------------------- /src/assets/about/honor/333.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/about/honor/333.png -------------------------------------------------------------------------------- /src/assets/about/honor/4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/about/honor/4.png -------------------------------------------------------------------------------- /src/assets/about/honor/444.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/about/honor/444.png -------------------------------------------------------------------------------- /src/assets/about/honor/5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/about/honor/5.png -------------------------------------------------------------------------------- /src/assets/about/honor/555.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/about/honor/555.png -------------------------------------------------------------------------------- /src/assets/about/honor/6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/about/honor/6.png -------------------------------------------------------------------------------- /src/assets/about/honor/666.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/about/honor/666.png -------------------------------------------------------------------------------- /src/assets/about/honor/7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/about/honor/7.png -------------------------------------------------------------------------------- /src/assets/about/honor/8.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/about/honor/8.png -------------------------------------------------------------------------------- /src/assets/about/honor/9.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/about/honor/9.png -------------------------------------------------------------------------------- /src/assets/about/honor/bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/about/honor/bg.png -------------------------------------------------------------------------------- /src/assets/about/profile/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/about/profile/1.png -------------------------------------------------------------------------------- /src/assets/about/profile/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/about/profile/2.png -------------------------------------------------------------------------------- /src/assets/about/profile/3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/about/profile/3.png -------------------------------------------------------------------------------- /src/assets/about/profile/4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/about/profile/4.png -------------------------------------------------------------------------------- /src/assets/about/profile/5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/about/profile/5.png -------------------------------------------------------------------------------- /src/assets/about/profile/6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/about/profile/6.png -------------------------------------------------------------------------------- /src/assets/about/profile/7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/about/profile/7.png -------------------------------------------------------------------------------- /src/assets/about/profile/bg1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/about/profile/bg1.png -------------------------------------------------------------------------------- /src/assets/about/profile/bg2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/about/profile/bg2.png -------------------------------------------------------------------------------- /src/assets/about/profile/bg3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/about/profile/bg3.png -------------------------------------------------------------------------------- /src/assets/about/profile/bg4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/about/profile/bg4.png -------------------------------------------------------------------------------- /src/assets/about/team/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/about/team/1.png -------------------------------------------------------------------------------- /src/assets/about/team/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/about/team/2.png -------------------------------------------------------------------------------- /src/assets/about/team/3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/about/team/3.png -------------------------------------------------------------------------------- /src/assets/about/team/4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/about/team/4.png -------------------------------------------------------------------------------- /src/assets/about/team/5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/about/team/5.png -------------------------------------------------------------------------------- /src/assets/about/team/next.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/about/team/next.png -------------------------------------------------------------------------------- /src/assets/about/team/prev.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/about/team/prev.png -------------------------------------------------------------------------------- /src/assets/duty/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/duty/1.jpg -------------------------------------------------------------------------------- /src/assets/duty/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/duty/2.jpg -------------------------------------------------------------------------------- /src/assets/duty/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/duty/3.jpg -------------------------------------------------------------------------------- /src/assets/duty/love/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/duty/love/1.png -------------------------------------------------------------------------------- /src/assets/duty/love/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/duty/love/2.png -------------------------------------------------------------------------------- /src/assets/duty/love/3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/duty/love/3.png -------------------------------------------------------------------------------- /src/assets/duty/love/4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/duty/love/4.png -------------------------------------------------------------------------------- /src/assets/duty/talk/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/duty/talk/1.png -------------------------------------------------------------------------------- /src/assets/duty/talk/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/duty/talk/2.png -------------------------------------------------------------------------------- /src/assets/duty/talk/3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/duty/talk/3.png -------------------------------------------------------------------------------- /src/assets/duty/talk/4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/duty/talk/4.png -------------------------------------------------------------------------------- /src/assets/duty/tour/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/duty/tour/1.png -------------------------------------------------------------------------------- /src/assets/duty/tour/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/duty/tour/2.png -------------------------------------------------------------------------------- /src/assets/duty/tour/3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/duty/tour/3.png -------------------------------------------------------------------------------- /src/assets/duty/tour/4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/duty/tour/4.png -------------------------------------------------------------------------------- /src/assets/duty/tour/banner.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/duty/tour/banner.jpg -------------------------------------------------------------------------------- /src/assets/index/footer.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/index/footer.jpg -------------------------------------------------------------------------------- /src/assets/index/mask.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/index/mask.png -------------------------------------------------------------------------------- /src/assets/index/mo-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/index/mo-icon.png -------------------------------------------------------------------------------- /src/assets/index/mo-more.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/index/mo-more.png -------------------------------------------------------------------------------- /src/assets/index/mo-ytt.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/index/mo-ytt.png -------------------------------------------------------------------------------- /src/assets/index/mouse.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/index/mouse.png -------------------------------------------------------------------------------- /src/assets/index/sec2-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/index/sec2-1.png -------------------------------------------------------------------------------- /src/assets/index/sec2-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/index/sec2-2.png -------------------------------------------------------------------------------- /src/assets/index/sec2-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/index/sec2-3.png -------------------------------------------------------------------------------- /src/assets/index/sec3-banner1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/index/sec3-banner1.jpg -------------------------------------------------------------------------------- /src/assets/index/sec3-banner2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/index/sec3-banner2.png -------------------------------------------------------------------------------- /src/assets/index/sec3-cont1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/index/sec3-cont1.png -------------------------------------------------------------------------------- /src/assets/index/sec3-logo1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/index/sec3-logo1.png -------------------------------------------------------------------------------- /src/assets/index/sec3-logo2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/index/sec3-logo2.png -------------------------------------------------------------------------------- /src/assets/index/sec4-banner1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/index/sec4-banner1.jpg -------------------------------------------------------------------------------- /src/assets/index/sec4-banner2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/index/sec4-banner2.png -------------------------------------------------------------------------------- /src/assets/index/sec4-banner3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/index/sec4-banner3.png -------------------------------------------------------------------------------- /src/assets/index/sec4-bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/index/sec4-bg.png -------------------------------------------------------------------------------- /src/assets/index/sec4-mark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/index/sec4-mark.png -------------------------------------------------------------------------------- /src/assets/index/sec4-next.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/index/sec4-next.png -------------------------------------------------------------------------------- /src/assets/index/sec4-prev.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/index/sec4-prev.png -------------------------------------------------------------------------------- /src/assets/join/banner.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/join/banner.png -------------------------------------------------------------------------------- /src/assets/join/call.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/join/call.png -------------------------------------------------------------------------------- /src/assets/join/data.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/join/data.png -------------------------------------------------------------------------------- /src/assets/join/dataBG.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/join/dataBG.png -------------------------------------------------------------------------------- /src/assets/join/long1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/join/long1.png -------------------------------------------------------------------------------- /src/assets/join/long2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/join/long2.png -------------------------------------------------------------------------------- /src/assets/join/long3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/join/long3.png -------------------------------------------------------------------------------- /src/assets/join/long4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/join/long4.png -------------------------------------------------------------------------------- /src/assets/join/long5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/join/long5.png -------------------------------------------------------------------------------- /src/assets/join/mo-progress.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/join/mo-progress.png -------------------------------------------------------------------------------- /src/assets/join/moData.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/join/moData.png -------------------------------------------------------------------------------- /src/assets/join/molong1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/join/molong1.png -------------------------------------------------------------------------------- /src/assets/join/molong2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/join/molong2.png -------------------------------------------------------------------------------- /src/assets/join/molong3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/join/molong3.png -------------------------------------------------------------------------------- /src/assets/join/molong4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/join/molong4.png -------------------------------------------------------------------------------- /src/assets/join/molong5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/join/molong5.png -------------------------------------------------------------------------------- /src/assets/join/mou-next.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/join/mou-next.png -------------------------------------------------------------------------------- /src/assets/join/mou-pre.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/join/mou-pre.png -------------------------------------------------------------------------------- /src/assets/join/mou1-act.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/join/mou1-act.png -------------------------------------------------------------------------------- /src/assets/join/mou1-img.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/join/mou1-img.jpg -------------------------------------------------------------------------------- /src/assets/join/mou1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/join/mou1.png -------------------------------------------------------------------------------- /src/assets/join/mou2-act.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/join/mou2-act.png -------------------------------------------------------------------------------- /src/assets/join/mou2-img.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/join/mou2-img.jpg -------------------------------------------------------------------------------- /src/assets/join/mou2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/join/mou2.png -------------------------------------------------------------------------------- /src/assets/join/mou3-act.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/join/mou3-act.png -------------------------------------------------------------------------------- /src/assets/join/mou3-img.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/join/mou3-img.jpg -------------------------------------------------------------------------------- /src/assets/join/mou3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/join/mou3.png -------------------------------------------------------------------------------- /src/assets/join/must1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/join/must1.png -------------------------------------------------------------------------------- /src/assets/join/must2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/join/must2.png -------------------------------------------------------------------------------- /src/assets/join/must3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/join/must3.png -------------------------------------------------------------------------------- /src/assets/join/must4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/join/must4.png -------------------------------------------------------------------------------- /src/assets/join/must5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/join/must5.png -------------------------------------------------------------------------------- /src/assets/join/must6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/join/must6.png -------------------------------------------------------------------------------- /src/assets/join/progress.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/join/progress.png -------------------------------------------------------------------------------- /src/assets/join/sup1-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/join/sup1-1.jpg -------------------------------------------------------------------------------- /src/assets/join/sup1-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/join/sup1-2.jpg -------------------------------------------------------------------------------- /src/assets/join/sup1-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/join/sup1-3.jpg -------------------------------------------------------------------------------- /src/assets/join/sup1-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/join/sup1-4.jpg -------------------------------------------------------------------------------- /src/assets/join/sup1-act.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/join/sup1-act.png -------------------------------------------------------------------------------- /src/assets/join/sup1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/join/sup1.png -------------------------------------------------------------------------------- /src/assets/join/sup2-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/join/sup2-1.jpg -------------------------------------------------------------------------------- /src/assets/join/sup2-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/join/sup2-2.jpg -------------------------------------------------------------------------------- /src/assets/join/sup2-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/join/sup2-3.jpg -------------------------------------------------------------------------------- /src/assets/join/sup2-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/join/sup2-4.jpg -------------------------------------------------------------------------------- /src/assets/join/sup2-5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/join/sup2-5.jpg -------------------------------------------------------------------------------- /src/assets/join/sup2-6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/join/sup2-6.jpg -------------------------------------------------------------------------------- /src/assets/join/sup2-7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/join/sup2-7.jpg -------------------------------------------------------------------------------- /src/assets/join/sup2-act.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/join/sup2-act.png -------------------------------------------------------------------------------- /src/assets/join/sup2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/join/sup2.png -------------------------------------------------------------------------------- /src/assets/join/sup3-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/join/sup3-1.png -------------------------------------------------------------------------------- /src/assets/join/sup3-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/join/sup3-2.png -------------------------------------------------------------------------------- /src/assets/join/sup3-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/join/sup3-3.png -------------------------------------------------------------------------------- /src/assets/join/sup3-4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/join/sup3-4.png -------------------------------------------------------------------------------- /src/assets/join/sup3-5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/join/sup3-5.png -------------------------------------------------------------------------------- /src/assets/join/sup3-6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/join/sup3-6.png -------------------------------------------------------------------------------- /src/assets/join/sup3-7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/join/sup3-7.png -------------------------------------------------------------------------------- /src/assets/join/sup3-act.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/join/sup3-act.png -------------------------------------------------------------------------------- /src/assets/join/sup3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/join/sup3.png -------------------------------------------------------------------------------- /src/assets/join/wave.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/join/wave.mp4 -------------------------------------------------------------------------------- /src/assets/layout/close.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/layout/close.png -------------------------------------------------------------------------------- /src/assets/layout/code.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/layout/code.png -------------------------------------------------------------------------------- /src/assets/layout/colse-side.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/layout/colse-side.png -------------------------------------------------------------------------------- /src/assets/layout/douyin.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/layout/douyin.png -------------------------------------------------------------------------------- /src/assets/layout/dy-code.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/layout/dy-code.png -------------------------------------------------------------------------------- /src/assets/layout/float-call.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/layout/float-call.png -------------------------------------------------------------------------------- /src/assets/layout/logo1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/layout/logo1.png -------------------------------------------------------------------------------- /src/assets/layout/logo2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/layout/logo2.png -------------------------------------------------------------------------------- /src/assets/layout/mo-call.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/layout/mo-call.png -------------------------------------------------------------------------------- /src/assets/layout/mo-close.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/layout/mo-close.png -------------------------------------------------------------------------------- /src/assets/layout/mo-down.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/layout/mo-down.png -------------------------------------------------------------------------------- /src/assets/layout/mo-message.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/layout/mo-message.png -------------------------------------------------------------------------------- /src/assets/layout/mpcode.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/layout/mpcode.jpg -------------------------------------------------------------------------------- /src/assets/layout/open-side.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/layout/open-side.png -------------------------------------------------------------------------------- /src/assets/layout/side-erweima.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/layout/side-erweima.png -------------------------------------------------------------------------------- /src/assets/layout/tel-banner.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/layout/tel-banner.png -------------------------------------------------------------------------------- /src/assets/layout/tel.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/layout/tel.png -------------------------------------------------------------------------------- /src/assets/layout/test.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/layout/test.png -------------------------------------------------------------------------------- /src/assets/layout/weixin.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/layout/weixin.png -------------------------------------------------------------------------------- /src/assets/layout/wx-code.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/layout/wx-code.png -------------------------------------------------------------------------------- /src/assets/media/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/media/1.png -------------------------------------------------------------------------------- /src/assets/service/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/service/1.jpg -------------------------------------------------------------------------------- /src/assets/service/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/service/2.png -------------------------------------------------------------------------------- /src/assets/service/3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/service/3.png -------------------------------------------------------------------------------- /src/assets/service/banner.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/service/banner.png -------------------------------------------------------------------------------- /src/assets/service/dmhc/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/service/dmhc/1.png -------------------------------------------------------------------------------- /src/assets/service/dmhc/11.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/service/dmhc/11.png -------------------------------------------------------------------------------- /src/assets/service/dmhc/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/service/dmhc/2.png -------------------------------------------------------------------------------- /src/assets/service/dmhc/22.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/service/dmhc/22.png -------------------------------------------------------------------------------- /src/assets/service/dmhc/3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/service/dmhc/3.png -------------------------------------------------------------------------------- /src/assets/service/dmhc/33.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/service/dmhc/33.png -------------------------------------------------------------------------------- /src/assets/service/dmhc/4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/service/dmhc/4.png -------------------------------------------------------------------------------- /src/assets/service/dmhc/44.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/service/dmhc/44.png -------------------------------------------------------------------------------- /src/assets/service/dmhc/5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/service/dmhc/5.png -------------------------------------------------------------------------------- /src/assets/service/dmhc/55.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/service/dmhc/55.png -------------------------------------------------------------------------------- /src/assets/service/dmhc/6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/service/dmhc/6.png -------------------------------------------------------------------------------- /src/assets/service/dmhc/66.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/service/dmhc/66.png -------------------------------------------------------------------------------- /src/assets/service/dmhc/7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/service/dmhc/7.png -------------------------------------------------------------------------------- /src/assets/service/dmhc/banner.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/service/dmhc/banner.png -------------------------------------------------------------------------------- /src/assets/service/dmhc/banner1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/service/dmhc/banner1.png -------------------------------------------------------------------------------- /src/assets/service/lyjgt/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/service/lyjgt/1.png -------------------------------------------------------------------------------- /src/assets/service/lyjgt/11.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/service/lyjgt/11.png -------------------------------------------------------------------------------- /src/assets/service/lyjgt/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/service/lyjgt/2.png -------------------------------------------------------------------------------- /src/assets/service/lyjgt/22.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/service/lyjgt/22.png -------------------------------------------------------------------------------- /src/assets/service/lyjgt/3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/service/lyjgt/3.png -------------------------------------------------------------------------------- /src/assets/service/lyjgt/33.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/service/lyjgt/33.png -------------------------------------------------------------------------------- /src/assets/service/lyjgt/banner.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/service/lyjgt/banner.png -------------------------------------------------------------------------------- /src/assets/service/lyjgt/item.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/vue-responsive-prerender/ca1cd323fe2772d5165e61d535e9dcb9ab3cbf05/src/assets/service/lyjgt/item.png -------------------------------------------------------------------------------- /src/layout/components/Footer/index.vue: -------------------------------------------------------------------------------- 1 | 85 | 86 | 123 | 124 | 128 | -------------------------------------------------------------------------------- /src/layout/components/Footer/mo.scss: -------------------------------------------------------------------------------- 1 | @media screen and (max-width: 1200px) { 2 | .footer { 3 | .content, .bottom { 4 | display: none; 5 | } 6 | .focus { 7 | @include flex(); 8 | height: rpx(111); 9 | padding: 0 rpx(32); 10 | box-sizing: border-box; 11 | justify-content: flex-start; 12 | img { 13 | width: rpx(48); 14 | height: rpx(48); 15 | margin-left: rpx(66); 16 | } 17 | } 18 | .mo-bottom { 19 | height: rpx(158); 20 | background: #F7F8FA; 21 | box-sizing: border-box; 22 | padding: 0 rpx(32); 23 | @include flex(); 24 | font-size: rpx(24); 25 | font-weight: 400; 26 | color: #666666; 27 | line-height: rpx(44); 28 | letter-spacing: rpx(1); 29 | } 30 | .van-overlay { 31 | z-index: 999999; 32 | @include flex(); 33 | .wrapper { 34 | width: rpx(506); 35 | height: rpx(634); 36 | position: relative; 37 | @include flex(column); 38 | background: #FFFFFF; 39 | border-radius: rpx(8); 40 | justify-content: flex-start; 41 | .close { 42 | @include abs(rpx(32), rpx(444), rpx(32), rpx(32)); 43 | } 44 | .code { 45 | width: rpx(275); 46 | height: rpx(275); 47 | margin-top: rpx(92); 48 | margin-bottom: rpx(24); 49 | } 50 | .t { 51 | font-weight: 500; 52 | color: #000000; 53 | font-size: rpx(28); 54 | line-height: rpx(40); 55 | letter-spacing: rpx(1); 56 | margin-bottom: rpx(16); 57 | } 58 | .st { 59 | font-weight: 400; 60 | color: #808080; 61 | font-size: rpx(24); 62 | line-height: rpx(33); 63 | letter-spacing: rpx(1); 64 | margin-bottom: rpx(36); 65 | } 66 | .save { 67 | width: rpx(438); 68 | height: rpx(83); 69 | @include flex(); 70 | background: #2487FF; 71 | border-radius: rpx(8); 72 | font-size: rpx(28); 73 | font-weight: 400; 74 | color: #FFFFFF; 75 | line-height: rpx(40); 76 | letter-spacing: rpx(1); 77 | img { 78 | width: rpx(48); 79 | height: rpx(48); 80 | margin-right: rpx(8); 81 | } 82 | } 83 | } 84 | } 85 | .mo-footer { 86 | ::v-deep { 87 | .van-collapse { 88 | .van-collapse-item { 89 | .van-cell { 90 | padding: rpx(32); 91 | } 92 | .van-cell__title { 93 | span { 94 | font-size: rpx(32); 95 | font-weight: 400; 96 | color: #606060; 97 | line-height: rpx(45); 98 | } 99 | } 100 | .router-link { 101 | display: block; 102 | height: rpx(88); 103 | @include flex(); 104 | font-weight: 400; 105 | color: #606060; 106 | font-size: rpx(28); 107 | line-height: rpx(40); 108 | justify-content: flex-start; 109 | } 110 | } 111 | } 112 | } 113 | } 114 | } 115 | } -------------------------------------------------------------------------------- /src/layout/components/Footer/pc.scss: -------------------------------------------------------------------------------- 1 | @media screen and (min-width: 1200px) { 2 | .footer { 3 | .mo-footer { 4 | display: none; 5 | } 6 | overflow: hidden; 7 | box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.2); 8 | .content { 9 | width: 1420px; 10 | margin: 32px auto; 11 | .logo { 12 | height: 49px; 13 | width: 160px; 14 | display: block; 15 | overflow: hidden; 16 | } 17 | .content-con { 18 | @include flex(); 19 | margin-top: 32px; 20 | align-items: flex-start; 21 | justify-content: flex-start; 22 | .links { 23 | @include flex(column); 24 | align-items: flex-start; 25 | &:nth-child(2) { 26 | margin-left: 67px; 27 | } 28 | &:nth-child(3) { 29 | margin-left: 86px; 30 | } 31 | &:nth-child(4) { 32 | margin-left: 151px; 33 | } 34 | .title { 35 | font-size: 16px; 36 | font-weight: 400; 37 | color: #606060; 38 | line-height: 22px; 39 | letter-spacing: 1px; 40 | margin-bottom: 24px; 41 | } 42 | .router-link { 43 | font-size: 16px; 44 | @include flex(); 45 | font-weight: 400; 46 | color: #000000; 47 | line-height: 22px; 48 | letter-spacing: 1px; 49 | margin-bottom: 16px; 50 | &:last-child { 51 | margin-bottom: 0; 52 | } 53 | span { 54 | width: 47px; 55 | height: 19px; 56 | @include flex(); 57 | font-size: 12px; 58 | font-weight: 400; 59 | color: #FFFFFF; 60 | margin-left: 4px; 61 | line-height: 17px; 62 | border-radius: 10px; 63 | background: #000000; 64 | } 65 | } 66 | } 67 | } 68 | } 69 | .bottom { 70 | height: 70px; 71 | border-top: 1px solid #D8D8D8; 72 | .bottom-content { 73 | height: 100%; 74 | width: 1420px; 75 | margin: 0 auto; 76 | @include flex(); 77 | justify-content: space-between; 78 | .web { 79 | font-size: 16px; 80 | font-weight: 500; 81 | color: #8E99A9; 82 | line-height: 22px; 83 | letter-spacing: 1px; 84 | } 85 | .icon { 86 | @include flex(); 87 | .item { 88 | margin: 0 25px; 89 | position: relative; 90 | .icon { 91 | width: 32px; 92 | height: 32px; 93 | cursor: pointer; 94 | &:hover { 95 | & + .code { 96 | opacity: 1; 97 | } 98 | } 99 | } 100 | .code { 101 | opacity: 0; 102 | @include flex(); 103 | border-radius: 5px; 104 | transition: all 0.5s; 105 | background: #FFFFFF; 106 | transform: translateX(-50%); 107 | @include abs(auto, 0, 116px, 116px); 108 | bottom: 60px; 109 | border: 1px solid rgba(0, 0, 0, 0.05); 110 | box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.05); 111 | img { 112 | width: 200px; 113 | height: 200px; 114 | object-fit: cover; 115 | } 116 | } 117 | } 118 | } 119 | } 120 | } 121 | } 122 | } -------------------------------------------------------------------------------- /src/layout/components/Header/mo.scss: -------------------------------------------------------------------------------- 1 | @media screen and (max-width: 1200px) { 2 | .header { 3 | .bg, .header-content { 4 | display: none; 5 | } 6 | .header-content-mo { 7 | top: 0; 8 | left: 0; 9 | width: 100%; 10 | z-index: 999999; 11 | position: fixed; 12 | height: rpx(95); 13 | @include flex(); 14 | padding: 0 rpx(32); 15 | background: #ffffff; 16 | box-sizing: border-box; 17 | justify-content: space-between; 18 | &.hide { 19 | z-index: 0; 20 | } 21 | > img { 22 | width: rpx(158); 23 | } 24 | > div { 25 | width: rpx(127); 26 | height: rpx(57); 27 | @include flex(); 28 | background: #2487FF; 29 | border-radius: rpx(5); 30 | font-size: rpx(24); 31 | font-weight: 400; 32 | color: #FFFFFF; 33 | line-height: rpx(33); 34 | img { 35 | width: rpx(24); 36 | height: rpx(24); 37 | margin-left: rpx(4); 38 | } 39 | } 40 | .link { 41 | display: block; 42 | @include flex(); 43 | height: rpx(110); 44 | font-weight: 400; 45 | color: #606060; 46 | margin: 0 rpx(32); 47 | font-size: rpx(32); 48 | line-height: rpx(45); 49 | justify-content: flex-start; 50 | border-bottom: 1px solid #ebedf0; 51 | &:first-child { 52 | border: none; 53 | } 54 | } 55 | ::v-deep { 56 | .van-popup { 57 | align-items: flex-start; 58 | .side-content { 59 | width: 100%; 60 | margin-top: rpx(218); 61 | .van-collapse { 62 | .van-collapse-item { 63 | .van-cell { 64 | padding: rpx(32); 65 | } 66 | .van-cell__title { 67 | span { 68 | font-size: rpx(32); 69 | font-weight: 400; 70 | color: #606060; 71 | line-height: rpx(45); 72 | } 73 | } 74 | .router-link { 75 | display: block; 76 | height: rpx(88); 77 | @include flex(); 78 | font-weight: 400; 79 | color: #606060; 80 | font-size: rpx(28); 81 | line-height: rpx(40); 82 | justify-content: flex-start; 83 | &.active { 84 | color: #2487FF; 85 | } 86 | .bhilding { 87 | margin-left: 8px; 88 | width: 47px; 89 | height: 19px; 90 | @include flex(); 91 | border-radius: 10px; 92 | background: #000000; 93 | font-size: 12px; 94 | font-weight: 400; 95 | color: #FFFFFF; 96 | line-height: 17px; 97 | } 98 | } 99 | } 100 | } 101 | } 102 | } 103 | } 104 | } 105 | .footer-content-mo { 106 | bottom: 0; 107 | width: 100%; 108 | z-index: 666666; 109 | position: fixed; 110 | @include flex(); 111 | height: rpx(100); 112 | background: #ffffff; 113 | > div, > a { 114 | flex: 1; 115 | height: 100%; 116 | @include flex(); 117 | font-size: rpx(32); 118 | font-weight: 500; 119 | color: #2487FF; 120 | line-height: rpx(45); 121 | letter-spacing: rpx(1); 122 | &:last-child { 123 | color: #ffffff; 124 | background: #2487FF; 125 | } 126 | img { 127 | width: rpx(40); 128 | height: rpx(40); 129 | margin-right: rpx(4); 130 | } 131 | } 132 | } 133 | .van-action-sheet-content { 134 | padding: rpx(32); 135 | box-sizing: border-box; 136 | } 137 | } 138 | .van-overlay, .van-popup { 139 | z-index: 999999!important; 140 | } 141 | } -------------------------------------------------------------------------------- /src/layout/components/Side/index.vue: -------------------------------------------------------------------------------- 1 | 55 | 56 | 66 | 67 | 71 | -------------------------------------------------------------------------------- /src/layout/components/Side/mo.scss: -------------------------------------------------------------------------------- 1 | @media screen and (max-width: 1200px) { 2 | .side { 3 | display: none; 4 | } 5 | } -------------------------------------------------------------------------------- /src/layout/components/Side/pc.scss: -------------------------------------------------------------------------------- 1 | @media screen and (min-width: 1200px) { 2 | .side { 3 | top: 50%; 4 | z-index: 666; 5 | right: px(14); 6 | position: fixed; 7 | width: 73px; 8 | height: 206px; 9 | transform: translateY(-50%); 10 | .bar { 11 | width: 100%; 12 | height: 100%; 13 | border-radius: 10px; 14 | background: #FFFFFF; 15 | @include flex(column); 16 | justify-content: space-between; 17 | border: 1px solid rgba(0, 0, 0, 0.1); 18 | > div { 19 | flex: 1; 20 | width: 100%; 21 | @include flex(); 22 | cursor: pointer; 23 | position: relative; 24 | a { 25 | width: 100%; 26 | height: 100%; 27 | @include flex(); 28 | } 29 | img { 30 | width: 48px; 31 | height: 48px; 32 | } 33 | .text { 34 | font-size: 20; 35 | font-weight: 600; 36 | color: #2487FF; 37 | line-height: 24px; 38 | letter-spacing: 3px; 39 | } 40 | &.mid { 41 | .tel-wrapper { 42 | padding-right: 8px; 43 | box-sizing: border-box; 44 | @include abs(0px, -270px, 270px, 262px); 45 | .tel-content { 46 | height: 100%; 47 | @include flex(column); 48 | border-radius: 8px; 49 | @include flex(column); 50 | background: #FFFFFF; 51 | justify-content: flex-start; 52 | border: 1px solid rgba(0, 0, 0, 0.1); 53 | > img { 54 | width: 100%; 55 | height: 153px; 56 | margin-bottom: 24px; 57 | } 58 | .t { 59 | font-size: 20px; 60 | font-weight: 500; 61 | color: #2B303A; 62 | line-height: 32px; 63 | margin-bottom: 8px; 64 | } 65 | .tel { 66 | @include flex(); 67 | font-size: 20px; 68 | font-weight: 500; 69 | color: #2487FF; 70 | line-height: 28px; 71 | letter-spacing: 1px; 72 | img { 73 | width: 20px; 74 | height: 20px; 75 | margin-right: 8px; 76 | } 77 | } 78 | } 79 | } 80 | } 81 | &.top, &.bot { 82 | .code-wrapper { 83 | padding-right: 8px; 84 | box-sizing: border-box; 85 | @include abs(0, -122px, 122px, 142px); 86 | .code-content { 87 | height: 100%; 88 | border-radius: 5px; 89 | @include flex(column); 90 | background: #FFFFFF; 91 | box-sizing: border-box; 92 | border: 1px solid rgba(0, 0, 0, 0.1); 93 | > img { 94 | width: 80px; 95 | height: 80px; 96 | object-fit: cover; 97 | } 98 | > .bottom { 99 | @include flex(); 100 | margin-top: 8px; 101 | > img { 102 | width: 16px; 103 | height: 16px; 104 | object-fit: cover; 105 | margin-right: 2px; 106 | } 107 | > span { 108 | font-size: 14px; 109 | font-weight: 400; 110 | color: #2B303A; 111 | line-height: 20px; 112 | } 113 | } 114 | } 115 | } 116 | } 117 | } 118 | > span { 119 | height: px(1); 120 | width: px(60); 121 | background: rgba(237, 241, 246, 1); 122 | } 123 | } 124 | } 125 | 126 | .fade-enter-active, .fade-leave-active { 127 | transition: all .6s; 128 | } 129 | .fade-enter, .fade-leave-to { 130 | opacity: 0; 131 | } 132 | } 133 | -------------------------------------------------------------------------------- /src/layout/index.vue: -------------------------------------------------------------------------------- 1 | 20 | 21 | 80 | 81 | 85 | -------------------------------------------------------------------------------- /src/layout/mo.scss: -------------------------------------------------------------------------------- 1 | @media screen and (max-width: 1200px) { 2 | .layout { 3 | width: 100%; 4 | overflow: hidden; 5 | padding-top: rpx(95); 6 | padding-bottom: rpx(100); 7 | } 8 | } -------------------------------------------------------------------------------- /src/layout/pc.scss: -------------------------------------------------------------------------------- 1 | @media screen and (min-width: 1200px) { 2 | .layout { 3 | height: 100%; 4 | overflow: hidden; 5 | .input { 6 | ::v-deep { 7 | .el-dialog { 8 | height: px(352); 9 | border-radius: px(20); 10 | .el-dialog__header { 11 | display: none; 12 | } 13 | .el-dialog__body { 14 | height: 100%; 15 | position: relative; 16 | box-sizing: border-box; 17 | padding: px(42) px(32) 0; 18 | .colse { 19 | cursor: pointer; 20 | transition: all .6s; 21 | @include abs(0, px(448), px(48), px(48)); 22 | &:hover { 23 | transform: rotateZ(360deg); 24 | } 25 | } 26 | .ladel { 27 | font-size: 16px; 28 | font-weight: 600; 29 | color: #1f2329; 30 | line-height: 22px; 31 | margin-bottom: px(8); 32 | letter-spacing: px(1); 33 | } 34 | input { 35 | width: 100%; 36 | border: none; 37 | outline: none; 38 | height: px(32); 39 | margin-bottom: px(24); 40 | box-sizing: border-box; 41 | border-bottom: px(1) solid rgba(0, 0, 0, 0.1); 42 | &::placeholder { 43 | font-size: 14px; 44 | font-weight: 400; 45 | color: #BBBBBB; 46 | line-height: 20px; 47 | } 48 | } 49 | .sub { 50 | width: px(328); 51 | height: px(50); 52 | background: #2487FF; 53 | border-radius: px(25); 54 | @include flex(); 55 | cursor: pointer; 56 | font-size: 16px; 57 | font-weight: 400; 58 | color: #FFFFFF; 59 | line-height: 22px; 60 | letter-spacing: px(3); 61 | margin: 0 auto px(16); 62 | } 63 | .text { 64 | font-size: 14px; 65 | font-weight: 400; 66 | color: #646a73; 67 | text-align: center; 68 | line-height: 20px; 69 | letter-spacing: px(1); 70 | } 71 | } 72 | } 73 | } 74 | } 75 | } 76 | } -------------------------------------------------------------------------------- /src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import Vant from 'vant' 3 | import App from './App.vue' 4 | import store from './store' 5 | import Plugin from '@/plugin' 6 | import router from './router' 7 | import ElementUI from 'element-ui' 8 | import { slider, slideritem } from 'vue-concise-slider' 9 | 10 | import 'vant/lib/index.css' 11 | import 'nprogress/nprogress.css' 12 | import 'element-ui/lib/theme-chalk/index.css' 13 | import '@/styles/element-variables.scss' 14 | 15 | Vue.use(Vant) 16 | Vue.use(Plugin) 17 | Vue.use(ElementUI) 18 | Vue.component('slider', slider) 19 | Vue.component('slideritem', slideritem) 20 | 21 | Vue.config.productionTip = false 22 | 23 | setTimeout(() => { 24 | // window.scrollTo(0, 12345) 25 | }, 123) 26 | 27 | Vue.prototype.$event = new Vue() 28 | Vue.prototype.$d = function(join) { 29 | Vue.prototype.$event.$emit('dialog', join) 30 | } 31 | 32 | new Vue({ 33 | router, 34 | store, 35 | mounted() { 36 | document.dispatchEvent(new Event('vue-mounted')) 37 | }, 38 | render: h => h(App) 39 | }).$mount('#app') 40 | -------------------------------------------------------------------------------- /src/plugin/directive/el-drag-dialog/index.js: -------------------------------------------------------------------------------- 1 | export default { 2 | bind(el, binding, vnode) { 3 | const dialogHeaderEl = el.querySelector('.el-dialog__header') 4 | const dragDom = el.querySelector('.el-dialog') 5 | dialogHeaderEl.style.cssText += ';cursor:move;' 6 | dragDom.style.cssText += ';top:0px;' 7 | 8 | // 获取原有属性 ie dom元素.currentStyle 火狐谷歌 window.getComputedStyle(dom元素, null); 9 | const getStyle = (function() { 10 | if (window.document.currentStyle) { 11 | return (dom, attr) => dom.currentStyle[attr] 12 | } else { 13 | return (dom, attr) => getComputedStyle(dom, false)[attr] 14 | } 15 | })() 16 | 17 | dialogHeaderEl.onmousedown = (e) => { 18 | // 鼠标按下，计算当前元素距离可视区的距离 19 | const disX = e.clientX - dialogHeaderEl.offsetLeft 20 | const disY = e.clientY - dialogHeaderEl.offsetTop 21 | 22 | const dragDomWidth = dragDom.offsetWidth 23 | const dragDomHeight = dragDom.offsetHeight 24 | 25 | const screenWidth = document.body.clientWidth 26 | const screenHeight = document.body.clientHeight 27 | 28 | const minDragDomLeft = dragDom.offsetLeft 29 | const maxDragDomLeft = screenWidth - dragDom.offsetLeft - dragDomWidth 30 | 31 | const minDragDomTop = dragDom.offsetTop 32 | const maxDragDomTop = screenHeight - dragDom.offsetTop - dragDomHeight 33 | 34 | // 获取到的值带px 正则匹配替换 35 | let styL = getStyle(dragDom, 'left') 36 | let styT = getStyle(dragDom, 'top') 37 | 38 | if (styL.includes('%')) { 39 | styL = +document.body.clientWidth * (+styL.replace(/\%/g, '') / 100) 40 | styT = +document.body.clientHeight * (+styT.replace(/\%/g, '') / 100) 41 | } else { 42 | styL = +styL.replace(/\px/g, '') 43 | styT = +styT.replace(/\px/g, '') 44 | } 45 | 46 | document.onmousemove = function(e) { 47 | // 通过事件委托，计算移动的距离 48 | let left = e.clientX - disX 49 | let top = e.clientY - disY 50 | 51 | // 边界处理 52 | if (-(left) > minDragDomLeft) { 53 | left = -minDragDomLeft 54 | } else if (left > maxDragDomLeft) { 55 | left = maxDragDomLeft 56 | } 57 | 58 | if (-(top) > minDragDomTop) { 59 | top = -minDragDomTop 60 | } else if (top > maxDragDomTop) { 61 | top = maxDragDomTop 62 | } 63 | 64 | // 移动当前元素 65 | dragDom.style.cssText += `;left:${left + styL}px;top:${top + styT}px;` 66 | 67 | // emit onDrag event 68 | vnode.child.$emit('dragDialog') 69 | } 70 | 71 | document.onmouseup = function(e) { 72 | document.onmousemove = null 73 | document.onmouseup = null 74 | } 75 | } 76 | } 77 | } 78 | -------------------------------------------------------------------------------- /src/plugin/directive/el-table/adaptive.js: -------------------------------------------------------------------------------- 1 | import { addResizeListener, removeResizeListener } from 'element-ui/src/utils/resize-event' 2 | 3 | /** 4 | * How to use 5 | * ... 6 | * el-table height is must be set 7 | * bottomOffset: 30(default) // The height of the table from the bottom of the page. 8 | */ 9 | 10 | const doResize = (el, binding, vnode) => { 11 | const { componentInstance: $table } = vnode 12 | 13 | const { value } = binding 14 | 15 | if (!$table.height) { 16 | throw new Error(`el-$table must set the height. Such as height='100px'`) 17 | } 18 | const bottomOffset = (value && value.bottomOffset) || 30 19 | 20 | if (!$table) return 21 | 22 | const height = window.innerHeight - el.getBoundingClientRect().top - bottomOffset 23 | $table.layout.setHeight(height) 24 | $table.doLayout() 25 | } 26 | 27 | export default { 28 | bind(el, binding, vnode) { 29 | el.resizeListener = () => { 30 | doResize(el, binding, vnode) 31 | } 32 | // parameter 1 is must be "Element" type 33 | addResizeListener(window.document.body, el.resizeListener) 34 | }, 35 | inserted(el, binding, vnode) { 36 | doResize(el, binding, vnode) 37 | }, 38 | unbind(el) { 39 | removeResizeListener(window.document.body, el.resizeListener) 40 | } 41 | } 42 | -------------------------------------------------------------------------------- /src/plugin/directive/el-table/index.js: -------------------------------------------------------------------------------- 1 | import adaptive from './adaptive' 2 | 3 | const install = function(Vue) { 4 | Vue.directive('el-height-adaptive-table', adaptive) 5 | } 6 | 7 | if (window.Vue) { 8 | window['el-height-adaptive-table'] = adaptive 9 | Vue.use(install); // eslint-disable-line 10 | } 11 | 12 | adaptive.install = install 13 | export default adaptive 14 | -------------------------------------------------------------------------------- /src/plugin/directive/index.js: -------------------------------------------------------------------------------- 1 | import waves from './waves' 2 | import sticky from './sticky' 3 | import elDragDialog from './el-drag-dialog' 4 | 5 | Vue.directive('waves', waves) // 注册全局水波纹 6 | Vue.directive('sticky', sticky) // 注册全局吸顶 7 | Vue.directive('el-drag-dialog', elDragDialog) // 注册全局 el-dialog 拖拽 8 | 9 | Vue.directive('button-auth-control', { // 注册全局自定义按钮权控指令 `v-button-permission` 10 | bind: (el, { arg }, { context: { $route }}) => { 11 | if (!($route.meta.buttons && $route.meta.buttons.includes(arg))) { 12 | Vue.nextTick(() => el.remove()) 13 | } 14 | } 15 | }) 16 | 17 | Vue.directive('img', { // 注册全局自定义快速读取 excel `v-img:9.formData` `v-img.base64` 18 | inserted: (el, { value, arg, modifiers: { formData, base64 }}) => { 19 | const max = isNaN(Number(arg)) ? 1 : Number(arg) 20 | const id = String(Date.now() + Math.floor(Math.random() * (10 ** 16))) 21 | const input = document.createElement('input') 22 | el['excel-id'] = id 23 | el['excel-event'] = () => document.getElementById(id).click() 24 | input.id = id 25 | input.type = 'file' 26 | input.style.display = 'none' 27 | input.multiple = max ? 'multiple' : '' 28 | input.accept = '.jpg, .jpeg, .gif, .png' 29 | el.addEventListener('click', el['excel-event']) 30 | input.onchange = ({ target: { files }}) => { 31 | files = Array.from(files).slice(0, max) 32 | if (!files.length) return 33 | if (formData) { 34 | const formDate = new FormData() 35 | for (let i = 0; i < files.length; i++) { 36 | const file = files[i] 37 | formDate.append('img', file) 38 | } 39 | value(formDate) 40 | } else if (base64) { 41 | let i = 0 42 | const list = [] 43 | files.forEach(file => { 44 | const reader = new FileReader() 45 | reader.onloadend = e => { 46 | list.push(e.target.result) 47 | i++ 48 | if (i === files.length) { 49 | value(list) 50 | } 51 | } 52 | reader.readAsDataURL(file) 53 | }) 54 | } else { 55 | value(files) 56 | } 57 | input.value = '' 58 | } 59 | document.body.appendChild(input) 60 | }, 61 | unbind: el => { 62 | el = document.getElementById(el['excel-id']) 63 | el.removeEventListener('click', el['excel-event']) 64 | el.remove() 65 | } 66 | }) 67 | 68 | -------------------------------------------------------------------------------- /src/plugin/directive/sticky/index.js: -------------------------------------------------------------------------------- 1 | let listenAction 2 | 3 | export default { 4 | inserted(el, binding) { 5 | const params = binding.value || {} 6 | const stickyTop = params.stickyTop || 0 7 | const zIndex = params.zIndex || 1 8 | const elStyle = el.style 9 | 10 | elStyle.position = '-webkit-sticky' 11 | elStyle.position = 'sticky' 12 | const elLeft = el.getBoundingClientRect().left 13 | const elWidth = el.getBoundingClientRect().width 14 | const elHeight = el.getBoundingClientRect().height 15 | elStyle.cssText = `top: ${stickyTop}px; left: ${elLeft}px; z-index: ${zIndex}` 16 | 17 | const parentElm = el.parentNode || document.documentElement 18 | const placeholder = document.createElement('div') 19 | placeholder.style.display = 'none' 20 | placeholder.style.width = `${elWidth}px` 21 | placeholder.style.height = `${elHeight}px` 22 | parentElm.insertBefore(placeholder, el) 23 | 24 | let active = false 25 | 26 | const getScroll = (target, top) => { 27 | const prop = top ? 'pageYOffset' : 'pageXOffset' 28 | const method = top ? 'scrollTop' : 'scrollLeft' 29 | let ret = target[prop] 30 | if (typeof ret !== 'number') { 31 | ret = window.document.documentElement[method] 32 | } 33 | return ret 34 | } 35 | 36 | const sticky = () => { 37 | if (active) { 38 | return 39 | } 40 | if (!elStyle.height) { 41 | elStyle.height = `${el.offsetHeight}px` 42 | } 43 | 44 | elStyle.position = 'fixed' 45 | elStyle.width = `${elWidth}px` 46 | placeholder.style.display = 'inline-block' 47 | active = true 48 | } 49 | 50 | const reset = () => { 51 | if (!active) { 52 | return 53 | } 54 | 55 | elStyle.position = '' 56 | placeholder.style.display = 'none' 57 | active = false 58 | } 59 | 60 | const check = () => { 61 | const scrollTop = getScroll(window, true) 62 | const offsetTop = el.getBoundingClientRect().top 63 | if (offsetTop < stickyTop) { 64 | sticky() 65 | } else { 66 | if (scrollTop < elHeight + stickyTop) { 67 | reset() 68 | } 69 | } 70 | } 71 | listenAction = () => { 72 | check() 73 | } 74 | 75 | window.addEventListener('scroll', listenAction) 76 | }, 77 | 78 | unbind() { 79 | window.removeEventListener('scroll', listenAction) 80 | } 81 | } 82 | -------------------------------------------------------------------------------- /src/plugin/directive/waves/index.js: -------------------------------------------------------------------------------- 1 | import './waves.css' 2 | 3 | const context = '@@wavesContext' 4 | 5 | function handleClick(el, binding) { 6 | function handle(e) { 7 | const customOpts = Object.assign({}, binding.value) 8 | const opts = Object.assign({ 9 | ele: el, // 波纹作用元素 10 | type: 'hit', // hit 点击位置扩散 center中心点扩展 11 | color: 'rgba(0, 0, 0, 0.15)' // 波纹颜色 12 | }, 13 | customOpts 14 | ) 15 | const target = opts.ele 16 | if (target) { 17 | target.style.position = 'relative' 18 | target.style.overflow = 'hidden' 19 | const rect = target.getBoundingClientRect() 20 | let ripple = target.querySelector('.waves-ripple') 21 | if (!ripple) { 22 | ripple = document.createElement('span') 23 | ripple.className = 'waves-ripple' 24 | ripple.style.height = ripple.style.width = Math.max(rect.width, rect.height) + 'px' 25 | target.appendChild(ripple) 26 | } else { 27 | ripple.className = 'waves-ripple' 28 | } 29 | switch (opts.type) { 30 | case 'center': 31 | ripple.style.top = rect.height / 2 - ripple.offsetHeight / 2 + 'px' 32 | ripple.style.left = rect.width / 2 - ripple.offsetWidth / 2 + 'px' 33 | break 34 | default: 35 | ripple.style.top = 36 | (e.pageY - rect.top - ripple.offsetHeight / 2 - document.documentElement.scrollTop || 37 | document.body.scrollTop) + 'px' 38 | ripple.style.left = 39 | (e.pageX - rect.left - ripple.offsetWidth / 2 - document.documentElement.scrollLeft || 40 | document.body.scrollLeft) + 'px' 41 | } 42 | ripple.style.backgroundColor = opts.color 43 | ripple.className = 'waves-ripple z-active' 44 | return false 45 | } 46 | } 47 | 48 | if (!el[context]) { 49 | el[context] = { 50 | removeHandle: handle 51 | } 52 | } else { 53 | el[context].removeHandle = handle 54 | } 55 | 56 | return handle 57 | } 58 | 59 | export default { 60 | bind(el, binding) { 61 | el.addEventListener('click', handleClick(el, binding), false) 62 | }, 63 | update(el, binding) { 64 | el.removeEventListener('click', el[context].removeHandle, false) 65 | el.addEventListener('click', handleClick(el, binding), false) 66 | }, 67 | unbind(el) { 68 | el.removeEventListener('click', el[context].removeHandle, false) 69 | el[context] = null 70 | delete el[context] 71 | } 72 | } 73 | -------------------------------------------------------------------------------- /src/plugin/directive/waves/waves.css: -------------------------------------------------------------------------------- 1 | .waves-ripple { 2 | position: absolute; 3 | border-radius: 100%; 4 | background-color: rgba(0, 0, 0, 0.15); 5 | background-clip: padding-box; 6 | pointer-events: none; 7 | -webkit-user-select: none; 8 | -moz-user-select: none; 9 | -ms-user-select: none; 10 | user-select: none; 11 | -webkit-transform: scale(0); 12 | -ms-transform: scale(0); 13 | transform: scale(0); 14 | opacity: 1; 15 | } 16 | 17 | .waves-ripple.z-active { 18 | opacity: 0; 19 | -webkit-transform: scale(2); 20 | -ms-transform: scale(2); 21 | transform: scale(2); 22 | -webkit-transition: opacity 1.2s ease-out, -webkit-transform 0.6s ease-out; 23 | transition: opacity 1.2s ease-out, -webkit-transform 0.6s ease-out; 24 | transition: opacity 1.2s ease-out, transform 0.6s ease-out; 25 | transition: opacity 1.2s ease-out, transform 0.6s ease-out, -webkit-transform 0.6s ease-out; 26 | } -------------------------------------------------------------------------------- /src/plugin/filter/filters.js: -------------------------------------------------------------------------------- 1 | export function toThousandFilter(num) { 2 | return (+num || 0).toString().replace(/^-?\d+/g, m => m.replace(/(?=(?!\b)(\d{3})+$)/g, ',')) 3 | } 4 | 5 | export function uppercaseFirst(string) { 6 | return string.charAt(0).toUpperCase() + string.slice(1) 7 | } 8 | 9 | export function slice(val, len) { 10 | val = val.toString() 11 | return val.length > len ? val.slice(0, len) + '...' : val 12 | } 13 | -------------------------------------------------------------------------------- /src/plugin/filter/index.js: -------------------------------------------------------------------------------- 1 | import * as filters from './filters' 2 | 3 | Reflect.ownKeys(filters).forEach(key => { 4 | Vue.filter(key, filters[key]) 5 | }) 6 | -------------------------------------------------------------------------------- /src/plugin/index.js: -------------------------------------------------------------------------------- 1 | import './filter' 2 | import './prototype' 3 | import './directive' 4 | import G from './prototype/G' 5 | 6 | Vue.mixin({ 7 | created() { 8 | G.$route = this.$route 9 | }, 10 | activated() { 11 | G.$route = this.$route 12 | } 13 | }) 14 | 15 | export default { 16 | install() { 17 | // Vue 已定义为全局变量在 vue.config.js 中 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /src/plugin/prototype/index.js: -------------------------------------------------------------------------------- 1 | import G from './G' 2 | 3 | Object.setPrototypeOf(Vue.prototype, G) // 将 Vue.prototype 的原型设置为全局变量。既防止 prototype 命名冲突，又复用了 G 对象上的方法。 4 | -------------------------------------------------------------------------------- /src/settings.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | title: '老岳讲感统官方网站', // 项目名称 3 | publicPath: '/' // 部署路径 4 | } 5 | -------------------------------------------------------------------------------- /src/store/index.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import Vuex from 'vuex' 3 | 4 | Vue.use(Vuex) 5 | 6 | export default new Vuex.Store({ 7 | state: { 8 | up: false, 9 | top: 0 10 | }, 11 | mutations: { 12 | UP(state, up) { 13 | state.up = up 14 | }, 15 | TOP(state, top) { 16 | state.top = top 17 | } 18 | }, 19 | actions: { 20 | }, 21 | modules: { 22 | } 23 | }) 24 | -------------------------------------------------------------------------------- /src/styles/element-variables.scss: -------------------------------------------------------------------------------- 1 | $--color-primary: #2487FF; 2 | 3 | /* 改变 icon 字体路径变量，必需 */ 4 | $--font-path: '~element-ui/lib/theme-chalk/fonts'; 5 | 6 | @import "~element-ui/packages/theme-chalk/src/index"; -------------------------------------------------------------------------------- /src/styles/mixin.scss: -------------------------------------------------------------------------------- 1 | @mixin clearfix { 2 | &:after { 3 | content: ""; 4 | display: table; 5 | clear: both; 6 | } 7 | } 8 | 9 | @mixin scrollBar { 10 | &::-webkit-scrollbar-track-piece { 11 | background: #d3dce6; 12 | } 13 | 14 | &::-webkit-scrollbar { 15 | width: px(12); 16 | } 17 | 18 | &::-webkit-scrollbar-thumb { 19 | border-radius: px(6); 20 | background: #99a9bf; 21 | } 22 | } 23 | 24 | @mixin abs($t: 0, $l: 0, $w: auto, $h: auto) { 25 | top: $t; 26 | left: $l; 27 | width: $w; 28 | height: $h; 29 | position: absolute; 30 | } 31 | 32 | @mixin flex($c: row) { 33 | display: flex; 34 | flex-direction: $c; 35 | align-items: center; 36 | justify-content: center; 37 | } 38 | -------------------------------------------------------------------------------- /src/views/about/culture/index.vue: -------------------------------------------------------------------------------- 1 | 50 | 51 | 68 | 69 | 73 | -------------------------------------------------------------------------------- /src/views/about/culture/mo.scss: -------------------------------------------------------------------------------- 1 | @media screen and (max-width: 1200px) { 2 | .culture { 3 | .sec1 { 4 | .content { 5 | display: none; 6 | } 7 | .contentMo { 8 | .cont { 9 | width: rpx(686); 10 | margin: 0 auto rpx(32); 11 | font-size: rpx(24); 12 | font-weight: 400; 13 | color: #606060; 14 | line-height: rpx(42); 15 | letter-spacing: rpx(1); 16 | } 17 | img { 18 | display: block; 19 | width: rpx(686); 20 | margin: 0 auto rpx(32); 21 | } 22 | } 23 | } 24 | .sec2 { 25 | .content { 26 | display: none; 27 | } 28 | .contentMo { 29 | background-image: url("../../../assets/about/culture//bg1.png"); 30 | background-repeat: no-repeat; 31 | background-position: center; 32 | background-size: 100% 100%; 33 | height: rpx(619); 34 | @include flex(column); 35 | justify-content: flex-start; 36 | .item { 37 | @include flex(column); 38 | margin-bottom: rpx(32); 39 | &:first-child { 40 | margin-top: rpx(12); 41 | } 42 | p { 43 | @include flex(); 44 | margin-bottom: rpx(16); 45 | } 46 | img { 47 | width: rpx(40); 48 | height: rpx(40); 49 | margin-right: rpx(8); 50 | } 51 | span { 52 | font-size: rpx(24); 53 | font-weight: 600; 54 | color: #2487FF; 55 | line-height: rpx(33); 56 | } 57 | div { 58 | font-size: rpx(24); 59 | font-weight: 400; 60 | color: #8E99A9; 61 | line-height: rpx(33); 62 | } 63 | } 64 | } 65 | } 66 | } 67 | } -------------------------------------------------------------------------------- /src/views/about/culture/pc.scss: -------------------------------------------------------------------------------- 1 | @media screen and (min-width: 1200px) { 2 | .culture { 3 | .sec1 { 4 | .contentMo { 5 | display: none; 6 | } 7 | .content { 8 | width: 1420px; 9 | height: 418px; 10 | @include flex(); 11 | margin: 66px auto; 12 | justify-content: space-between; 13 | > img { 14 | width: 667px; 15 | height: 100%; 16 | object-fit: cover; 17 | margin-right: 24px; 18 | } 19 | > div { 20 | flex: 1; 21 | height: 100%; 22 | font-size: 16px; 23 | font-weight: 400; 24 | color: #333333; 25 | line-height: 38px; 26 | letter-spacing: 1px; 27 | @include flex(column); 28 | align-items: flex-start; 29 | p { 30 | margin-bottom: 16px; 31 | &:nth-child(1) { 32 | font-size: 28px; 33 | font-weight: 600; 34 | color: #000000; 35 | line-height: 40px; 36 | } 37 | &:nth-child(2) { 38 | font-size: 16px; 39 | font-weight: 500; 40 | color: #878787; 41 | line-height: 22px; 42 | letter-spacing: 1px; 43 | } 44 | } 45 | } 46 | } 47 | } 48 | .sec2 { 49 | background-image: url("../../../assets/about/culture//bg.png"); 50 | background-repeat: no-repeat; 51 | background-position: center; 52 | background-size: 100% 100%; 53 | height: 605px; 54 | .contentMo { 55 | display: none; 56 | } 57 | .content { 58 | width: 1234px; 59 | @include flex(); 60 | margin: 66px auto 0; 61 | justify-content: space-between; 62 | .item { 63 | flex: 1; 64 | margin-top: 6px; 65 | font-size: 16px; 66 | font-weight: 600; 67 | color: #333333; 68 | line-height: 22px; 69 | position: relative; 70 | @include flex(column); 71 | > img { 72 | width: 40px; 73 | height: 40px; 74 | margin-bottom: 6px; 75 | } 76 | > span { 77 | font-size: 16px; 78 | font-weight: 600; 79 | color: #333333; 80 | line-height: 22px; 81 | } 82 | .base { 83 | &::after { 84 | content: ""; 85 | background: #2487FF; 86 | @include abs(76px, 50%, 46px, 1px); 87 | transform: translateX(-50%); 88 | } 89 | } 90 | &:hover { 91 | .hover { 92 | opacity: 1; 93 | } 94 | } 95 | .hover { 96 | opacity: 0; 97 | font-size: 16px; 98 | font-weight: 400; 99 | color:#333333; 100 | line-height: 22px; 101 | text-align: center; 102 | padding-bottom: 6px; 103 | white-space: nowrap; 104 | transition: all 0.5s; 105 | @include flex(column); 106 | transform: translateX(-50%); 107 | // border-bottom: 1px solid#333333; 108 | @include abs(100px, 50%, auto, auto); 109 | img { 110 | width: 280px; 111 | border-top: 1px solid#333333; 112 | } 113 | span { 114 | line-height: 0; 115 | font-size: 22px; 116 | font-weight: 100; 117 | color: #333333; 118 | margin-bottom: 12px; 119 | &::before { 120 | content: ""; 121 | background:#333333; 122 | @include abs(5px, 0, calc(50% - 10px), 1px); 123 | } 124 | &::after { 125 | content: ""; 126 | background:#333333; 127 | @include abs(5px, auto, calc(50% - 10px), 1px); 128 | right: 0; 129 | } 130 | } 131 | } 132 | } 133 | } 134 | } 135 | } 136 | } -------------------------------------------------------------------------------- /src/views/about/history/mo.scss: -------------------------------------------------------------------------------- 1 | @media screen and (max-width: 1200px) { 2 | .history { 3 | .content, .years { 4 | display: none; 5 | } 6 | .contentMo { 7 | overflow: hidden; 8 | .cont { 9 | height: rpx(567); 10 | position: relative; 11 | padding-top: rpx(136); 12 | box-sizing: border-box; 13 | .line { 14 | height: rpx(121); 15 | @include flex(); 16 | .item { 17 | height: rpx(8); 18 | width: rpx(235); 19 | position: relative; 20 | border-radius: rpx(5); 21 | background: linear-gradient(90deg, rgba(36, 135, 255, 0.35) 0%, #2487FF 100%); 22 | &:first-child, &:last-child { 23 | flex: auto; 24 | width: rpx(122); 25 | } 26 | &::after { 27 | content: ""; 28 | border-radius: rpx(8); 29 | margin-top: rpx(-4); 30 | background: #2487FF; 31 | @include abs(0, 100%, rpx(16), rpx(16)); 32 | } 33 | span { 34 | @include abs(rpx(-54), 100%); 35 | transform: translateX(-50%); 36 | font-size: rpx(24); 37 | font-weight: 500; 38 | color: #606060; 39 | line-height: rpx(33); 40 | letter-spacing: rpx(1); 41 | } 42 | } 43 | } 44 | .year { 45 | @include flex(column); 46 | @include abs(rpx(123), 50%); 47 | transform: translateX(-50%); 48 | .img { 49 | width: rpx(159); 50 | height: rpx(159); 51 | position: relative; 52 | font-size: rpx(32); 53 | font-weight: 500; 54 | color: #FFFFFF; 55 | line-height: rpx(45); 56 | @include flex(); 57 | img { 58 | z-index: -1; 59 | @include abs(0, 0, 100%, 100%); 60 | } 61 | } 62 | } 63 | .text { 64 | font-size: rpx(24); 65 | font-weight: 400; 66 | color: #262626; 67 | line-height: rpx(38); 68 | letter-spacing: rpx(1); 69 | text-align: center; 70 | } 71 | } 72 | .bot { 73 | height: rpx(321); 74 | position: relative; 75 | .choose { 76 | z-index: 1; 77 | @include flex(); 78 | justify-content: space-between; 79 | @include abs(0, rpx(32), rpx(686), rpx(48)); 80 | > img { 81 | width: rpx(48); 82 | height: rpx(48); 83 | cursor: pointer; 84 | } 85 | ::v-deep { 86 | .van-tabs { 87 | height: 100%; 88 | width: rpx(520); 89 | .van-tabs__wrap { 90 | height: rpx(48); 91 | } 92 | .van-tabs__nav { 93 | background: transparent!important; 94 | } 95 | .van-tab { 96 | padding: 0; 97 | width: rpx(110); 98 | font-size: rpx(28); 99 | font-weight: 400; 100 | color: #606060; 101 | line-height: rpx(33); 102 | &.van-tab--active { 103 | color: #2487FF; 104 | } 105 | } 106 | .van-tabs__line { 107 | background: #2487FF; 108 | } 109 | } 110 | } 111 | } 112 | .wave { 113 | @include abs(0, 0, 100%, 100%); 114 | path { 115 | fill: rgba(36, 135, 255, 0.05); 116 | } 117 | } 118 | } 119 | } 120 | } 121 | } -------------------------------------------------------------------------------- /src/views/about/history/pc.scss: -------------------------------------------------------------------------------- 1 | @media screen and (min-width: 1200px) { 2 | .history { 3 | .contentMo { 4 | display: none; 5 | } 6 | .content { 7 | height: 392px; 8 | width: 1280px; 9 | @include flex(); 10 | position: relative; 11 | margin: 8px auto 0; 12 | .line { 13 | width: 100%; 14 | height: 16px; 15 | @include flex(); 16 | .item { 17 | flex: 1; 18 | height: 8px; 19 | position: relative; 20 | border-radius: 5px; 21 | background: linear-gradient(90deg, rgba(36, 135, 255, 0.35) 0%, #2487FF 100%); 22 | span { 23 | font-size: 24px; 24 | font-weight: 500; 25 | color: #333333; 26 | line-height: 33px; 27 | @include abs(32px, 206px, 16px, 16px); 28 | &.sec { 29 | top: -49px 30 | } 31 | } 32 | &::after { 33 | content: ""; 34 | border-radius: 50%; 35 | background: #2487FF; 36 | transform: translate(-50%, -50%); 37 | @include abs(50%, 100%, 16px, 16px); 38 | } 39 | } 40 | } 41 | .year { 42 | @include abs(0, 416px, 623px, 392px); 43 | .num { 44 | @include abs(0, 0, 100%, 100%); 45 | font-size: 280px; 46 | font-weight: 500; 47 | color: #333333; 48 | line-height: 392px; 49 | letter-spacing: 1px; 50 | background: linear-gradient(180deg, rgba(36, 135, 255, 0.1) 0%, rgba(36, 135, 255, 0) 100%); 51 | -webkit-background-clip: text; 52 | -webkit-text-fill-color: transparent; 53 | } 54 | .img { 55 | @include flex(); 56 | @include abs(124px, 260px, 141px, 141px); 57 | span { 58 | font-size: 32px; 59 | font-weight: 500; 60 | color: #FFFFFF; 61 | line-height: 45px; 62 | } 63 | img { 64 | z-index: -1; 65 | width: 100%; 66 | height: 100%; 67 | @include abs(0, 0, 100%, 100%); 68 | } 69 | } 70 | .text { 71 | font-size: 18px; 72 | font-weight: 400; 73 | color: #262626; 74 | line-height: 32px; 75 | text-align: center; 76 | letter-spacing: 1px; 77 | @include abs(285px, 253px, 188px, 64px); 78 | } 79 | } 80 | } 81 | .years { 82 | z-index: 1; 83 | height: 290px; 84 | overflow: hidden; 85 | position: relative; 86 | .choose { 87 | height: 32px; 88 | width: 1280px; 89 | @include flex(); 90 | margin: 120px auto 0; 91 | justify-content: space-between; 92 | > img { 93 | width: 32px; 94 | height: 32px; 95 | cursor: pointer; 96 | } 97 | ::v-deep { 98 | .van-tabs { 99 | height: 100%; 100 | width: 1200px; 101 | .van-tabs__wrap { 102 | height: 32px; 103 | } 104 | .van-tabs__nav { 105 | background: transparent!important; 106 | } 107 | .van-tab { 108 | padding: 0; 109 | width: 120px; 110 | font-size: 20px; 111 | font-weight: 400; 112 | color: #606060; 113 | line-height: 28px; 114 | letter-spacing: 1px; 115 | &.van-tab--active { 116 | color: #2487FF; 117 | } 118 | } 119 | .van-tabs__line { 120 | background: #2487FF; 121 | } 122 | } 123 | } 124 | .swiper-wrapper { 125 | flex: 1; 126 | height: 100%; 127 | overflow: hidden; 128 | ::v-deep { 129 | .el-tabs__nav-wrap { 130 | &::after { 131 | background: transparent; 132 | } 133 | .el-tabs__nav-prev, .el-tabs__nav-next { 134 | display: none; 135 | } 136 | .el-tabs__nav-scroll { 137 | @include flex(); 138 | .el-tabs__item { 139 | height: 32px; 140 | padding: 0 33px; 141 | font-size: 20px; 142 | font-weight: 400; 143 | color: #606060; 144 | line-height: 28px; 145 | letter-spacing: 1px; 146 | } 147 | } 148 | } 149 | } 150 | } 151 | } 152 | .wave { 153 | z-index: -1; 154 | @include abs(0, 0, 100%, 100%); 155 | path { 156 | fill: rgba(36, 135, 255, 0.05); 157 | } 158 | } 159 | } 160 | } 161 | } -------------------------------------------------------------------------------- /src/views/about/honor/index.vue: -------------------------------------------------------------------------------- 1 | 47 | 48 | 108 | 109 | 113 | -------------------------------------------------------------------------------- /src/views/about/honor/mo.scss: -------------------------------------------------------------------------------- 1 | @media screen and (max-width: 1200px) { 2 | .honor { 3 | .content { 4 | display: none; 5 | } 6 | .contentMo { 7 | .nav { 8 | width: rpx(400); 9 | margin: 0 auto; 10 | height: rpx(123); 11 | @include flex(); 12 | font-size: rpx(26); 13 | font-weight: 500; 14 | color: #262626; 15 | line-height: rpx(37); 16 | letter-spacing: rpx(1); 17 | justify-content: space-around; 18 | span { 19 | flex: 1; 20 | height: 100%; 21 | @include flex(); 22 | &.active { 23 | color: #2487FF; 24 | } 25 | } 26 | } 27 | .swiper { 28 | height: rpx(456); 29 | margin-bottom: rpx(66); 30 | ::v-deep { 31 | .slider-item { 32 | width: rpx(477); 33 | position: relative; 34 | transition: all 3s; 35 | flex-direction: column; 36 | transform: scale(0.6485507246376812); 37 | transition-timing-function: ease; 38 | transition-duration: 300ms; 39 | img { 40 | width: 100%; 41 | } 42 | span { 43 | margin-top: rpx(48); 44 | height: rpx(59); 45 | @include flex(); 46 | background: #FFFFFF; 47 | border-radius: rpx(30); 48 | box-shadow: rpx(0) rpx(4) rpx(10) rpx(0) rgba(0, 0, 0, 0.1); 49 | font-size: rpx(24); 50 | font-weight: 400; 51 | color: #000000; 52 | line-height: rpx(66); 53 | padding: 0 rpx(24); 54 | letter-spacing: rpx(1); 55 | } 56 | } 57 | .slider-item.slider-active { 58 | transform: scale(1.0); 59 | z-index: 999; 60 | span { 61 | opacity: 1; 62 | } 63 | } 64 | .slider-item.slider-active-copy { 65 | transform:scale(1.0); 66 | z-index: 999; 67 | } 68 | } 69 | } 70 | } 71 | } 72 | } -------------------------------------------------------------------------------- /src/views/about/honor/pc.scss: -------------------------------------------------------------------------------- 1 | @media screen and (min-width: 1200px) { 2 | .honor { 3 | background-image: url("../../../assets/about/honor/bg.png"); 4 | background-repeat: no-repeat; 5 | background-position: center; 6 | background-size: 100% 100%; 7 | .contentMo { 8 | display: none; 9 | } 10 | .content { 11 | width: 1420px; 12 | @include flex(); 13 | margin: 160px auto; 14 | .left { 15 | height: 100%; 16 | width: 220px; 17 | @include flex(column); 18 | align-items: flex-start; 19 | span { 20 | margin: 27px 0; 21 | font-size: 18px; 22 | cursor: pointer; 23 | font-weight: 400; 24 | color: #262626; 25 | line-height: 25px; 26 | position: relative; 27 | letter-spacing: 1px; 28 | &.active { 29 | color: #2487FF; 30 | &::after { 31 | content: ""; 32 | background: #2487FF; 33 | @include abs(29px, 0, 100%, 2px); 34 | } 35 | } 36 | } 37 | } 38 | .cent { 39 | width: 714px; 40 | height: 321px; 41 | ::v-deep { 42 | .slider-item { 43 | width: 388px; 44 | position: relative; 45 | transition: all 3s; 46 | flex-direction: column; 47 | transform: scale(0.55451713395639); 48 | transition-timing-function: ease; 49 | transition-duration: 300ms; 50 | img { 51 | width: 100%; 52 | height: 276px; 53 | } 54 | span { 55 | opacity: 0; 56 | font-size: 18px; 57 | font-weight: 500; 58 | color: #000000; 59 | margin-top: 20px; 60 | line-height: 25px; 61 | letter-spacing: 1px; 62 | } 63 | } 64 | .slider-item.slider-active { 65 | transform: scale(1.0); 66 | z-index: 999; 67 | span { 68 | opacity: 1; 69 | } 70 | } 71 | .slider-item.slider-active-copy { 72 | transform:scale(1.0); 73 | z-index: 999; 74 | } 75 | } 76 | } 77 | .righ { 78 | flex: 1; 79 | height: 321px; 80 | @include flex(); 81 | justify-content: flex-end; 82 | .cont { 83 | width: 400px; 84 | height: 100%; 85 | @include flex(column); 86 | justify-content: space-between; 87 | i { 88 | cursor: pointer; 89 | font-size: 32px; 90 | font-weight: bold; 91 | } 92 | .swiper-wrapper { 93 | width: 100%; 94 | height: 200px; 95 | .swiper { 96 | height: 100%; 97 | ::v-deep { 98 | .slider-item { 99 | height: 52px; 100 | font-size: 16px; 101 | font-weight: 400; 102 | color: #000000; 103 | line-height: 22px; 104 | &:first-child { 105 | margin-top: 0; 106 | } 107 | &:last-child { 108 | margin-bottom: 0; 109 | } 110 | &.slider-active { 111 | span { 112 | height: 100%; 113 | box-sizing: border-box; 114 | padding: 0 55px; 115 | @include flex(); 116 | border-radius: 30px; 117 | background: #FFFFFF; 118 | box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1); 119 | } 120 | } 121 | } 122 | } 123 | } 124 | } 125 | } 126 | } 127 | } 128 | } 129 | } -------------------------------------------------------------------------------- /src/views/about/index.vue: -------------------------------------------------------------------------------- 1 | 24 | 25 | 38 | 39 | 43 | -------------------------------------------------------------------------------- /src/views/about/mo.scss: -------------------------------------------------------------------------------- 1 | @media screen and (max-width: 1200px) { 2 | .about { 3 | .layout { 4 | .banner { 5 | width: 100vw; 6 | display: block; 7 | height: rpx(375); 8 | object-fit: cover; 9 | } 10 | .navbar-wrapper { 11 | top: 0; 12 | width: 100%; 13 | z-index: 123; 14 | height: rpx(88); 15 | position: relative; 16 | background: #FFFFFF; 17 | box-shadow: rpx(0) rpx(1) rpx(0) rpx(0) rgba(0, 0, 0, 0.08); 18 | &.fixed { 19 | top: rpx(95); 20 | position: fixed; 21 | } 22 | .navbar { 23 | height: 100%; 24 | @include flex(); 25 | padding: 0 rpx(32); 26 | box-sizing: border-box; 27 | justify-content: flex-start; 28 | .router-link { 29 | height: 100%; 30 | @include flex(); 31 | font-weight: 400; 32 | color: #2A2E2E; 33 | font-size: px(24); 34 | position: relative; 35 | line-height: px(33); 36 | margin-right: rpx(42); 37 | &.active { 38 | color: #2487FF; 39 | &::after { 40 | content: ""; 41 | @include abs(auto, 0, 100%, rpx(2)); 42 | bottom: 0; 43 | background: #2487FF; 44 | } 45 | } 46 | &:last-child { 47 | margin-right: 0; 48 | } 49 | } 50 | } 51 | } 52 | } 53 | } 54 | } -------------------------------------------------------------------------------- /src/views/about/pc.scss: -------------------------------------------------------------------------------- 1 | @media screen and (min-width: 1200px) { 2 | .about { 3 | .layout { 4 | .banner { 5 | width: 100%; 6 | height: 600px; 7 | display: block; 8 | object-fit: cover; 9 | } 10 | .navbar-wrapper { 11 | top: 0; 12 | left: 0; 13 | width: 100%; 14 | z-index: 333; 15 | height: 55px; 16 | margin-bottom: 1px; 17 | position: relative; 18 | background: #FFFFFF; 19 | box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08); 20 | &.fixed { 21 | position: fixed; 22 | } 23 | .navbar { 24 | height: 100%; 25 | width: 1420px; 26 | margin: 0 auto; 27 | @include flex(); 28 | justify-content: flex-start; 29 | .router-link { 30 | height: 100%; 31 | @include flex(); 32 | position: relative; 33 | margin-right: 66px; 34 | &.active { 35 | &::after { 36 | content: ""; 37 | background: #2487FF; 38 | @include abs(auto, 50%, 84px, 1px); 39 | bottom: 0; 40 | transform: translateX(-50%); 41 | } 42 | } 43 | } 44 | } 45 | } 46 | } 47 | } 48 | } -------------------------------------------------------------------------------- /src/views/about/profile/index.vue: -------------------------------------------------------------------------------- 1 | 63 | 64 | 71 | 72 | 76 | -------------------------------------------------------------------------------- /src/views/about/profile/mo.scss: -------------------------------------------------------------------------------- 1 | @media screen and (max-width: 1200px) { 2 | .profile { 3 | .sec1 { 4 | .content { 5 | width: rpx(686); 6 | margin: 0 auto rpx(24); 7 | font-size: rpx(24); 8 | font-weight: 400; 9 | color: #606060; 10 | line-height: rpx(42); 11 | letter-spacing: rpx(1); 12 | } 13 | .data { 14 | background-image: url("../../../assets/about/profile/bg1.png"); 15 | background-size: rpx(750) rpx(375); 16 | background-repeat: no-repeat; 17 | background-position: center; 18 | height: rpx(375); 19 | @include flex(); 20 | flex-wrap: wrap; 21 | .item { 22 | width: 50%; 23 | height: 50%; 24 | @include flex(column); 25 | font-size: rpx(28); 26 | font-weight: 400; 27 | color: #606060; 28 | line-height: rpx(42); 29 | letter-spacing: rpx(1); 30 | .count-to { 31 | font-size: rpx(36); 32 | font-weight: bold; 33 | color: #2487FF; 34 | } 35 | } 36 | } 37 | } 38 | .sec2 { 39 | .content { 40 | display: none; 41 | } 42 | .contentMo { 43 | position: relative; 44 | img { 45 | width: 100%; 46 | } 47 | div { 48 | @include abs(rpx(521), rpx(32), rpx(686)); 49 | font-size: rpx(24); 50 | font-weight: 400; 51 | color: #606060; 52 | line-height: rpx(42); 53 | letter-spacing: rpx(1); 54 | } 55 | } 56 | } 57 | } 58 | } -------------------------------------------------------------------------------- /src/views/about/profile/pc.scss: -------------------------------------------------------------------------------- 1 | @media screen and (min-width: 1200px) { 2 | .profile { 3 | .sec1 { 4 | background-image: url("../../../assets/about/profile/bg1.png"); 5 | background-repeat: no-repeat; 6 | background-position: center; 7 | background-size: 100% 100%; 8 | height: 467px; 9 | .content { 10 | p { 11 | width: 1420px; 12 | margin: 0 auto; 13 | font-size: 16px; 14 | font-weight: 400; 15 | color: #333333; 16 | line-height: 38px; 17 | text-align: center; 18 | letter-spacing: 1px; 19 | } 20 | } 21 | .data { 22 | width: 1420px; 23 | @include flex(); 24 | margin: 32px auto 0; 25 | justify-content: space-evenly; 26 | .item { 27 | font-size: 16px; 28 | font-weight: 500; 29 | color: #2B303A; 30 | line-height: 22px; 31 | letter-spacing: 2px; 32 | @include flex(column); 33 | .num { 34 | @include flex(); 35 | align-items: flex-end; 36 | .count-to { 37 | font-size: 48px; 38 | font-weight: 500; 39 | color: #2487FF; 40 | line-height: 42px; 41 | letter-spacing: 3px; 42 | } 43 | } 44 | .text { 45 | margin-top: 24px; 46 | } 47 | } 48 | } 49 | } 50 | .sec2 { 51 | background-image: url("../../../assets/about/profile/bg2.png"); 52 | background-repeat: no-repeat; 53 | background-position: center; 54 | background-size: 100% 100%; 55 | height: 797px; 56 | .contentMo { 57 | display: none; 58 | } 59 | .content { 60 | height: 446px; 61 | width: 1420px; 62 | @include flex(); 63 | margin: 66px auto 0; 64 | justify-content: space-between; 65 | .left { 66 | width: 644px; 67 | font-size: 16px; 68 | font-weight: 400; 69 | color: #333333; 70 | line-height: 38px; 71 | letter-spacing: 1px; 72 | } 73 | .right { 74 | width: 726px; 75 | height: 100%; 76 | position: relative; 77 | img { 78 | object-fit: cover; 79 | transition: all .5s; 80 | @include abs(0, 0, 193px, 193px); 81 | &:hover { 82 | transform: scale(1.4); 83 | } 84 | &:nth-child(1) { 85 | top: 0; 86 | left: 120px; 87 | } 88 | &:nth-child(2) { 89 | top: 0; 90 | left: 394px; 91 | } 92 | &:nth-child(3) { 93 | top: 132px; 94 | left: 0px; 95 | } 96 | &:nth-child(4) { 97 | top: 132px; 98 | left: 260px; 99 | } 100 | &:nth-child(5) { 101 | top: 132px; 102 | left: 535px; 103 | } 104 | &:nth-child(6) { 105 | top: 254px; 106 | left: 125px; 107 | } 108 | &:nth-child(7) { 109 | top: 254px; 110 | left: 395px; 111 | } 112 | } 113 | } 114 | } 115 | } 116 | } 117 | } -------------------------------------------------------------------------------- /src/views/about/team/index.vue: -------------------------------------------------------------------------------- 1 | 35 | 36 | 99 | 100 | 104 | -------------------------------------------------------------------------------- /src/views/about/team/mo.scss: -------------------------------------------------------------------------------- 1 | @media screen and (max-width: 1200px) { 2 | .team { 3 | .content { 4 | display: none; 5 | } 6 | .contentMo { 7 | position: relative; 8 | .prev { 9 | z-index: 2; 10 | @include abs(rpx(365), rpx(19), rpx(48), rpx(48)); 11 | } 12 | .next { 13 | z-index: 2; 14 | @include abs(rpx(365), rpx(684), rpx(48), rpx(48)); 15 | } 16 | .swiper { 17 | height: auto; 18 | ::v-deep { 19 | .slider-item { 20 | height: auto; 21 | text-align: left; 22 | white-space: pre-wrap; 23 | flex-direction: column; 24 | justify-content: flex-start; 25 | > img { 26 | width: rpx(597); 27 | height: rpx(658); 28 | margin-top: rpx(66); 29 | object-fit: scale-down; 30 | } 31 | .text { 32 | width: rpx(686); 33 | margin-bottom: rpx(66); 34 | .name { 35 | font-size: rpx(48); 36 | font-weight: 500; 37 | color: #000000; 38 | line-height: rpx(67); 39 | margin-bottom: rpx(20); 40 | } 41 | .level { 42 | font-size: rpx(26); 43 | font-weight: 500; 44 | color: #333333; 45 | line-height: rpx(37); 46 | margin-bottom: rpx(32); 47 | } 48 | .line { 49 | height: rpx(1); 50 | background: #D8D8D8; 51 | margin-bottom: rpx(32); 52 | } 53 | > p { 54 | text-indent: 2em; 55 | font-size: rpx(24); 56 | font-weight: 400; 57 | color: #606060; 58 | line-height: rpx(42); 59 | letter-spacing: rpx(1); 60 | } 61 | } 62 | } 63 | } 64 | } 65 | } 66 | } 67 | } -------------------------------------------------------------------------------- /src/views/about/team/pc.scss: -------------------------------------------------------------------------------- 1 | @media screen and (min-width: 1200px) { 2 | .team { 3 | .contentMo { 4 | display: none; 5 | } 6 | .content { 7 | width: 1420px; 8 | @include flex(); 9 | margin: 66px auto; 10 | align-items: flex-start; 11 | justify-content: space-between; 12 | .left { 13 | width: 212px; 14 | padding-top: 56px; 15 | @include flex(column); 16 | align-items: flex-start; 17 | .item { 18 | opacity: 0.5; 19 | cursor: pointer; 20 | font-size: 24px; 21 | font-weight: 400; 22 | color: #1F2329; 23 | line-height: 33px; 24 | margin-bottom: 28px; 25 | transition: all 0.5s; 26 | &:last-child { 27 | margin-bottom: 0; 28 | } 29 | &.active { 30 | opacity: 1; 31 | } 32 | } 33 | } 34 | .right { 35 | flex: 1; 36 | @include flex(); 37 | justify-content: space-between; 38 | img { 39 | width: 489px; 40 | height: 685px; 41 | margin-right: 88px; 42 | } 43 | .cont { 44 | flex: 1; 45 | font-size: 16px; 46 | font-weight: 400; 47 | color: #333333; 48 | text-indent: 2em; 49 | line-height: 38px; 50 | letter-spacing: 1px; 51 | margin-bottom: 12px; 52 | @include flex(column); 53 | align-items: flex-start; 54 | p { 55 | &:nth-child(1) { 56 | text-indent: 0; 57 | font-size: 32px; 58 | font-weight: 400; 59 | color: #1F2329; 60 | line-height: 45px; 61 | margin-bottom: 8px; 62 | } 63 | &:nth-child(2) { 64 | text-indent: 0; 65 | font-size: 24px; 66 | font-weight: 400; 67 | color: #1F2329; 68 | line-height: 33px; 69 | margin-bottom: 12px; 70 | } 71 | } 72 | } 73 | } 74 | } 75 | } 76 | } -------------------------------------------------------------------------------- /src/views/duty/index.vue: -------------------------------------------------------------------------------- 1 | 20 | 21 | 31 | 32 | 36 | -------------------------------------------------------------------------------- /src/views/duty/love/mo.scss: -------------------------------------------------------------------------------- 1 | @media screen and (max-width: 1200px) {} -------------------------------------------------------------------------------- /src/views/duty/love/pc.scss: -------------------------------------------------------------------------------- 1 | @media screen and (min-width: 1200px) {} -------------------------------------------------------------------------------- /src/views/duty/mo.scss: -------------------------------------------------------------------------------- 1 | @media screen and (max-width: 1200px) { 2 | .duty { 3 | .layout { 4 | display: none; 5 | } 6 | } 7 | } -------------------------------------------------------------------------------- /src/views/duty/pc.scss: -------------------------------------------------------------------------------- 1 | @media screen and (min-width: 1200px) { 2 | .duty { 3 | .layout { 4 | .banner { 5 | width: 100%; 6 | height: 600px; 7 | display: block; 8 | object-fit: cover; 9 | } 10 | .navbar-wrapper { 11 | top: 0; 12 | left: 0; 13 | width: 100%; 14 | height: 55px; 15 | z-index: 333; 16 | margin-bottom: 1px; 17 | position: relative; 18 | background: #FFFFFF; 19 | box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08); 20 | &.fixed { 21 | position: fixed; 22 | } 23 | .navbar { 24 | height: 100%; 25 | width: 1420px; 26 | margin: 0 auto; 27 | @include flex(); 28 | justify-content: flex-start; 29 | .router-link { 30 | height: 100%; 31 | @include flex(); 32 | position: relative; 33 | margin-right: 66px; 34 | &.active { 35 | &::after { 36 | content: ""; 37 | background: #2487FF; 38 | @include abs(auto, 50%, 84px, 1px); 39 | bottom: 0; 40 | transform: translateX(-50%); 41 | } 42 | } 43 | } 44 | } 45 | } 46 | } 47 | } 48 | } -------------------------------------------------------------------------------- /src/views/duty/talk/mo.scss: -------------------------------------------------------------------------------- 1 | @media screen and (max-width: 1200px) {} -------------------------------------------------------------------------------- /src/views/duty/talk/pc.scss: -------------------------------------------------------------------------------- 1 | @media screen and (min-width: 1200px) {} -------------------------------------------------------------------------------- /src/views/duty/tour/mo.scss: -------------------------------------------------------------------------------- 1 | @media screen and (max-width: 1200px) {} -------------------------------------------------------------------------------- /src/views/duty/tour/pc.scss: -------------------------------------------------------------------------------- 1 | @media screen and (min-width: 1200px) {} -------------------------------------------------------------------------------- /src/views/join/cond.js: -------------------------------------------------------------------------------- 1 | export default [ 2 | { 3 | img: require('@/assets/join/must1.png'), 4 | text: '合法注册的企业法人，有合法的经营权' 5 | }, 6 | { 7 | img: require('@/assets/join/must2.png'), 8 | text: '喜欢孩子，熟悉并热爱教育事业，或从事过教育事业。' 9 | }, 10 | { 11 | img: require('@/assets/join/must3.png'), 12 | text: '认同老岳讲感统品牌理念' 13 | }, 14 | { 15 | img: require('@/assets/join/must4.png'), 16 | text: '接受总部管理和经营模式，接受加盟条约规定。' 17 | }, 18 | { 19 | img: require('@/assets/join/must5.png'), 20 | text: '具备一定的投资经营经验和经营管理能力。' 21 | }, 22 | { 23 | img: require('@/assets/join/must6.png'), 24 | text: '有较强的投资能力和市场销售能力。' 25 | } 26 | ] 27 | -------------------------------------------------------------------------------- /src/views/join/mou.js: -------------------------------------------------------------------------------- 1 | export default [ 2 | { 3 | icon: require('@/assets/join/mou1.png'), 4 | iconAct: require('@/assets/join/mou1-act.png'), 5 | img: require('@/assets/join/mou1-img.jpg'), 6 | title: '感统理论', 7 | subtitle: '感统理论是设计到教育学、医学、心理学和体育学等学科的综合学科', 8 | list: [ 9 | { title: '理论培训', subtitle: '包含感统理论和评估、教具实操、运营销售等核心内容' }, 10 | { title: '教具实操', subtitle: '超百种感统教具使用方法，组合应用及教具设计方法' }, 11 | { title: '教案设计', subtitle: '配合教案手册，涵盖2-10岁各个年龄段教案示例' }, 12 | { title: '课程设置', subtitle: '根据机构性质和场地等因素，推荐感统课程设置计划' } 13 | ] 14 | }, 15 | { 16 | icon: require('@/assets/join/mou2.png'), 17 | iconAct: require('@/assets/join/mou2-act.png'), 18 | img: require('@/assets/join/mou2-img.jpg'), 19 | title: '团队建设', 20 | subtitle: '周期性感统基础理论培训，实战式教学特训模拟', 21 | list: [ 22 | { title: '教务管理', subtitle: '提升教师团队心态及实战技巧' }, 23 | { title: '实战考核', subtitle: '过课、模拟、对练，快速成为合格感统训练师' }, 24 | { title: '销售管理', subtitle: '顾问养成、销售技巧、管理运营秘籍输送' }, 25 | { title: '资质授牌', subtitle: '老岳讲感统实训基地铜牌发放' } 26 | ] 27 | }, 28 | { 29 | icon: require('@/assets/join/mou3.png'), 30 | iconAct: require('@/assets/join/mou3-act.png'), 31 | img: require('@/assets/join/mou3-img.jpg'), 32 | title: '运营管理', 33 | subtitle: '落地式运营校区实习，干货式运营手册执行', 34 | list: [ 35 | { title: '感统评估', subtitle: '评估操作要点，出具训练报告及解析法，成为招生利器' }, 36 | { title: '教学实战', subtitle: '进入实训基地，听课、说课、过课、沟通落地式教学' }, 37 | { title: '兑换中心', subtitle: '将会员积分用于营销推广，属于会员的专属福利-10岁各个年龄段教案示例' }, 38 | { title: '积分商城', subtitle: '将会员积分用于营销推广，属于会员的专属福利' } 39 | ] 40 | } 41 | ] 42 | -------------------------------------------------------------------------------- /src/views/join/sup.js: -------------------------------------------------------------------------------- 1 | export default [ 2 | { 3 | title: '师资资格支持', 4 | icon: require('@/assets/join/sup1.png'), 5 | iconAct: require('@/assets/join/sup1-act.png'), 6 | list: [ 7 | { img: require('@/assets/join/sup1-1.jpg'), text: '培训现场学员~积极互动', date: '2020-09-30' }, 8 | { img: require('@/assets/join/sup1-2.jpg'), text: '培训现场学员~沙盘模拟', date: '2020-09-30' }, 9 | { img: require('@/assets/join/sup1-3.jpg'), text: '培训现场学员~踊跃发言', date: '2020-09-30' }, 10 | { img: require('@/assets/join/sup1-4.jpg'), text: '培训现场学员~拍照留念', date: '2020-09-30' } 11 | ] 12 | }, 13 | { 14 | title: '教学课程支持', 15 | icon: require('@/assets/join/sup2.png'), 16 | iconAct: require('@/assets/join/sup2-act.png'), 17 | list: [ 18 | { img: require('@/assets/join/sup2-1.jpg'), text: '老岳讲感统测评指导手册', date: '2020-09-30' }, 19 | { img: require('@/assets/join/sup2-2.jpg'), text: '感统机构行政管理指导手册', date: '2020-09-30' }, 20 | { img: require('@/assets/join/sup2-3.jpg'), text: '老岳讲感统测评家庭指导手册', date: '2020-09-30' }, 21 | { img: require('@/assets/join/sup2-4.jpg'), text: '老岳讲感统测评教案服务手册', date: '2020-09-30' }, 22 | { img: require('@/assets/join/sup2-5.jpg'), text: '感统课程销售实战指导手册', date: '2020-09-30' }, 23 | { img: require('@/assets/join/sup2-6.jpg'), text: '早幼教机构感统教学必备实用手册', date: '2020-09-30' } 24 | ] 25 | }, 26 | { 27 | title: '市场宣传支持', 28 | icon: require('@/assets/join/sup3.png'), 29 | iconAct: require('@/assets/join/sup3-act.png'), 30 | list: [ 31 | { img: require('@/assets/join/sup3-1.png'), text: '此处建议不超过20字', date: '2020-09-30' }, 32 | { img: require('@/assets/join/sup3-2.png'), text: '此处建议不超过20字', date: '2020-09-30' }, 33 | { img: require('@/assets/join/sup3-3.png'), text: '此处建议不超过20字', date: '2020-09-30' }, 34 | { img: require('@/assets/join/sup3-4.png'), text: '此处建议不超过20字', date: '2020-09-30' }, 35 | { img: require('@/assets/join/sup3-5.png'), text: '此处建议不超过20字', date: '2020-09-30' }, 36 | { img: require('@/assets/join/sup3-6.png'), text: '此处建议不超过20字', date: '2020-09-30' }, 37 | { img: require('@/assets/join/sup3-7.png'), text: '此处建议不超过20字', date: '2020-09-30' } 38 | ] 39 | } 40 | ] 41 | -------------------------------------------------------------------------------- /src/views/media/article/index.vue: -------------------------------------------------------------------------------- 1 | 25 | 26 | 82 | 83 | 87 | -------------------------------------------------------------------------------- /src/views/media/article/mo.scss: -------------------------------------------------------------------------------- 1 | @media screen and (max-width: 1200px) { 2 | .article { 3 | padding: rpx(32); 4 | box-sizing: border-box; 5 | min-height: calc(100vh - 100vw / 750 * (192 + 156)); 6 | .back, .right { 7 | display: none; 8 | } 9 | .title { 10 | font-weight: 500; 11 | color: #333333; 12 | font-size: rpx(32); 13 | line-height: rpx(45); 14 | letter-spacing: rpx(1); 15 | margin-bottom: rpx(32); 16 | } 17 | .html { 18 | ::v-deep { 19 | .rich_media_meta_list { 20 | text-indent: 2em; 21 | } 22 | div, section, p { 23 | font-weight: 400; 24 | margin: rpx(8) 0; 25 | color: #606060; 26 | font-size: rpx(26)!important; 27 | line-height: rpx(40)!important; 28 | letter-spacing: rpx(1)!important; 29 | } 30 | img { 31 | margin: rpx(8) auto; 32 | border-radius: rpx(8); 33 | width: 100%!important; 34 | height: auto!important; 35 | } 36 | video { 37 | border-radius: rpx(8); 38 | width: 100%!important; 39 | height: rpx(378)!important; 40 | } 41 | } 42 | } 43 | } 44 | } -------------------------------------------------------------------------------- /src/views/media/article/pc.scss: -------------------------------------------------------------------------------- 1 | @media screen and (min-width: 1200px) { 2 | .article { 3 | margin: 146px 0 66px; 4 | .back { 5 | width: 1420px; 6 | cursor: pointer; 7 | font-size: 14px; 8 | font-weight: 400; 9 | line-height: 20px; 10 | margin: 0px auto 38px; 11 | } 12 | .content { 13 | width: 1420px; 14 | margin: 0 auto; 15 | @include flex(); 16 | align-items: flex-start; 17 | justify-content: space-between; 18 | .left { 19 | width: 777px; 20 | .title { 21 | font-size: 24px; 22 | font-weight: 500; 23 | color: #1f2329; 24 | line-height: 33px; 25 | margin-bottom: 28px; 26 | } 27 | .html { 28 | ::v-deep { 29 | .rich_media_meta_list { 30 | text-indent: 2em; 31 | } 32 | div, section, p { 33 | margin: 8px 0; 34 | line-height: 1.8; 35 | } 36 | img { 37 | width: 100%; 38 | height: auto; 39 | margin: 8px auto; 40 | overflow: hidden; 41 | border-radius: 8px; 42 | } 43 | video { 44 | margin: 8px auto; 45 | overflow: hidden; 46 | border-radius: 8px; 47 | width: 100%!important; 48 | height: 438px!important; 49 | } 50 | } 51 | } 52 | } 53 | .right { 54 | width: 333px; 55 | position: relative; 56 | background: #F7F7F7; 57 | box-sizing: border-box; 58 | padding: 32px 20px 0; 59 | > .title { 60 | font-size: 16px; 61 | font-weight: 500; 62 | color: #333333; 63 | line-height: 22px; 64 | padding-left: 8px; 65 | margin-bottom: 32px; 66 | border-left: 2px solid #2487FF; 67 | } 68 | .line { 69 | height: 1px;; 70 | background: rgba(216, 216, 216, 1); 71 | } 72 | .article { 73 | cursor: pointer; 74 | margin-top: 25px; 75 | margin-bottom: 34px; 76 | > img { 77 | width: 100%; 78 | height: 165px; 79 | object-fit: cover; 80 | } 81 | > .title { 82 | margin: 16px 0; 83 | font-size: 16px; 84 | font-weight: 500; 85 | color: #333333; 86 | line-height: 26px; 87 | letter-spacing: 1px; 88 | } 89 | .date { 90 | height: 21px; 91 | @include flex(); 92 | justify-content: flex-start; 93 | > img { 94 | width: 21px; 95 | height: 21px; 96 | } 97 | > span { 98 | font-size: 16px; 99 | font-weight: 500; 100 | color: #BBBBBB; 101 | line-height: 22px; 102 | letter-spacing: 1px; 103 | } 104 | } 105 | } 106 | } 107 | } 108 | } 109 | } -------------------------------------------------------------------------------- /src/views/media/index.vue: -------------------------------------------------------------------------------- 1 | 22 | 23 | 33 | 34 | 38 | -------------------------------------------------------------------------------- /src/views/media/media/index.vue: -------------------------------------------------------------------------------- 1 | 29 | 30 | 64 | 65 | 69 | -------------------------------------------------------------------------------- /src/views/media/media/mo.scss: -------------------------------------------------------------------------------- 1 | @media screen and (max-width: 1200px) {} -------------------------------------------------------------------------------- /src/views/media/media/pc.scss: -------------------------------------------------------------------------------- 1 | @media screen and (min-width: 1200px) {} -------------------------------------------------------------------------------- /src/views/media/mo.scss: -------------------------------------------------------------------------------- 1 | @media screen and (max-width: 1200px) { 2 | .media { 3 | .layout { 4 | .banner { 5 | width: 100vw; 6 | display: block; 7 | height: rpx(375); 8 | object-fit: cover; 9 | } 10 | .navbar-wrapper { 11 | top: 0; 12 | width: 100%; 13 | z-index: 123; 14 | height: rpx(88); 15 | position: relative; 16 | background: #FFFFFF; 17 | box-shadow: rpx(0) rpx(1) rpx(0) rpx(0) rgba(0, 0, 0, 0.08); 18 | &.fixed { 19 | top: rpx(95); 20 | position: fixed; 21 | } 22 | .navbar { 23 | height: 100%; 24 | @include flex(); 25 | padding: 0 rpx(32); 26 | box-sizing: border-box; 27 | justify-content: flex-start; 28 | .router-link { 29 | height: 100%; 30 | @include flex(); 31 | font-weight: 400; 32 | color: #2A2E2E; 33 | font-size: px(24); 34 | position: relative; 35 | line-height: px(33); 36 | margin-right: rpx(42); 37 | &.active { 38 | color: #2487FF; 39 | &::after { 40 | content: ""; 41 | @include abs(auto, 0, 100%, rpx(2)); 42 | bottom: 0; 43 | background: #2487FF; 44 | } 45 | } 46 | &:last-child { 47 | margin-right: 0; 48 | } 49 | } 50 | } 51 | } 52 | } 53 | } 54 | } -------------------------------------------------------------------------------- /src/views/media/news/index.vue: -------------------------------------------------------------------------------- 1 | 29 | 30 | 64 | 65 | 69 | -------------------------------------------------------------------------------- /src/views/media/news/mo.scss: -------------------------------------------------------------------------------- 1 | @media screen and (max-width: 1200px) {} -------------------------------------------------------------------------------- /src/views/media/news/pc.scss: -------------------------------------------------------------------------------- 1 | @media screen and (min-width: 1200px) {} -------------------------------------------------------------------------------- /src/views/media/party/index.vue: -------------------------------------------------------------------------------- 1 | 29 | 30 | 64 | 65 | 69 | -------------------------------------------------------------------------------- /src/views/media/party/mo.scss: -------------------------------------------------------------------------------- 1 | @media screen and (max-width: 1200px) {} -------------------------------------------------------------------------------- /src/views/media/party/pc.scss: -------------------------------------------------------------------------------- 1 | @media screen and (min-width: 1200px) {} -------------------------------------------------------------------------------- /src/views/media/pc.scss: -------------------------------------------------------------------------------- 1 | @media screen and (min-width: 1200px) { 2 | .media { 3 | .layout { 4 | .banner { 5 | width: 100%; 6 | height: 600px; 7 | display: block; 8 | object-fit: cover; 9 | } 10 | .navbar-wrapper { 11 | top: 0; 12 | left: 0; 13 | width: 100%; 14 | z-index: 333; 15 | height: 55px; 16 | margin-bottom: 1px; 17 | position: relative; 18 | background: #FFFFFF; 19 | box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08); 20 | &.fixed { 21 | position: fixed; 22 | } 23 | .navbar { 24 | height: 100%; 25 | width: 1420px; 26 | margin: 0 auto; 27 | @include flex(); 28 | justify-content: flex-start; 29 | .router-link { 30 | height: 100%; 31 | @include flex(); 32 | position: relative; 33 | margin-right: 66px; 34 | &.active { 35 | &::after { 36 | content: ""; 37 | background: #2487FF; 38 | @include abs(auto, 50%, 84px, 1px); 39 | bottom: 0; 40 | transform: translateX(-50%); 41 | } 42 | } 43 | } 44 | } 45 | } 46 | } 47 | } 48 | } -------------------------------------------------------------------------------- /src/views/media/video/index.vue: -------------------------------------------------------------------------------- 1 | 29 | 30 | 64 | 65 | 69 | -------------------------------------------------------------------------------- /src/views/media/video/mo.scss: -------------------------------------------------------------------------------- 1 | @media screen and (max-width: 1200px) {} -------------------------------------------------------------------------------- /src/views/media/video/pc.scss: -------------------------------------------------------------------------------- 1 | @media screen and (min-width: 1200px) {} -------------------------------------------------------------------------------- /src/views/mo.scss: -------------------------------------------------------------------------------- 1 | @media screen and (max-width: 1200px) { 2 | .new { 3 | height: 100%; 4 | } 5 | } -------------------------------------------------------------------------------- /src/views/new.vue: -------------------------------------------------------------------------------- 1 | 4 | 5 | 10 | 11 | 15 | -------------------------------------------------------------------------------- /src/views/pc.scss: -------------------------------------------------------------------------------- 1 | @media screen and (min-width: 1200px) { 2 | .new { 3 | height: 100%; 4 | } 5 | } -------------------------------------------------------------------------------- /src/views/service/dmhc/index.vue: -------------------------------------------------------------------------------- 1 | 69 | 70 | 87 | 88 | 92 | -------------------------------------------------------------------------------- /src/views/service/dmhc/mo.scss: -------------------------------------------------------------------------------- 1 | @media screen and (max-width: 1200px) { 2 | .dmhc { 3 | .banner, .join-now { 4 | display: none; 5 | } 6 | .sec1 { 7 | .content { 8 | display: none; 9 | } 10 | .contentMo { 11 | img { 12 | width: 100%; 13 | } 14 | p { 15 | font-weight: 400; 16 | color: #606060; 17 | font-size: rpx(24); 18 | line-height: rpx(42); 19 | box-sizing: border-box; 20 | letter-spacing: rpx(1); 21 | padding: 0 rpx(32) rpx(32); 22 | } 23 | } 24 | } 25 | .sec2 { 26 | .content { 27 | display: none; 28 | } 29 | .contentMo { 30 | padding-bottom: rpx(38); 31 | video { 32 | display: block; 33 | width: rpx(679); 34 | height: rpx(407); 35 | overflow: hidden; 36 | object-fit: cover; 37 | margin: rpx(32) auto 0; 38 | border-radius: rpx(24); 39 | } 40 | .icons { 41 | flex-wrap: wrap; 42 | @include flex(); 43 | div { 44 | width: 25%; 45 | height: rpx(32); 46 | @include flex(); 47 | margin-top: rpx(38); 48 | font-size: rpx(20); 49 | font-weight: 500; 50 | color: #1F2F4D; 51 | line-height: rpx(28); 52 | &:nth-child(1), &:nth-child(2), &:nth-child(3) { 53 | width: 33.33%; 54 | } 55 | img { 56 | width: rpx(32); 57 | height: rpx(32); 58 | margin-right: rpx(8); 59 | } 60 | } 61 | } 62 | } 63 | } 64 | .sec3 { 65 | .content { 66 | padding: 0 rpx(32) rpx(38); 67 | box-sizing: border-box; 68 | .item { 69 | height: rpx(248); 70 | box-sizing: border-box; 71 | padding: rpx(32) 0 rpx(20); 72 | border-bottom: rpx(1) solid #D8D8D8; 73 | &:last-child { 74 | border: none; 75 | } 76 | img { 77 | display: block; 78 | width: rpx(51); 79 | height: rpx(51); 80 | margin-bottom: rpx(16); 81 | } 82 | p { 83 | font-size: rpx(24); 84 | font-weight: 600; 85 | color: #1F2F4D; 86 | line-height: rpx(33); 87 | margin-bottom: rpx(16); 88 | } 89 | span { 90 | font-size: rpx(24); 91 | font-weight: 400; 92 | color: #606060; 93 | line-height: rpx(42); 94 | letter-spacing: rpx(1); 95 | } 96 | } 97 | } 98 | } 99 | } 100 | } -------------------------------------------------------------------------------- /src/views/service/dmhc/pc.scss: -------------------------------------------------------------------------------- 1 | @media screen and (min-width: 1200px) { 2 | .dmhc { 3 | .banner { 4 | width: 100%; 5 | height: 600px; 6 | display: block; 7 | object-fit: cover; 8 | } 9 | .sec1 { 10 | .contentMo { 11 | display: none; 12 | } 13 | .content { 14 | width: 1420px; 15 | @include flex(); 16 | margin: 66px auto; 17 | justify-content: space-between; 18 | > img { 19 | width: 700px; 20 | height: 486px; 21 | object-fit: cover; 22 | border-radius: 8px; 23 | margin-right: 56px; 24 | } 25 | > div { 26 | flex: 1; 27 | @include flex(column); 28 | align-items: flex-start; 29 | p { 30 | &:nth-child(1) { 31 | font-size: 32px; 32 | font-weight: 600; 33 | color: #1F2F4D; 34 | line-height: 45px; 35 | margin-bottom: 32px; 36 | } 37 | &:nth-child(2) { 38 | font-size: 16px; 39 | font-weight: 500; 40 | color: #878787; 41 | line-height: 32px; 42 | margin-bottom: 8px; 43 | letter-spacing: 1px; 44 | } 45 | &:nth-child(3) { 46 | font-size: 16px; 47 | cursor: pointer; 48 | font-weight: 500; 49 | color: #2487FF; 50 | line-height: 32px; 51 | letter-spacing: 1px; 52 | } 53 | } 54 | } 55 | } 56 | } 57 | .sec2 { 58 | background: #F7F8FA; 59 | .contentMo { 60 | display: none; 61 | } 62 | .content { 63 | width: 852px; 64 | @include flex(); 65 | margin: 33px auto 66px; 66 | justify-content: space-between; 67 | .left { 68 | flex: 1; 69 | @include flex(column); 70 | align-items: flex-start; 71 | > div { 72 | @include flex(); 73 | font-size: 16px; 74 | font-weight: 600; 75 | color: #1F2F4D; 76 | line-height: 22px; 77 | margin-bottom: 22px; 78 | &:last-child { 79 | margin-bottom: 0; 80 | } 81 | > img { 82 | width: 32px; 83 | height: 32px; 84 | margin-right: 16px; 85 | } 86 | } 87 | } 88 | .right { 89 | width: 678px; 90 | height: 410px; 91 | overflow: hidden; 92 | border-radius: 8px; 93 | position: relative; 94 | video { 95 | object-fit: cover; 96 | @include abs(0, 0, 100%, 100%); 97 | } 98 | } 99 | } 100 | } 101 | .sec3 { 102 | .content { 103 | width: 1200px; 104 | height: 480px; 105 | @include flex(); 106 | flex-wrap: wrap; 107 | margin: 33px auto 66px; 108 | align-content: space-between; 109 | justify-content: space-between; 110 | .item { 111 | width: 368px; 112 | height: 216px; 113 | border-radius: 8px; 114 | padding: 40px 24px 0; 115 | background: #FFFFFF; 116 | @include flex(column); 117 | box-sizing: border-box; 118 | align-items: flex-start; 119 | justify-content: flex-start; 120 | &:hover { 121 | box-shadow: 0px 20px 60px 0px rgba(47, 56, 111, 0.1); 122 | } 123 | > img { 124 | width: 50px; 125 | height: 50px; 126 | margin-bottom: 8px; 127 | } 128 | > p { 129 | font-size: 20px; 130 | font-weight: 600; 131 | color: #1F2F4D; 132 | line-height: 28px; 133 | margin-bottom: 16px; 134 | } 135 | > span { 136 | font-size: 14px; 137 | font-weight: 500; 138 | color: #596780; 139 | line-height: 20px; 140 | } 141 | } 142 | } 143 | } 144 | } 145 | } -------------------------------------------------------------------------------- /src/views/service/index.vue: -------------------------------------------------------------------------------- 1 | 58 | 59 | 64 | 65 | 69 | -------------------------------------------------------------------------------- /src/views/service/lyjgt/index.vue: -------------------------------------------------------------------------------- 1 | 96 | 97 | 102 | 103 | 107 | -------------------------------------------------------------------------------- /src/views/service/lyjgt/mo.scss: -------------------------------------------------------------------------------- 1 | @media screen and (max-width: 1200px) { 2 | .lyjgt { 3 | .banner { 4 | width: 100%; 5 | } 6 | .float, .join-now { 7 | display: none; 8 | } 9 | .sec1, .sec3 { 10 | .content { 11 | display: none; 12 | } 13 | padding: 0 rpx(32); 14 | box-sizing: border-box; 15 | .contentMo { 16 | img { 17 | width: 100%; 18 | } 19 | .text { 20 | font-size: rpx(24); 21 | font-weight: 400; 22 | color: #606060; 23 | line-height: rpx(42); 24 | letter-spacing: rpx(1); 25 | } 26 | } 27 | } 28 | .sec2 { 29 | .content { 30 | display: none; 31 | } 32 | .contentMo { 33 | section { 34 | @include flex(); 35 | flex-wrap: wrap; 36 | padding: 0 rpx(32); 37 | box-sizing: border-box; 38 | justify-content: flex-start; 39 | p { 40 | width: 50%; 41 | @include flex(); 42 | color: #1F2F4D; 43 | font-weight: 500; 44 | font-size: rpx(24); 45 | line-height: rpx(42); 46 | margin-bottom: rpx(24); 47 | justify-content: flex-start; 48 | img { 49 | width: rpx(38); 50 | height: rpx(38); 51 | } 52 | } 53 | } 54 | img { 55 | width: 100%; 56 | } 57 | } 58 | } 59 | } 60 | } -------------------------------------------------------------------------------- /src/views/service/lyjgt/pc.scss: -------------------------------------------------------------------------------- 1 | @media screen and (min-width: 1200px) { 2 | .lyjgt { 3 | .banner { 4 | width: 100%; 5 | height: 600px; 6 | display: block; 7 | object-fit: cover; 8 | } 9 | .float { 10 | width: 1200px; 11 | height: 104px; 12 | margin: 0 auto; 13 | @include flex(); 14 | border-radius: 25px; 15 | background: #FFFFFF; 16 | transform: translateY(-50%); 17 | box-shadow: 0px 10px 30px 0px rgba(0, 88, 162, 0.05); 18 | .line { 19 | width: 1px; 20 | height: 60px; 21 | background: rgba(0, 0, 0, 0.1); 22 | } 23 | .item { 24 | flex: 1; 25 | height: 100%; 26 | @include flex(); 27 | justify-content: flex-start; 28 | img { 29 | width: 40px; 30 | height: 40px; 31 | margin: 0 16px 0 56px; 32 | } 33 | span { 34 | font-size: 20px; 35 | font-weight: 400; 36 | color: #1F2F4D; 37 | line-height: 28px; 38 | } 39 | } 40 | } 41 | .sec1, .sec2, .sec3 { 42 | .contentMo { 43 | display: none; 44 | } 45 | &.sec2 { 46 | background: #F7F8FA; 47 | .content { 48 | > div { 49 | width: 581px; 50 | > section { 51 | width: 520px; 52 | @include flex(); 53 | flex-wrap: wrap; 54 | overflow: hidden; 55 | justify-content: flex-start; 56 | > p { 57 | width: 50%; 58 | height: 38px; 59 | @include flex(); 60 | font-size: 16px; 61 | font-weight: 500; 62 | color: #1F2F4D; 63 | margin-top: 16px; 64 | line-height: 22px; 65 | justify-content: flex-start; 66 | > img { 67 | width: 32px; 68 | height: 32px; 69 | } 70 | } 71 | } 72 | } 73 | } 74 | } 75 | .content { 76 | width: 1080px; 77 | height: 474px; 78 | @include flex(); 79 | margin: 0 auto 66px; 80 | justify-content: space-between; 81 | > img { 82 | width: 476px; 83 | height: 474px; 84 | object-fit: cover; 85 | } 86 | > div { 87 | width: 476px; 88 | @include flex(column); 89 | align-items: flex-start; 90 | > p { 91 | font-size: 32px; 92 | font-weight: 500; 93 | color: #1F2F4D; 94 | line-height: 45px; 95 | margin-bottom: 16px; 96 | } 97 | > span { 98 | font-size: 24px; 99 | font-weight: 500; 100 | color: #1F2F4D; 101 | line-height: 33px; 102 | margin-bottom: 16px; 103 | } 104 | > section { 105 | font-size: 16px; 106 | font-weight: 500; 107 | color: #5D6982; 108 | line-height: 32px; 109 | } 110 | } 111 | } 112 | } 113 | } 114 | } -------------------------------------------------------------------------------- /src/views/service/mo.scss: -------------------------------------------------------------------------------- 1 | @media screen and (max-width: 1200px) { 2 | .service { 3 | .banner, .content { 4 | display: none; 5 | } 6 | .contentMo { 7 | .item { 8 | height: rpx(777); 9 | padding: rpx(32); 10 | position: relative; 11 | box-sizing: border-box; 12 | img { 13 | width: 100%; 14 | margin-bottom: rpx(32); 15 | } 16 | div { 17 | color: #000000; 18 | font-weight: 600; 19 | font-size: rpx(28); 20 | line-height: rpx(40); 21 | margin-bottom: rpx(32); 22 | } 23 | p { 24 | font-size: rpx(24); 25 | font-weight: 400; 26 | color: #606060; 27 | line-height: rpx(42); 28 | letter-spacing: rpx(1); 29 | } 30 | section { 31 | @include flex(); 32 | font-weight: 500; 33 | color: #FFFFFF; 34 | font-size: rpx(24); 35 | line-height: rpx(33); 36 | letter-spacing: rpx(1); 37 | background: #2487FF; 38 | border-radius: rpx(26); 39 | box-shadow: rpx(0) rpx(2) rpx(4) rpx(0) #2487FF; 40 | @include abs(rpx(694), rpx(286), rpx(179), rpx(51)); 41 | &.building { 42 | background-color: #E75848; 43 | } 44 | } 45 | } 46 | } 47 | } 48 | } -------------------------------------------------------------------------------- /src/views/service/pc.scss: -------------------------------------------------------------------------------- 1 | @media screen and (min-width: 1200px) { 2 | .service { 3 | .contentMo { 4 | display: none; 5 | } 6 | .banner { 7 | width: 100%; 8 | height: 600px; 9 | display: block; 10 | object-fit: cover; 11 | } 12 | .content { 13 | .item { 14 | width: 1420px; 15 | height: 443px; 16 | @include flex(); 17 | margin: 0 auto 88px; 18 | justify-content: space-between; 19 | > img { 20 | width: 788px; 21 | height: 443px; 22 | } 23 | > div { 24 | width: 584px; 25 | height: 100%; 26 | @include flex(column); 27 | align-items: flex-start; 28 | div { 29 | font-size: 32px; 30 | font-weight: 500; 31 | color: #1F2329; 32 | line-height: 45px; 33 | letter-spacing: 1px; 34 | } 35 | p { 36 | font-size: 16px; 37 | font-weight: 400; 38 | color: #8E99A9; 39 | line-height: 26px; 40 | margin: 24px 0 48px; 41 | } 42 | span { 43 | width: 179px; 44 | height: 51px; 45 | @include flex(); 46 | font-size: 24px; 47 | cursor: pointer; 48 | font-weight: 500; 49 | color: #FFFFFF; 50 | line-height: 33px; 51 | letter-spacing: 1px; 52 | border-radius: 26px; 53 | background: #2487FF; 54 | box-shadow: 0px 2px 4px 0px #2487FF; 55 | &.no { 56 | cursor: wait; 57 | background: #E75848; 58 | box-shadow: 0px 2px 4px 0px #E75848; 59 | } 60 | } 61 | } 62 | } 63 | } 64 | } 65 | } -------------------------------------------------------------------------------- /vue.config.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const path = require('path') 3 | const webpack = require('webpack') 4 | const PrerenderSPAPlugin = require('prerender-spa-plugin') 5 | const Renderer = PrerenderSPAPlugin.PuppeteerRenderer 6 | const { title: name, publicPath } = require('./src/settings.js') 7 | 8 | function resolve(dir) { 9 | return path.join(__dirname, dir) 10 | } 11 | 12 | const plugins = [ 13 | new webpack.ProvidePlugin({ 14 | Vue: ['vue', 'default'], 15 | G: [path.resolve(path.join(__dirname, '/src/plugin/prototype/G')), 'default'] 16 | }) 17 | ] 18 | 19 | if (process.env.NODE_ENV !== 'development') { 20 | plugins.push(new PrerenderSPAPlugin({ 21 | headless: false, 22 | routes: ['/', publicPath], 23 | staticDir: path.join(__dirname, './dist'), 24 | renderer: new Renderer({ 25 | renderAfterDocumentEvent: 'vue-mounted' 26 | }) 27 | })) 28 | } 29 | 30 | module.exports = { 31 | publicPath, 32 | outputDir: 'dist', 33 | assetsDir: 'static', 34 | lintOnSave: process.env.NODE_ENV === 'development', 35 | productionSourceMap: false, 36 | devServer: { 37 | port: process.env.port || process.env.npm_config_port || 80, 38 | open: true, 39 | overlay: { 40 | errors: true, 41 | warnings: false 42 | }, 43 | proxy: { 44 | [process.env.VUE_APP_BASE_API]: { 45 | changeOrigin: true, 46 | // target: 'http://192.168.99.170:8080/DMHCApi', 47 | target: 'https://java.dmhcedu.cn/DMHCApi', 48 | pathRewrite: { 49 | ['^' + process.env.VUE_APP_BASE_API]: '' 50 | } 51 | } 52 | } 53 | }, 54 | configureWebpack: { 55 | name: name, 56 | resolve: { 57 | alias: { 58 | '@': resolve('src') 59 | } 60 | }, 61 | plugins 62 | }, 63 | chainWebpack(config) { 64 | config.plugins.delete('preload') 65 | config.plugins.delete('prefetch') 66 | 67 | config.plugin('html').tap(args => { 68 | args[0].title = name 69 | return args 70 | }) 71 | 72 | config.module.rule('scss').oneOfs.store.forEach(item => { 73 | item.use('sass-resources-loader').loader('sass-resources-loader').options({ 74 | resources: ['./src/styles/index.scss'] 75 | }) 76 | .end() 77 | }) 78 | } 79 | } 80 | --------------------------------------------------------------------------------