no message
Showing
24 changed files
with
141 additions
and
6 deletions
| ... | @@ -20,6 +20,7 @@ | ... | @@ -20,6 +20,7 @@ |
| 20 | "glob": "^7.1.4", | 20 | "glob": "^7.1.4", |
| 21 | "mockjs": "^1.0.1-beta3", | 21 | "mockjs": "^1.0.1-beta3", |
| 22 | "postcss-pxtorem": "^4.0.1", | 22 | "postcss-pxtorem": "^4.0.1", |
| 23 | "purecss": "^1.0.1", | ||
| 23 | "ua-device": "^0.1.10", | 24 | "ua-device": "^0.1.10", |
| 24 | "vue": "^2.6.10", | 25 | "vue": "^2.6.10", |
| 25 | "vue-awesome-swiper": "^3.1.3", | 26 | "vue-awesome-swiper": "^3.1.3", | ... | ... |
| ... | @@ -247,7 +247,7 @@ textarea { | ... | @@ -247,7 +247,7 @@ textarea { |
| 247 | margin: 0 auto; | 247 | margin: 0 auto; |
| 248 | width: 100%; | 248 | width: 100%; |
| 249 | // max-width: 1024px; // 设计稿宽度 | 249 | // max-width: 1024px; // 设计稿宽度 |
| 250 | min-height: 40rem; | 250 | // min-height: 40rem; |
| 251 | 251 | ||
| 252 | &::after { | 252 | &::after { |
| 253 | display: table; | 253 | display: table; | ... | ... |
src/assets/images/news-list/news-list-c1.png
0 → 100644
192 KB
363 Bytes
527 Bytes
314 Bytes
490 Bytes
545 Bytes
620 Bytes
423 Bytes
584 Bytes
459 Bytes
524 Bytes
329 Bytes
543 Bytes
469 Bytes
| ... | @@ -7,7 +7,7 @@ import store from './store/index'; | ... | @@ -7,7 +7,7 @@ import store from './store/index'; |
| 7 | import VueAwesomeSwiper from 'vue-awesome-swiper' | 7 | import VueAwesomeSwiper from 'vue-awesome-swiper' |
| 8 | // require styles | 8 | // require styles |
| 9 | import 'swiper/dist/css/swiper.css' | 9 | import 'swiper/dist/css/swiper.css' |
| 10 | Vue.use(VueAwesomeSwiper, /* { default global options } */) | 10 | Vue.use(VueAwesomeSwiper, /* { default global options } */ ) |
| 11 | 11 | ||
| 12 | 12 | ||
| 13 | import Mock from './mock' | 13 | import Mock from './mock' |
| ... | @@ -17,17 +17,22 @@ Mock.bootstrap(); | ... | @@ -17,17 +17,22 @@ Mock.bootstrap(); |
| 17 | 17 | ||
| 18 | Vue.config.productionTip = false | 18 | Vue.config.productionTip = false |
| 19 | 19 | ||
| 20 | // Purecss | ||
| 21 | import Purecss from 'purecss' | ||
| 22 | Vue.use(Purecss); | ||
| 23 | |||
| 24 | // 国际化 | ||
| 20 | Vue.use(VueI18n) | 25 | Vue.use(VueI18n) |
| 21 | const i18n = new VueI18n({ | 26 | const i18n = new VueI18n({ |
| 22 | locale: localStorage.getItem("lang") || 'zh', // 语言标识 | 27 | locale: localStorage.getItem("lang") || 'zh', // 语言标识 |
| 23 | //this.$i18n.locale // 通过切换locale的值来实现语言切换 | 28 | //this.$i18n.locale // 通过切换locale的值来实现语言切换 |
| 24 | messages: { | 29 | messages: { |
| 25 | 'zh': require('@/common/lang/zh'), // 中文语言包 | 30 | 'tc': require('@/common/lang/tc'), // 繁体语言包 |
| 26 | 'en': require('@/common/lang/en') // 英文语言包 | 31 | 'zh': require('@/common/lang/zh'), // 简体语言包 |
| 32 | 'en': require('@/common/lang/en'), // 英文语言包 | ||
| 27 | } | 33 | } |
| 28 | }) | 34 | }) |
| 29 | 35 | ||
| 30 | |||
| 31 | new Vue({ | 36 | new Vue({ |
| 32 | i18n, | 37 | i18n, |
| 33 | router, | 38 | router, | ... | ... |
src/pages/news-list/news-list.js
0 → 100644
src/pages/news-list/news-list.scss
0 → 100644
src/pages/news-list/news-list.vue
0 → 100644
| 1 | |||
| 2 | <template> | ||
| 3 | <div class="content"> | ||
| 4 | <div class="ebg"> | ||
| 5 | <img src="@/assets/images/news-list/news-list-c1.png"> | ||
| 6 | </div> | ||
| 7 | <div class="top-space"></div> | ||
| 8 | <div class="box"> | ||
| 9 | <div class="news"> | ||
| 10 | <div class="news-item"></div> | ||
| 11 | </div> | ||
| 12 | </div> | ||
| 13 | </div> | ||
| 14 | </template> | ||
| 15 | |||
| 16 | <script src="./news-list.js"></script> | ||
| 17 | <style lang="scss" scoped> | ||
| 18 | @import "./news-list.scss"; | ||
| 19 | </style> |
src/pages/payment-type/payment-type.js
0 → 100644
src/pages/payment-type/payment-type.scss
0 → 100644
src/pages/payment-type/payment-type.vue
0 → 100644
| 1 | |||
| 2 | <template> | ||
| 3 | <div class="content"> | ||
| 4 | <div class="top-space"></div> | ||
| 5 | <div class="box"> | ||
| 6 | <div class="payment"> | ||
| 7 | <div class="payment-nav"> | ||
| 8 | <div class="payment-nav-item"> | ||
| 9 | </div> | ||
| 10 | </div> | ||
| 11 | </div> | ||
| 12 | </div> | ||
| 13 | </div> | ||
| 14 | </template> | ||
| 15 | |||
| 16 | <script src="./payment-type.js"></script> | ||
| 17 | <style lang="scss" scoped> | ||
| 18 | @import "./payment-type.scss"; | ||
| 19 | </style> |
| ... | @@ -54,7 +54,14 @@ const routes = [ | ... | @@ -54,7 +54,14 @@ const routes = [ |
| 54 | title: '平安壹賬通會員服務協議' | 54 | title: '平安壹賬通會員服務協議' |
| 55 | } | 55 | } |
| 56 | }, | 56 | }, |
| 57 | 57 | { | |
| 58 | path: '/news/list', | ||
| 59 | name: 'newsList', | ||
| 60 | component: () => import('./pages/news-list/news-list.vue'), | ||
| 61 | meta: { | ||
| 62 | title: '' | ||
| 63 | } | ||
| 64 | }, | ||
| 58 | { | 65 | { |
| 59 | path: '/news/detail', | 66 | path: '/news/detail', |
| 60 | name: 'newsDetail', | 67 | name: 'newsDetail', |
| ... | @@ -64,6 +71,15 @@ const routes = [ | ... | @@ -64,6 +71,15 @@ const routes = [ |
| 64 | } | 71 | } |
| 65 | }, | 72 | }, |
| 66 | 73 | ||
| 74 | { | ||
| 75 | path: '/payment/type', | ||
| 76 | name: 'paymentType', | ||
| 77 | component: () => import('./pages/payment-type/payment-type.vue'), | ||
| 78 | meta: { | ||
| 79 | title: '' | ||
| 80 | } | ||
| 81 | }, | ||
| 82 | |||
| 67 | 83 | ||
| 68 | { | 84 | { |
| 69 | path: '/demo', | 85 | path: '/demo', | ... | ... |
-
Please register or sign in to post a comment