no message

@@ -20,6 +20,7 @@
     "glob": "^7.1.4",
     "mockjs": "^1.0.1-beta3",
     "postcss-pxtorem": "^4.0.1",
+    "purecss": "^1.0.1",
     "ua-device": "^0.1.10",
     "vue": "^2.6.10",
     "vue-awesome-swiper": "^3.1.3",

@@ -247,7 +247,7 @@ textarea {
   margin: 0 auto;
   width: 100%;
   // max-width: 1024px; // 设计稿宽度
-  min-height: 40rem;
+  // min-height: 40rem;
 
   &::after {
     display: table;

@@ -7,7 +7,7 @@ import store from './store/index';
 import VueAwesomeSwiper from 'vue-awesome-swiper'
 // require styles
 import 'swiper/dist/css/swiper.css'
-Vue.use(VueAwesomeSwiper, /* { default global options } */)
+Vue.use(VueAwesomeSwiper, /* { default global options } */ )
 
 
 import Mock from './mock'
@@ -17,17 +17,22 @@ Mock.bootstrap();
 
 Vue.config.productionTip = false
 
+// Purecss
+import Purecss from 'purecss'
+Vue.use(Purecss);
+
+// 国际化
 Vue.use(VueI18n)
 const i18n = new VueI18n({
 	locale: localStorage.getItem("lang") || 'zh', // 语言标识
 	//this.$i18n.locale // 通过切换locale的值来实现语言切换
 	messages: {
-		'zh': require('@/common/lang/zh'), // 中文语言包
-		'en': require('@/common/lang/en') // 英文语言包
+		'tc': require('@/common/lang/tc'), // 繁体语言包
+		'zh': require('@/common/lang/zh'), // 简体语言包
+		'en': require('@/common/lang/en'), // 英文语言包
 	}
 })
 
-
 new Vue({
 	i18n,
 	router,

+import api from '@/api/api'
+import {
+	httpGet,
+	httpPost
+} from '@/api/fetch-api.js'
+
+export default {
+	data() {
+		return {
+			key: 'value'
+		}
+	},
+	components: {},
+	methods: {
+		initData() {}
+	},
+	mounted() {},
+	created() {}
+}

+@import '@/styles/_support';
+
+.content {
+  position: relative;
+  min-height: 50rem;
+}
+
+.ebg {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+
+}
+
+.box {}
+
+.news {
+  &-item {}
+}

+
+<template>
+	<div class="content">
+		<div class="ebg">
+			<img src="@/assets/images/news-list/news-list-c1.png">
+		</div>
+		<div class="top-space"></div>
+		<div class="box">
+			<div class="news">
+				<div class="news-item"></div>
+			</div>
+		</div>
+	</div>
+</template>
+
+<script src="./news-list.js"></script>
+<style lang="scss" scoped>
+@import "./news-list.scss";
+</style>

+import api from '@/api/api'
+import {
+	httpGet,
+	httpPost
+} from '@/api/fetch-api.js'
+
+export default {
+	data() {
+		return {
+			key: 'value'
+		}
+	},
+	components: {},
+	methods: {
+		initData() {}
+	},
+	mounted() {},
+	created() {
+	}
+}

+@import '@/styles/_support';
+
+.content {}
+
+.top-space {
+  height: 2.25rem;
+}
+
+.box {
+  border: solid 1px #f2f2f2;
+  background-color: #ffffff;
+  @extend .bb;
+  padding: 4.5rem 1.75rem 3.5rem;
+  border-bottom: none;
+  @include border-top-radius(.75rem)
+}

+
+<template>
+	<div class="content">
+		<div class="top-space"></div>
+		<div class="box">
+			<div class="payment">
+				<div class="payment-nav">
+					<div class="payment-nav-item">
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+</template>
+
+<script src="./payment-type.js"></script>
+<style lang="scss" scoped>
+@import "./payment-type.scss";
+</style>

@@ -54,7 +54,14 @@ const routes = [
 			title: '平安壹賬通會員服務協議'
 		}
 	},
-
+	{
+		path: '/news/list',
+		name: 'newsList',
+		component: () => import('./pages/news-list/news-list.vue'),
+		meta: {
+			title: ''
+		}
+	},
 	{
 		path: '/news/detail',
 		name: 'newsDetail',
@@ -64,6 +71,15 @@ const routes = [
 		}
 	},
 
+	{
+		path: '/payment/type',
+		name: 'paymentType',
+		component: () => import('./pages/payment-type/payment-type.vue'),
+		meta: {
+			title: ''
+		}
+	},
+
 
 	{
 		path: '/demo',