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