7d0c40ac by simon

no message

1 parent ddd34de6
...@@ -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;
......
...@@ -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,
......
1 import api from '@/api/api'
2 import {
3 httpGet,
4 httpPost
5 } from '@/api/fetch-api.js'
6
7 export default {
8 data() {
9 return {
10 key: 'value'
11 }
12 },
13 components: {},
14 methods: {
15 initData() {}
16 },
17 mounted() {},
18 created() {}
19 }
1 @import '@/styles/_support';
2
3 .content {
4 position: relative;
5 min-height: 50rem;
6 }
7
8 .ebg {
9 position: absolute;
10 bottom: 0;
11 left: 0;
12 right: 0;
13
14 }
15
16 .box {}
17
18 .news {
19 &-item {}
20 }
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>
1 import api from '@/api/api'
2 import {
3 httpGet,
4 httpPost
5 } from '@/api/fetch-api.js'
6
7 export default {
8 data() {
9 return {
10 key: 'value'
11 }
12 },
13 components: {},
14 methods: {
15 initData() {}
16 },
17 mounted() {},
18 created() {
19 }
20 }
1 @import '@/styles/_support';
2
3 .content {}
4
5 .top-space {
6 height: 2.25rem;
7 }
8
9 .box {
10 border: solid 1px #f2f2f2;
11 background-color: #ffffff;
12 @extend .bb;
13 padding: 4.5rem 1.75rem 3.5rem;
14 border-bottom: none;
15 @include border-top-radius(.75rem)
16 }
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',
......