6 years ago · 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
	`@@ -0,0 +1,2 @@`
			`+import Vue from 'vue';`
			`+export default new Vue();`