vor 6 Jahren · 57fa1b7cad
--- a/.editorconfig
+++ b/.editorconfig
@@ -0,0 +1,13 @@
 
				+# editorconfig.org
			
 
				+root = true
			
 
				+
			
 
				+[*]
			
 
				+indent_style = space
			
 
				+indent_size = 2
			
 
				+end_of_line = lf
			
 
				+charset = utf-8
			
 
				+trim_trailing_whitespace = true
			
 
				+insert_final_newline = true
			
 
				+
			
 
				+[*.md]
			
 
				+trim_trailing_whitespace = false
			
--- a/.prettierrc
+++ b/.prettierrc
@@ -0,0 +1,4 @@
 
				+{
			
 
				+  "semi": false,
			
 
				+  "singleQuote": true
			
 
				+}
			
--- a/README.md
+++ b/README.md
@@ -0,0 +1,25 @@
 
				+# asean_nuxt
			
 
				+
			
 
				+> My magnificent Nuxt.js project
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+## Build Setup
			
 
				+
			
 
				+``` bash
			
 
				+# install dependencies
			
 
				+$ yarn install
			
 
				+
			
 
				+# serve with hot reload at localhost:3000
			
 
				+$ yarn run dev
			
 
				+
			
 
				+# build for production and launch server
			
 
				+$ yarn run build
			
 
				+$ yarn start
			
 
				+
			
 
				+# generate static project
			
 
				+$ yarn run generate
			
 
				+```
			
 
				+
			
 
				+For detailed explanation on how things work, checkout [Nuxt.js docs](https://nuxtjs.org).
			
--- a/api/content.js
+++ b/api/content.js
@@ -0,0 +1,9 @@
 
				+import request from '~/plugins/axios'
			
 
				+
			
 
				+export function getInfoDetail(data) {//根据文章ID获取文章内容详情
			
 
				+    return request({
			
 
				+        url: '/web/v1/getInfoDetail',
			
 
				+        method: 'post',
			
 
				+        data
			
 
				+    })
			
 
				+}
			
--- a/api/homePage.js
+++ b/api/homePage.js
@@ -0,0 +1,40 @@
 
				+import request from '~/plugins/axios'
			
 
				+export function mainAd(data) {//网站首页广告
			
 
				+    return request({
			
 
				+        url: '/web/v1/mainAd',
			
 
				+        method: 'post',
			
 
				+        data
			
 
				+    })
			
 
				+}
			
 
				+export function getMainData(data) {//网站首页数据
			
 
				+    return request({
			
 
				+        url: '/web/v1/main',
			
 
				+        method: 'post',
			
 
				+        data
			
 
				+    })
			
 
				+}
			
 
				+
			
 
				+export function listColumnInfo(data) {//网站首页右侧栏目数据
			
 
				+    return request({
			
 
				+        url: '/web/v1/listColumnInfo',
			
 
				+        method: 'post',
			
 
				+        data
			
 
				+    })
			
 
				+}
			
 
				+
			
 
				+export function listFocusInfo(data) {//网站首页左侧数据
			
 
				+    return request({
			
 
				+        url: '/web/v1/listFocusInfo',
			
 
				+        method: 'post',
			
 
				+        data
			
 
				+    })
			
 
				+}
			
 
				+
			
 
				+export function listWordbar(data) {//获取词条列表
			
 
				+    return request({
			
 
				+        url: '/web/v1/listWordbar',
			
 
				+        method: 'post',
			
 
				+        data
			
 
				+    })
			
 
				+}
			
 
				+
			
--- a/api/lists.js
+++ b/api/lists.js
@@ -0,0 +1,32 @@
 
				+import request from '~/plugins/axios'
			
 
				+
			
 
				+export function getColumnInfoList(data) {//列表数据
			
 
				+    return request({
			
 
				+        url: '/web/v1/getColumnInfoList',
			
 
				+        method: 'post',
			
 
				+        data
			
 
				+    })
			
 
				+}
			
 
				+export function getColumnAd(data) {//获取广告
			
 
				+    return request({
			
 
				+        url: '/web/v1/getColumnAd',
			
 
				+        method: 'post',
			
 
				+        data
			
 
				+    })
			
 
				+}
			
 
				+
			
 
				+export function search(data) {//站内搜索
			
 
				+    return request({
			
 
				+        url: '/web/v1/search',
			
 
				+        method: 'post',
			
 
				+        data
			
 
				+    })
			
 
				+}
			
 
				+
			
 
				+export function listKeywordInfo(data) {//根据关键字获取资讯列表
			
 
				+    return request({
			
 
				+        url: '/web//v1/listKeywordInfo',
			
 
				+        method: 'post',
			
 
				+        data
			
 
				+    })
			
 
				+}
			
--- a/app.html
+++ b/app.html
@@ -0,0 +1,9 @@
 
				+<!DOCTYPE html>
			
 
				+<html {{ HTML_ATTRS }}>
			
 
				+<head>
			
 
				+  {{ HEAD }}
			
 
				+</head>
			
 
				+<body {{ BODY_ATTRS }}>
			
 
				+{{ APP }}
			
 
				+</body>
			
 
				+</html>
			
--- a/assets/README.md
+++ b/assets/README.md
@@ -0,0 +1,7 @@
 
				+# ASSETS
			
 
				+
			
 
				+**This directory is not required, you can delete it if you don't want to use it.**
			
 
				+
			
 
				+This directory contains your un-compiled assets such as LESS, SASS, or JavaScript.
			
 
				+
			
 
				+More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/assets#webpacked).
			
--- a/assets/iconfont/demo.css
+++ b/assets/iconfont/demo.css
@@ -0,0 +1,370 @@
 
				+*{margin: 0;padding: 0;list-style: none;}
			
 
				+/*
			
 
				+KISSY CSS Reset
			
 
				+理念：1. reset 的目的不是清除浏览器的默认样式，这仅是部分工作。清除和重置是紧密不可分的。
			
 
				+2. reset 的目的不是让默认样式在所有浏览器下一致，而是减少默认样式有可能带来的问题。
			
 
				+3. reset 期望提供一套普适通用的基础样式。但没有银弹，推荐根据具体需求，裁剪和修改后再使用。
			
 
				+特色：1. 适应中文；2. 基于最新主流浏览器。
			
 
				+维护：玉伯<lifesinger@gmail.com>, 正淳<ragecarrier@gmail.com>
			
 
				+ */
			
 
				+
			
 
				+/** 清除内外边距 **/
			
 
				+body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
			
 
				+dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
			
 
				+pre, /* text formatting elements 文本格式元素 */
			
 
				+form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
			
 
				+th, td /* table elements 表格元素 */ {
			
 
				+  margin: 0;
			
 
				+  padding: 0;
			
 
				+}
			
 
				+
			
 
				+/** 设置默认字体 **/
			
 
				+body,
			
 
				+button, input, select, textarea /* for ie */ {
			
 
				+  font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;
			
 
				+}
			
 
				+h1, h2, h3, h4, h5, h6 { font-size: 100%; }
			
 
				+address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
			
 
				+code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
			
 
				+small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */
			
 
				+
			
 
				+/** 重置列表元素 **/
			
 
				+ul, ol { list-style: none; }
			
 
				+
			
 
				+/** 重置文本格式元素 **/
			
 
				+a { text-decoration: none; }
			
 
				+a:hover { text-decoration: underline; }
			
 
				+
			
 
				+
			
 
				+/** 重置表单元素 **/
			
 
				+legend { color: #000; } /* for ie6 */
			
 
				+fieldset, img { border: 0; } /* img 搭车：让链接里的 img 无边框 */
			
 
				+button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */
			
 
				+/* 注：optgroup 无法扶正 */
			
 
				+
			
 
				+/** 重置表格元素 **/
			
 
				+table { border-collapse: collapse; border-spacing: 0; }
			
 
				+
			
 
				+/* 清除浮动 */
			
 
				+.ks-clear:after, .clear:after {
			
 
				+  content: '\20';
			
 
				+  display: block;
			
 
				+  height: 0;
			
 
				+  clear: both;
			
 
				+}
			
 
				+.ks-clear, .clear {
			
 
				+  *zoom: 1;
			
 
				+}
			
 
				+
			
 
				+.main {
			
 
				+  padding: 30px 100px;
			
 
				+width: 960px;
			
 
				+margin: 0 auto;
			
 
				+}
			
 
				+.main h1{font-size:36px; color:#333; text-align:left;margin-bottom:30px; border-bottom: 1px solid #eee;}
			
 
				+
			
 
				+.helps{margin-top:40px;}
			
 
				+.helps pre{
			
 
				+  padding:20px;
			
 
				+  margin:10px 0;
			
 
				+  border:solid 1px #e7e1cd;
			
 
				+  background-color: #fffdef;
			
 
				+  overflow: auto;
			
 
				+}
			
 
				+
			
 
				+.icon_lists{
			
 
				+  width: 100% !important;
			
 
				+
			
 
				+}
			
 
				+
			
 
				+.icon_lists li{
			
 
				+  float:left;
			
 
				+  width: 100px;
			
 
				+  height:180px;
			
 
				+  text-align: center;
			
 
				+  list-style: none !important;
			
 
				+}
			
 
				+.icon_lists .icon{
			
 
				+  font-size: 42px;
			
 
				+  line-height: 100px;
			
 
				+  margin: 10px 0;
			
 
				+  color:#333;
			
 
				+  -webkit-transition: font-size 0.25s ease-out 0s;
			
 
				+  -moz-transition: font-size 0.25s ease-out 0s;
			
 
				+  transition: font-size 0.25s ease-out 0s;
			
 
				+
			
 
				+}
			
 
				+.icon_lists .icon:hover{
			
 
				+  font-size: 100px;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+
			
 
				+.markdown {
			
 
				+  color: #666;
			
 
				+  font-size: 14px;
			
 
				+  line-height: 1.8;
			
 
				+}
			
 
				+
			
 
				+.highlight {
			
 
				+  line-height: 1.5;
			
 
				+}
			
 
				+
			
 
				+.markdown img {
			
 
				+  vertical-align: middle;
			
 
				+  max-width: 100%;
			
 
				+}
			
 
				+
			
 
				+.markdown h1 {
			
 
				+  color: #404040;
			
 
				+  font-weight: 500;
			
 
				+  line-height: 40px;
			
 
				+  margin-bottom: 24px;
			
 
				+}
			
 
				+
			
 
				+.markdown h2,
			
 
				+.markdown h3,
			
 
				+.markdown h4,
			
 
				+.markdown h5,
			
 
				+.markdown h6 {
			
 
				+  color: #404040;
			
 
				+  margin: 1.6em 0 0.6em 0;
			
 
				+  font-weight: 500;
			
 
				+  clear: both;
			
 
				+}
			
 
				+
			
 
				+.markdown h1 {
			
 
				+  font-size: 28px;
			
 
				+}
			
 
				+
			
 
				+.markdown h2 {
			
 
				+  font-size: 22px;
			
 
				+}
			
 
				+
			
 
				+.markdown h3 {
			
 
				+  font-size: 16px;
			
 
				+}
			
 
				+
			
 
				+.markdown h4 {
			
 
				+  font-size: 14px;
			
 
				+}
			
 
				+
			
 
				+.markdown h5 {
			
 
				+  font-size: 12px;
			
 
				+}
			
 
				+
			
 
				+.markdown h6 {
			
 
				+  font-size: 12px;
			
 
				+}
			
 
				+
			
 
				+.markdown hr {
			
 
				+  height: 1px;
			
 
				+  border: 0;
			
 
				+  background: #e9e9e9;
			
 
				+  margin: 16px 0;
			
 
				+  clear: both;
			
 
				+}
			
 
				+
			
 
				+.markdown p,
			
 
				+.markdown pre {
			
 
				+  margin: 1em 0;
			
 
				+}
			
 
				+
			
 
				+.markdown > p,
			
 
				+.markdown > blockquote,
			
 
				+.markdown > .highlight,
			
 
				+.markdown > ol,
			
 
				+.markdown > ul {
			
 
				+  width: 80%;
			
 
				+}
			
 
				+
			
 
				+.markdown ul > li {
			
 
				+  list-style: circle;
			
 
				+}
			
 
				+
			
 
				+.markdown > ul li,
			
 
				+.markdown blockquote ul > li {
			
 
				+  margin-left: 20px;
			
 
				+  padding-left: 4px;
			
 
				+}
			
 
				+
			
 
				+.markdown > ul li p,
			
 
				+.markdown > ol li p {
			
 
				+  margin: 0.6em 0;
			
 
				+}
			
 
				+
			
 
				+.markdown ol > li {
			
 
				+  list-style: decimal;
			
 
				+}
			
 
				+
			
 
				+.markdown > ol li,
			
 
				+.markdown blockquote ol > li {
			
 
				+  margin-left: 20px;
			
 
				+  padding-left: 4px;
			
 
				+}
			
 
				+
			
 
				+.markdown code {
			
 
				+  margin: 0 3px;
			
 
				+  padding: 0 5px;
			
 
				+  background: #eee;
			
 
				+  border-radius: 3px;
			
 
				+}
			
 
				+
			
 
				+.markdown pre {
			
 
				+  border-radius: 6px;
			
 
				+  background: #f7f7f7;
			
 
				+  padding: 20px;
			
 
				+}
			
 
				+
			
 
				+.markdown pre code {
			
 
				+  border: none;
			
 
				+  background: #f7f7f7;
			
 
				+  margin: 0;
			
 
				+}
			
 
				+
			
 
				+.markdown strong,
			
 
				+.markdown b {
			
 
				+  font-weight: 600;
			
 
				+}
			
 
				+
			
 
				+.markdown > table {
			
 
				+  border-collapse: collapse;
			
 
				+  border-spacing: 0px;
			
 
				+  empty-cells: show;
			
 
				+  border: 1px solid #e9e9e9;
			
 
				+  width: 95%;
			
 
				+  margin-bottom: 24px;
			
 
				+}
			
 
				+
			
 
				+.markdown > table th {
			
 
				+  white-space: nowrap;
			
 
				+  color: #333;
			
 
				+  font-weight: 600;
			
 
				+
			
 
				+}
			
 
				+
			
 
				+.markdown > table th,
			
 
				+.markdown > table td {
			
 
				+  border: 1px solid #e9e9e9;
			
 
				+  padding: 8px 16px;
			
 
				+  text-align: left;
			
 
				+}
			
 
				+
			
 
				+.markdown > table th {
			
 
				+  background: #F7F7F7;
			
 
				+}
			
 
				+
			
 
				+.markdown blockquote {
			
 
				+  font-size: 90%;
			
 
				+  color: #999;
			
 
				+  border-left: 4px solid #e9e9e9;
			
 
				+  padding-left: 0.8em;
			
 
				+  margin: 1em 0;
			
 
				+  font-style: italic;
			
 
				+}
			
 
				+
			
 
				+.markdown blockquote p {
			
 
				+  margin: 0;
			
 
				+}
			
 
				+
			
 
				+.markdown .anchor {
			
 
				+  opacity: 0;
			
 
				+  transition: opacity 0.3s ease;
			
 
				+  margin-left: 8px;
			
 
				+}
			
 
				+
			
 
				+.markdown .waiting {
			
 
				+  color: #ccc;
			
 
				+}
			
 
				+
			
 
				+.markdown h1:hover .anchor,
			
 
				+.markdown h2:hover .anchor,
			
 
				+.markdown h3:hover .anchor,
			
 
				+.markdown h4:hover .anchor,
			
 
				+.markdown h5:hover .anchor,
			
 
				+.markdown h6:hover .anchor {
			
 
				+  opacity: 1;
			
 
				+  display: inline-block;
			
 
				+}
			
 
				+
			
 
				+.markdown > br,
			
 
				+.markdown > p > br {
			
 
				+  clear: both;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+.hljs {
			
 
				+  display: block;
			
 
				+  background: white;
			
 
				+  padding: 0.5em;
			
 
				+  color: #333333;
			
 
				+  overflow-x: auto;
			
 
				+}
			
 
				+
			
 
				+.hljs-comment,
			
 
				+.hljs-meta {
			
 
				+  color: #969896;
			
 
				+}
			
 
				+
			
 
				+.hljs-string,
			
 
				+.hljs-variable,
			
 
				+.hljs-template-variable,
			
 
				+.hljs-strong,
			
 
				+.hljs-emphasis,
			
 
				+.hljs-quote {
			
 
				+  color: #df5000;
			
 
				+}
			
 
				+
			
 
				+.hljs-keyword,
			
 
				+.hljs-selector-tag,
			
 
				+.hljs-type {
			
 
				+  color: #a71d5d;
			
 
				+}
			
 
				+
			
 
				+.hljs-literal,
			
 
				+.hljs-symbol,
			
 
				+.hljs-bullet,
			
 
				+.hljs-attribute {
			
 
				+  color: #0086b3;
			
 
				+}
			
 
				+
			
 
				+.hljs-section,
			
 
				+.hljs-name {
			
 
				+  color: #63a35c;
			
 
				+}
			
 
				+
			
 
				+.hljs-tag {
			
 
				+  color: #333333;
			
 
				+}
			
 
				+
			
 
				+.hljs-title,
			
 
				+.hljs-attr,
			
 
				+.hljs-selector-id,
			
 
				+.hljs-selector-class,
			
 
				+.hljs-selector-attr,
			
 
				+.hljs-selector-pseudo {
			
 
				+  color: #795da3;
			
 
				+}
			
 
				+
			
 
				+.hljs-addition {
			
 
				+  color: #55a532;
			
 
				+  background-color: #eaffea;
			
 
				+}
			
 
				+
			
 
				+.hljs-deletion {
			
 
				+  color: #bd2c00;
			
 
				+  background-color: #ffecec;
			
 
				+}
			
 
				+
			
 
				+.hljs-link {
			
 
				+  text-decoration: underline;
			
 
				+}
			
 
				+
			
 
				+pre{
			
 
				+  background: #fff;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
--- a/assets/iconfont/demo_fontclass.html
+++ b/assets/iconfont/demo_fontclass.html
@@ -0,0 +1,70 @@
 
				+
			
 
				+<!DOCTYPE html>
			
 
				+<html>
			
 
				+<head>
			
 
				+    <meta charset="utf-8"/>
			
 
				+    <title>IconFont</title>
			
 
				+    <link rel="stylesheet" href="demo.css">
			
 
				+    <link rel="stylesheet" href="iconfont.css">
			
 
				+</head>
			
 
				+<body>
			
 
				+    <div class="main markdown">
			
 
				+        <h1>IconFont 图标</h1>
			
 
				+        <ul class="icon_lists clear">
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-twitter"></i>
			
 
				+                    <div class="name">twitter</div>
			
 
				+                    <div class="fontclass">.icon-twitter</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-facebook"></i>
			
 
				+                    <div class="name">facebook</div>
			
 
				+                    <div class="fontclass">.icon-facebook</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-weixin"></i>
			
 
				+                    <div class="name">微信</div>
			
 
				+                    <div class="fontclass">.icon-weixin</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-weibo"></i>
			
 
				+                    <div class="name">微博</div>
			
 
				+                    <div class="fontclass">.icon-weibo</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-bofang"></i>
			
 
				+                    <div class="name">播放</div>
			
 
				+                    <div class="fontclass">.icon-bofang</div>
			
 
				+                </li>
			
 
				+            
			
 
				+        </ul>
			
 
				+
			
 
				+        <h2 id="font-class-">font-class引用</h2>
			
 
				+        <hr>
			
 
				+
			
 
				+        <p>font-class是unicode使用方式的一种变种，主要是解决unicode书写不直观，语意不明确的问题。</p>
			
 
				+        <p>与unicode使用方式相比，具有如下特点：</p>
			
 
				+        <ul>
			
 
				+        <li>兼容性良好，支持ie8+，及所有现代浏览器。</li>
			
 
				+        <li>相比于unicode语意明确，书写更直观。可以很容易分辨这个icon是什么。</li>
			
 
				+        <li>因为使用class来定义图标，所以当要替换图标时，只需要修改class里面的unicode引用。</li>
			
 
				+        <li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
			
 
				+        </ul>
			
 
				+        <p>使用步骤如下：</p>
			
 
				+        <h3 id="-fontclass-">第一步：引入项目下面生成的fontclass代码：</h3>
			
 
				+
			
 
				+
			
 
				+        <pre><code class="lang-js hljs javascript"><span class="hljs-comment">&lt;link rel="stylesheet" type="text/css" href="./iconfont.css"&gt;</span></code></pre>
			
 
				+        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
			
 
				+        <pre><code class="lang-css hljs">&lt;<span class="hljs-selector-tag">i</span> <span class="hljs-selector-tag">class</span>="<span class="hljs-selector-tag">iconfont</span> <span class="hljs-selector-tag">icon-xxx</span>"&gt;&lt;/<span class="hljs-selector-tag">i</span>&gt;</code></pre>
			
 
				+        <blockquote>
			
 
				+        <p>"iconfont"是你项目下的font-family。可以通过编辑项目查看，默认是"iconfont"。</p>
			
 
				+        </blockquote>
			
 
				+    </div>
			
 
				+</body>
			
 
				+</html>
			
--- a/assets/iconfont/demo_symbol.html
+++ b/assets/iconfont/demo_symbol.html
@@ -0,0 +1,103 @@
 
				+
			
 
				+<!DOCTYPE html>
			
 
				+<html>
			
 
				+<head>
			
 
				+    <meta charset="utf-8"/>
			
 
				+    <title>IconFont</title>
			
 
				+    <link rel="stylesheet" href="demo.css">
			
 
				+    <script src="iconfont.js"></script>
			
 
				+
			
 
				+    <style type="text/css">
			
 
				+        .icon {
			
 
				+          /* 通过设置 font-size 来改变图标大小 */
			
 
				+          width: 1em; height: 1em;
			
 
				+          /* 图标和文字相邻时，垂直对齐 */
			
 
				+          vertical-align: -0.15em;
			
 
				+          /* 通过设置 color 来改变 SVG 的颜色/fill */
			
 
				+          fill: currentColor;
			
 
				+          /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
			
 
				+             normalize.css 中也包含这行 */
			
 
				+          overflow: hidden;
			
 
				+        }
			
 
				+
			
 
				+    </style>
			
 
				+</head>
			
 
				+<body>
			
 
				+    <div class="main markdown">
			
 
				+        <h1>IconFont 图标</h1>
			
 
				+        <ul class="icon_lists clear">
			
 
				+            
			
 
				+                <li>
			
 
				+                    <svg class="icon" aria-hidden="true">
			
 
				+                        <use xlink:href="#icon-twitter"></use>
			
 
				+                    </svg>
			
 
				+                    <div class="name">twitter</div>
			
 
				+                    <div class="fontclass">#icon-twitter</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                    <svg class="icon" aria-hidden="true">
			
 
				+                        <use xlink:href="#icon-facebook"></use>
			
 
				+                    </svg>
			
 
				+                    <div class="name">facebook</div>
			
 
				+                    <div class="fontclass">#icon-facebook</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                    <svg class="icon" aria-hidden="true">
			
 
				+                        <use xlink:href="#icon-weixin"></use>
			
 
				+                    </svg>
			
 
				+                    <div class="name">微信</div>
			
 
				+                    <div class="fontclass">#icon-weixin</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                    <svg class="icon" aria-hidden="true">
			
 
				+                        <use xlink:href="#icon-weibo"></use>
			
 
				+                    </svg>
			
 
				+                    <div class="name">微博</div>
			
 
				+                    <div class="fontclass">#icon-weibo</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                    <svg class="icon" aria-hidden="true">
			
 
				+                        <use xlink:href="#icon-bofang"></use>
			
 
				+                    </svg>
			
 
				+                    <div class="name">播放</div>
			
 
				+                    <div class="fontclass">#icon-bofang</div>
			
 
				+                </li>
			
 
				+            
			
 
				+        </ul>
			
 
				+
			
 
				+
			
 
				+        <h2 id="symbol-">symbol引用</h2>
			
 
				+        <hr>
			
 
				+
			
 
				+        <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
			
 
				+        这种用法其实是做了一个svg的集合，与另外两种相比具有如下特点：</p>
			
 
				+        <ul>
			
 
				+          <li>支持多色图标了，不再受单色限制。</li>
			
 
				+          <li>通过一些技巧，支持像字体那样，通过<code>font-size</code>,<code>color</code>来调整样式。</li>
			
 
				+          <li>兼容性较差，支持 ie9+,及现代浏览器。</li>
			
 
				+          <li>浏览器渲染svg的性能一般，还不如png。</li>
			
 
				+        </ul>
			
 
				+        <p>使用步骤如下：</p>
			
 
				+        <h3 id="-symbol-">第一步：引入项目下面生成的symbol代码：</h3>
			
 
				+        <pre><code class="lang-js hljs javascript"><span class="hljs-comment">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;</span></code></pre>
			
 
				+        <h3 id="-css-">第二步：加入通用css代码（引入一次就行）：</h3>
			
 
				+        <pre><code class="lang-js hljs javascript">&lt;style type=<span class="hljs-string">"text/css"</span>&gt;
			
 
				+.icon {
			
 
				+   width: <span class="hljs-number">1</span>em; height: <span class="hljs-number">1</span>em;
			
 
				+   vertical-align: <span class="hljs-number">-0.15</span>em;
			
 
				+   fill: currentColor;
			
 
				+   overflow: hidden;
			
 
				+}
			
 
				+&lt;<span class="hljs-regexp">/style&gt;</span></code></pre>
			
 
				+        <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
			
 
				+        <pre><code class="lang-js hljs javascript">&lt;svg <span class="hljs-class"><span class="hljs-keyword">class</span></span>=<span class="hljs-string">"icon"</span> aria-hidden=<span class="hljs-string">"true"</span>&gt;<span class="xml"><span class="hljs-tag">
			
 
				+  &lt;<span class="hljs-name">use</span> <span class="hljs-attr">xlink:href</span>=<span class="hljs-string">"#icon-xxx"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">use</span>&gt;</span>
			
 
				+</span>&lt;<span class="hljs-regexp">/svg&gt;
			
 
				+        </span></code></pre>
			
 
				+    </div>
			
 
				+</body>
			
 
				+</html>
			
--- a/assets/iconfont/demo_unicode.html
+++ b/assets/iconfont/demo_unicode.html
@@ -0,0 +1,108 @@
 
				+
			
 
				+<!DOCTYPE html>
			
 
				+<html>
			
 
				+<head>
			
 
				+    <meta charset="utf-8"/>
			
 
				+    <title>IconFont</title>
			
 
				+    <link rel="stylesheet" href="demo.css">
			
 
				+
			
 
				+    <style type="text/css">
			
 
				+
			
 
				+        @font-face {font-family: "iconfont";
			
 
				+          src: url('iconfont.eot'); /* IE9*/
			
 
				+          src: url('iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
			
 
				+          url('iconfont.woff') format('woff'), /* chrome, firefox */
			
 
				+          url('iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
			
 
				+          url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
			
 
				+        }
			
 
				+
			
 
				+        .iconfont {
			
 
				+          font-family:"iconfont" !important;
			
 
				+          font-size:16px;
			
 
				+          font-style:normal;
			
 
				+          -webkit-font-smoothing: antialiased;
			
 
				+          -webkit-text-stroke-width: 0.2px;
			
 
				+          -moz-osx-font-smoothing: grayscale;
			
 
				+        }
			
 
				+
			
 
				+    </style>
			
 
				+</head>
			
 
				+<body>
			
 
				+    <div class="main markdown">
			
 
				+        <h1>IconFont 图标</h1>
			
 
				+        <ul class="icon_lists clear">
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont">&#xe600;</i>
			
 
				+                    <div class="name">twitter</div>
			
 
				+                    <div class="code">&amp;#xe600;</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont">&#xe601;</i>
			
 
				+                    <div class="name">facebook</div>
			
 
				+                    <div class="code">&amp;#xe601;</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont">&#xe73b;</i>
			
 
				+                    <div class="name">微信</div>
			
 
				+                    <div class="code">&amp;#xe73b;</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont">&#xe73c;</i>
			
 
				+                    <div class="name">微博</div>
			
 
				+                    <div class="code">&amp;#xe73c;</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont">&#xe624;</i>
			
 
				+                    <div class="name">播放</div>
			
 
				+                    <div class="code">&amp;#xe624;</div>
			
 
				+                </li>
			
 
				+            
			
 
				+        </ul>
			
 
				+        <h2 id="unicode-">unicode引用</h2>
			
 
				+        <hr>
			
 
				+
			
 
				+        <p>unicode是字体在网页端最原始的应用方式，特点是：</p>
			
 
				+        <ul>
			
 
				+        <li>兼容性最好，支持ie6+，及所有现代浏览器。</li>
			
 
				+        <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
			
 
				+        <li>但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。</li>
			
 
				+        </ul>
			
 
				+        <blockquote>
			
 
				+        <p>注意：新版iconfont支持多色图标，这些多色图标在unicode模式下将不能使用，如果有需求建议使用symbol的引用方式</p>
			
 
				+        </blockquote>
			
 
				+        <p>unicode使用步骤如下：</p>
			
 
				+        <h3 id="-font-face">第一步：拷贝项目下面生成的font-face</h3>
			
 
				+        <pre><code class="lang-js hljs javascript">@font-face {
			
 
				+  font-family: <span class="hljs-string">'iconfont'</span>;
			
 
				+  src: url(<span class="hljs-string">'iconfont.eot'</span>);
			
 
				+  src: url(<span class="hljs-string">'iconfont.eot?#iefix'</span>) format(<span class="hljs-string">'embedded-opentype'</span>),
			
 
				+  url(<span class="hljs-string">'iconfont.woff'</span>) format(<span class="hljs-string">'woff'</span>),
			
 
				+  url(<span class="hljs-string">'iconfont.ttf'</span>) format(<span class="hljs-string">'truetype'</span>),
			
 
				+  url(<span class="hljs-string">'iconfont.svg#iconfont'</span>) format(<span class="hljs-string">'svg'</span>);
			
 
				+}
			
 
				+</code></pre>
			
 
				+        <h3 id="-iconfont-">第二步：定义使用iconfont的样式</h3>
			
 
				+        <pre><code class="lang-js hljs javascript">.iconfont{
			
 
				+  font-family:<span class="hljs-string">"iconfont"</span> !important;
			
 
				+  font-size:<span class="hljs-number">16</span>px;font-style:normal;
			
 
				+  -webkit-font-smoothing: antialiased;
			
 
				+  -webkit-text-stroke-width: <span class="hljs-number">0.2</span>px;
			
 
				+  -moz-osx-font-smoothing: grayscale;
			
 
				+}
			
 
				+</code></pre>
			
 
				+        <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
			
 
				+        <pre><code class="lang-js hljs javascript">&lt;i <span class="hljs-class"><span class="hljs-keyword">class</span></span>=<span class="hljs-string">"iconfont"</span>&gt;&amp;#x33;<span class="xml"><span class="hljs-tag">&lt;/<span class="hljs-name">i</span>&gt;</span></span></code></pre>
			
 
				+
			
 
				+        <blockquote>
			
 
				+        <p>"iconfont"是你项目下的font-family。可以通过编辑项目查看，默认是"iconfont"。</p>
			
 
				+        </blockquote>
			
 
				+    </div>
			
 
				+
			
 
				+
			
 
				+</body>
			
 
				+</html>
			
--- a/assets/iconfont/iconfont.css
+++ b/assets/iconfont/iconfont.css
--- a/assets/iconfont/iconfont.eot
+++ b/assets/iconfont/iconfont.eot
--- a/assets/iconfont/iconfont.js
+++ b/assets/iconfont/iconfont.js
--- a/assets/iconfont/iconfont.svg
+++ b/assets/iconfont/iconfont.svg
--- a/assets/iconfont/iconfont.ttf
+++ b/assets/iconfont/iconfont.ttf
--- a/assets/iconfont/iconfont.woff
+++ b/assets/iconfont/iconfont.woff
--- a/assets/img/14.png
+++ b/assets/img/14.png
--- a/assets/img/17.png
+++ b/assets/img/17.png
--- a/assets/img/19.png
+++ b/assets/img/19.png
--- a/assets/img/20.png
+++ b/assets/img/20.png
--- a/assets/img/21.png
+++ b/assets/img/21.png
--- a/assets/img/QRcode.png
+++ b/assets/img/QRcode.png
--- a/assets/img/ad-1.jpg
+++ b/assets/img/ad-1.jpg
--- a/assets/img/ad-2.jpg
+++ b/assets/img/ad-2.jpg
--- a/assets/img/ad_1.jpg
+++ b/assets/img/ad_1.jpg
--- a/assets/img/ad_2.jpg
+++ b/assets/img/ad_2.jpg
--- a/assets/img/ad_3.jpg
+++ b/assets/img/ad_3.jpg
--- a/assets/img/ad_4.jpg
+++ b/assets/img/ad_4.jpg
--- a/assets/img/attention_ico.jpg
+++ b/assets/img/attention_ico.jpg
--- a/assets/img/blue_ico.jpg
+++ b/assets/img/blue_ico.jpg
--- a/assets/img/con_bg_blue.png
+++ b/assets/img/con_bg_blue.png
--- a/assets/img/favicon.ico
+++ b/assets/img/favicon.ico
--- a/assets/img/list_img.1.png
+++ b/assets/img/list_img.1.png
--- a/assets/img/list_img.png
+++ b/assets/img/list_img.png
--- a/assets/img/loading.png
+++ b/assets/img/loading.png
--- a/assets/img/logo.jpg
+++ b/assets/img/logo.jpg
--- a/assets/img/logo.png
+++ b/assets/img/logo.png
--- a/assets/img/m1_img3.png
+++ b/assets/img/m1_img3.png
--- a/assets/img/number_ad1.jpg
+++ b/assets/img/number_ad1.jpg
--- a/assets/img/return_top.png
+++ b/assets/img/return_top.png
--- a/assets/img/ten_icon/bn.png
+++ b/assets/img/ten_icon/bn.png
--- a/assets/img/ten_icon/cn.png
+++ b/assets/img/ten_icon/cn.png
--- a/assets/img/ten_icon/id.png
+++ b/assets/img/ten_icon/id.png
--- a/assets/img/ten_icon/kh.png
+++ b/assets/img/ten_icon/kh.png
--- a/assets/img/ten_icon/la.png
+++ b/assets/img/ten_icon/la.png
--- a/assets/img/ten_icon/mm.png
+++ b/assets/img/ten_icon/mm.png
--- a/assets/img/ten_icon/my.png
+++ b/assets/img/ten_icon/my.png
--- a/assets/img/ten_icon/ph.png
+++ b/assets/img/ten_icon/ph.png
--- a/assets/img/ten_icon/sg.png
+++ b/assets/img/ten_icon/sg.png
--- a/assets/img/ten_icon/th.png
+++ b/assets/img/ten_icon/th.png
--- a/assets/img/ten_icon/vn.png
+++ b/assets/img/ten_icon/vn.png
--- a/assets/img/top_bg.jpg
+++ b/assets/img/top_bg.jpg
--- a/assets/img/video-icon.jpg
+++ b/assets/img/video-icon.jpg
--- a/assets/style/footer.scss
+++ b/assets/style/footer.scss
@@ -0,0 +1,23 @@
 
				+.footer{
			
 
				+    
			
 
				+    bottom: 0px;
			
 
				+    z-index: 99;  
			
 
				+    .btm{
			
 
				+        // height:123px;  
			
 
				+        height:60px;  
			
 
				+        // position: fixed;
			
 
				+        width: 100%;
			
 
				+        .f-about{
			
 
				+            text-align: center;
			
 
				+            color:#fff;
			
 
				+            line-height:60px;
			
 
				+            p:first-child{
			
 
				+                // margin-top:30px;
			
 
				+                img{
			
 
				+                    display: inline-block;
			
 
				+                    margin-left:10px;
			
 
				+                }
			
 
				+            }
			
 
				+        }
			
 
				+    }
			
 
				+}
			
--- a/assets/style/header.scss
+++ b/assets/style/header.scss
@@ -0,0 +1,130 @@
 
				+.header{
			
 
				+    .h-top{
			
 
				+        height:37px;
			
 
				+        line-height:37px;
			
 
				+        font-size:12px;
			
 
				+        border-bottom:1px solid #e0e0e0;
			
 
				+        background:url(../img/top_bg.jpg) repeat-x;
			
 
				+        width:100%;
			
 
				+        .top-left{
			
 
				+            width: 15%;
			
 
				+            font-size:16px;
			
 
				+            font-weight:bold;
			
 
				+            a{
			
 
				+                margin: 0 10px;
			
 
				+            }
			
 
				+        }
			
 
				+        // h2{
			
 
				+        //     text-align: left;
			
 
				+        // }
			
 
				+        // ul{
			
 
				+        //     li{
			
 
				+        //         float:left;
			
 
				+        //         a{
			
 
				+        //             color:#333;
			
 
				+        //             cursor: pointer;
			
 
				+        //         }
			
 
				+        //         span{
			
 
				+        //             margin:0 15px;
			
 
				+        //             color:#333;
			
 
				+        //         }
			
 
				+        //     }
			
 
				+        // } 
			
 
				+        .facebook{
			
 
				+            position: relative;
			
 
				+            display: inline-flex;
			
 
				+            font-size: 14px;
			
 
				+            margin-left: 60%;
			
 
				+            align-items: center;
			
 
				+            p,.icon{
			
 
				+                padding: 0 10px;
			
 
				+                cursor: pointer;
			
 
				+            }
			
 
				+            .QRcode{
			
 
				+                position: absolute;
			
 
				+                top: 38px;
			
 
				+                height: 150px;
			
 
				+                width: 150px;
			
 
				+                left: 150px;
			
 
				+            }
			
 
				+        }
			
 
				+    }
			
 
				+    .h-main{
			
 
				+        // height:90px;
			
 
				+        // line-height:85px;
			
 
				+        .h-logo{
			
 
				+            // height:60px;
			
 
				+            text-align: center;
			
 
				+            width: 100%;
			
 
				+            margin-bottom: 10px;
			
 
				+            img{
			
 
				+                height:120px;
			
 
				+                width:auto;
			
 
				+            }
			
 
				+        }
			
 
				+        .h-logo-ad{
			
 
				+            img{
			
 
				+                height:80px;
			
 
				+                width: 800px;
			
 
				+            }
			
 
				+        }
			
 
				+    }
			
 
				+    .nav{
			
 
				+        height:46px;
			
 
				+        line-height:46px;
			
 
				+        width: 1200px;
			
 
				+        margin: auto;
			
 
				+        .menu{
			
 
				+            width: 1200px;
			
 
				+            margin: 0 auto;
			
 
				+            .ivu-menu-horizontal{
			
 
				+                height: 46px;
			
 
				+                line-height: 46px;
			
 
				+                .ivu-menu-item, .ivu-menu-submenu{
			
 
				+                    padding: 0 24px;
			
 
				+                    i{
			
 
				+                        display: none;
			
 
				+                    }
			
 
				+                    .ivu-select-dropdown .ivu-menu-item{
			
 
				+                        padding: 7px 16px 8px;
			
 
				+                    }
			
 
				+                }
			
 
				+            }
			
 
				+            .ivu-menu-dark{
			
 
				+                background: none;
			
 
				+            }
			
 
				+            li{
			
 
				+                float:left;
			
 
				+                font-size:20px;
			
 
				+                font-weight: bold;
			
 
				+                cursor: pointer;
			
 
				+                overflow: initial;
			
 
				+                &.active a{
			
 
				+                    height:48px;
			
 
				+                    line-height:48px;
			
 
				+                    margin-top:-4px;
			
 
				+                    background:#193d80;
			
 
				+                }
			
 
				+                a{
			
 
				+                    color:#fff;
			
 
				+                    display: inline-block;
			
 
				+                    width:83px;
			
 
				+                    text-align: center;
			
 
				+                }
			
 
				+            }  
			
 
				+            li:hover a{
			
 
				+                height:48px;
			
 
				+                line-height:48px;
			
 
				+                margin-top:-4px;
			
 
				+                font-weight: bold;
			
 
				+                background:#193d80;
			
 
				+                color:#fff;
			
 
				+                text-decoration:none;
			
 
				+            }
			
 
				+        }
			
 
				+    }    
			
 
				+    // .nav li.active a{height:48px;line-height:48px;margin-top:-4px;}
			
 
				+    // .wgw-bg{
			
 
				+    //     background:#1d4187;
			
 
				+    // }   
			
 
				+}
			
--- a/assets/style/homePage.scss
+++ b/assets/style/homePage.scss
@@ -0,0 +1,712 @@
 
				+.return-top{
			
 
				+    background:url(../img/return_top.png) no-repeat;
			
 
				+    width:52px;
			
 
				+    height:52px;
			
 
				+}
			
 
				+.m-box{
			
 
				+    // background:url(../img/con_bg_blue.png) #f1fafc top no-repeat;
			
 
				+    width:100%;
			
 
				+    .mt{
			
 
				+        display: flex;
			
 
				+        height: 35px;
			
 
				+        line-height: 35px;
			
 
				+        h4{
			
 
				+            font-family: 'Microsoft YaHei';
			
 
				+            font-weight: bold;
			
 
				+            font-size: 18px;
			
 
				+            color: #1c6ab3;
			
 
				+        }
			
 
				+        hr{
			
 
				+            border: none;
			
 
				+            border-top: 1px solid #ccc;
			
 
				+            width: 88%;
			
 
				+            margin: 18px 0 0 10px;
			
 
				+        }
			
 
				+    }
			
 
				+    .m-con{
			
 
				+        background:#fff;
			
 
				+        .m1-box{
			
 
				+            height: 360px;
			
 
				+            margin-top: 10px;
			
 
				+            .m1-box-fl{
			
 
				+                width: 64%;
			
 
				+                .m1-news-img{
			
 
				+                    width:100%;
			
 
				+                    margin: auto;
			
 
				+                    position:relative;
			
 
				+                    overflow: hidden;
			
 
				+                    .swiper-container {
			
 
				+                        width: 100%;
			
 
				+                        height: 300px;
			
 
				+                        margin-left: auto;
			
 
				+                        margin-right: auto;
			
 
				+                    }
			
 
				+                    .swiper-slide {
			
 
				+                        background-size: cover;
			
 
				+                        background-position: center;
			
 
				+                        background-color: #fff;
			
 
				+                    }
			
 
				+                    .gallery-top {
			
 
				+                        // height: 80%;
			
 
				+                        width: 90%;
			
 
				+                        img{
			
 
				+                            margin-top: 65px;
			
 
				+                            // height: 480px;
			
 
				+                            height: 432px;
			
 
				+                        }
			
 
				+                        p{
			
 
				+                            position: absolute;
			
 
				+                            top: 0px;
			
 
				+                            //height:36px;
			
 
				+                            //line-height:36px;
			
 
				+                            color: #9D1518;
			
 
				+                            font-size: 24px;
			
 
				+                            font-weight: bold;
			
 
				+                            width: 100%;
			
 
				+                            text-align: center;
			
 
				+                            margin: 15px 0;
			
 
				+                        }
			
 
				+                    }
			
 
				+                    .gallery-thumbs {
			
 
				+                        height: 20%;
			
 
				+                        box-sizing: border-box;
			
 
				+                        padding: 10px 0;
			
 
				+                        position: absolute;
			
 
				+                        top:350px;
			
 
				+                    }
			
 
				+                    .gallery-thumbs .swiper-slide {
			
 
				+                        height: 100%;
			
 
				+                        opacity: 0.4;
			
 
				+                    }
			
 
				+                    .gallery-thumbs .swiper-slide-active {
			
 
				+                        opacity: 1;
			
 
				+                    }
			
 
				+                }
			
 
				+            }
			
 
				+            .m1-box-fr{
			
 
				+                width:32%;
			
 
				+                margin-right: 15px;
			
 
				+                .m1-fr-news-list{
			
 
				+                    li{
			
 
				+                        border-bottom: 1px solid #ccc;
			
 
				+                        a{
			
 
				+                            font-size:16px;
			
 
				+                            color:#393939;
			
 
				+                            line-height:67px;
			
 
				+                            display:block;
			
 
				+                            cursor: pointer;
			
 
				+                            white-space:nowrap;
			
 
				+                            overflow:hidden;
			
 
				+                            text-overflow:ellipsis;
			
 
				+                            font-weight: bold;
			
 
				+                            // margin-left: 10px;
			
 
				+
			
 
				+                        }
			
 
				+                        .remark{
			
 
				+                            // display:none;
			
 
				+                            font-size: 14px;
			
 
				+                            margin: 0 0 10px 0;
			
 
				+                            color: #aaaaaa;
			
 
				+                        }
			
 
				+                    }
			
 
				+                    li:last-child{
			
 
				+                        border:none;
			
 
				+                    }
			
 
				+                }
			
 
				+            }
			
 
				+        }
			
 
				+        .m-list{
			
 
				+            .list-both-width-l{
			
 
				+                width: 58%;
			
 
				+                margin: 14px 67px 4px 38px;
			
 
				+                .english{
			
 
				+                    .en-title{
			
 
				+                        display: flex;
			
 
				+                        height: 60px;
			
 
				+                        width: 100%;
			
 
				+                        display: flex;
			
 
				+                        padding: 10px 0;
			
 
				+                        border-bottom: 1px dashed #ccc;
			
 
				+                        img{
			
 
				+                            width: 100px;
			
 
				+                            margin-right: 10px;
			
 
				+                        }
			
 
				+                        a{
			
 
				+                            overflow: hidden;
			
 
				+                            font-weight: bold;
			
 
				+                            text-overflow: ellipsis;
			
 
				+                            display: -webkit-box;
			
 
				+                            -webkit-line-clamp: 2;
			
 
				+                            height: 40px;
			
 
				+                            line-height: 20px;
			
 
				+                        }
			
 
				+                    }
			
 
				+                    .ivu-col:nth-of-type(odd){
			
 
				+                        margin-right: 8%;
			
 
				+                    }
			
 
				+                }
			
 
				+
			
 
				+                .blue-line{
			
 
				+                    border: 2px solid #1c6ab3;
			
 
				+                    display: block;
			
 
				+                    margin: 10px 0;
			
 
				+                }
			
 
				+                .content-item{
			
 
				+                    display: inline-flex;
			
 
				+                    padding: 19px 0;
			
 
				+                    border-bottom: 1px solid #ccc;
			
 
				+                    width: 100%;
			
 
				+                    img{
			
 
				+                        width: 35%;
			
 
				+                        height: 150px;
			
 
				+                        border-radius: 10px;
			
 
				+                        margin-right: 10px;
			
 
				+                    }
			
 
				+                    .content-text{
			
 
				+                        position: relative;
			
 
				+                        margin-left: 10px;
			
 
				+                        width: 62%;
			
 
				+                        a{
			
 
				+                            font-size: 20px;
			
 
				+                            float: left;
			
 
				+                            width: 100%;
			
 
				+                            margin-bottom:4px;
			
 
				+                        }
			
 
				+                        p{
			
 
				+                            font-size: 14px;
			
 
				+                            margin: 0 0 10px 0;
			
 
				+                            color: #aaaaaa;
			
 
				+                            width: 100%;
			
 
				+                            height: 85px;
			
 
				+                            overflow: hidden;
			
 
				+                            text-overflow: ellipsis;
			
 
				+                            display: -webkit-box;
			
 
				+                            -webkit-line-clamp: 4;
			
 
				+                        }
			
 
				+                        span{
			
 
				+                            float: left;
			
 
				+                            font-size: 12px;
			
 
				+                            margin-top: 15px;
			
 
				+                        }
			
 
				+                        .source{
			
 
				+                            position: absolute;
			
 
				+                            bottom: 0px;
			
 
				+                            left: 0px;
			
 
				+                            width: 100%;
			
 
				+                            a{
			
 
				+                                font-size: 13px;
			
 
				+                                width: auto;
			
 
				+                                color: #515a6e;
			
 
				+                                margin: auto;
			
 
				+                            }
			
 
				+                            span{
			
 
				+                                float: left;
			
 
				+                                font-size: 12px;
			
 
				+                                margin: auto;
			
 
				+                            }
			
 
				+                        }
			
 
				+                    }
			
 
				+                }
			
 
				+                .more-art{
			
 
				+                    height: 60px;
			
 
				+                    line-height: 60px;
			
 
				+                    text-align: center;
			
 
				+                }
			
 
				+                // .video-ul{
			
 
				+                //     display: inline-flex;
			
 
				+                //     width: 100%;
			
 
				+                //     ul{
			
 
				+                //         width: 50%;
			
 
				+                //         li{
			
 
				+                //             background:url(../img/video-icon.jpg) no-repeat left center;
			
 
				+                //             margin-left: 10px;
			
 
				+                //             padding-left: 15px;
			
 
				+                //             line-height: 24px;
			
 
				+                //             a {
			
 
				+                //                 color: #c00;
			
 
				+                //                 text-decoration: none;
			
 
				+                //                 font-size:15px;
			
 
				+                //                 line-height:33px;
			
 
				+                //                 display:block;
			
 
				+                //                 cursor: pointer;
			
 
				+                //                 white-space:nowrap;
			
 
				+                //                 overflow:hidden;
			
 
				+                //                 text-overflow:ellipsis;
			
 
				+                //                 margin:0 5px;
			
 
				+                //             }
			
 
				+                //         }
			
 
				+                //     }
			
 
				+                // }
			
 
				+            }
			
 
				+            .list-both-width{
			
 
				+                width:32%;
			
 
				+                margin:20px 10px 0 0;
			
 
				+                .sidepartList{
			
 
				+                    padding-left: 22px;
			
 
				+                    background: url(../img/number_ad1.jpg) no-repeat;
			
 
				+                    overflow: hidden;
			
 
				+                    li{
			
 
				+                        height: 24px;
			
 
				+                        line-height: 24px;
			
 
				+                        overflow: hidden;
			
 
				+                        a{
			
 
				+                            font-size: 13px;
			
 
				+                            text-decoration: none;
			
 
				+                        }
			
 
				+                    }
			
 
				+                }
			
 
				+                .add-img{
			
 
				+                    li{
			
 
				+                        overflow: hidden;
			
 
				+                        a{
			
 
				+                            font-size: 13px;
			
 
				+                            text-decoration: none;
			
 
				+                            img{
			
 
				+                                margin: 10px 0;
			
 
				+                            }
			
 
				+                        }
			
 
				+                    }
			
 
				+                }
			
 
				+                .column-item{
			
 
				+                    border: 1px solid #ccc;
			
 
				+                    margin-top: 10px;
			
 
				+                    .column-title{
			
 
				+                        // display: inline-flex;
			
 
				+                        margin: 10px 5% 10px 5%;
			
 
				+                        height: 24px;
			
 
				+                        line-height: 24px;
			
 
				+                        display: block;
			
 
				+                        span{
			
 
				+                            border: 2px solid #1c6ab3;
			
 
				+                            margin-right: 10px;
			
 
				+                            height: 20px;
			
 
				+                            float: left;
			
 
				+                        }
			
 
				+                        h4{
			
 
				+                            float: left;
			
 
				+                            color: #1c6ab3;
			
 
				+                            font-weight: bold;
			
 
				+                            width: 50px;
			
 
				+                        }
			
 
				+                        div{
			
 
				+                            float: right;
			
 
				+                            a{
			
 
				+                                color: #333;
			
 
				+                                // margin-left: 200px;
			
 
				+                                font-size: 12px;
			
 
				+                                line-height: 24px;
			
 
				+                            }
			
 
				+                        }
			
 
				+                    }
			
 
				+                    li:last-child .content-li{
			
 
				+                        border:none;
			
 
				+                    }
			
 
				+                    .column-content{
			
 
				+                        width: 90%;
			
 
				+                        margin: 0 5%;
			
 
				+                        .column-video{
			
 
				+                            position: relative;
			
 
				+                            a.icon-bofang:before{
			
 
				+                                font-size:50px;
			
 
				+                                color:#fff;
			
 
				+                                position: absolute;
			
 
				+                                top:50%;
			
 
				+                                left:50%;
			
 
				+                                margin:-37.5px 0 0 -25px;
			
 
				+                                opacity: 0.7;
			
 
				+                            }
			
 
				+                            .icon-bofang:hover:before{
			
 
				+                                opacity:1
			
 
				+                            }
			
 
				+                            p{
			
 
				+                                width: 100%;
			
 
				+                                color: #fff;
			
 
				+                                position: absolute;
			
 
				+                                bottom: 0px;
			
 
				+                                text-align: center;
			
 
				+                                margin: 0 auto;
			
 
				+                            }
			
 
				+                        }
			
 
				+                        .video{
			
 
				+                            //margin-top: 10px;
			
 
				+                            .video-list{
			
 
				+                                padding:20px 0;
			
 
				+                                border-bottom:1px solid #e0e0e0;
			
 
				+                                &:last-child{
			
 
				+                                    border-bottom:0
			
 
				+                                }
			
 
				+                            }
			
 
				+                            .ivu-col{
			
 
				+                                // margin-bottom: 10px;
			
 
				+                                img{
			
 
				+                                    height: 87.22px;
			
 
				+                                }
			
 
				+                                .content-li{
			
 
				+                                    // line-height: 100px;
			
 
				+                                    // height: 66px;
			
 
				+                                    // padding-top: 10px;
			
 
				+                                    // display: block;
			
 
				+                                    // border-bottom: 1px solid #ccc;
			
 
				+                                    // position: relative;
			
 
				+                                    a.icon-bofang:before{
			
 
				+                                        font-size:26px;
			
 
				+                                        color:#fff;
			
 
				+                                        position: absolute;
			
 
				+                                        top:24px;
			
 
				+                                        left:65px;
			
 
				+                                        opacity: 0.7;
			
 
				+                                    }
			
 
				+                                    .icon-bofang:hover:before{
			
 
				+                                        opacity:1
			
 
				+                                    }
			
 
				+                                    .vid-til{
			
 
				+                                        font-size: 14px;
			
 
				+                                        line-height: 20px;
			
 
				+                                        //height: 20px;
			
 
				+                                        height:80px;
			
 
				+                                        margin: 5px 0 0px 0;
			
 
				+                                        white-space: normal;
			
 
				+                                        overflow: hidden;
			
 
				+                                        text-overflow: ellipsis;
			
 
				+                                        display: -webkit-box;
			
 
				+                                        //-webkit-line-clamp: 1;
			
 
				+                                        -webkit-line-clamp: 3;
			
 
				+                                    }
			
 
				+                                    img{
			
 
				+                                        height: 87.22px;
			
 
				+                                    }
			
 
				+                                    // a:last-child{
			
 
				+                                    //     float: left;
			
 
				+                                    //     width: 230px;
			
 
				+                                    //     /* display: block; */
			
 
				+                                    //     line-height: 20px;
			
 
				+                                    //     // white-space: normal;
			
 
				+                                    //     margin-left: 10px;
			
 
				+                                    //     font-size: 14px;
			
 
				+                                    // }
			
 
				+                                }
			
 
				+                            }
			
 
				+                            .ivu-col:nth-of-type(odd){
			
 
				+                                //margin-right: 8%;
			
 
				+                                margin-right:10px;
			
 
				+                            }
			
 
				+                        }
			
 
				+
			
 
				+
			
 
				+                        .life{
			
 
				+                            .ivu-col{
			
 
				+                                margin-bottom: 10px;
			
 
				+                                img{
			
 
				+                                    height: 87.22px;
			
 
				+                                }
			
 
				+                                a{
			
 
				+                                    font-size: 14px;
			
 
				+                                    line-height: 20px;
			
 
				+                                    height: 40px;
			
 
				+                                    margin-top: 5px;
			
 
				+                                    white-space: normal;
			
 
				+                                    overflow: hidden;
			
 
				+                                    text-overflow: ellipsis;
			
 
				+                                    display: -webkit-box;
			
 
				+                                    -webkit-line-clamp: 2;
			
 
				+                                }
			
 
				+                            }
			
 
				+                            .ivu-col:nth-of-type(odd){
			
 
				+                                margin-right: 8%;
			
 
				+                            }
			
 
				+                        }
			
 
				+
			
 
				+                        .culture{
			
 
				+                            margin-bottom: 10px;
			
 
				+                            li{
			
 
				+                                height: 30px;
			
 
				+                                line-height: 30px;
			
 
				+                                padding: 0 10px;
			
 
				+                            }
			
 
				+                            li:nth-of-type(odd){
			
 
				+                                background-color: #eaeaea;
			
 
				+                            }
			
 
				+                            a{
			
 
				+                                font-size: 14px;
			
 
				+                            }
			
 
				+                        }
			
 
				+                        .cul-top{
			
 
				+                            a{
			
 
				+                                display: inline-block;
			
 
				+                                margin: 10px 0;
			
 
				+                                font-size: 16px;
			
 
				+                                color:#1d4187
			
 
				+                            }
			
 
				+                        }
			
 
				+                        .service{
			
 
				+                            .service-list{
			
 
				+                                border: 1px solid #ccc;
			
 
				+                                padding: 10px;
			
 
				+                                border-radius: 5px;
			
 
				+                                margin-bottom: 10px;
			
 
				+                                img{
			
 
				+                                    width: 80px;
			
 
				+                                    float: left;
			
 
				+                                    margin-right: 10px;
			
 
				+                                }
			
 
				+                                li{
			
 
				+                                    a{
			
 
				+                                        font-size: 12px;
			
 
				+                                    }
			
 
				+                                }
			
 
				+                            }
			
 
				+                        }
			
 
				+                        .wiki{
			
 
				+                            li{
			
 
				+                                margin: 10px 0;
			
 
				+                                list-style:none;
			
 
				+                                a{
			
 
				+                                    display: block;
			
 
				+                                    height: 30px;
			
 
				+                                    line-height: 30px;
			
 
				+                                    img{
			
 
				+                                        width: 20px;
			
 
				+                                        margin-right: 10px;
			
 
				+                                    }
			
 
				+                                }
			
 
				+                            }
			
 
				+                        }
			
 
				+                        .wiki-top{
			
 
				+                            p{
			
 
				+                                font-size: 14px;
			
 
				+                            }
			
 
				+                        }
			
 
				+                    }
			
 
				+                }
			
 
				+            }
			
 
				+            // .list-both-width,.list-both-width-l{
			
 
				+            //     :last-child{
			
 
				+            //         margin-right:0px;
			
 
				+            //     }
			
 
				+            // }
			
 
				+        }
			
 
				+        .m-act-img{
			
 
				+            display: inline-flex;
			
 
				+            width: 100%;
			
 
				+            .ads-l{
			
 
				+                width: 64%;
			
 
				+                margin-right: 1%;
			
 
				+            }
			
 
				+            .ads-r{
			
 
				+                margin-left: 1%;
			
 
				+                width: 34%;
			
 
				+            }
			
 
				+            img{
			
 
				+                width: 100%;
			
 
				+                height: 80px;
			
 
				+            }
			
 
				+        }
			
 
				+        .public-tit{
			
 
				+            height:42px;
			
 
				+            line-height:42px;
			
 
				+            border-top:1px solid #cecece;
			
 
				+            h4{
			
 
				+                font-size:16px;
			
 
				+                //font-weight: bold;
			
 
				+                padding:0 10px;
			
 
				+                border-top: 2px solid;
			
 
				+                margin-top:-1px;
			
 
				+                display: inline-block;
			
 
				+            }
			
 
				+            a{
			
 
				+                float: right;
			
 
				+                color:#999;
			
 
				+                font-size: 15px
			
 
				+            }
			
 
				+        }
			
 
				+        .photoText,.photoText-v{
			
 
				+            height: 96px;
			
 
				+            padding-bottom: 10px;
			
 
				+            border-bottom: 1px dashed #c6c6c6;
			
 
				+            display: inline-flex;
			
 
				+            width: 100%;
			
 
				+            a{
			
 
				+                color: #214b75;
			
 
				+                text-decoration: none;
			
 
				+                font-size: 16px;
			
 
				+            }
			
 
				+            img{
			
 
				+                width: 120px;
			
 
				+                height: 80px;
			
 
				+            }
			
 
				+            .textInfo,.textInfo-v{
			
 
				+                width: 205px;
			
 
				+                float: right;
			
 
				+                dt{
			
 
				+                    height: 22px;
			
 
				+                    width:100%;
			
 
				+                    padding-left: 8px;
			
 
				+                    line-height: 22px;
			
 
				+                    font-size: 15px;
			
 
				+                    //font-weight: bold;
			
 
				+                    overflow: hidden;
			
 
				+                    text-overflow:ellipsis;
			
 
				+                    white-space: nowrap;
			
 
				+                }
			
 
				+                dd{
			
 
				+                    margin-top: 2px;
			
 
				+                    padding: 0 8px;
			
 
				+                    line-height: 20px;
			
 
				+                    font-size: 12px;
			
 
				+                    color: #27496e;
			
 
				+                }
			
 
				+            }
			
 
				+            .textInfo-v{
			
 
				+                width: 100%;
			
 
				+                dd{
			
 
				+                    height: 60px;
			
 
				+                }
			
 
				+            }
			
 
				+        }
			
 
				+        .photoText-v{
			
 
				+            height: 85px;
			
 
				+            display: inline-block;
			
 
				+            width: 100%;
			
 
				+        }
			
 
				+        .public-ul-li{
			
 
				+            li {
			
 
				+                display: grid;
			
 
				+                white-space:nowrap;
			
 
				+                overflow:hidden;
			
 
				+                text-overflow:ellipsis;
			
 
				+                a{
			
 
				+                    font-size:13px;
			
 
				+                    color:#393939;
			
 
				+                    line-height:30px;
			
 
				+                    display:block;
			
 
				+                    cursor: pointer;
			
 
				+                    margin:0 5px;
			
 
				+                    white-space:nowrap;
			
 
				+                    overflow:hidden;
			
 
				+                    text-overflow:ellipsis;
			
 
				+                }
			
 
				+            }
			
 
				+
			
 
				+        }
			
 
				+        .text4adlist{
			
 
				+            display: inline-grid;
			
 
				+            li {
			
 
				+                height: 26px;
			
 
				+                display: block;
			
 
				+                padding-left: 10px;
			
 
				+                font-size: 14px;
			
 
				+                line-height: 26px;
			
 
				+                background: url(../img/blue_ico.jpg)no-repeat left center;
			
 
				+                overflow: hidden;
			
 
				+                a{
			
 
				+                    line-height: 26px;
			
 
				+                    font-size: 13px;
			
 
				+                    color: #393939;
			
 
				+                }
			
 
				+            }
			
 
				+        }
			
 
				+        .public-content{
			
 
				+            display: inline-flex;
			
 
				+            width: 100%;
			
 
				+            padding-left:10px;
			
 
				+            .public-content-l{
			
 
				+                width: 49%;
			
 
				+                margin-right: 1%;
			
 
				+            }
			
 
				+            .public-content-r{
			
 
				+                width: 49%;
			
 
				+                margin-left: 1%;
			
 
				+                margin-right: 2%;
			
 
				+            }
			
 
				+            .gxgd1,.gxgd2,.gxgd3{
			
 
				+                padding-bottom: 0px;
			
 
				+                padding-top: 0px;
			
 
				+                margin-bottom: 15px;
			
 
				+                height: 120px;
			
 
				+                border-bottom: 1px dashed #ccc;
			
 
				+                width: 100%;
			
 
				+                dt{
			
 
				+                    width: 100%;
			
 
				+                    overflow: hidden;
			
 
				+                    text-overflow:ellipsis;
			
 
				+                    white-space: nowrap;
			
 
				+                    a{
			
 
				+                        font-family: "微软雅黑";
			
 
				+                        font-size: 16px;
			
 
				+                        //font-weight: bold;
			
 
				+                        line-height: 36px;
			
 
				+                        color: #1d4187;
			
 
				+                    }
			
 
				+                }
			
 
				+                dd{
			
 
				+                    font-family: "宋体";
			
 
				+                    font-size: 12px;
			
 
				+                    padding-bottom: 10px;
			
 
				+                    line-height: 18px;
			
 
				+                }
			
 
				+            }
			
 
				+            .gxgd3 {height: auto;}
			
 
				+            .public-list-img{
			
 
				+                margin:0px 0 10px;
			
 
				+                position:relative;
			
 
				+                img{
			
 
				+                    width:310px;
			
 
				+                    height: 172px;
			
 
				+                }
			
 
				+                p{
			
 
				+                    color:#fff;
			
 
				+                    font-weight: bold;
			
 
				+                    height:38px;
			
 
				+                    line-height:38px;
			
 
				+                    background:rgba(0,0,0,0.3);
			
 
				+                    position:absolute;
			
 
				+                    bottom:0px;
			
 
				+                    width:93%;
			
 
				+                    padding:0 3%;
			
 
				+                    overflow: hidden;
			
 
				+                    text-overflow:ellipsis;
			
 
				+                    white-space: nowrap;
			
 
				+                }
			
 
				+            }
			
 
				+            .attention{
			
 
				+                h4{
			
 
				+                    background: url(../img/attention_ico.jpg) no-repeat left center;
			
 
				+                    height: 24px;
			
 
				+                    padding-left: 10px;
			
 
				+                    line-height: 24px;
			
 
				+                    font-size: 14px;
			
 
				+                    //font-weight: bold;
			
 
				+                    color: #1c6ab3;
			
 
				+                    margin-bottom: 10px;
			
 
				+                }
			
 
				+                a{
			
 
				+                    float: right;
			
 
				+                    color: #999;
			
 
				+                }
			
 
				+            }
			
 
				+        }
			
 
				+        /**返回顶部**/
			
 
				+        .return-top{
			
 
				+            position:fixed;
			
 
				+            bottom:130px;
			
 
				+            right:50%;
			
 
				+            margin-right:-700px;
			
 
				+        }
			
 
				+
			
 
				+        .f-friend{
			
 
				+            background-color: #eee;
			
 
				+            width: 1200px;
			
 
				+            margin: auto;
			
 
				+            .declaration{
			
 
				+                width: 90%;
			
 
				+                margin: auto;
			
 
				+                padding: 10px 0;
			
 
				+                p:first-child{
			
 
				+                    font-size: 16px;
			
 
				+                    font-weight: bold;
			
 
				+                }
			
 
				+            }
			
 
				+        }
			
 
				+    }
			
 
				+
			
 
				+}
			
--- a/assets/style/index.scss
+++ b/assets/style/index.scss
@@ -0,0 +1,116 @@
 
				+@import './header.scss';
			
 
				+@import './footer.scss';
			
 
				+@import './homePage.scss';
			
 
				+body{
			
 
				+    -moz-osx-font-smoothing: grayscale;
			
 
				+    -webkit-font-smoothing: antialiased;
			
 
				+    text-rendering: optimizeLegibility;
			
 
				+    font-family: Microsoft Yahei,Arial,Arial,tahoma,Helvetica,sans-serif;
			
 
				+    font-size: 14px;
			
 
				+    background-color: #f7f7f7;
			
 
				+    .fl{ float:left}
			
 
				+    .fr{float:right}
			
 
				+    .clear{clear:both}
			
 
				+    .auto{
			
 
				+        width:1200px;
			
 
				+        margin:0 auto
			
 
				+    }    
			
 
				+    .clearfix:after { 
			
 
				+        visibility: hidden; 
			
 
				+        display: block; 
			
 
				+        font-size: 0; 
			
 
				+        content: " "; 
			
 
				+        clear: both; 
			
 
				+        height: 0; 
			
 
				+    } 
			
 
				+    .wgw-color{color:#1c6ab3;}  
			
 
				+    .wgw-bg{background:#1c6ab3;}
			
 
				+    header,section,article,footer,nav{display: block} 
			
 
				+}
			
 
				+
			
 
				+*,
			
 
				+*:before,
			
 
				+*:after {
			
 
				+  box-sizing: inherit;
			
 
				+}
			
 
				+
			
 
				+*{
			
 
				+  margin: 0;
			
 
				+  padding: 0;
			
 
				+  // -moz-user-select:none;
			
 
				+  // -webkit-user-select:none;
			
 
				+  -webkit-tap-highlight-color:transparent;
			
 
				+}
			
 
				+h1,h2,h3,h4,h5,h6{
			
 
				+  font-weight:normal;
			
 
				+}
			
 
				+div:focus{
			
 
				+  outline: none;
			
 
				+}
			
 
				+
			
 
				+a:focus,
			
 
				+a:active {
			
 
				+  outline: none;
			
 
				+}
			
 
				+
			
 
				+a,
			
 
				+a:focus,
			
 
				+a:hover {
			
 
				+  cursor: pointer;
			
 
				+  font-family: 'MicrosoftYaHeiLight', 'Microsoft YaHei Light', 'Microsoft YaHei';
			
 
				+  // color: -webkit-link;
			
 
				+  color: #257FEB;
			
 
				+  text-decoration: none;
			
 
				+}
			
 
				+a{
			
 
				+  color: #393939;
			
 
				+}
			
 
				+
			
 
				+ol,
			
 
				+ul {
			
 
				+    list-style: none;
			
 
				+    li{
			
 
				+        text-align: left;
			
 
				+        overflow: hidden;
			
 
				+        // text-overflow:ellipsis;
			
 
				+        // white-space: nowrap;
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+img {
			
 
				+    border: 0;
			
 
				+    vertical-align: middle;
			
 
				+    width: 100%;
			
 
				+}
			
 
				+
			
 
				+i {
			
 
				+  font-style:normal
			
 
				+}
			
 
				+
			
 
				+.line-one{
			
 
				+  overflow: hidden;
			
 
				+  text-overflow:ellipsis;
			
 
				+  white-space: nowrap;
			
 
				+}
			
 
				+.line-n{
			
 
				+  overflow: hidden;
			
 
				+  text-overflow: ellipsis;  
			
 
				+  display: -webkit-box;
			
 
				+  -webkit-line-clamp: 3;
			
 
				+    
			
 
				+}
			
 
				+.line-two{
			
 
				+  overflow: hidden;
			
 
				+  text-overflow: ellipsis;  
			
 
				+  display: -webkit-box;
			
 
				+  -webkit-line-clamp: 2;
			
 
				+    
			
 
				+}
			
 
				+.icon {
			
 
				+   width: 2em; 
			
 
				+   height: 2em;
			
 
				+   vertical-align: -0.15em;
			
 
				+   fill: currentColor;
			
 
				+   overflow: hidden;
			
 
				+}
			
 
				+
			
--- a/common/bus.js
+++ b/common/bus.js
@@ -0,0 +1,2 @@
 
				+import Vue from 'vue';
			
 
				+export default new Vue();
			
--- a/common/publicFun.js
+++ b/common/publicFun.js
@@ -0,0 +1,15 @@
 
				+export function formatTime(inputTime) {
			
 
				+    var date = new Date(inputTime);
			
 
				+        var y = date.getFullYear();
			
 
				+        var m = date.getMonth() + 1;
			
 
				+        m = m < 10 ? ('0' + m) : m;
			
 
				+        var d = date.getDate();
			
 
				+        d = d < 10 ? ('0' + d) : d;
			
 
				+        var h = date.getHours();
			
 
				+        h = h < 10 ? ('0' + h) : h;
			
 
				+        var minute = date.getMinutes();
			
 
				+        var second = date.getSeconds();
			
 
				+        minute = minute < 10 ? ('0' + minute) : minute;
			
 
				+        second = second < 10 ? ('0' + second) : second;
			
 
				+    return y + '-' + m + '-' + d + ' ' + h + ':' + minute + ':' + second;
			
 
				+}
			
--- a/components/Logo.vue
+++ b/components/Logo.vue
@@ -0,0 +1,79 @@
 
				+<template>
			
 
				+  <div class="VueToNuxtLogo">
			
 
				+    <div class="Triangle Triangle--two"/>
			
 
				+    <div class="Triangle Triangle--one"/>
			
 
				+    <div class="Triangle Triangle--three"/>
			
 
				+    <div class="Triangle Triangle--four"/>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<style>
			
 
				+.VueToNuxtLogo {
			
 
				+  display: inline-block;
			
 
				+  animation: turn 2s linear forwards 1s;
			
 
				+  transform: rotateX(180deg);
			
 
				+  position: relative;
			
 
				+  overflow: hidden;
			
 
				+  height: 180px;
			
 
				+  width: 245px;
			
 
				+}
			
 
				+
			
 
				+.Triangle {
			
 
				+  position: absolute;
			
 
				+  top: 0;
			
 
				+  left: 0;
			
 
				+  width: 0;
			
 
				+  height: 0;
			
 
				+}
			
 
				+
			
 
				+.Triangle--one {
			
 
				+  border-left: 105px solid transparent;
			
 
				+  border-right: 105px solid transparent;
			
 
				+  border-bottom: 180px solid #41b883;
			
 
				+}
			
 
				+
			
 
				+.Triangle--two {
			
 
				+  top: 30px;
			
 
				+  left: 35px;
			
 
				+  animation: goright 0.5s linear forwards 3.5s;
			
 
				+  border-left: 87.5px solid transparent;
			
 
				+  border-right: 87.5px solid transparent;
			
 
				+  border-bottom: 150px solid #3b8070;
			
 
				+}
			
 
				+
			
 
				+.Triangle--three {
			
 
				+  top: 60px;
			
 
				+  left: 35px;
			
 
				+  animation: goright 0.5s linear forwards 3.5s;
			
 
				+  border-left: 70px solid transparent;
			
 
				+  border-right: 70px solid transparent;
			
 
				+  border-bottom: 120px solid #35495e;
			
 
				+}
			
 
				+
			
 
				+.Triangle--four {
			
 
				+  top: 120px;
			
 
				+  left: 70px;
			
 
				+  animation: godown 0.5s linear forwards 3s;
			
 
				+  border-left: 35px solid transparent;
			
 
				+  border-right: 35px solid transparent;
			
 
				+  border-bottom: 60px solid #fff;
			
 
				+}
			
 
				+
			
 
				+@keyframes turn {
			
 
				+  100% {
			
 
				+    transform: rotateX(0deg);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes godown {
			
 
				+  100% {
			
 
				+    top: 180px;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+@keyframes goright {
			
 
				+  100% {
			
 
				+    left: 70px;
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/components/README.md
+++ b/components/README.md
@@ -0,0 +1,7 @@
 
				+# COMPONENTS
			
 
				+
			
 
				+**This directory is not required, you can delete it if you don't want to use it.**
			
 
				+
			
 
				+The components directory contains your Vue.js Components.
			
 
				+
			
 
				+_Nuxt.js doesn't supercharge these components._
			
--- a/layouts/README.md
+++ b/layouts/README.md
@@ -0,0 +1,7 @@
 
				+# LAYOUTS
			
 
				+
			
 
				+**This directory is not required, you can delete it if you don't want to use it.**
			
 
				+
			
 
				+This directory contains your Application Layouts.
			
 
				+
			
 
				+More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/views#layouts).
			
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -0,0 +1,27 @@
 
				+<template>
			
 
				+  <div>
			
 
				+    <Header></Header>
			
 
				+    <nuxt/>
			
 
				+
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import Header from '~/pages/header/index'
			
 
				+import Footer from '~/pages/footer/index'
			
 
				+export default {
			
 
				+  components:{
			
 
				+    Header,
			
 
				+    Footer
			
 
				+  },
			
 
				+  data(){
			
 
				+    return{
			
 
				+
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</script>
			
 
				+
			
 
				+<style>
			
 
				+
			
 
				+</style>
			
--- a/middleware/README.md
+++ b/middleware/README.md
@@ -0,0 +1,8 @@
 
				+# MIDDLEWARE
			
 
				+
			
 
				+**This directory is not required, you can delete it if you don't want to use it.**
			
 
				+
			
 
				+This directory contains your application middleware.
			
 
				+The middleware lets you define custom function to be ran before rendering a page or a group of pages (layouts).
			
 
				+
			
 
				+More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/routing#middleware).
			
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -0,0 +1,79 @@
 
				+const pkg = require('./package')
			
 
				+
			
 
				+module.exports = {
			
 
				+  mode: 'universal',
			
 
				+
			
 
				+  /*
			
 
				+  ** Headers of the page
			
 
				+  */
			
 
				+  head: {
			
 
				+    title: pkg.name,
			
 
				+    meta: [
			
 
				+      { charset: 'utf-8' },
			
 
				+      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
			
 
				+      { hid: 'description', name: 'description', content: pkg.description }
			
 
				+    ],
			
 
				+    link: [
			
 
				+      { rel: 'stylesheet', type: 'text/css', href: '/swiper.min.css' },
			
 
				+      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
			
 
				+
			
 
				+    ]
			
 
				+  },
			
 
				+
			
 
				+  /*
			
 
				+  ** Customize the progress-bar color
			
 
				+  */
			
 
				+  loading: { color: '#fff' },
			
 
				+
			
 
				+  /*
			
 
				+  ** Global CSS
			
 
				+  */
			
 
				+  css: [
			
 
				+    "iview/dist/styles/iview.css",
			
 
				+    "@/assets/style/index.scss",
			
 
				+    "@/assets/iconfont/iconfont.css",
			
 
				+  ],
			
 
				+  /*
			
 
				+  ** Plugins to load before mounting the App
			
 
				+  */
			
 
				+  plugins: [
			
 
				+    { src: '~plugins/iview.js', ssr: true },
			
 
				+    { src: '~plugins/lazy.js', ssr: true },
			
 
				+    { src: '~plugins/plugins.js', ssr: false },
			
 
				+  ],
			
 
				+
			
 
				+  /*
			
 
				+  ** Nuxt.js modules
			
 
				+  */
			
 
				+  modules: [
			
 
				+    '@nuxtjs/axios',
			
 
				+  ],
			
 
				+  /*
			
 
				+  ** Axios module configuration
			
 
				+  */
			
 
				+  axios: {
			
 
				+    // See https://github.com/nuxt-community/axios-module#options
			
 
				+    // prefix: '/api/',
			
 
				+    // proxy: true // Can be also an object with default options
			
 
				+  },
			
 
				+
			
 
				+  // proxy: {
			
 
				+  //   '/api/': { target: 'http://localhost:8080', pathRewrite: {'^/api/': ''} }
			
 
				+  // },
			
 
				+
			
 
				+  /*
			
 
				+  ** Build configuration
			
 
				+  */
			
 
				+  build: {
			
 
				+    /*
			
 
				+    ** You can extend webpack config here
			
 
				+    */
			
 
				+    extend(config, { isDev, isClient }) {
			
 
				+
			
 
				+      // const vueLoader = config.module.rules.find((rule) => rule.loader === 'vue-loader');
			
 
				+      //
			
 
				+      // vueLoader.options.loaders.sass = 'vue-style-loader!css-loader!sass-loader';
			
 
				+
			
 
				+    }
			
 
				+  }
			
 
				+}
			
--- a/package.json
+++ b/package.json
@@ -0,0 +1,33 @@
 
				+{
			
 
				+  "name": "asean_nuxt",
			
 
				+  "version": "1.0.0",
			
 
				+  "description": "My magnificent Nuxt.js project",
			
 
				+  "author": "wangyong",
			
 
				+  "private": true,
			
 
				+  "scripts": {
			
 
				+    "dev": "cross-env NODE_ENV=development nodemon server/index.js --watch server",
			
 
				+    "build": "nuxt build",
			
 
				+    "start": "cross-env NODE_ENV=production node server/index.js",
			
 
				+    "generate": "nuxt generate"
			
 
				+  },
			
 
				+  "dependencies": {
			
 
				+    "@nuxtjs/axios": "^5.0.0",
			
 
				+    "cross-env": "^5.2.0",
			
 
				+    "express": "^4.16.3",
			
 
				+    "iview": "^3.1.5",
			
 
				+    "nuxt": "^2.0.0",
			
 
				+    "vue-awesome-swiper": "^3.1.3",
			
 
				+    "vue-lazyload": "^1.2.6",
			
 
				+    "vue-qr": "^1.5.2"
			
 
				+  },
			
 
				+  "devDependencies": {
			
 
				+    "eslint-config-prettier": "^3.1.0",
			
 
				+    "eslint-plugin-prettier": "2.6.2",
			
 
				+    "iview-loader": "^1.2.2",
			
 
				+    "node-sass": "^4.10.0",
			
 
				+    "nodemon": "^1.11.0",
			
 
				+    "prettier": "1.14.3",
			
 
				+    "sass-loader": "^7.1.0",
			
 
				+    "scss-loader": "0.0.1"
			
 
				+  }
			
 
				+}
			
--- a/pages/README.md
+++ b/pages/README.md
@@ -0,0 +1,6 @@
 
				+# PAGES
			
 
				+
			
 
				+This directory contains your Application Views and Routes.
			
 
				+The framework reads all the `*.vue` files inside this directory and create the router of your application.
			
 
				+
			
 
				+More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/routing).
			
--- a/pages/aboutUs/index.vue
+++ b/pages/aboutUs/index.vue
--- a/pages/content/index.vue
+++ b/pages/content/index.vue
@@ -0,0 +1,513 @@
 
				+<template>
			
 
				+    <div>
			
 
				+        <div class="auto content">
			
 
				+            <Row>
			
 
				+                <Col :span="15">
			
 
				+                    <div class="atc">
			
 
				+                      <Breadcrumb v-if="(columnName instanceof Array)">
			
 
				+                          <BreadcrumbItem to="/">首页</BreadcrumbItem>
			
 
				+                          <BreadcrumbItem :to="{path: '/lists', query:{id:'88'}}" >{{columnName[0]}}</BreadcrumbItem>
			
 
				+                          <BreadcrumbItem :to="{path: '/lists', query:{id:columnId}}" >{{columnName[1]}}</BreadcrumbItem>
			
 
				+                      </Breadcrumb>
			
 
				+                      <Breadcrumb v-else>
			
 
				+                          <BreadcrumbItem to="/">首页</BreadcrumbItem>
			
 
				+                          <BreadcrumbItem :to="{path: '/lists', query:{id:columnId}}" >{{columnName}}</BreadcrumbItem>
			
 
				+                      </Breadcrumb>
			
 
				+                      <h2>{{title}}</h2>
			
 
				+                      <div class="up-time">
			
 
				+                        <Row>
			
 
				+                          <Col :span="8">
			
 
				+                            <span>{{upTime}}</span>
			
 
				+                          </Col>
			
 
				+                          <Col :span="8">
			
 
				+                            <span v-if="srcname">来源：{{srcname}}</span>
			
 
				+                          </Col>
			
 
				+                          <Col :span="8">
			
 
				+                            <div style="display:flex">
			
 
				+                              <span>分享：</span>
			
 
				+                              <div class="bdsharebuttonbox">
			
 
				+                                <!-- <a href="#" class="bds_more" data-cmd="more"></a> -->
			
 
				+                                <a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
			
 
				+                                <a href="#" class="bds_weixin" @click="showVxCode"  title="分享到微信">
			
 
				+                                  <Modal
			
 
				+                                    title="分享到微信朋友圈"
			
 
				+                                    v-model="vxCodeShow"
			
 
				+                                    :footer-hide="true"
			
 
				+                                    width="300px">
			
 
				+                                    <VueQr id="vx-qrcode" :text="'http://aseanweb.info666.com/#/content/'+id" :size="200" :data-bd-imgshare-binded="0"></VueQr>
			
 
				+                                    <p>打开微信，点击底部的“发现”，使用“扫一扫”即可将网页分享至朋友圈。</p>
			
 
				+                                  </Modal>
			
 
				+                                </a>
			
 
				+                                <a href="#" class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a>
			
 
				+                                <a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
			
 
				+                                <a href="#" class="bds_twi" data-cmd="twi" title="分享到Twitter"></a>
			
 
				+                                <a href="#" class="bds_fbook" data-cmd="fbook" title="分享到Facebook"></a>
			
 
				+                              </div>
			
 
				+                            </div>
			
 
				+                          </Col>
			
 
				+                        </Row>
			
 
				+                      </div>
			
 
				+                      <div v-if="type=='2'">
			
 
				+                          <div class="con-img-box" v-html="content"></div>
			
 
				+                          <div class="keyword" v-if="keywords">
			
 
				+                            <span>关键字：</span>
			
 
				+                            <a v-for="item in keywords.split(' ')" @click="keywordList(item)" class="line-one" style="-webkit-box-orient: vertical;margin: 0 5px">{{item}}</a>
			
 
				+                          </div>
			
 
				+                          <div class="author"><span>【编辑：{{author}}】</span></div>
			
 
				+                      </div>
			
 
				+                      <div v-if="type=='1'">
			
 
				+                          <video width="100%" min-height="420px" controls ref="videoPlayer">
			
 
				+                              <!-- <source v-lazy="vurl" type="video/mp4"> -->
			
 
				+                              <source :src="vurl" type="video/mp4">
			
 
				+                              您的浏览器不支持 HTML5 video 标签。
			
 
				+                          </video>
			
 
				+                      </div>
			
 
				+                      <div class="lists" v-show="swiperList.length">
			
 
				+                        <div class="public-tit clearfix">
			
 
				+                            <h4 class="fl wgw-color">相关阅读</h4>
			
 
				+                        </div>
			
 
				+                        <div>
			
 
				+                          <swiper :options="swiperOptionTop" class="swiper-container gallery-top" ref="swiperTop">
			
 
				+                              <swiper-slide v-for="(arr,index) in swiperList" :key="index">
			
 
				+                                <Row>
			
 
				+                                  <Col :span="7" v-for="(item,i) in arr" :key="i">
			
 
				+                                    <nuxt-link :to="{path: '/content', query:{id:item.infoId}}"  tag="a" target="_blank">
			
 
				+                                      <img :src="item.path"><p class="line-two">{{item.title}}</p>
			
 
				+                                    </nuxt-link>
			
 
				+                                  </Col>
			
 
				+                                </Row>
			
 
				+                              </swiper-slide>
			
 
				+                              <div class="swiper-pagination" slot="pagination"></div>
			
 
				+                              <!-- <div class="swiper-button-next swiper-button-white" slot="button-next"></div>
			
 
				+                              <div class="swiper-button-prev swiper-button-white" slot="button-prev"></div> -->
			
 
				+                          </swiper>
			
 
				+                        </div>
			
 
				+                        <!-- <div class="lists-item" v-for="item in listData">
			
 
				+                            <img v-lazy="picPath+item.infoimg" alt="" :key="item.infoId">
			
 
				+                            <div class="content-text">
			
 
				+                                <nuxt-link :to="'/content/'+item.infoId">{{item.title}}</nuxt-link>
			
 
				+                                <p style="-webkit-box-orient: vertical;">{{item.summary}}</p>
			
 
				+                                <div class="source" v-if="item.columnname?item.columnname.includes('—'):false">
			
 
				+                                    <nuxt-link :to="'/lists/'+item.parentcolumnId" class="line-one" style="-webkit-box-orient: vertical;" tag="a" target="_blank">{{item.columnname.split('—')[0]}}</nuxt-link>
			
 
				+                                    <span>—</span>
			
 
				+                                    <nuxt-link :to="'/lists/'+item.columnId" class="line-one" style="-webkit-box-orient: vertical;" tag="a" target="_blank">{{item.columnname.split('—')[1]}}</nuxt-link>
			
 
				+                                    <span>/{{item.uptimeStr}}</span>
			
 
				+                                </div>
			
 
				+                                <div class="source" v-else>
			
 
				+                                    <nuxt-link v-if="item.columnname" :to="'/lists/'+item.columnId" class="line-one" style="-webkit-box-orient: vertical;" tag="a" target="_blank">{{item.columnname}}/</nuxt-link>
			
 
				+                                    <span>{{item.uptimeStr}}</span>
			
 
				+                                </div>
			
 
				+                            </div>
			
 
				+                        </div> -->
			
 
				+                      </div>
			
 
				+                    </div>
			
 
				+                </Col>
			
 
				+                <Col :span="1" style="height:100px"></Col>
			
 
				+                <Col :span="8">
			
 
				+                    <div>
			
 
				+                        <div class="public-tit clearfix">
			
 
				+                            <h4 class="fl wgw-color">推荐阅读</h4>
			
 
				+                        </div>
			
 
				+                        <ul class="text4adlist">
			
 
				+                            <li v-for="item in list" class="line-one">
			
 
				+                                <nuxt-link :to="{path: '/content', query:{id:item.infoId}}" tag="a" target="_blank">{{item.title}}</nuxt-link>
			
 
				+                            </li>
			
 
				+                        </ul>
			
 
				+                    </div>
			
 
				+                    <!-- <div style="margin-top:30px">
			
 
				+                        <a v-if="imgTo" :href="imgTo">                        
			
 
				+                            <img style="width:333px" v-lazy="'http://pic-asean2.oss-cn-hongkong.aliyuncs.com/'+imgPath" alt="">
			
 
				+                        </a>
			
 
				+                        <img v-else style="width:333px" v-lazy="'http://pic-asean2.oss-cn-hongkong.aliyuncs.com/'+imgPath" alt="">
			
 
				+                    </div> -->
			
 
				+                </Col>
			
 
				+            </Row>
			
 
				+        </div>
			
 
				+    </div>
			
 
				+</template>
			
 
				+<script>
			
 
				+import { getInfoDetail } from "~/api/content";
			
 
				+import { getColumnAd } from "~/api/lists";
			
 
				+import { mapMutations, mapState, mapGetters, mapActions } from "vuex";
			
 
				+import Bus from "~/common/bus";
			
 
				+// import VueQr from 'vue-qr'
			
 
				+import {formatTime} from '~/common/publicFun'
			
 
				+export default {
			
 
				+  // components: {
			
 
				+  //   VueQr
			
 
				+  // },
			
 
				+  data() {
			
 
				+    return {
			
 
				+      vxCodeShow:false,
			
 
				+      picPath:'http://pic-asean2.oss-cn-hongkong.aliyuncs.com/',
			
 
				+      suffix:'?x-oss-process=image/watermark,image_d2F0ZXJtYXJrL3dtMS5wbmc_eC1vc3MtcHJvY2Vzcz1pbWFnZS9yZXNpemUsUF8zMA==,g_se,x_10,y_10,t_70',
			
 
				+      type: "",
			
 
				+      list: [],
			
 
				+      title: "",
			
 
				+      upTime: "",
			
 
				+      content: "",
			
 
				+      imgPath: "",
			
 
				+      imgTo: "",
			
 
				+      vurl: "",
			
 
				+      columnId: "",
			
 
				+      columnName: "",
			
 
				+      author: "范编辑",
			
 
				+      keywords:"",
			
 
				+      listData:[],//下方相关阅读列表
			
 
				+      srcname: "",
			
 
				+      summary:"",
			
 
				+      id: '',
			
 
				+      swiperList:[],
			
 
				+      swiperOptionTop: {
			
 
				+          // spaceBetween: 10,
			
 
				+          notNextTick: true,
			
 
				+          observer:true,//修改swiper自己或子元素时，自动初始化swiper
			
 
				+          observeParents:true,//修改swiper的父元素时，自动初始化swiper
			
 
				+          loop: true,
			
 
				+          loopedSlides: 5, //looped slides should be the same
			
 
				+          pagination: {
			
 
				+            el: '.swiper-pagination',
			
 
				+            type: 'bullets',
			
 
				+            clickable: true,
			
 
				+          },
			
 
				+          navigation: {
			
 
				+              nextEl: '.swiper-button-next',
			
 
				+              prevEl: '.swiper-button-prev'
			
 
				+          },
			
 
				+          // autoplay: {
			
 
				+          //     delay: 2500,
			
 
				+          //     disableOnInteraction: false
			
 
				+          // },
			
 
				+      },
			
 
				+    };
			
 
				+  },
			
 
				+  async asyncData ({ query }) { 
			
 
				+    console.log(query,'query')
			
 
				+    // this.id = parseInt( query.id )
			
 
				+  },
			
 
				+  beforeCreate(){
			
 
				+  },
			
 
				+  updated(){
			
 
				+ 
			
 
				+  },
			
 
				+  mounted() {
			
 
				+    
			
 
				+    this.id = parseInt( this.$route.query.id )
			
 
				+    window._bd_share_main = "";
			
 
				+    this.getData(this.id);
			
 
				+  },
			
 
				+  // computed: {
			
 
				+  //   swiperTop () {
			
 
				+  //     return this.$refs.swiperTop.swiper
			
 
				+  //   }
			
 
				+  // },
			
 
				+  watch: {
			
 
				+    // $route() {
			
 
				+    //   this.id = this.$route.params.id;
			
 
				+    //   this.getData(this.id);
			
 
				+    // },
			
 
				+    //更改视频源 videoUrl从弹出框组件传值
			
 
				+    vurl: function(val) {
			
 
				+      if (val != "" && this.$refs.videoPlayer) {
			
 
				+        this.$nextTick(() => {
			
 
				+          this.$refs.videoPlayer.src = val;
			
 
				+        });
			
 
				+      }
			
 
				+    }
			
 
				+  },
			
 
				+  methods: {
			
 
				+    // ...mapMutations(["setColumnId"]),
			
 
				+    getData(id) {
			
 
				+      console.log(id, "id_+_+___________");
			
 
				+      let params = {
			
 
				+        reqdata: {
			
 
				+          infoId: id
			
 
				+        }
			
 
				+      };
			
 
				+      getInfoDetail(params).then(res => {
			
 
				+        let arr=[];
			
 
				+        this.type = res.object.infoType;
			
 
				+        this.content = res.object.articleContent;
			
 
				+        // this.content = this.joinSuffixToContent(res.object.articleContent);
			
 
				+        this.title = res.object.title;
			
 
				+        this.summary= res.object.summary;
			
 
				+        this.upTime = res.object.uptimeStr;
			
 
				+        this.list = res.list;
			
 
				+        this.vurl = "http://video-asean2.oss-cn-hongkong.aliyuncs.com/" + res.object.vurl;
			
 
				+        this.columnId = res.object.columnId;
			
 
				+        this.srcname = res.object.srcname;
			
 
				+        this.author = res.object.managerName || this.author;
			
 
				+        this.listData=res.object.relateList||[];
			
 
				+        res.object.relateList.map((item,index)=>{
			
 
				+          if(index<12){
			
 
				+            arr.push({
			
 
				+                    path: this.picPath + item.infoimg,
			
 
				+                    infoId: item.infoId,
			
 
				+                    title:item.title
			
 
				+                  })
			
 
				+            if((index+1)%3==0){
			
 
				+              this.swiperList.push(arr);
			
 
				+              arr=[];
			
 
				+            }
			
 
				+          }
			
 
				+        })
			
 
				+        arr.length?this.swiperList.push(arr):null;
			
 
				+        console.log(this.swiperList,"this.swiperList")
			
 
				+        
			
 
				+        this.keywords = res.object.keywords;
			
 
				+        if (res.object.columnName.includes("-")) {
			
 
				+          this.columnName = res.object.columnName.split("-");
			
 
				+        } else {
			
 
				+          this.columnName = res.object.columnName;
			
 
				+        }
			
 
				+        
			
 
				+        this.shareArt();
			
 
				+        Bus.$emit("columnId", res.object.columnId);
			
 
				+      });
			
 
				+      // this.getAd();
			
 
				+    },
			
 
				+
			
 
				+    getAd() {
			
 
				+      getColumnAd({ reqdata: { adPosition: "column" } }).then(res => {
			
 
				+        this.imgPath = res.object.adimg;
			
 
				+        this.imgTo = res.object.adurl;
			
 
				+      });
			
 
				+    },
			
 
				+
			
 
				+    joinSuffixToContent(content){
			
 
				+      let arr=content.split('http://')
			
 
				+      let arrTag=[];
			
 
				+      arr.map(item=>{
			
 
				+        if(item.includes('title')){
			
 
				+          let i=item.indexOf('"');
			
 
				+          let nPath='http://'+item.slice(0,i)+this.suffix+item.slice(i);
			
 
				+          arrTag.push(nPath);
			
 
				+        }else{
			
 
				+          arrTag.push(item);
			
 
				+        }
			
 
				+      })
			
 
				+      return arrTag.join('');
			
 
				+    },
			
 
				+
			
 
				+    keywordList(keyword){
			
 
				+      // this.$store.dispatch('saveKeyword',keyword);
			
 
				+      // this.$router.push({ name:'lists'})
			
 
				+      let routeData = this.$router.resolve({name:'lists',params:{id:keyword}});
			
 
				+      window.open(routeData.href, '_blank');
			
 
				+    },
			
 
				+
			
 
				+    shareArt(){
			
 
				+      this.$nextTick(()=>{
			
 
				+        window._bd_share_config = {
			
 
				+          common: {
			
 
				+            // onAfterClick:this.setShareConfig,
			
 
				+            // onBeforeClick:this.setAShareConfig,
			
 
				+            bdSnsKey: {},
			
 
				+            bdText: this.title,
			
 
				+            bdDesc: this.summary,
			
 
				+            bdMini: "2",
			
 
				+            bdMiniList: false,
			
 
				+            bdPic: "",
			
 
				+            bdUrl: "http://aseanweb.info666.com/#/content/"+this.id,
			
 
				+            bdStyle: "0",
			
 
				+            bdSize: "16"
			
 
				+          },
			
 
				+          share: {},
			
 
				+          image: {
			
 
				+            viewList: ["tsina", "weixin", "sqq", "qzone", "twi", "fbook"],
			
 
				+            viewText: "分享到：",
			
 
				+            viewSize: "16"
			
 
				+          },
			
 
				+          selectShare: {
			
 
				+            bdContainerClass: null,
			
 
				+            bdSelectMiniList: ["tsina", "weixin", "sqq", "qzone", "twi", "fbook"]
			
 
				+          }
			
 
				+        };
			
 
				+        const s=document.createElement('script');
			
 
				+        s.type='text/javascript';
			
 
				+        s.src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5);
			
 
				+        document.body.appendChild(s);
			
 
				+      })
			
 
				+    },
			
 
				+    // setShareConfig (cmd) {
			
 
				+    //   console.log(this.$el.getElementsByTagName('iframe')[1])
			
 
				+      
			
 
				+    //   // if (cmd === 'weixin') {
			
 
				+    //   //   var t = setTimeout(function () {
			
 
				+    //   //       if (document.getElementById('bdshare_weixin_qrcode_dialog_bg').length > 0) {
			
 
				+    //   //           clearTimeout(t);
			
 
				+    //   //           document.getElementsByClassName('bdshare_weixin_qrcode_dialog_qr').html(document.getElementById('vx-qrcode'));
			
 
				+    //   //           document.getElementById('bdshare_weixin_qrcode_dialog_bg').css('height','auto');
			
 
				+    //   //           var cssText = document.getElementById('bdshare_weixin_qrcode_dialog_bg').attr('style') + ';display:block !important;';
			
 
				+    //   //           document.getElementById('bdshare_weixin_qrcode_dialog_bg').css('cssText', cssText);
			
 
				+    //   //       }
			
 
				+    //   //   },500);
			
 
				+    //   // }
			
 
				+    // },
			
 
				+    showVxCode(){
			
 
				+      this.vxCodeShow=!this.vxCodeShow;
			
 
				+    }
			
 
				+  }
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang="scss" scoped>
			
 
				+.content {
			
 
				+  padding-top: 15px;
			
 
				+  margin-bottom: 123px;
			
 
				+  .atc {
			
 
				+    h2{
			
 
				+      width:100%;
			
 
				+      text-align: center;
			
 
				+    }
			
 
				+    .ivu-breadcrumb {
			
 
				+      margin: 0 0 10px 0;
			
 
				+    }
			
 
				+    .up-time {
			
 
				+      margin: 15px 0;
			
 
				+      border-bottom: 1px dashed #ddd;
			
 
				+      width: 100%;
			
 
				+      line-height: 29px;
			
 
				+      .ivu-col-span-8{
			
 
				+        height: 29px;
			
 
				+      }
			
 
				+    }
			
 
				+    .con-img-box{
			
 
				+      font-size: 18px;
			
 
				+    }
			
 
				+    .keyword{
			
 
				+      margin: 30px 0 0 15px;
			
 
				+      span,a{
			
 
				+        font-size: 16px;
			
 
				+        font-weight: bold;
			
 
				+      }
			
 
				+    }
			
 
				+    .author {
			
 
				+      margin: 30px 30px 0 0;
			
 
				+      float: right;
			
 
				+    }
			
 
				+    .lists{
			
 
				+      padding-top: 90px;
			
 
				+      .lists-item{
			
 
				+        display: inline-flex;
			
 
				+        padding: 19px 0;
			
 
				+        border-bottom: 1px solid #ccc;
			
 
				+        width: 100%;
			
 
				+        img{
			
 
				+            width: 35%;
			
 
				+            height: 150px;
			
 
				+            border-radius: 10px;
			
 
				+            margin-right: 10px;
			
 
				+        }
			
 
				+        .content-text{
			
 
				+          position: relative;
			
 
				+          margin-left: 10px;
			
 
				+          width: 62%;
			
 
				+          a{
			
 
				+            font-size: 20px;
			
 
				+            float: left;
			
 
				+            width: 100%;
			
 
				+            margin-bottom:4px;
			
 
				+          }
			
 
				+          p{
			
 
				+            font-size: 14px;
			
 
				+            margin: 0 0 10px 0;
			
 
				+            color: #aaaaaa;
			
 
				+            width: 100%;
			
 
				+            height: 85px;
			
 
				+            overflow: hidden;
			
 
				+            text-overflow: ellipsis;  
			
 
				+            display: -webkit-box;
			
 
				+            -webkit-line-clamp: 4;
			
 
				+          }
			
 
				+          span{
			
 
				+            float: left;
			
 
				+            font-size: 12px;
			
 
				+            margin-top: 15px;
			
 
				+          }
			
 
				+          .source{
			
 
				+            position: absolute;
			
 
				+            bottom: 0px;
			
 
				+            left: 0px;
			
 
				+            width: 100%;
			
 
				+            a{
			
 
				+              font-size: 13px;
			
 
				+              width: auto;
			
 
				+              color: #515a6e;
			
 
				+              margin: auto;
			
 
				+            }
			
 
				+            span{
			
 
				+              float: left;
			
 
				+              font-size: 12px;
			
 
				+              margin: auto;
			
 
				+            }
			
 
				+          }
			
 
				+        }
			
 
				+      }
			
 
				+      .gallery-top{
			
 
				+        width: 100%;
			
 
				+        height: 220px;
			
 
				+        padding-bottom: 20px;
			
 
				+        .swiper-slide{
			
 
				+          display: inline-flex;
			
 
				+          .ivu-col{
			
 
				+            padding: 0 15px;
			
 
				+            img{
			
 
				+              // width: 90%;
			
 
				+              height: 150px;
			
 
				+            }
			
 
				+            p{
			
 
				+              margin-top: 15px;
			
 
				+            }
			
 
				+          }
			
 
				+          
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  .public-tit {
			
 
				+    height: 42px;
			
 
				+    line-height: 42px;
			
 
				+    border-top: 1px solid #cecece;
			
 
				+    h4 {
			
 
				+      font-size: 16px;
			
 
				+      font-weight: normal !important;
			
 
				+      padding: 0 10px;
			
 
				+      border-top: 2px solid;
			
 
				+      margin-top: -1px;
			
 
				+      display: inline-block;
			
 
				+    }
			
 
				+    a {
			
 
				+      color: #999;
			
 
				+      font-size: 15px;
			
 
				+    }
			
 
				+  }
			
 
				+  .text4adlist {
			
 
				+    clear: both;
			
 
				+    display: inline-grid;
			
 
				+    li {
			
 
				+      height: 26px;
			
 
				+      padding-left: 10px;
			
 
				+      font-size: 14px;
			
 
				+      line-height: 26px;
			
 
				+      background: url(~/assets/img/blue_ico.jpg) no-repeat left center;
			
 
				+      overflow: hidden;
			
 
				+      a {
			
 
				+        line-height: 26px;
			
 
				+        font-size: 13px;
			
 
				+        color: #393939;
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+.bd_weixin_popup{
			
 
				+  .bd_weixin_popup_main{
			
 
				+    display: none !important;
			
 
				+    table{
			
 
				+      
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+</style>
			
--- a/pages/footer/index.vue
+++ b/pages/footer/index.vue
@@ -0,0 +1,11 @@
 
				+<template>           
			
 
				+    <div class="footer">
			
 
				+        
			
 
				+        <div class="btm clear wgw-bg">
			
 
				+            <div class="f-about">
			
 
				+                <p>Copyright © 2018 ASEAN TOP NEWS</p>
			
 
				+            </div>
			
 
				+        </div>
			
 
				+        
			
 
				+    </div>
			
 
				+</template>
			
--- a/pages/header/index.vue
+++ b/pages/header/index.vue
@@ -0,0 +1,284 @@
 
				+<template>
			
 
				+    <div class="header" >
			
 
				+        <div class="h-top">
			
 
				+            <div class="auto clearfix" style="display: flex">
			
 
				+                <!-- <div style="width: 15%">东盟头条新闻社 主办</div> -->
			
 
				+                <div class="top-left">
			
 
				+                    <nuxt-link to="/aboutUS" tag="a" target="_blank">关于我们</nuxt-link>
			
 
				+                    <!-- <a href="http://www.aseantop.com/#/aboutUS" target="_blank">关于我们</a> -->
			
 
				+                    <a href="http://mp.aseantop.com" target="_blank">我要投稿</a>
			
 
				+                </div>
			
 
				+                <!-- <ul class="clearfix">
			
 
				+                    <li>{{year}}年{{month}}月{{day}}日</li>
			
 
				+                    <li style="padding-left: 10px;">{{weekDay}}</li>
			
 
				+                </ul> -->
			
 
				+                <!-- <div style="width:300px; margin:4px 0 0 60%;">
			
 
				+                    <Input search enter-button="搜索" placeholder="站内搜索" size="small" @on-search="searchData" />
			
 
				+                </div> -->
			
 
				+                <div class="facebook">
			
 
				+                    <svg class="icon" aria-hidden="true">
			
 
				+                        <use xlink:href="#icon-facebook"></use>
			
 
				+                    </svg>
			
 
				+                    <svg class="icon" aria-hidden="true">
			
 
				+                        <use xlink:href="#icon-twitter"></use>
			
 
				+                    </svg>
			
 
				+                    <svg class="icon" aria-hidden="true">
			
 
				+                        <use xlink:href="#icon-weixin"></use>
			
 
				+                    </svg>
			
 
				+                    <svg class="icon" aria-hidden="true">
			
 
				+                        <use xlink:href="#icon-weibo"></use>
			
 
				+                    </svg>
			
 
				+                    <!-- <p class="iconfont icon-facebook"></p>
			
 
				+                    <p class="iconfont icon-twitter"></p>
			
 
				+                    <p class="iconfont icon-weixin"></p>
			
 
				+                    <p class="iconfont icon-weibo"></p> -->
			
 
				+                    <p @mouseenter="()=>showQRcode=true" @mouseleave="()=>showQRcode=false">APP</p>
			
 
				+                    <img class="QRcode" v-if='showQRcode' src="~/assets/img/QRcode.png" alt="">
			
 
				+                </div>
			
 
				+            </div>
			
 
				+        </div>
			
 
				+        <div class="h-main auto clearfix">
			
 
				+            <Row>
			
 
				+                <Col :span="24">
			
 
				+                    <div class="fl h-logo">
			
 
				+                        <nuxt-link :to="{path:'/'}">
			
 
				+                            <img src="~/assets/img/logo.png" alt="logo" />
			
 
				+                        </nuxt-link>
			
 
				+                        <div>
			
 
				+                            <span>{{weekDay}}</span>
			
 
				+                            <span>{{year}}年{{month}}月{{day}}日</span>
			
 
				+                        </div>
			
 
				+                    </div>
			
 
				+                </Col>
			
 
				+                <!-- <Col :span="18">
			
 
				+                    <h2 class="fr h-logo-ad">
			
 
				+                        <a :href="headerAdurl" target="view_frame">
			
 
				+                            <img :src="'http://pic-asean2.oss-cn-hongkong.aliyuncs.com/'+headerAd" alt="">
			
 
				+                        </a>
			
 
				+                    </h2>
			
 
				+                </Col> -->
			
 
				+            </Row>
			
 
				+        </div>
			
 
				+        <nav class="nav wgw-bg">
			
 
				+            <div class="menu">
			
 
				+                <Menu mode="horizontal" theme="dark" @on-select="jump" :active-name="activeKey">
			
 
				+                    <MenuItem name="1">
			
 
				+                        首页
			
 
				+                    </MenuItem>
			
 
				+                    <MenuItem name="recommend">
			
 
				+                        推荐
			
 
				+                    </MenuItem>
			
 
				+                    <Submenu name="4">
			
 
				+                        <template slot="title">
			
 
				+                            <div @click="jump('4')">
			
 
				+                                东盟
			
 
				+                            </div>
			
 
				+                        </template>
			
 
				+                        <MenuItem name="26">柬埔寨</MenuItem>
			
 
				+                        <MenuItem name="27">马来西亚</MenuItem>
			
 
				+                        <MenuItem name="28">印度尼西亚</MenuItem>
			
 
				+                        <MenuItem name="29">泰国</MenuItem>
			
 
				+                        <MenuItem name="30">菲律宾</MenuItem>
			
 
				+                        <MenuItem name="31">新加坡</MenuItem>
			
 
				+                        <MenuItem name="32">文莱</MenuItem>
			
 
				+                        <MenuItem name="33">越南</MenuItem>
			
 
				+                        <MenuItem name="34">老挝</MenuItem>
			
 
				+                        <MenuItem name="35">缅甸</MenuItem>
			
 
				+                    </Submenu>
			
 
				+                    <Submenu name="5" >
			
 
				+                        <template slot="title"  >
			
 
				+                            <div @click="jump('5')">
			
 
				+                                中国
			
 
				+                            </div>
			
 
				+                        </template>
			
 
				+                        <MenuItem name="36">中国要闻</MenuItem>
			
 
				+                        <MenuItem name="15">外媒看中国</MenuItem>
			
 
				+                        <MenuItem name="18">海外中企</MenuItem>
			
 
				+                    </Submenu>
			
 
				+                    <Submenu name="7">
			
 
				+                        <template slot="title">
			
 
				+                            <div @click="jump('7')">
			
 
				+                                国际
			
 
				+                            </div>
			
 
				+                        </template>
			
 
				+                        <MenuItem name="37">政治</MenuItem>
			
 
				+                        <MenuItem name="38">军事</MenuItem>
			
 
				+                        <MenuItem name="39">财经</MenuItem>
			
 
				+                        <MenuItem name="40">科技</MenuItem>
			
 
				+                    </Submenu>
			
 
				+                    <MenuItem name="23">
			
 
				+                        观察
			
 
				+                    </MenuItem>
			
 
				+                    <MenuItem name="3">
			
 
				+                        视频
			
 
				+                    </MenuItem>
			
 
				+                    <MenuItem name="6">
			
 
				+                        华社
			
 
				+                    </MenuItem>
			
 
				+                    <Submenu name="2">
			
 
				+                        <template slot="title">
			
 
				+                            <div @click="jump('2')">
			
 
				+                                生活
			
 
				+                            </div>
			
 
				+                        </template>
			
 
				+                        <MenuItem name="9">旅游</MenuItem>
			
 
				+                        <MenuItem name="11">美食</MenuItem>
			
 
				+                        <MenuItem name="12">健康</MenuItem>
			
 
				+                        <MenuItem name="13">流行风</MenuItem>
			
 
				+                    </Submenu>
			
 
				+                    <Submenu name="41">
			
 
				+                        <template slot="title">
			
 
				+                            <div @click="jump('41')">
			
 
				+                                文化
			
 
				+                            </div>
			
 
				+                        </template>
			
 
				+                        <MenuItem name="24">玄学</MenuItem>
			
 
				+                        <MenuItem name="8">娱乐</MenuItem>
			
 
				+                        <MenuItem name="10">文艺</MenuItem>
			
 
				+                    </Submenu>
			
 
				+                    <MenuItem name="22">
			
 
				+                        专题
			
 
				+                    </MenuItem>
			
 
				+                    <Submenu name="16">
			
 
				+                        <template slot="title">
			
 
				+                            <div @click="jump('16')">
			
 
				+                                服务
			
 
				+                            </div>
			
 
				+                        </template>
			
 
				+                        <MenuItem name="20">商务投资</MenuItem>
			
 
				+                        <MenuItem name="21">会展活动</MenuItem>
			
 
				+                        <MenuItem name="17">国外留学</MenuItem>
			
 
				+                        <MenuItem name="14">咨询答疑</MenuItem>
			
 
				+                        <MenuItem name="19">商会信息</MenuItem>
			
 
				+                    </Submenu>
			
 
				+                    <!-- <MenuItem name="42">
			
 
				+                        词条
			
 
				+                    </MenuItem> -->
			
 
				+                    <MenuItem name="43">
			
 
				+                        English
			
 
				+                    </MenuItem>
			
 
				+                </Menu>
			
 
				+            </div>
			
 
				+        </nav>
			
 
				+    </div>
			
 
				+</template>
			
 
				+<script>
			
 
				+// import { mapMutations, mapState, mapGetters, mapActions } from 'vuex';
			
 
				+import { mainAd } from "~/api/homePage";
			
 
				+import Bus from "~/common/bus"
			
 
				+export default {
			
 
				+  data() {
			
 
				+    return {
			
 
				+      activeKey:'1',
			
 
				+      year: "",
			
 
				+      month: "",
			
 
				+      day: "",
			
 
				+      weekDay: "",
			
 
				+      id: "",
			
 
				+      headerAd:'',
			
 
				+      headerAdurl:'',
			
 
				+      showQRcode:false
			
 
				+    };
			
 
				+  },
			
 
				+  mounted() {
			
 
				+    // this.id = parseInt(this.$route.params.id);
			
 
				+        this.getId()
			
 
				+                console.log(this.activeKey,'this.activeKey')
			
 
				+    var myDate = new Date();
			
 
				+    this.year = myDate.getFullYear();
			
 
				+    this.month = myDate.getMonth() + 1;
			
 
				+    this.day = myDate.getDate();
			
 
				+    switch (myDate.getDay()) {
			
 
				+      case 1:
			
 
				+        this.weekDay = "星期一";
			
 
				+        break;
			
 
				+      case 2:
			
 
				+        this.weekDay = "星期二";
			
 
				+        break;
			
 
				+      case 3:
			
 
				+        this.weekDay = "星期三";
			
 
				+        break;
			
 
				+      case 4:
			
 
				+        this.weekDay = "星期四";
			
 
				+        break;
			
 
				+      case 5:
			
 
				+        this.weekDay = "星期五";
			
 
				+        break;
			
 
				+      case 6:
			
 
				+        this.weekDay = "星期六";
			
 
				+        break;
			
 
				+      case 0:
			
 
				+        this.weekDay = "星期天";
			
 
				+        break;
			
 
				+      default:
			
 
				+        break;
			
 
				+    };
			
 
				+
			
 
				+    mainAd().then(res => {
			
 
				+      this.headerAd = res.object['main-0'].adimg;
			
 
				+      this.headerAdurl=res.object['main-0'].adurl;
			
 
				+    });
			
 
				+
			
 
				+  },
			
 
				+
			
 
				+  watch: {
			
 
				+    $route() {
			
 
				+        this.getId()
			
 
				+    //   this.$route.name=="content"?this.getColumId():this.id = this.$route.params.id;
			
 
				+    //     console.log(this.$route.params.id,this.id,'this.$route.params.id')
			
 
				+      
			
 
				+    },
			
 
				+  },
			
 
				+  methods: {
			
 
				+    // culturalLife() {
			
 
				+    //     // this.$router.push({ path: '/lists/88' })
			
 
				+    //     // if(this.$route.name!="homePage"){
			
 
				+    //     //     this.$router.push({ path: '/lists/88' })
			
 
				+    //     // }else{
			
 
				+    //     //     window.scrollTo(0, 3646);
			
 
				+    //     // }
			
 
				+      
			
 
				+    // },
			
 
				+    searchData(val){
			
 
				+        if(val!=""){
			
 
				+            this.$store.dispatch('saveSearchVal',val);
			
 
				+            this.$router.push({ name:'lists'})
			
 
				+        }else{
			
 
				+            this.$Message.warning('请输入搜索内容！')
			
 
				+        }
			
 
				+        
			
 
				+        
			
 
				+    },
			
 
				+    getId(){
			
 
				+        if(this.$route.name=="content"){
			
 
				+            Bus.$on('columnId', (message) => {
			
 
				+                this.id = message;
			
 
				+                this.$nextTick(()=>{
			
 
				+                    this.activeKey=parseInt(message)?message+'':'0';
			
 
				+                })
			
 
				+            })
			
 
				+        }else if(this.$route.name=="lists"){
			
 
				+            this.id = parseInt(this.$route.params.id)
			
 
				+            this.$nextTick(()=>{
			
 
				+                this.activeKey=this.id?this.id+'':'0';
			
 
				+            })
			
 
				+        }else{
			
 
				+            this.$nextTick(()=>{
			
 
				+                this.activeKey='1';
			
 
				+            })
			
 
				+        }
			
 
				+    },
			
 
				+    jump(name){//菜单跳转
			
 
				+        if(name=='1'){
			
 
				+            this.$router.push({path:'/homePage'})
			
 
				+            this.$nextTick(()=>{
			
 
				+                this.activeKey='1';
			
 
				+            })
			
 
				+        }else{
			
 
				+            let routeData = this.$router.resolve({path:'/lists',query:{id:name}});
			
 
				+            window.open(routeData.href, '_blank');
			
 
				+        }
			
 
				+    }
			
 
				+  }
			
 
				+};
			
 
				+</script>
			
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -0,0 +1,452 @@
 
				+<template>
			
 
				+  <div class="m-box" :style="{height:boxHeight}">
			
 
				+    <div class="m-con auto" v-if="mainData">
			
 
				+      <div class="m1-box">
			
 
				+        <div class="m1-box-fl fl">
			
 
				+          <div class="m1-news-img" >
			
 
				+            <swiper :options="swiperOptionTop" class="gallery-top" ref="swiperTop" v-if="swiperStatic">
			
 
				+              <swiper-slide v-for="(item,index) in swiperList" :key="index">
			
 
				+                <nuxt-link :to="{path: '/content', query:{id:item.infoId}}"  tag="a" target="_blank">
			
 
				+                  <img :src="item.path"><p class="line-one">{{item.title}}</p>
			
 
				+                </nuxt-link>
			
 
				+              </swiper-slide>
			
 
				+              <div class="swiper-button-next swiper-button-white" slot="button-next"></div>
			
 
				+              <div class="swiper-button-prev swiper-button-white" slot="button-prev"></div>
			
 
				+            </swiper>
			
 
				+            <img src="@/static/loading.png" style="height:498px;width:692px;margin-left:38px;" v-if="!swiperStatic"/>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="m1-box-fr fr">
			
 
				+          <div class="m1-fr-news-list clear">
			
 
				+            <div class='mt'>
			
 
				+              <h4>观察</h4>
			
 
				+              <hr></hr>
			
 
				+            </div>
			
 
				+            <ul>
			
 
				+              <li v-for="(item,index) in mainData[23]">
			
 
				+                <nuxt-link @mouseover.native="showRemark(index)" class="line-one" :to="{path: '/content', query:{id:item.infoId}}" tag="a" target="_blank">{{item.title}}</nuxt-link>
			
 
				+                <div class="remark" v-if="showIndex==index">
			
 
				+                  <p class="line-n" style="-webkit-box-orient: vertical;">{{item.summary}}</p>
			
 
				+                </div>
			
 
				+              </li>
			
 
				+            </ul>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="m-list clearfix">
			
 
				+        <div class="fl list-both-width-l">
			
 
				+          <Row class="english">
			
 
				+            <Col :span="11" v-for="(item,index) in mainData[43]" :key="index">
			
 
				+            <div class="en-title">
			
 
				+              <img v-lazy="picPath+item.infoimg" alt="" :key="item.infoId">
			
 
				+              <nuxt-link :to="{path: '/content', query:{id:item.infoId}}" style="-webkit-box-orient: vertical;" tag="a" target="_blank">{{item.title}}</nuxt-link>
			
 
				+            </div>
			
 
				+            </Col>
			
 
				+          </Row>
			
 
				+          <span class="blue-line"></span>
			
 
				+          <div class='mt'>
			
 
				+            <h4>焦点新闻</h4>
			
 
				+            <hr></hr>
			
 
				+          </div>
			
 
				+          <div class="content-item" v-for="item in focusNews">
			
 
				+            <img v-lazy="picPath+item.infoimg" alt="" :key="item.infoId">
			
 
				+            <div class="content-text">
			
 
				+              <nuxt-link :to="{path: '/content', query:{id:item.infoId}}" class="line-one" style="-webkit-box-orient: vertical;" tag="a" target="_blank">{{item.title}}</nuxt-link>
			
 
				+              <p style="-webkit-box-orient: vertical;">{{item.summary}}</p>
			
 
				+              <div class="source" v-if="item.columnname.includes('—')">
			
 
				+                <nuxt-link :to="{path: '/lists', query:{id:item.parentcolumnId}}" class="line-one" style="-webkit-box-orient: vertical;" tag="a" target="_blank">{{item.columnname.split('—')[0]}}</nuxt-link>
			
 
				+                <span>—</span>
			
 
				+                <nuxt-link :to="{path: '/lists', query:{id:item.columnId}}" class="line-one" style="-webkit-box-orient: vertical;" tag="a" target="_blank">{{item.columnname.split('—')[1]}}</nuxt-link>
			
 
				+                <span>/{{item.uptimeStr}}</span>
			
 
				+              </div>
			
 
				+              <div class="source" v-else>
			
 
				+                <nuxt-link v-if="item.columnname" :to="{path: '/lists', query:{id:item.columnId}}" class="line-one" style="-webkit-box-orient: vertical;" tag="a" target="_blank">{{item.columnname}}/</nuxt-link>
			
 
				+                <span>{{item.uptimeStr}}</span>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <div class="more-art">
			
 
				+            <Button shape="circle" @click="moreArt">更多文章</Button>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="fl list-both-width">
			
 
				+          <ul class="add-img">
			
 
				+            <li v-for="item in adObj">
			
 
				+              <a :href="item.adurl" target="view_frame" >
			
 
				+                <img v-lazy="picPath+item.adimg" :key="item.infoId"/>
			
 
				+              </a>
			
 
				+            </li>
			
 
				+          </ul>
			
 
				+          <div class="column-item">
			
 
				+            <div class="column-title mt">
			
 
				+              <span></span>
			
 
				+              <h4>视频</h4>
			
 
				+              <div>
			
 
				+                <nuxt-link :to="{path: '/lists', query:{id:3}}" tag="a" target="_blank">更多</nuxt-link>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+            <div class="column-content">
			
 
				+              <div class="column-video">
			
 
				+                <nuxt-link class="iconfont icon-bofang" :to="{path: '/content', query:{id:mainData[3][0].infoId}}" tag="a" target="_blank">
			
 
				+                  <img v-lazy="picPath+mainData[3][0].infoimg" alt="">
			
 
				+                  <p class="line-one">{{mainData[3][0].title}}</p>
			
 
				+                </nuxt-link>
			
 
				+              </div>
			
 
				+              <!--<div class="video">-->
			
 
				+              <!--<Row >-->
			
 
				+              <!--<Col :span="11" v-for="(item,index) in mainData[3]" :key="index" v-if="index!=0">-->
			
 
				+              <!--<div class="content-li" >-->
			
 
				+              <!--<nuxt-link class="iconfont icon-bofang" :to="{path: '/content', query:{id:item.infoId}}" tag="a" target="_blank">-->
			
 
				+              <!--<img v-lazy="picPath+item.infoimg" alt="">-->
			
 
				+              <!--</nuxt-link>-->
			
 
				+              <!--<nuxt-link class="vid-til" style="-webkit-box-orient: vertical;" :to="{path: '/content', query:{id:item.infoId}}" tag="a" target="_blank">{{item.title}}</nuxt-link>-->
			
 
				+              <!--</div>-->
			
 
				+
			
 
				+              <!--</Col>-->
			
 
				+              <!--</Row>-->
			
 
				+              <!--</div>-->
			
 
				+              <div class="video">
			
 
				+                <Row v-for="(item,index) in mainData[3]" :key="index" v-if="index!=0" class="video-list">
			
 
				+                  <Col :span="11" >
			
 
				+                  <div class="content-li" >
			
 
				+                    <nuxt-link class="iconfont icon-bofang" :to="{path: '/content', query:{id:item.infoId}}" tag="a" target="_blank">
			
 
				+                      <img v-lazy="picPath+item.infoimg" alt="" :key="item.infoId">
			
 
				+                    </nuxt-link>
			
 
				+                  </div>
			
 
				+
			
 
				+                  </Col>
			
 
				+                  <Col :span="11">
			
 
				+                  <div class="content-li" >
			
 
				+                    <nuxt-link class="vid-til" style="-webkit-box-orient: vertical;" :to="{path: '/content', query:{id:item.infoId}}" tag="a" target="_blank">{{item.title}}</nuxt-link>
			
 
				+                  </div>
			
 
				+
			
 
				+                  </Col>
			
 
				+                </Row>
			
 
				+              </div>
			
 
				+              <!-- <div>
			
 
				+                  <ul>
			
 
				+                      <li v-for="(item,index) in mainData[3]">
			
 
				+                          <div class="content-li" v-if="index!=0">
			
 
				+                              <nuxt-link class="iconfont icon-bofang" :to="{path: '/content', query:{id:item.infoId}}" tag="a" target="_blank">
			
 
				+                                  <img v-lazy="picPath+item.infoimg" alt="">
			
 
				+                              </nuxt-link>
			
 
				+                              <nuxt-link :to="'/lists/'+item.infoId" class="line-one" style="-webkit-box-orient: vertical;" tag="a" target="_blank">{{item.title}}</nuxt-link>
			
 
				+                          </div>
			
 
				+                      </li>
			
 
				+                  </ul>
			
 
				+              </div> -->
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <div class="column-item">
			
 
				+            <div class="column-title mt">
			
 
				+              <span></span>
			
 
				+              <h4 @mouseenter="changeLiftColData(2)" >生活</h4>
			
 
				+              <div>
			
 
				+                <nuxt-link @mouseenter.native="changeLiftColData(9)" :to="{path: '/lists', query:{id:9}}" tag="a" target="_blank">旅游</nuxt-link>
			
 
				+                <nuxt-link @mouseenter.native="changeLiftColData(11)" :to="{path: '/lists', query:{id:11}}" tag="a" target="_blank">美食</nuxt-link>
			
 
				+                <nuxt-link @mouseenter.native="changeLiftColData(12)" :to="{path: '/lists', query:{id:12}}" tag="a" target="_blank">健康</nuxt-link>
			
 
				+                <nuxt-link @mouseenter.native="changeLiftColData(13)" :to="{path: '/lists', query:{id:13}}" tag="a" target="_blank">流行风</nuxt-link>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+            <div class="column-content">
			
 
				+              <Row class="life">
			
 
				+                <Col :span="11" v-for="(item,index) in lifeColumnData" :key="index">
			
 
				+                <img v-lazy="picPath+item.infoimg" alt="" :key="item.infoId">
			
 
				+                <nuxt-link style="-webkit-box-orient: vertical;" :to="{path: '/content', query:{id:item.infoId}}" tag="a" target="_blank">{{item.title}}</nuxt-link>
			
 
				+                </Col>
			
 
				+              </Row>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <div class="column-item">
			
 
				+            <div class="column-title mt">
			
 
				+              <span></span>
			
 
				+              <h4>文化</h4>
			
 
				+              <div>
			
 
				+                <nuxt-link :to="{path: '/lists', query:{id:24}}" tag="a" target="_blank">玄学</nuxt-link>
			
 
				+                <nuxt-link :to="{path: '/lists', query:{id:8}}" tag="a" target="_blank">娱乐</nuxt-link>
			
 
				+                <nuxt-link :to="{path: '/lists', query:{id:10}}" tag="a" target="_blank">文艺</nuxt-link>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+            <div class="column-content">
			
 
				+              <div class="cul-top">
			
 
				+                <img v-lazy="picPath+mainData[41][0].infoimg" alt="">
			
 
				+                <nuxt-link :to="{path: '/content', query:{id:mainData[41][0].infoId}}" tag="a" target="_blank">{{mainData[41][0].title}}</nuxt-link>
			
 
				+              </div>
			
 
				+              <div class="culture">
			
 
				+                <ul>
			
 
				+                  <li v-for="(item,index) in mainData[41]" v-if="index!=0" class="line-one">
			
 
				+                    <nuxt-link  :to="{path: '/content', query:{id:item.infoId}}" tag="a" target="_blank">{{item.title}}</nuxt-link>
			
 
				+                  </li>
			
 
				+                </ul>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+
			
 
				+          <div class="column-item">
			
 
				+            <div class="column-title mt">
			
 
				+              <span></span>
			
 
				+              <h4>服务</h4>
			
 
				+            </div>
			
 
				+            <div class="column-content">
			
 
				+              <div class="service">
			
 
				+                <div class="service-list">
			
 
				+                  <img src="~/assets/img/20.png" alt="">
			
 
				+                  <ul>
			
 
				+                    <li class="line-one" v-for="item in mainData[20]">
			
 
				+                      <nuxt-link :to="{path: '/content', query:{id:item.infoId}}" tag="a" target="_blank">{{item.title}}</nuxt-link>
			
 
				+                    </li>
			
 
				+                  </ul>
			
 
				+                </div>
			
 
				+                <div class="service-list">
			
 
				+                  <img src="~/assets/img/21.png" alt="">
			
 
				+                  <ul>
			
 
				+                    <li class="line-one" v-for="item in mainData[21]">
			
 
				+                      <nuxt-link :to="{path: '/content', query:{id:item.infoId}}" tag="a" target="_blank">{{item.title}}</nuxt-link>
			
 
				+                    </li>
			
 
				+                  </ul>
			
 
				+                </div>
			
 
				+                <div class="service-list">
			
 
				+                  <img src="~/assets/img/19.png" alt="">
			
 
				+                  <ul>
			
 
				+                    <li class="line-one" v-for="item in mainData[19]">
			
 
				+                      <nuxt-link :to="{path: '/content', query:{id:item.infoId}}" tag="a" target="_blank">{{item.title}}</nuxt-link>
			
 
				+                    </li>
			
 
				+                  </ul>
			
 
				+                </div>
			
 
				+                <div class="service-list">
			
 
				+                  <img src="~/assets/img/17.png" alt="">
			
 
				+                  <ul>
			
 
				+                    <li class="line-one" v-for="item in mainData[17]">
			
 
				+                      <nuxt-link :to="{path: '/content', query:{id:item.infoId}}" tag="a" target="_blank">{{item.title}}</nuxt-link>
			
 
				+                    </li>
			
 
				+                  </ul>la
			
 
				+                </div>
			
 
				+                <div class="service-list">
			
 
				+                  <img src="~/assets/img/14.png" alt="">
			
 
				+                  <ul>
			
 
				+                    <li class="line-one" v-for="item in mainData[14]">
			
 
				+                      <nuxt-link :to="{path: '/content', query:{id:item.infoId}}" tag="a" target="_blank">{{item.title}}</nuxt-link>
			
 
				+                    </li>
			
 
				+                  </ul>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <div class="column-item" style="margin-bottom:10px;">
			
 
				+            <div class="column-title mt">
			
 
				+              <span></span>
			
 
				+              <h4>词条</h4>
			
 
				+            </div>
			
 
				+            <div class="column-content">
			
 
				+              <div class="wiki-top">
			
 
				+                <p>中国-东盟自由贸易区&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;中国-东盟信息港</p>
			
 
				+                <p>东南亚国家联盟&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;中国-东盟博览会&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;一带一路</p>
			
 
				+              </div>
			
 
				+              <div>
			
 
				+                <Row class="wiki">
			
 
				+                  <Col :span="8">
			
 
				+                  <li>
			
 
				+                    <nuxt-link :to="{path: '/lists', query:{id:5}}"><img src="~/assets/img/ten_icon/kh.png" tag="a" target="_blank">柬埔寨</nuxt-link>
			
 
				+                  </li>
			
 
				+                  </Col>
			
 
				+                  <Col :span="8">
			
 
				+                  <li>
			
 
				+                    <nuxt-link :to="{path: '/lists', query:{id:5}}"><img src="~/assets/img/ten_icon/bn.png" tag="a" target="_blank">文莱</nuxt-link>
			
 
				+                  </li>
			
 
				+                  </Col>
			
 
				+                  <Col :span="8">
			
 
				+                  <li>
			
 
				+                    <nuxt-link :to="{path: '/lists', query:{id:5}}"><img src="~/assets/img/ten_icon/id.png" tag="a" target="_blank">印尼</nuxt-link>
			
 
				+                  </li>
			
 
				+                  </Col>
			
 
				+                  <Col :span="8">
			
 
				+                  <li>
			
 
				+                    <nuxt-link :to="{path: '/lists', query:{id:5}}"><img src="~/assets/img/ten_icon/sg.png" tag="a" target="_blank">新加坡</nuxt-link>
			
 
				+                  </li>
			
 
				+                  </Col>
			
 
				+                  <Col :span="8">
			
 
				+                  <li>
			
 
				+                    <nuxt-link :to="{path: '/lists', query:{id:5}}"><img src="~/assets/img/ten_icon/vn.png" tag="a" target="_blank">越南</nuxt-link>
			
 
				+                  </li>
			
 
				+                  </Col>
			
 
				+                  <Col :span="8">
			
 
				+                  <li>
			
 
				+                    <nuxt-link :to="{path: '/lists', query:{id:5}}"><img src="~/assets/img/ten_icon/mm.png" tag="a" target="_blank">缅甸</nuxt-link>
			
 
				+                  </li>
			
 
				+                  </Col>
			
 
				+                  <Col :span="8">
			
 
				+
			
 
				+                  <li>
			
 
				+                    <nuxt-link :to="{path: '/lists', query:{id:5}}"><img src="~/assets/img/ten_icon/ph.png" tag="a" target="_blank">菲律宾</nuxt-link>
			
 
				+                  </li>
			
 
				+                  </Col>
			
 
				+                  <Col :span="8">
			
 
				+                  <li>
			
 
				+                    <nuxt-link :to="{path: '/lists', query:{id:5}}"><img src="~/assets/img/ten_icon/la.png" tag="a" target="_blank">老挝</nuxt-link>
			
 
				+                  </li>
			
 
				+                  </Col>
			
 
				+                  <Col :span="8">
			
 
				+                  <li>
			
 
				+                    <nuxt-link :to="{path: '/lists', query:{id:5}}"><img src="~/assets/img/ten_icon/th.png" tag="a" target="_blank">泰国</nuxt-link>
			
 
				+                  </li>
			
 
				+                  </Col>
			
 
				+                  <Col :span="8">
			
 
				+                  <li>
			
 
				+                    <nuxt-link :to="{path: '/lists', query:{id:5}}"><img src="~/assets/img/ten_icon/my.png" tag="a" target="_blank">马来西亚</nuxt-link>
			
 
				+                  </li>
			
 
				+                  </Col>
			
 
				+                </Row>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div @click="returnTop" class="return-top"></div>
			
 
				+      <div class="f-friend">
			
 
				+        <Row>
			
 
				+          <Col :span="14">
			
 
				+          <div class="declaration">
			
 
				+            <p>版权声明</p>
			
 
				+            <p>本网站部分信息来源于互联网络，如有侵犯版权，请联系我们及时处理。凡注明“来源:东盟头条”的所有作品，均为东盟头条新闻社、东盟头条新闻网以及东盟头条APP合法拥有版权或有权使用的作品，欢迎媒体转载。</p>
			
 
				+          </div>
			
 
				+
			
 
				+          </Col>
			
 
				+          <Col :span="10">
			
 
				+          <div class="declaration">
			
 
				+            <p>联系我们</p>
			
 
				+            <ul>
			
 
				+              <li>地址：柬埔寨王国金边市堆谷区606路38号</li>
			
 
				+              <li>电话：00855-023235388   传真：00855-023235389</li>
			
 
				+              <li>电子邮箱：aseantop@163.com</li>
			
 
				+            </ul>
			
 
				+          </div>
			
 
				+
			
 
				+          </Col>
			
 
				+        </Row>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+    <!--<Spin fix size="large" v-if="!mainData"></Spin>-->
			
 
				+  </div>
			
 
				+</template>
			
 
				+<script>
			
 
				+  import { mainAd, getMainData, listColumnInfo, listFocusInfo, listWordbar } from '~/api/homePage';
			
 
				+  export default {
			
 
				+    data() {
			
 
				+      return {
			
 
				+        picPath: 'http://pic-asean2.oss-cn-hongkong.aliyuncs.com/',
			
 
				+        suffix:'?x-oss-process=image/watermark,image_d2F0ZXJtYXJrL3dtMS5wbmc_eC1vc3MtcHJvY2Vzcz1pbWFnZS9yZXNpemUsUF8zMA==,g_se,x_10,y_10,t_70',
			
 
				+        swiperList: [],
			
 
				+        adObj: {},
			
 
				+        mainData: null,
			
 
				+        focusNews:null,
			
 
				+        showIndex:5,
			
 
				+        lifeColumnKey: 2,
			
 
				+        lifeColumnData: [],
			
 
				+        swiperOptionTop: {
			
 
				+          spaceBetween: 10,
			
 
				+          loop: true,
			
 
				+          loopedSlides: 5, //looped slides should be the same
			
 
				+          navigation: {
			
 
				+            nextEl: '.swiper-button-next',
			
 
				+            prevEl: '.swiper-button-prev'
			
 
				+          },
			
 
				+          autoplay: {
			
 
				+            delay: 2500,
			
 
				+            disableOnInteraction: false
			
 
				+          },
			
 
				+        },
			
 
				+        swiperOptionThumbs: {
			
 
				+          spaceBetween: 10,
			
 
				+          slidesPerView: 4,
			
 
				+          touchRatio: 0.2,
			
 
				+          loop: true,
			
 
				+          loopedSlides: 5, //looped slides should be the same
			
 
				+          slideToClickedSlide: true,
			
 
				+        },
			
 
				+//        boxHeight:document.documentElement.clientHeight-295+"px"//页面的默认高度
			
 
				+        boxHeight:500+'px',
			
 
				+        swiperStatic:false,
			
 
				+
			
 
				+      };
			
 
				+    },
			
 
				+    async asyncData(){
			
 
				+      let swiperListArray = [];
			
 
				+      let [adObj, mainData,focusNews,swiperList] = await Promise.all([
			
 
				+        mainAd(),
			
 
				+        listColumnInfo({reqdata:{columnIds:'2,3,43,23,41,14,17,19,20,21,9,11,12,13'}}),
			
 
				+        listFocusInfo({"page": "1","rows": "16", "reqdata": {"type": "focus"}}),
			
 
				+        listFocusInfo({"page": "1","rows": "16", "reqdata": {"type": "recommend"}})
			
 
				+      ])
			
 
				+
			
 
				+      swiperList.list.map(item => {
			
 
				+        swiperListArray.push({
			
 
				+            path: 'http://pic-asean2.oss-cn-hongkong.aliyuncs.com/' + item.infoimg,
			
 
				+            infoId: item.infoId,
			
 
				+            title:item.title
			
 
				+          });
			
 
				+        });
			
 
				+
			
 
				+      return {
			
 
				+        adObj:adObj.object,
			
 
				+        mainData:mainData.object,
			
 
				+        lifeColumnData:mainData.object[2],
			
 
				+        focusNews:focusNews.list,
			
 
				+        swiperList:swiperListArray
			
 
				+      }
			
 
				+    },
			
 
				+    mounted() {
			
 
				+      this.swiperStatic=true;
			
 
				+    },
			
 
				+    updated(){
			
 
				+      this.$nextTick(() => {
			
 
				+        const swiperTop = this.$refs.swiperTop.swiper
			
 
				+        // const swiperThumbs = this.$refs.swiperThumbs.swiper
			
 
				+        // swiperTop.controller.control = swiperThumbs
			
 
				+        // swiperThumbs.controller.control = swiperTop
			
 
				+      })
			
 
				+    },
			
 
				+    methods: {
			
 
				+      returnTop() {
			
 
				+        window.scrollTo(0, 0);
			
 
				+      },
			
 
				+      showRemark(index){
			
 
				+        this.showIndex=index;
			
 
				+      },
			
 
				+      moreArt(){
			
 
				+        this.$router.push({name:'lists',params:{id:'focus'}});
			
 
				+      },
			
 
				+
			
 
				+      changeLiftColData(columnId){
			
 
				+        this.lifeColumnData=this.mainData[columnId]
			
 
				+      }
			
 
				+    }
			
 
				+  };
			
 
				+</script>
			
 
				+<style lang="scss" scoped>
			
 
				+  .swiper-container {
			
 
				+    background-color: #000;
			
 
				+    // opacity: 0.8;
			
 
				+  }
			
 
				+  .swiper-slide {
			
 
				+    background-size: cover;
			
 
				+    background-position: center;
			
 
				+  }
			
 
				+  .gallery-top {
			
 
				+    height: 80%!important;
			
 
				+    width: 100%;
			
 
				+  }
			
 
				+  .gallery-thumbs {
			
 
				+    height: 20%!important;
			
 
				+    box-sizing: border-box;
			
 
				+    padding: 10px 0;
			
 
				+  }
			
 
				+  .gallery-thumbs .swiper-slide {
			
 
				+    width: 25%;
			
 
				+    height: 100%;
			
 
				+    opacity: 0.4;
			
 
				+  }
			
 
				+  .gallery-thumbs .swiper-slide-active {
			
 
				+    opacity: 1;
			
 
				+  }
			
 
				+</style>
			
 
				+
			
--- a/pages/lists/index.vue
+++ b/pages/lists/index.vue
@@ -0,0 +1,293 @@
 
				+<template>
			
 
				+    <div>
			
 
				+        <div class="auto lists">
			
 
				+            <Row>
			
 
				+                <Col :span="15">
			
 
				+                    <div class="lists-item" v-for="item in listData">
			
 
				+                        <img v-lazy="picPath+item.infoimg" alt="" :key="item.infoId">
			
 
				+                        <div class="content-text">
			
 
				+                            <nuxt-link class="line-one" style="-webkit-box-orient: vertical;" :to="{path: '/content', query:{id:item.infoId}}" tag="a" target="_blank">{{item.title}}</nuxt-link>
			
 
				+                            <p style="-webkit-box-orient: vertical;">{{item.summary}}</p>
			
 
				+                            <div class="source" v-if="item.columnname?item.columnname.includes('—'):false">
			
 
				+                                <nuxt-link :to="{path: '/lists', query:{id:item.parentcolumnId}}" class="line-one" style="-webkit-box-orient: vertical;" tag="a" target="_blank">{{item.columnname.split('—')[0]}}</nuxt-link>
			
 
				+                                <span>—</span>
			
 
				+                                <nuxt-link :to="{path: '/lists', query:{id:item.columnId}}" class="line-one" style="-webkit-box-orient: vertical;" tag="a" target="_blank">{{item.columnname.split('—')[1]}}</nuxt-link>
			
 
				+                                <span>/{{item.uptimeStr}}</span>
			
 
				+                            </div>
			
 
				+                            <div class="source" v-else>
			
 
				+                                <nuxt-link v-if="item.columnname" :to="{path: '/lists', query:{id:item.columnId}}" class="line-one" style="-webkit-box-orient: vertical;" tag="a" target="_blank">{{item.columnname}}/</nuxt-link>
			
 
				+                                <span>{{item.uptimeStr}}</span>
			
 
				+                            </div>
			
 
				+                        </div>
			
 
				+                    </div>
			
 
				+                    <div class="page-nation">                    
			
 
				+                        <Page :total="total" size="small" show-elevator show-sizer show-total :page-size="pageNation.rows" :current="pageNation.page" @on-change="pageChange" @on-page-size-change="pageSizeChange"/>
			
 
				+                    </div>
			
 
				+                </Col>
			
 
				+                <Col :span="1" style="height:100px"></Col>
			
 
				+                <Col :span="8">
			
 
				+                    <div>
			
 
				+                        <!-- <a v-if="imgTo" :href="imgTo">                        
			
 
				+                            <img style="width:333px" v-lazy="'http://pic-asean2.oss-cn-hongkong.aliyuncs.com/'+imgPath" alt="">
			
 
				+                        </a>
			
 
				+                        <img v-else style="width:333px" v-lazy="'http://pic-asean2.oss-cn-hongkong.aliyuncs.com/'+imgPath" alt=""> -->
			
 
				+                    </div>
			
 
				+                </Col>
			
 
				+            </Row>
			
 
				+        </div>
			
 
				+    </div>
			
 
				+</template>
			
 
				+<script>
			
 
				+import {getColumnInfoList,getColumnAd,search,listKeywordInfo} from '~/api/lists'
			
 
				+import {listFocusInfo} from '~/api/homePage'
			
 
				+import {formatTime} from '~/common/publicFun'
			
 
				+import Bus from "~/common/bus";
			
 
				+import { mapState } from 'vuex'
			
 
				+export default {
			
 
				+    
			
 
				+    data(){
			
 
				+        return {
			
 
				+            picPath: 'http://pic-asean2.oss-cn-hongkong.aliyuncs.com/',
			
 
				+            suffix:'?x-oss-process=image/watermark,image_d2F0ZXJtYXJrL3dtMS5wbmc_eC1vc3MtcHJvY2Vzcz1pbWFnZS9yZXNpemUsUF8zMA==,g_se,x_10,y_10,t_70',
			
 
				+            listData:[],
			
 
				+            pageNation:{
			
 
				+                "page": 1, 
			
 
				+                "rows": 20
			
 
				+            },
			
 
				+            total:0,
			
 
				+            imgPath:'',
			
 
				+            imgTo:'',
			
 
				+            id:'',
			
 
				+            fromSearch:false,
			
 
				+            // keyword:this.$store.getters.keyword,
			
 
				+        }
			
 
				+    },
			
 
				+    async asyncData () { 
			
 
				+        let params={
			
 
				+            "page": this.pageNation.page, 
			
 
				+            "rows": this.pageNation.rows,
			
 
				+            "reqdata":{}
			
 
				+        }
			
 
				+        let fun=''
			
 
				+        if(this.fromSearch){
			
 
				+            params.reqdata.title=this.searchVal
			
 
				+            fun=search
			
 
				+            // search(params).then(res=>{
			
 
				+            //     if(res.status==100){
			
 
				+            //         this.listData=res.list;
			
 
				+            //         this.total=res.totalrecords
			
 
				+            //         this.pageNation.page=res.currpage;
			
 
				+            //     }
			
 
				+            // })
			
 
				+        }else if(['focus','recommend'].includes(this.id)){
			
 
				+            params.reqdata.type=this.id
			
 
				+            fun=listFocusInfo
			
 
				+            // listFocusInfo(params).then(res=>{
			
 
				+            //     if(res.status==100){
			
 
				+            //         this.listData=res.list;
			
 
				+            //         this.total=res.totalrecords
			
 
				+            //         this.pageNation.page=res.currpage;
			
 
				+            //     }
			
 
				+            // });
			
 
				+        }else if(parseInt(this.id)){
			
 
				+            params.reqdata.columnId=parseInt(this.id)
			
 
				+            fun=getColumnInfoList
			
 
				+            // getColumnInfoList(params).then(res=>{
			
 
				+            //     if(res.status==100){
			
 
				+            //         this.listData=res.list;
			
 
				+            //         this.total=res.totalrecords
			
 
				+            //         this.pageNation.page=res.currpage;
			
 
				+            //     }
			
 
				+                
			
 
				+            // });
			
 
				+        }else{
			
 
				+            params.reqdata.keyword=this.id;
			
 
				+            fun=listKeywordInfo
			
 
				+            // listKeywordInfo(params).then(res=>{
			
 
				+            //     if(res.status==100){
			
 
				+            //         this.listData=res.list;
			
 
				+            //         this.total=res.totalrecords
			
 
				+            //         this.pageNation.page=res.currpage;
			
 
				+            //     }
			
 
				+            // })
			
 
				+        }
			
 
				+        let [] = await Promise.all([
			
 
				+            fun({params}),
			
 
				+            getColumnAd({ "reqdata": { "adPosition": "column" }})
			
 
				+        ])
			
 
				+    },
			
 
				+    mounted(){
			
 
				+        this.id=this.$route.query.id;
			
 
				+        console.log(this.id,'this.id')
			
 
				+        this.getData();
			
 
				+        Bus.$emit("columnId", this.id);
			
 
				+    },
			
 
				+    computed:{
			
 
				+        searchVal:function() {  //通过方法访问
			
 
				+            return this.$store.getters.searchVal;
			
 
				+        },
			
 
				+        // keyword:function() {  //关键字
			
 
				+        //     return this.$store.getters.keyword;
			
 
				+        // },
			
 
				+    },
			
 
				+    watch:{
			
 
				+        // $route(){
			
 
				+        //     if(['focus','recommend'].includes(this.$route.params.id)){
			
 
				+        //         this.id = this.$route.params.id
			
 
				+        //     }else{
			
 
				+        //         this.id = this.$route.params.id
			
 
				+        //     }
			
 
				+        // },
			
 
				+        // searchVal(){
			
 
				+        //     this.fromSearch=true;
			
 
				+        //     this.getData()
			
 
				+        // },
			
 
				+        // keyword(){
			
 
				+        //     this.fromSearch=false;
			
 
				+        //     this.id = this.keyword
			
 
				+        //     this.getData()
			
 
				+        // },
			
 
				+        // id() {
			
 
				+        //     this.fromSearch=false;
			
 
				+        //     this.getData()
			
 
				+        // },
			
 
				+    },
			
 
				+    methods:{
			
 
				+        getData(){
			
 
				+            let params={
			
 
				+                "page": this.pageNation.page, 
			
 
				+                "rows": this.pageNation.rows,
			
 
				+                "reqdata":{}
			
 
				+            }
			
 
				+            if(this.fromSearch){
			
 
				+                params.reqdata.title=this.searchVal
			
 
				+                search(params).then(res=>{
			
 
				+                    if(res.status==100){
			
 
				+                        this.listData=res.list;
			
 
				+                        this.total=res.totalrecords
			
 
				+                        this.pageNation.page=res.currpage;
			
 
				+                    }
			
 
				+                })
			
 
				+            }else if(['focus','recommend'].includes(this.id)){
			
 
				+                params.reqdata.type=this.id
			
 
				+                listFocusInfo(params).then(res=>{
			
 
				+                    if(res.status==100){
			
 
				+                        this.listData=res.list;
			
 
				+                        this.total=res.totalrecords
			
 
				+                        this.pageNation.page=res.currpage;
			
 
				+                    }
			
 
				+                });
			
 
				+            }else if(parseInt(this.id)){
			
 
				+                params.reqdata.columnId=parseInt(this.id)
			
 
				+                getColumnInfoList(params).then(res=>{
			
 
				+                    if(res.status==100){
			
 
				+                        this.listData=res.list;
			
 
				+                        this.total=res.totalrecords
			
 
				+                        this.pageNation.page=res.currpage;
			
 
				+                    }
			
 
				+                    
			
 
				+                });
			
 
				+            }else{
			
 
				+                params.reqdata.keyword=this.id;
			
 
				+                listKeywordInfo(params).then(res=>{
			
 
				+                    if(res.status==100){
			
 
				+                        this.listData=res.list;
			
 
				+                        this.total=res.totalrecords
			
 
				+                        this.pageNation.page=res.currpage;
			
 
				+                    }
			
 
				+                })
			
 
				+            }
			
 
				+            
			
 
				+            this.getAd()
			
 
				+        },
			
 
				+        getAd(){
			
 
				+            getColumnAd({ "reqdata": { "adPosition": "column" }}).then(res=>{
			
 
				+                if(res.list){
			
 
				+                    this.imgPath=res.object.adimg;
			
 
				+                    this.imgTo=res.object.adurl;
			
 
				+                }
			
 
				+                
			
 
				+            })
			
 
				+        },
			
 
				+        pageChange(page){
			
 
				+            this.pageNation.page=page;
			
 
				+            this.getData();
			
 
				+        },
			
 
				+        pageSizeChange(pageSize){
			
 
				+            this.pageNation.rows=pageSize;
			
 
				+            this.getData();
			
 
				+        },
			
 
				+    }
			
 
				+}
			
 
				+</script>
			
 
				+
			
 
				+<style lang="scss" scoped>
			
 
				+.lists{
			
 
				+    padding-top: 15px;
			
 
				+    margin-bottom: 123px;
			
 
				+    .lists-item{
			
 
				+        display: inline-flex;
			
 
				+        padding: 19px 0;
			
 
				+        border-bottom: 1px solid #ccc;
			
 
				+        width: 100%;
			
 
				+        img{
			
 
				+            width: 35%;
			
 
				+            height: 150px;
			
 
				+            border-radius: 10px;
			
 
				+            margin-right: 10px;
			
 
				+        }
			
 
				+        .content-text{
			
 
				+          position: relative;
			
 
				+          margin-left: 10px;
			
 
				+          width: 62%;
			
 
				+          a{
			
 
				+            font-size: 20px;
			
 
				+            float: left;
			
 
				+            width: 100%;
			
 
				+            margin-bottom:4px;
			
 
				+          }
			
 
				+          p{
			
 
				+            font-size: 14px;
			
 
				+            margin: 0 0 10px 0;
			
 
				+            color: #aaaaaa;
			
 
				+            width: 100%;
			
 
				+            height: 95px;
			
 
				+            overflow: hidden;
			
 
				+            text-overflow: ellipsis;  
			
 
				+            display: -webkit-box;
			
 
				+            -webkit-line-clamp: 4;
			
 
				+          }
			
 
				+          span{
			
 
				+            float: left;
			
 
				+            font-size: 12px;
			
 
				+            margin-top: 15px;
			
 
				+          }
			
 
				+          .source{
			
 
				+            position: absolute;
			
 
				+            bottom: 0px;
			
 
				+            left: 0px;
			
 
				+            width: 100%;
			
 
				+            a{
			
 
				+              font-size: 13px;
			
 
				+              width: auto;
			
 
				+              color: #515a6e;
			
 
				+              margin: auto;
			
 
				+            }
			
 
				+            span{
			
 
				+              float: left;
			
 
				+              font-size: 12px;
			
 
				+              margin: auto;
			
 
				+            }
			
 
				+          }
			
 
				+        }
			
 
				+    }
			
 
				+    .page-nation{
			
 
				+        height: 50px;
			
 
				+        line-height: 50px;
			
 
				+        input{
			
 
				+            height: 2px;
			
 
				+        }
			
 
				+    }
			
 
				+}
			
 
				+ 
			
 
				+</style>
			
--- a/plugins/README.md
+++ b/plugins/README.md
@@ -0,0 +1,7 @@
 
				+# PLUGINS
			
 
				+
			
 
				+**This directory is not required, you can delete it if you don't want to use it.**
			
 
				+
			
 
				+This directory contains your Javascript plugins that you want to run before mounting the root Vue.js application.
			
 
				+
			
 
				+More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/plugins).
			
--- a/plugins/axios.js
+++ b/plugins/axios.js
@@ -0,0 +1,49 @@
 
				+import axios from 'axios';
			
 
				+import {
			
 
				+  Message,
			
 
				+  MessageBox
			
 
				+} from 'iview'
			
 
				+
			
 
				+const ajaxUrl = 'http://a2.aseantop.com/app';
			
 
				+const service = axios.create({
			
 
				+  baseURL: ajaxUrl,
			
 
				+  timeout: 30000
			
 
				+});
			
 
				+
			
 
				+service.title = function (title) {
			
 
				+  title = title ? title : '东盟头条—聚焦东盟 关注中国 放眼世界';
			
 
				+  window.document.title = title;
			
 
				+};
			
 
				+
			
 
				+service.interceptors.response.use(
			
 
				+
			
 
				+  response => {
			
 
				+
			
 
				+    /**
			
 
				+     * code为非20000是抛错 可结合自己业务进行修改
			
 
				+     */
			
 
				+    const res = response;
			
 
				+    //todo 修改.现在未有token
			
 
				+
			
 
				+    if (response.status !== 200) {
			
 
				+      Message.error({
			
 
				+        content: res.data,
			
 
				+        duration: 5 * 1000
			
 
				+      });
			
 
				+
			
 
				+      return Promise.reject('error')
			
 
				+    } else {
			
 
				+      return response.data
			
 
				+    }
			
 
				+  },
			
 
				+  error => {
			
 
				+    Message.error({
			
 
				+      content: error.message,
			
 
				+      duration: 5 * 1000
			
 
				+    })
			
 
				+    return Promise.reject(error)
			
 
				+  }
			
 
				+)
			
 
				+
			
 
				+
			
 
				+export default service;
			
--- a/plugins/iview.js
+++ b/plugins/iview.js
@@ -0,0 +1,7 @@
 
				+/**
			
 
				+ * Created by zaki on 2018/12/1.
			
 
				+ */
			
 
				+import Vue from 'vue'
			
 
				+import iView from 'iview';
			
 
				+
			
 
				+Vue.use(iView);
			
--- a/plugins/lazy.js
+++ b/plugins/lazy.js
@@ -0,0 +1,7 @@
 
				+import Vue from 'vue';
			
 
				+import vueLazyload from "vue-lazyload";
			
 
				+
			
 
				+Vue.use(vueLazyload,{
			
 
				+  error:"./loading.png",
			
 
				+  loading:"./loading.png"
			
 
				+});
			
--- a/plugins/plugins.js
+++ b/plugins/plugins.js
@@ -0,0 +1,9 @@
 
				+import Vue from 'vue'
			
 
				+import VueAwesomeSwiper from 'vue-awesome-swiper'
			
 
				+import VueQr from 'vue-qr'
			
 
				+
			
 
				+Vue.use(VueQr)
			
 
				+Vue.use(VueAwesomeSwiper);
			
 
				+
			
 
				+
			
 
				+
			
--- a/plugins/swiper.js
+++ b/plugins/swiper.js
@@ -0,0 +1,8 @@
 
				+/**
			
 
				+ * Created by zaki on 2018/12/1.
			
 
				+ */
			
 
				+
			
 
				+import Vue from 'vue'
			
 
				+import VueAwesomeSwiper from 'vue-awesome-swiper'
			
 
				+
			
 
				+Vue.use(VueAwesomeSwiper);
			
--- a/server/index.js
+++ b/server/index.js
@@ -0,0 +1,35 @@
 
				+
			
 
				+const express = require('express')
			
 
				+const consola = require('consola')
			
 
				+const { Nuxt, Builder } = require('nuxt')
			
 
				+const app = express()
			
 
				+const host = process.env.HOST || '127.0.0.1'
			
 
				+const port = process.env.PORT || 3000
			
 
				+
			
 
				+app.set('port', port)
			
 
				+
			
 
				+// Import and Set Nuxt.js options
			
 
				+let config = require('../nuxt.config.js')
			
 
				+config.dev = !(process.env.NODE_ENV === 'production')
			
 
				+
			
 
				+async function start() {
			
 
				+  // Init Nuxt.js
			
 
				+  const nuxt = new Nuxt(config)
			
 
				+
			
 
				+  // Build only in dev mode
			
 
				+  if (config.dev) {
			
 
				+    const builder = new Builder(nuxt)
			
 
				+    await builder.build()
			
 
				+  }
			
 
				+
			
 
				+  // Give nuxt middleware to express
			
 
				+  app.use(nuxt.render)
			
 
				+
			
 
				+  // Listen the server
			
 
				+  app.listen(port, host)
			
 
				+  consola.ready({
			
 
				+    message: `Server listening on http://${host}:${port}`,
			
 
				+    badge: true
			
 
				+  })
			
 
				+}
			
 
				+start()
			
--- a/static/README.md
+++ b/static/README.md
@@ -0,0 +1,10 @@
 
				+# STATIC
			
 
				+
			
 
				+**This directory is not required, you can delete it if you don't want to use it.**
			
 
				+
			
 
				+This directory contains your static files.
			
 
				+Each file inside this directory is mapped to `/`.
			
 
				+
			
 
				+Example: `/static/robots.txt` is mapped as `/robots.txt`.
			
 
				+
			
 
				+More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/assets#static).
			
--- a/static/favicon.ico
+++ b/static/favicon.ico
--- a/static/loading.png
+++ b/static/loading.png
--- a/static/swiper.min.css
+++ b/static/swiper.min.css
--- a/store/README.md
+++ b/store/README.md
@@ -0,0 +1,10 @@
 
				+# STORE
			
 
				+
			
 
				+**This directory is not required, you can delete it if you don't want to use it.**
			
 
				+
			
 
				+This directory contains your Vuex Store files.
			
 
				+Vuex Store option is implemented in the Nuxt.js framework.
			
 
				+
			
 
				+Creating a file in this directory activate the option in the framework automatically.
			
 
				+
			
 
				+More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/vuex-store).
			
--- a/yarn.lock
+++ b/yarn.lock