add: 添加项目文件

da122bf5 · 无尘 · de68f1a6 · da122bf5 · da122bf5 · da122bf5
Commit da122bf5 authored Jan 25, 2019 by 无尘
69 changed files
--- a/.editorconfig
+++ b/.editorconfig
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+insert_final_newline = false
+trim_trailing_whitespace = false
\ No newline at end of file
--- a/.gitignore
+++ b/.gitignore
+.DS_Store
+node_modules/
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+package-lock.json*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
--- a/README.md
+++ b/README.md
-# 微信公众号定制页面
\ No newline at end of file
+# 公众号 web 项目
+
+> web h5
\ No newline at end of file
--- a/babel.config.js
+++ b/babel.config.js
+module.exports = {
+  presets: ['@vue/app'],
+  plugins: [
+    [
+      'import',
+      { libraryName: 'vant', libraryDirectory: 'es', style: true },
+      'vant'
+    ]
+  ]
+};
--- a/dist/css/app.1a62f3fe.css
+++ b/dist/css/app.1a62f3fe.css
--- a/dist/css/chunk-005a12b8.3ef55eca.css
+++ b/dist/css/chunk-005a12b8.3ef55eca.css
+.van-list__error-text,.van-list__finished-text,.van-list__loading-text{color:#969799;font-size:.34667rem;line-height:1.33333rem;text-align:center}.van-list__loading{text-align:center}.van-list__loading-icon,.van-list__loading-text{display:inline-block;vertical-align:middle}.van-list__loading-icon{width:.42667rem;height:.42667rem;margin-right:.13333rem}.point-header[data-v-04a4aed0]{width:100%;padding:.4rem 0 .4rem .82667rem;background:url(../img/banner_bg.27a0cef7.png) no-repeat 50%;background-size:100%}.point-list-cell[data-v-04a4aed0]{width:100%;padding:.4rem}
\ No newline at end of file
--- a/dist/css/chunk-06408486.3cba777f.css
+++ b/dist/css/chunk-06408486.3cba777f.css
--- a/dist/css/chunk-6a96a58c.32cb2ecd.css
+++ b/dist/css/chunk-6a96a58c.32cb2ecd.css
+.van-swipe-item{float:left;height:100%}.van-swipe{overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}.van-swipe__track{height:100%}.van-swipe__indicators{display:-webkit-box;display:-webkit-flex;display:flex;position:absolute;left:50%;bottom:.26667rem;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.van-swipe__indicators--vertical{left:.26667rem;top:50%;bottom:auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.van-swipe__indicators--vertical .van-swipe__indicator:not(:last-child){margin-bottom:.16rem}.van-swipe__indicator{opacity:.3;border-radius:100%;width:.16rem;height:.16rem;-webkit-transition:opacity .2s;transition:opacity .2s;background-color:#ebedf0}.van-swipe__indicator:not(:last-child){margin-right:.16rem}.van-swipe__indicator--active{opacity:1;background-color:#1989fa}.clique-logo{width:100%;padding-top:.53333rem;text-align:center}.clique-logo img{width:50%}.clique-qrcode{padding:0 .58667rem}#barcode{width:100%}.clique-qrcode p{text-align:center}.clique-menu{width:100%;padding:.53333rem 0}.clique-menu-cell:after{top:.24rem;height:63%}.clique-menu p{text-align:center}.clique-brand{width:100%;overflow:hidden}.clique-brand-logo{float:left;width:33.333333%;min-width:33.333333%;max-width:33.333333%;border-left:.02667rem solid #fff;border-bottom:.02667rem solid #fff;overflow:hidden;font-size:0}.clique-brand-logo.half{width:50%;min-width:50%;max-width:50%}.b-l-1{border-left:.02667rem solid #f0f0f0}.clique-brand-logo_a{display:block}.clique-brand-logo img{width:100%}.logo-more{color:#232326}.p-tips{width:100%;height:1.44rem;line-height:1.44rem;padding:0 .42667rem}.qrcode-dialog_confirm{position:absolute;top:0;right:0;bottom:0;left:0}.qrcode-dialog{position:relative;padding:.8rem 0}.qrcode-dialog .qrcode-dialog-close{position:absolute;top:.48rem;right:.37333rem;display:block;width:.74667rem;height:.74667rem;line-height:.74667rem;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.qrcode-dialog .qrcode-dialog_hd{width:100%;text-align:center}.qrcode-dialog .qrcode-dialog_hd img{width:3.30667rem}.qrcode-dialog .qrcode-dialog_bd img{width:4rem}.qrcode-dialog .qrcode-dialog_bd p{position:relative}.qrcode-dialog .qrcode-dialog_bd p.triangle-p{width:100%;height:.53333rem}
\ No newline at end of file
--- a/dist/favicon.ico
+++ b/dist/favicon.ico
--- a/dist/img/banner_bg.27a0cef7.png
+++ b/dist/img/banner_bg.27a0cef7.png
--- a/dist/img/iconfont.81d6b229.svg
+++ b/dist/img/iconfont.81d6b229.svg
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<!--
+2013-9-30: Created.
+-->
+<svg>
+<metadata>
+Created by iconfont
+</metadata>
+<defs>
+
+<font id="font_family" horiz-adv-x="1024" >
+  <font-face
+    font-family="font_family"
+    font-weight="500"
+    font-stretch="normal"
+    units-per-em="1024"
+    ascent="896"
+    descent="-128"
+  />
+    <missing-glyph />
+    
+    <glyph glyph-name="qiaquan-" unicode="&#59308;" d="M428.032-84.48c-24.064 0-47.104 9.728-65.024 27.648l-44.544 44.544-10.752 10.752c-21.504 21.504-25.6 45.568-13.312 73.216 9.728 22.016 9.728 46.08-1.024 66.56-10.24 20.48-30.208 34.816-53.248 39.424-3.072 0.512-6.144 1.024-9.216 1.024l-4.096 0.512-0.512 1.536h-0.512c-3.072-1.024-6.144-1.536-9.216-2.56-7.168-2.048-14.336-3.584-20.992-6.656-10.24-4.096-19.968-6.656-29.184-6.656-16.384 0-30.72 6.656-44.032 19.968l-10.24 10.24-44.544 44.544c-37.888 37.888-37.888 93.184 0 130.56 154.624 155.136 309.76 310.784 465.408 465.92 18.432 18.432 41.472 28.16 65.536 28.16 24.064 0 47.104-10.24 65.536-28.16l43.52-43.52 10.752-10.752c21.504-21.504 26.112-45.568 12.8-73.728-11.264-24.064-9.216-51.2 4.608-73.216 13.824-21.504 36.864-34.304 62.464-34.304h3.072c8.704 0.512 18.944 3.072 30.208 7.68 10.24 4.608 19.968 6.656 29.184 6.656 16.384 0 30.72-6.656 44.032-19.968l10.752-10.752 44.032-44.032c37.888-37.888 37.888-93.184 0-130.56l-466.944-466.944c-17.408-17.408-40.448-27.136-64.512-27.136z m-201.728 323.072c5.632 0 11.776-0.512 17.408-1.024 42.496-5.632 79.36-30.208 100.352-67.584 20.992-37.376 23.04-81.92 5.632-121.344-1.536-4.096-1.536-6.144 1.536-9.216 12.8-12.8 26.112-25.6 37.376-37.376l13.824-13.824c8.704-8.704 16.896-12.8 25.088-12.8 8.192 0 16.384 4.096 25.088 12.8 0 0 407.552 407.552 463.36 463.872 15.36 15.36 15.36 32.256 0 47.104l-16.896 16.896-35.84 35.84c-1.024 1.024-2.56 2.56-5.12 2.56-1.024 0-2.048-0.512-3.584-1.024-17.92-8.192-36.864-12.8-55.808-12.8-3.072 0-5.12 0.512-7.68 0.512l-15.36 1.536c-41.984 7.68-77.312 32.768-96.768 69.632-19.456 36.864-20.992 80.384-3.584 119.296 1.536 4.096 1.536 6.144-1.536 9.216-11.776 11.776-24.064 23.552-35.328 35.328l-16.896 16.896c-7.68 7.168-15.872 11.264-23.552 11.264-8.192 0-16.384-4.096-23.552-11.264C419.84 637.952 265.216 483.328 110.08 328.192c-15.36-15.36-15.36-31.744 0-47.104l18.432-18.432 33.792-33.792c1.536-1.536 3.072-3.072 5.632-3.072 1.024 0 2.56 0.512 4.096 1.024 17.408 8.192 35.328 11.776 54.272 11.776zM491.52 210.432c-7.68 0-15.36 3.072-20.992 9.216-12.288 12.288-11.776 30.72 1.536 43.52l106.496 106.496 34.816 34.816 7.168 7.168 1.024 1.024 20.48 20.48c6.144 5.632 12.8 8.192 19.968 8.192 4.096 0 8.192-1.024 12.8-2.56 11.264-4.608 17.408-13.824 17.92-26.112 0-9.728-3.072-16.896-9.216-23.04l-45.056-45.056c-41.472-41.472-82.944-82.944-124.416-123.904-6.144-6.656-14.336-10.24-22.528-10.24z m-128.512 128c-12.288 1.024-20.992 6.656-25.6 16.896-5.12 10.24-4.608 20.992 2.048 30.72 1.536 2.56 3.584 4.608 5.632 6.656l67.072 67.072 98.816 98.816c7.68 7.68 14.848 11.264 23.04 11.264 2.56 0 5.12-0.512 7.68-1.024 10.24-2.56 17.92-9.728 21.504-19.456 3.072-9.728 1.024-20.48-5.12-28.672-1.024-1.536-2.56-2.56-3.584-4.096l-50.176-50.176-117.248-117.248c-6.656-6.656-14.336-10.24-23.552-10.752h-0.512z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="jifenshangcheng-" unicode="&#59309;" d="M1003.52 546.816c0 70.144-57.856 127.488-129.536 127.488h-287.744l147.968 145.408c13.312 12.8 13.312 33.792 0 46.592-12.8 12.8-34.304 12.8-47.104 0L510.976 693.248 337.408 864.256c-13.312 12.8-34.304 12.8-47.104 0-12.8-12.288-13.312-33.28-0.512-46.08l0.512-0.512 145.92-143.36H150.016C78.336 674.304 20.48 616.96 20.48 546.816c0-62.976 46.592-114.688 107.008-125.44v-431.104c0-54.272 40.448-98.816 90.624-98.816h587.264c50.176 0 90.624 44.032 90.624 98.816V421.888c60.928 10.24 107.52 62.464 107.52 124.928z m-916.48 0c0 33.792 28.16 61.44 62.464 61.44h328.704v-123.392H150.016C115.2 485.376 87.04 513.024 87.04 546.816z m718.336-588.8H218.624c-12.8 0-24.064 15.36-24.064 32.768V419.328h284.16v-184.32c0-18.432 14.848-32.768 33.28-32.768s33.28 14.848 33.28 32.768v184.32H829.44v-429.056c0-16.896-11.264-32.256-24.064-32.256z m68.608 527.36h-328.704V608.768h328.704c34.816 0 62.464-27.648 62.464-61.44s-27.648-61.952-62.464-61.952z"  horiz-adv-x="1024" />
+
+    
+
+
+  </font>
+</defs></svg>
--- a/dist/img/logo.1c150702.png
+++ b/dist/img/logo.1c150702.png
--- a/dist/img/logo01.ea5e1d7c.png
+++ b/dist/img/logo01.ea5e1d7c.png
--- a/dist/img/logo02.a085e9c2.png
+++ b/dist/img/logo02.a085e9c2.png
--- a/dist/img/logo05.12880459.png
+++ b/dist/img/logo05.12880459.png
--- a/dist/img/logo1.d79b5f5a.png
+++ b/dist/img/logo1.d79b5f5a.png
--- a/dist/index.html
+++ b/dist/index.html
+<!DOCTYPE html><html><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=favicon.ico><title>达摩</title><link href=css/chunk-005a12b8.3ef55eca.css rel=prefetch><link href=css/chunk-06408486.3cba777f.css rel=prefetch><link href=css/chunk-6a96a58c.32cb2ecd.css rel=prefetch><link href=js/chunk-005a12b8.a07cc9d2.js rel=prefetch><link href=js/chunk-06408486.d3b25901.js rel=prefetch><link href=js/chunk-2d0b610a.4d34e383.js rel=prefetch><link href=js/chunk-2d0c1729.c76dbe47.js rel=prefetch><link href=js/chunk-6a96a58c.a3ce6cc2.js rel=prefetch><link href=css/app.1a62f3fe.css rel=preload as=style><link href=js/app.790ac3de.js rel=preload as=script><link href=js/chunk-vendors.199a1424.js rel=preload as=script><link href=css/app.1a62f3fe.css rel=stylesheet></head><body><div id=app></div><script src=js/chunk-vendors.199a1424.js></script><script src=js/app.790ac3de.js></script></body></html>
\ No newline at end of file
--- a/dist/js/app.790ac3de.js
+++ b/dist/js/app.790ac3de.js
+(function(e){function n(n){for(var r,a,u=n[0],i=n[1],l=n[2],f=0,d=[];f<u.length;f++)a=u[f],o[a]&&d.push(o[a][0]),o[a]=0;for(r in i)Object.prototype.hasOwnProperty.call(i,r)&&(e[r]=i[r]);s&&s(n);while(d.length)d.shift()();return c.push.apply(c,l||[]),t()}function t(){for(var e,n=0;n<c.length;n++){for(var t=c[n],r=!0,a=1;a<t.length;a++){var u=t[a];0!==o[u]&&(r=!1)}r&&(c.splice(n--,1),e=i(i.s=t[0]))}return e}var r={},a={app:0},o={app:0},c=[];function u(e){return i.p+"js/"+({}[e]||e)+"."+{"chunk-06408486":"d3b25901","chunk-005a12b8":"a07cc9d2","chunk-6a96a58c":"a3ce6cc2","chunk-2d0b610a":"4d34e383","chunk-2d0c1729":"c76dbe47"}[e]+".js"}function i(n){if(r[n])return r[n].exports;var t=r[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,i),t.l=!0,t.exports}i.e=function(e){var n=[],t={"chunk-06408486":1,"chunk-005a12b8":1,"chunk-6a96a58c":1};a[e]?n.push(a[e]):0!==a[e]&&t[e]&&n.push(a[e]=new Promise(function(n,t){for(var r="css/"+({}[e]||e)+"."+{"chunk-06408486":"3cba777f","chunk-005a12b8":"3ef55eca","chunk-6a96a58c":"32cb2ecd","chunk-2d0b610a":"31d6cfe0","chunk-2d0c1729":"31d6cfe0"}[e]+".css",o=i.p+r,c=document.getElementsByTagName("link"),u=0;u<c.length;u++){var l=c[u],f=l.getAttribute("data-href")||l.getAttribute("href");if("stylesheet"===l.rel&&(f===r||f===o))return n()}var d=document.getElementsByTagName("style");for(u=0;u<d.length;u++){l=d[u],f=l.getAttribute("data-href");if(f===r||f===o)return n()}var s=document.createElement("link");s.rel="stylesheet",s.type="text/css",s.onload=n,s.onerror=function(n){var r=n&&n.target&&n.target.src||o,c=new Error("Loading CSS chunk "+e+" failed.\n("+r+")");c.request=r,delete a[e],s.parentNode.removeChild(s),t(c)},s.href=o;var p=document.getElementsByTagName("head")[0];p.appendChild(s)}).then(function(){a[e]=0}));var r=o[e];if(0!==r)if(r)n.push(r[2]);else{var c=new Promise(function(n,t){r=o[e]=[n,t]});n.push(r[2]=c);var l,f=document.createElement("script");f.charset="utf-8",f.timeout=120,i.nc&&f.setAttribute("nonce",i.nc),f.src=u(e),l=function(n){f.onerror=f.onload=null,clearTimeout(d);var t=o[e];if(0!==t){if(t){var r=n&&("load"===n.type?"missing":n.type),a=n&&n.target&&n.target.src,c=new Error("Loading chunk "+e+" failed.\n("+r+": "+a+")");c.type=r,c.request=a,t[1](c)}o[e]=void 0}};var d=setTimeout(function(){l({type:"timeout",target:f})},12e4);f.onerror=f.onload=l,document.head.appendChild(f)}return Promise.all(n)},i.m=e,i.c=r,i.d=function(e,n,t){i.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:t})},i.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,n){if(1&n&&(e=i(e)),8&n)return e;if(4&n&&"object"===typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(i.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var r in e)i.d(t,r,function(n){return e[n]}.bind(null,r));return t},i.n=function(e){var n=e&&e.__esModule?function(){return e["default"]}:function(){return e};return i.d(n,"a",n),n},i.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},i.p="",i.oe=function(e){throw console.error(e),e};var l=window["webpackJsonp"]=window["webpackJsonp"]||[],f=l.push.bind(l);l.push=n,l=l.slice();for(var d=0;d<l.length;d++)n(l[d]);var s=f;c.push([0,"chunk-vendors"]),t()})({0:function(e,n,t){e.exports=t("56d7")},"034f":function(e,n,t){"use strict";var r=t("64a9"),a=t.n(r);a.a},"4dcb":function(e,n,t){},"56d7":function(e,n,t){"use strict";t.r(n);t("cadf"),t("551c"),t("097d"),t("5cfb");var r=t("2b0e"),a=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("div",{attrs:{id:"app"}},[t("router-view")],1)},o=[],c=(t("034f"),t("2877")),u={},i=Object(c["a"])(u,a,o,!1,null,null,null);i.options.__file="App.vue";var l=i.exports,f=(t("ac6a"),t("8c4f"));r["a"].use(f["a"]);var d=[{path:"*",redirect:"/index"},{name:"index",component:function(){return Promise.all([t.e("chunk-06408486"),t.e("chunk-6a96a58c")]).then(t.bind(null,"b533"))},meta:{title:"首页"}},{name:"point",component:function(){return Promise.all([t.e("chunk-06408486"),t.e("chunk-005a12b8")]).then(t.bind(null,"13ee"))},meta:{title:"积分明细"}},{name:"cards",component:function(){return t.e("chunk-2d0b610a").then(t.bind(null,"1c24"))},meta:{title:"卡券包"}},{name:"record",component:function(){return t.e("chunk-2d0c1729").then(t.bind(null,"45a3"))},meta:{title:"消费记录"}}];d.forEach(function(e){e.path=e.path||"/"+(e.name||"")});var s=new f["a"]({routes:d});s.beforeEach(function(e,n,t){var r=e.meta&&e.meta.title;r&&(document.title=r),t()});t("a342"),t("4dcb");new r["a"]({router:s,el:"#app",render:function(e){return e(l)}})},"64a9":function(e,n,t){},a342:function(e,n,t){}});
+//# sourceMappingURL=app.790ac3de.js.map
\ No newline at end of file
--- a/dist/js/app.790ac3de.js.map
+++ b/dist/js/app.790ac3de.js.map
--- a/dist/js/chunk-005a12b8.a07cc9d2.js
+++ b/dist/js/chunk-005a12b8.a07cc9d2.js
+(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-005a12b8"],{"13ee":function(t,e,i){"use strict";i.r(e);var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"point-contain"},[i("div",{staticClass:"point-header border-box"},[i("p",{staticClass:"font-13 color-cfa972"},[t._v("可用积分")]),i("div",{staticClass:"point-number font-50 color-cfa972"},[t._v(t._s(t.pointNum))])]),i("div",{staticClass:"point-body"},[i("van-list",{attrs:{finished:t.finished,"finished-text":"没有更多了"},on:{load:t.onLoad},model:{value:t.loading,callback:function(e){t.loading=e},expression:"loading"}},t._l(t.list,function(e,n){return i("div",{key:n+e.name,staticClass:"point-list-cell border-box flex border-bottom-1"},[i("div",{staticClass:"point-list-cell_left flex-1"},[i("div",{staticClass:"list-cell_left_name font-15"},[t._v(t._s(e.name))]),i("div",{staticClass:"list-cell_left_brand font-12 m-t-6"},[t._v(t._s(e.brandName))]),i("div",{staticClass:"list-cell_left_date font-12 m-t-8"},[t._v(t._s(e.date))])]),i("div",{staticClass:"point-list-cell_right flex-1 text-right"},[i("div",{staticClass:"list-cell_right_num font-18 color-000"},[t._v("+"+t._s(e.point))])])])}),0)],1)])},o=[],s=i("bd86"),l=(i("68ef"),i("c0c2"),i("a142")),a={getScrollEventTarget:function(t,e){void 0===e&&(e=window);var i=t;while(i&&"HTML"!==i.tagName&&"BODY"!==i.tagName&&1===i.nodeType&&i!==e){var n=this.getComputedStyle(i),o=n.overflowY;if("scroll"===o||"auto"===o)return i;i=i.parentNode}return e},getScrollTop:function(t){return"scrollTop"in t?t.scrollTop:t.pageYOffset},setScrollTop:function(t,e){"scrollTop"in t?t.scrollTop=e:t.scrollTo(t.scrollX,e)},getElementTop:function(t){return(t===window?0:t.getBoundingClientRect().top)+this.getScrollTop(window)},getVisibleHeight:function(t){return t===window?t.innerHeight:t.getBoundingClientRect().height},getComputedStyle:!l["e"]&&document.defaultView.getComputedStyle.bind(document.defaultView)},c=i("543e"),r=i("db78"),d=Object(l["f"])("list"),h=d[0],f=d[1],u=d[2],g=h({model:{prop:"loading"},props:{error:Boolean,loading:Boolean,finished:Boolean,errorText:String,loadingText:String,finishedText:String,immediateCheck:{type:Boolean,default:!0},offset:{type:Number,default:300}},mounted:function(){this.scroller=a.getScrollEventTarget(this.$el),this.handler(!0),this.immediateCheck&&this.$nextTick(this.check)},destroyed:function(){this.handler(!1)},activated:function(){this.handler(!0)},deactivated:function(){this.handler(!1)},watch:{loading:function(){this.$nextTick(this.check)},finished:function(){this.$nextTick(this.check)}},methods:{check:function(){if(!(this.loading||this.finished||this.error)){var t=this.$el,e=this.scroller,i=a.getVisibleHeight(e);if(i&&"none"!==a.getComputedStyle(t).display&&null!==t.offsetParent){var n=a.getScrollTop(e),o=n+i,s=!1;if(t===e)s=e.scrollHeight-o<this.offset;else{var l=a.getElementTop(t)-a.getElementTop(e)+a.getVisibleHeight(t);s=l-i<this.offset}s&&(this.$emit("input",!0),this.$emit("load"))}}},clickErrorText:function(){this.$emit("update:error",!1),this.$nextTick(this.check)},handler:function(t){this.binded!==t&&(this.binded=t,(t?r["b"]:r["a"])(this.scroller,"scroll",this.check))}},render:function(t){return t("div",{class:f()},[this.$slots.default,this.loading&&t("div",{class:f("loading")},[this.$slots.loading||[t(c["a"],{class:f("loading-icon")}),t("span",{class:f("loading-text")},[this.loadingText||u("loading")])]]),this.finished&&this.finishedText&&t("div",{class:f("finished-text")},[this.finishedText]),this.error&&this.errorText&&t("div",{on:{click:this.clickErrorText},class:f("error-text")},[this.errorText])])}}),p=(i("cadf"),i("551c"),i("097d"),{name:"point",components:Object(s["a"])({},g.name,g),data:function(){return{pointNum:"10,000",list:[{name:"今日签到",brandName:"[MATERIAL GIRL]",date:"2018-12-06 10:32",point:"5"}],loading:!1,finished:!1}},computed:{},methods:{onLoad:function(){var t=this;setTimeout(function(){for(var e=0;e<10;e++);t.loading=!1,t.list.length>=40&&(t.finished=!0)},500)}}}),m=p,v=(i("d8f9"),i("2877")),T=Object(v["a"])(m,n,o,!1,null,"04a4aed0",null);T.options.__file="index.vue";e["default"]=T.exports},a61b:function(t,e,i){},c0c2:function(t,e,i){},d8f9:function(t,e,i){"use strict";var n=i("a61b"),o=i.n(n);o.a}}]);
+//# sourceMappingURL=chunk-005a12b8.a07cc9d2.js.map
\ No newline at end of file
--- a/dist/js/chunk-005a12b8.a07cc9d2.js.map
+++ b/dist/js/chunk-005a12b8.a07cc9d2.js.map
--- a/dist/js/chunk-06408486.d3b25901.js
+++ b/dist/js/chunk-06408486.d3b25901.js
+(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-06408486"],{"07e3":function(n,t){var e={}.hasOwnProperty;n.exports=function(n,t){return e.call(n,t)}},"1bc3":function(n,t,e){var r=e("f772");n.exports=function(n,t){if(!r(n))return n;var e,o;if(t&&"function"==typeof(e=n.toString)&&!r(o=e.call(n)))return o;if("function"==typeof(e=n.valueOf)&&!r(o=e.call(n)))return o;if(!t&&"function"==typeof(e=n.toString)&&!r(o=e.call(n)))return o;throw TypeError("Can't convert object to primitive value")}},"1ec9":function(n,t,e){var r=e("f772"),o=e("e53d").document,i=r(o)&&r(o.createElement);n.exports=function(n){return i?o.createElement(n):{}}},"294c":function(n,t){n.exports=function(n){try{return!!n()}catch(t){return!0}}},"35e8":function(n,t,e){var r=e("d9f6"),o=e("aebd");n.exports=e("8e60")?function(n,t,e){return r.f(n,t,o(1,e))}:function(n,t,e){return n[t]=e,n}},"3c69":function(n,t,e){"use strict";var r=e("2b0e"),o=e("a142"),i=Object.prototype.hasOwnProperty;function c(n,t,e){var r=t[e];!Object(o["c"])(r)||i.call(n,e)&&!Object(o["c"])(n[e])||(i.call(n,e)&&Object(o["d"])(r)?n[e]=u(Object(n[e]),t[e]):n[e]=r)}function u(n,t){return Object.keys(t).forEach(function(e){c(n,t,e)}),n}var a,f={name:"姓名",tel:"电话",save:"保存",confirm:"确认",cancel:"取消",delete:"删除",complete:"完成",loading:"加载中...",telEmpty:"请填写电话",nameEmpty:"请填写姓名",confirmDelete:"确定要删除么",telInvalid:"请填写正确的电话",vanContactCard:{addText:"添加联系人"},vanContactList:{addText:"新建联系人"},vanPagination:{prev:"上一页",next:"下一页"},vanPullRefresh:{pulling:"下拉即可刷新...",loosing:"释放即可刷新..."},vanSubmitBar:{label:"合计："},vanCoupon:{valid:"有效期",unlimited:"无使用门槛",discount:function(n){return n+"折"},condition:function(n){return"满"+n+"元可用"}},vanCouponCell:{title:"优惠券",tips:"使用优惠",count:function(n){return n+"张可用"}},vanCouponList:{empty:"暂无优惠券",exchange:"兑换",close:"不使用优惠",enable:"可使用优惠券",disabled:"不可使用优惠券",placeholder:"请输入优惠码"},vanAddressEdit:{area:"地区",postal:"邮政编码",areaEmpty:"请选择地区",addressEmpty:"请填写详细地址",postalEmpty:"邮政编码格式不正确",defaultAddress:"设为默认收货地址",telPlaceholder:"收货人手机号",namePlaceholder:"收货人姓名",areaPlaceholder:"选择省 / 市 / 区"},vanAddressEditDetail:{label:"详细地址",placeholder:"街道门牌、楼层房间号等信息"},vanAddressList:{add:"新增地址"}};e.d(t,"a",function(){return s}),e.d(t,"b",function(){return p});var s="zh-CN",l=r["a"].prototype,p=(a={},a[s]=f,a),d={install:function(){l.$vantLang||(r["a"].util.defineReactive(l,"$vantLang",s),r["a"].util.defineReactive(l,"$vantMessages",p))},use:function(n,t){var e;s=n,l.$vantLang=s,this.add((e={},e[s]=t,e))},add:function(n){void 0===n&&(n={}),u(l.$vantMessages,n)}};d.install()},"454f":function(n,t,e){e("46a7");var r=e("584a").Object;n.exports=function(n,t,e){return r.defineProperty(n,t,e)}},"46a7":function(n,t,e){var r=e("63b6");r(r.S+r.F*!e("8e60"),"Object",{defineProperty:e("d9f6").f})},"543e":function(n,t,e){"use strict";var r=e("a142"),o=Object(r["f"])("loading"),i=o[0],c=o[1],u="#c9c9c9";t["a"]=i({props:{size:String,type:{type:String,default:"circular"},color:{type:String,default:u}},render:function(n){var t=this.color,e=this.size,r=this.type,o="white"===t||"black"===t?t:"",i={color:"black"===t?u:t,width:e,height:e},a=[];if("spinner"===r)for(var f=0;f<12;f++)a.push(n("i"));var s="circular"===r&&n("svg",{class:c("circular"),attrs:{viewBox:"25 25 50 50"}},[n("circle",{attrs:{cx:"50",cy:"50",r:"20",fill:"none"}})]);return n("div",{class:c([r,o]),style:i},[n("span",{class:c("spinner",r)},[a,s])])}})},"584a":function(n,t){var e=n.exports={version:"2.6.2"};"number"==typeof __e&&(__e=e)},"63b6":function(n,t,e){var r=e("e53d"),o=e("584a"),i=e("d864"),c=e("35e8"),u=e("07e3"),a="prototype",f=function(n,t,e){var s,l,p,d=n&f.F,v=n&f.G,y=n&f.S,b=n&f.P,h=n&f.B,w=n&f.W,g=v?o:o[t]||(o[t]={}),m=g[a],j=v?r:y?r[t]:(r[t]||{})[a];for(s in v&&(e=t),e)l=!d&&j&&void 0!==j[s],l&&u(g,s)||(p=l?j[s]:e[s],g[s]=v&&"function"!=typeof j[s]?e[s]:h&&l?i(p,r):w&&j[s]==p?function(n){var t=function(t,e,r){if(this instanceof n){switch(arguments.length){case 0:return new n;case 1:return new n(t);case 2:return new n(t,e)}return new n(t,e,r)}return n.apply(this,arguments)};return t[a]=n[a],t}(p):b&&"function"==typeof p?i(Function.call,p):p,b&&((g.virtual||(g.virtual={}))[s]=p,n&f.R&&m&&!m[s]&&c(m,s,p)))};f.F=1,f.G=2,f.S=4,f.P=8,f.B=16,f.W=32,f.U=64,f.R=128,n.exports=f},"68ef":function(n,t,e){},"794b":function(n,t,e){n.exports=!e("8e60")&&!e("294c")(function(){return 7!=Object.defineProperty(e("1ec9")("div"),"a",{get:function(){return 7}}).a})},"79aa":function(n,t){n.exports=function(n){if("function"!=typeof n)throw TypeError(n+" is not a function!");return n}},"830c":function(n,t,e){"use strict";e("3c69");var r=e("a142"),o={type:Array,default:function(){return[]}},i={type:Number,default:0};function c(n){Object.keys(n).forEach(function(t){n[t]===Array?n[t]=o:n[t]===Number&&(n[t]=i)})}function u(n){var t=this.name;n.component(t,this),n.component(Object(r["a"])("-"+t),this)}t["a"]=function(n){return function(t){return t.name=n,t.install=u,t.props&&c(t.props),t}}},"85f2":function(n,t,e){n.exports=e("454f")},"8e60":function(n,t,e){n.exports=!e("294c")(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},a142:function(n,t,e){"use strict";var r=e("2b0e"),o=e("ce03"),i=e("830c"),c=e("3c69"),u=function(n){var t=v(n)+".";return function(n){for(var e=p(c["b"][c["a"]],t+n)||p(c["b"][c["a"]],n),r=arguments.length,o=new Array(r>1?r-1:0),i=1;i<r;i++)o[i-1]=arguments[i];return"function"===typeof e?e.apply(void 0,o):e}},a=function(n){return n="van-"+n,[Object(i["a"])(n),Object(o["a"])(n),u(n)]};e.d(t,"b",function(){return p}),e.d(t,"d",function(){return l}),e.d(t,"c",function(){return s}),e.d(t,"e",function(){return f}),e.d(t,"a",function(){return v}),e.d(t,"f",function(){return a});var f=r["a"].prototype.$isServer;function s(n){return void 0!==n&&null!==n}function l(n){var t=typeof n;return null!==n&&("object"===t||"function"===t)}function p(n,t){var e=t.split("."),r=n;return e.forEach(function(n){r=s(r[n])?r[n]:""}),r}var d=/-(\w)/g;function v(n){return n.replace(d,function(n,t){return t.toUpperCase()})}},aebd:function(n,t){n.exports=function(n,t){return{enumerable:!(1&n),configurable:!(2&n),writable:!(4&n),value:t}}},bd86:function(n,t,e){"use strict";e.d(t,"a",function(){return i});var r=e("85f2"),o=e.n(r);function i(n,t,e){return t in n?o()(n,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[t]=e,n}},ce03:function(n,t,e){"use strict";var r="__",o="--",i=function(n,t,e){return t?n+e+t:n},c=function n(t,e){if("string"===typeof e)return i(t,e,o);if(Array.isArray(e))return e.map(function(e){return n(t,e)});var r={};return e&&Object.keys(e).forEach(function(n){r[t+o+n]=e[n]}),r};t["a"]=function(n){return function(t,e){return t&&"string"!==typeof t&&(e=t,t=""),t=i(n,t,r),e?[t,c(t,e)]:t}}},d864:function(n,t,e){var r=e("79aa");n.exports=function(n,t,e){if(r(n),void 0===t)return n;switch(e){case 1:return function(e){return n.call(t,e)};case 2:return function(e,r){return n.call(t,e,r)};case 3:return function(e,r,o){return n.call(t,e,r,o)}}return function(){return n.apply(t,arguments)}}},d9f6:function(n,t,e){var r=e("e4ae"),o=e("794b"),i=e("1bc3"),c=Object.defineProperty;t.f=e("8e60")?Object.defineProperty:function(n,t,e){if(r(n),t=i(t,!0),r(e),o)try{return c(n,t,e)}catch(u){}if("get"in e||"set"in e)throw TypeError("Accessors not supported!");return"value"in e&&(n[t]=e.value),n}},db78:function(n,t,e){"use strict";e.d(t,"b",function(){return c}),e.d(t,"a",function(){return u});var r=e("a142"),o=!1;if(!r["e"])try{var i={};Object.defineProperty(i,"passive",{get:function(){o=!0}}),window.addEventListener("test-passive",null,i)}catch(a){}function c(n,t,e,i){void 0===i&&(i=!1),!r["e"]&&n.addEventListener(t,e,!!o&&{capture:!1,passive:i})}function u(n,t,e){!r["e"]&&n.removeEventListener(t,e)}},e4ae:function(n,t,e){var r=e("f772");n.exports=function(n){if(!r(n))throw TypeError(n+" is not an object!");return n}},e53d:function(n,t){var e=n.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=e)},f772:function(n,t){n.exports=function(n){return"object"===typeof n?null!==n:"function"===typeof n}}}]);
+//# sourceMappingURL=chunk-06408486.d3b25901.js.map
\ No newline at end of file
--- a/dist/js/chunk-06408486.d3b25901.js.map
+++ b/dist/js/chunk-06408486.d3b25901.js.map
--- a/dist/js/chunk-2d0b610a.4d34e383.js
+++ b/dist/js/chunk-2d0b610a.4d34e383.js
+(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-2d0b610a"],{"1c24":function(n,e,t){"use strict";t.r(e);var c=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div")},a=[],o=(t("cadf"),t("551c"),t("097d"),{name:"cards",components:{},data:function(){return{}},computed:{},methods:{}}),u=o,d=t("2877"),s=Object(d["a"])(u,c,a,!1,null,"c237136a",null);s.options.__file="index.vue";e["default"]=s.exports}}]);
+//# sourceMappingURL=chunk-2d0b610a.4d34e383.js.map
\ No newline at end of file
--- a/dist/js/chunk-2d0b610a.4d34e383.js.map
+++ b/dist/js/chunk-2d0b610a.4d34e383.js.map
+{"version":3,"sources":["webpack:///./src/view/cards/index.vue?0987","webpack:///src/view/cards/index.vue","webpack:///./src/view/cards/index.vue?19b7","webpack:///./src/view/cards/index.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticRenderFns","cardsvue_type_script_lang_js_","name","components","data","computed","methods","view_cardsvue_type_script_lang_js_","component","Object","componentNormalizer","options","__file","__webpack_exports__"],"mappings":"yHAAA,IAAAA,EAAA,WAA0B,IAAAC,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,QACzFE,EAAA,GCOAC,iCAAA,CACAC,KAAA,QACAC,WAAA,GAIAC,KANA,WAOA,UAKAC,SAAA,GAIAC,QAAA,KCxB8VC,EAAA,cCO9VC,EAAgBC,OAAAC,EAAA,KAAAD,CACdF,EACAd,EACAO,GACF,EACA,KACA,WACA,MAIAQ,EAAAG,QAAAC,OAAA,YACeC,EAAA,WAAAL","file":"js/chunk-2d0b610a.4d34e383.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div')}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    \r\n  </div>\r\n</template>\r\n\r\n<script>\r\n\r\nexport default {\r\n  name: \"cards\",\r\n  components: {\r\n    \r\n  },\r\n\r\n  data() {\r\n    return {\r\n      \r\n    };\r\n  },\r\n\r\n  computed: {\r\n    \r\n  },\r\n\r\n  methods: {\r\n    \r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=c237136a&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"c237136a\",\n  null\n  \n)\n\ncomponent.options.__file = \"index.vue\"\nexport default component.exports"],"sourceRoot":""}
\ No newline at end of file
--- a/dist/js/chunk-2d0c1729.c76dbe47.js
+++ b/dist/js/chunk-2d0c1729.c76dbe47.js
+(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-2d0c1729"],{"45a3":function(e,n,t){"use strict";t.r(n);var c=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("div")},o=[],d=(t("cadf"),t("551c"),t("097d"),{name:"record",components:{},data:function(){return{}},computed:{},methods:{}}),u=d,a=t("2877"),r=Object(a["a"])(u,c,o,!1,null,"7d8b6b35",null);r.options.__file="index.vue";n["default"]=r.exports}}]);
+//# sourceMappingURL=chunk-2d0c1729.c76dbe47.js.map
\ No newline at end of file
--- a/dist/js/chunk-2d0c1729.c76dbe47.js.map
+++ b/dist/js/chunk-2d0c1729.c76dbe47.js.map
+{"version":3,"sources":["webpack:///./src/view/record/index.vue?0d3a","webpack:///src/view/record/index.vue","webpack:///./src/view/record/index.vue?c0b7","webpack:///./src/view/record/index.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticRenderFns","recordvue_type_script_lang_js_","name","components","data","computed","methods","view_recordvue_type_script_lang_js_","component","Object","componentNormalizer","options","__file","__webpack_exports__"],"mappings":"yHAAA,IAAAA,EAAA,WAA0B,IAAAC,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,QACzFE,EAAA,GCOAC,iCAAA,CACAC,KAAA,SACAC,WAAA,GAIAC,KANA,WAOA,UAKAC,SAAA,GAIAC,QAAA,KCxB8VC,EAAA,cCO9VC,EAAgBC,OAAAC,EAAA,KAAAD,CACdF,EACAd,EACAO,GACF,EACA,KACA,WACA,MAIAQ,EAAAG,QAAAC,OAAA,YACeC,EAAA,WAAAL","file":"js/chunk-2d0c1729.c76dbe47.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div')}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    \r\n  </div>\r\n</template>\r\n\r\n<script>\r\n\r\nexport default {\r\n  name: \"record\",\r\n  components: {\r\n    \r\n  },\r\n\r\n  data() {\r\n    return {\r\n      \r\n    };\r\n  },\r\n\r\n  computed: {\r\n    \r\n  },\r\n\r\n  methods: {\r\n    \r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=7d8b6b35&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7d8b6b35\",\n  null\n  \n)\n\ncomponent.options.__file = \"index.vue\"\nexport default component.exports"],"sourceRoot":""}
\ No newline at end of file
--- a/dist/js/chunk-6a96a58c.a3ce6cc2.js
+++ b/dist/js/chunk-6a96a58c.a3ce6cc2.js
--- a/dist/js/chunk-6a96a58c.a3ce6cc2.js.map
+++ b/dist/js/chunk-6a96a58c.a3ce6cc2.js.map
--- a/dist/js/chunk-vendors.199a1424.js
+++ b/dist/js/chunk-vendors.199a1424.js
--- a/dist/js/chunk-vendors.199a1424.js.map
+++ b/dist/js/chunk-vendors.199a1424.js.map
--- a/package.json
+++ b/package.json
+{
+  "name": "wechat-web",
+  "version": "1.0.0",
+  "description": "wechat-web",
+  "author": "<chenjiahan@youzan.com>",
+  "license": "MIT",
+  "scripts": {
+    "serve": "vue-cli-service serve",
+    "build": "vue-cli-service build",
+    "lint": "vue-cli-service lint"
+  },
+  "dependencies": {
+    "amfe-flexible": "^2.2.1",
+    "jsbarcode": "^3.6.0",
+    "vant": "^1.4.1",
+    "vue": "^2.5.17",
+    "vue-router": "^3.0.1"
+  },
+  "devDependencies": {
+    "@vue/cli-plugin-babel": "^3.0.1",
+    "@vue/cli-plugin-eslint": "^3.0.1",
+    "@vue/cli-service": "^3.0.1",
+    "babel-plugin-import": "^1.8.0",
+    "postcss-pxtorem": "^4.0.1",
+    "less": "^3.8.1",
+    "less-loader": "^4.1.0",
+    "vue-template-compiler": "^2.5.17"
+  },
+  "eslintConfig": {
+    "root": true,
+    "env": {
+      "node": true
+    },
+    "extends": [
+      "plugin:vue/essential",
+      "eslint:recommended"
+    ],
+    "rules": {},
+    "parserOptions": {
+      "parser": "babel-eslint"
+    }
+  },
+  "postcss": {
+    "plugins": {
+      "autoprefixer": {}
+    }
+  },
+  "browserslist": [
+    "Android >= 4.0",
+    "iOS >= 7"
+  ]
+}
--- a/public/favicon.ico
+++ b/public/favicon.ico
--- a/public/index.html
+++ b/public/index.html
+<!DOCTYPE html>
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
+  <link rel="icon" href="<%= BASE_URL %>favicon.ico">
+  <title>达摩</title>
+</head>
+
+<body>
+  <div id="app"></div>
+</body>
+
+</html>
\ No newline at end of file
--- a/src/App.vue
+++ b/src/App.vue
+<template>
+  <div id="app">
+    <router-view />
+  </div>
+</template>
+
+<style>
+body {
+  font-size: 16px;
+  background-color: #fff;
+  -webkit-font-smoothing: antialiased;
+}
+</style>
--- a/src/api/request.js
+++ b/src/api/request.js
+import axios from 'axios';
+import store from '@/store';
+
+let local = window.location.origin;
+if (local.indexOf('localhost') != -1) {
+  local = 'http://www.gicdev.com';
+}
+
+// 创建axios 实例
+const service = axios.create({
+  baseURL: local, // api的base_url
+  timeout: 20000 // 请求超时时间
+})
+
+// request 拦截器
+service.interceptors.request.use(
+  config => {
+    // 这里可以自定义一些config 配置
+
+    // loading + 1
+    store.dispatch('SetLoading', true);
+
+    return config;
+  },
+  error => {
+    //  这里处理一些请求出错的情况
+
+    // loading 清 0
+    setTimeout(function() {
+      store.dispatch('SetLoading', 0);
+    }, 300)
+
+    console.log(error)
+    Promise.reject(error);
+  }
+)
+
+// response 拦截器
+service.interceptors.response.use(
+  response => {
+    const res = response.data
+      // 这里处理一些response 正常放回时的逻辑
+
+    // loading - 1
+    store.dispatch('SetLoading', false)
+
+    return res
+  },
+  error => {
+    // 这里处理一些response 出错时的逻辑
+
+    // loading - 1
+    store.dispatch('SetLoading', false)
+
+    return Promise.reject(error)
+  }
+)
+
+export default service
\ No newline at end of file
--- a/src/assets/css/common.css
+++ b/src/assets/css/common.css
+* {
+  margin: 0;
+  padding: 0;
+}
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+menu,
+nav,
+section {
+  display: block;
+}
+
+li {
+  list-style: none;
+}
+
+a {
+  text-decoration: none;
+}
+
+/* 浮动 */
+
+.fl {
+  float: left;
+}
+
+.fr {
+  float: right;
+}
+
+.clearfix:before,
+.clearfix:after {
+  display: block;
+  visibility: hidden;
+  height: 0;
+  content: "";
+  clear: both;
+}
+
+.clearfix {
+  zoom: 1;
+}
+
+.text-center {
+  text-align: center;
+}
+
+.text-right {
+  text-align: right;
+}
+
+.text-ellipsis {
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+
+.over-hide {
+  overflow: hidden;
+}
+
+.border-box {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+
+/* display */
+
+.inline-block {
+  display: inline-block;
+}
+
+.block {
+  display: block;
+}
+
+.top {
+  vertical-align: top;
+}
+
+.middle {
+  vertical-align: middle;
+}
+
+/* flex */
+
+.flex {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+}
+
+.flex-1 {
+  -webkit-box-flex: 1;
+  -webkit-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+}
+
+.flex-row {
+  -webkit-flex-direction: row;
+  -moz-flex-direction: row;
+  -ms-flex-direction: row;
+  -o-flex-direction: row;
+  flex-direction: row;
+}
+
+.flex-column {
+  -webkit-flex-direction: column;
+  -moz-flex-direction: column;
+  -ms-flex-direction: column;
+  -o-flex-direction: column;
+  flex-direction: column;
+}
+
+.flex-align-center {
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.flex-pack-center {
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+}
+
+.max-80 {
+  max-width: 80px;
+}
+
+/* 字体大小 */
+
+.font-12 {
+  font-size: 12px;
+}
+
+.font-13 {
+  font-size: 13px;
+}
+
+.font-14 {
+  font-size: 14px;
+}
+
+.font-15 {
+  font-size: 15px;
+}
+
+.font-16 {
+  font-size: 16px;
+}
+
+.font-18 {
+  font-size: 18px;
+}
+
+.font-20 {
+  font-size: 20px;
+}
+
+.font-50 {
+  font-size: 50px;
+}
+
+.color-232326 {
+  color: #232326;
+}
+
+.color-848689 {
+  color: #848689;
+}
+
+.color-cfa972 {
+  color: #CFA972;
+}
+
+.color-666 {
+  color: #666;
+}
+
+.color-000 {
+  color: #000;
+}
+
+.bg-f4f5f6 {
+  background: #f4f5f6;
+}
+
+.bg-fff {
+  background: #fff;
+}
+
+.m-t-6 {
+  margin-top: 6px;
+}
+
+.m-t-8 {
+  margin-top: 8px;
+}
+
+.padding-lr-12 {
+  padding: 0 12px;
+}
+
+.border-right-1 {
+  position: relative;
+}
+
+.border-right-1::after {
+  content: " ";
+  position: absolute;
+  right: 0;
+  top: 0;
+  width: 1px;
+  height: 100%;
+  border-right: 1px solid #D9D9D9;
+  color: #D9D9D9;
+  -webkit-transform-origin: 0 100%;
+  transform-origin: 0 100%;
+  -webkit-transform: scaleX(0.5);
+  transform: scaleX(0.5);
+}
+
+.border-left-1 {
+  position: relative;
+}
+
+.border-left-1::after {
+  content: " ";
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 1px;
+  height: 100%;
+  border-left: 1px solid #D9D9D9;
+  color: #D9D9D9;
+  -webkit-transform-origin: 0 100%;
+  transform-origin: 0 100%;
+  -webkit-transform: scaleX(0.5);
+  transform: scaleX(0.5);
+}
+
+.border-top-1 {
+  position: relative;
+}
+
+.border-top-1:after {
+  content: " ";
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 1px;
+  border-top: 1px solid #D5D5D6;
+  color: #D5D5D6;
+  -webkit-transform-origin: 0 0;
+  transform-origin: 0 0;
+  -webkit-transform: scaleY(0.5);
+  transform: scaleY(0.5);
+}
+
+.border-bottom-1 {
+  position: relative;
+}
+
+.border-bottom-1:after {
+  content: " ";
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  height: 1px;
+  border-top: 1px solid #D5D5D6;
+  color: #D5D5D6;
+  -webkit-transform-origin: 0 0;
+  transform-origin: 0 0;
+  -webkit-transform: scaleY(0.5);
+  transform: scaleY(0.5);
+}
+
+/* 弹窗 */
+
+.qrcode-mask {
+  position: fixed;
+  z-index: 1;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background: rgba(0, 0, 0, 0.6);
+}
+
+.qrcode-dialog {
+  position: fixed;
+  z-index: 13;
+  width: 85%;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
+  background-color: #FAFAFC;
+  text-align: center;
+  border-radius: 3px;
+}
+
+/* 三角 */
+
+.triangle-up {
+  position: absolute;
+  left: 50%;
+  margin-left: -5px;
+  width: 0;
+  height: 0;
+  border-left: 5px solid transparent;
+  border-right: 5px solid transparent;
+  border-bottom: 10px solid #666;
+}
--- a/src/assets/css/index.css
+++ b/src/assets/css/index.css
+/* logo */
+
+.clique-logo {
+  width: 100%;
+  padding-top: 20px;
+  text-align: center;
+}
+
+.clique-logo img {
+  width: 50%;
+}
+
+
+/* 条形码 */
+
+.clique-qrcode {
+  padding: 0 22px;
+}
+
+#barcode {
+  width: 100%;
+  /* height: 60px; */
+}
+
+.clique-qrcode p {
+  text-align: center;
+}
+
+
+/* 菜单 */
+
+.clique-menu {
+  width: 100%;
+  padding: 20px 0;
+}
+
+.clique-menu-cell:after {
+  top: 9px;
+  height: 63%;
+}
+
+.clique-menu p {
+  text-align: center;
+}
+
+
+/* 品牌 logo */
+
+.clique-brand {
+  width: 100%;
+  overflow: hidden;
+}
+
+.clique-brand-logo {
+  float: left;
+  width: 33.333333%;
+  min-width: 33.333333%;
+  max-width: 33.333333%;
+  border-left: 1px solid #fff;
+  border-bottom: 1px solid #fff;
+  overflow: hidden;
+  font-size: 0;
+}
+
+.clique-brand-logo.half {
+  width: 50%;
+  min-width: 50%;
+  max-width: 50%;
+}
+
+.b-l-1 {
+  border-left: 1px solid #f0f0f0;
+}
+
+.clique-brand-logo_a {
+  display: block;
+}
+
+.clique-brand-logo img {
+  width: 100%;
+}
+
+.logo-more {
+  color: #232326;
+}
+
+.p-tips {
+  width: 100%;
+  height: 54px;
+  line-height: 54px;
+  padding: 0 16px;
+}
\ No newline at end of file
--- a/src/assets/font/demo.css
+++ b/src/assets/font/demo.css
+/* Logo 字体 */
+@font-face {
+  font-family: "iconfont logo";
+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
+}
+
+.logo {
+  font-family: "iconfont logo";
+  font-size: 160px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+/* tabs */
+.nav-tabs {
+  position: relative;
+}
+
+.nav-tabs .nav-more {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  height: 42px;
+  line-height: 42px;
+  color: #666;
+}
+
+#tabs {
+  border-bottom: 1px solid #eee;
+}
+
+#tabs li {
+  cursor: pointer;
+  width: 100px;
+  height: 40px;
+  line-height: 40px;
+  text-align: center;
+  font-size: 16px;
+  border-bottom: 2px solid transparent;
+  position: relative;
+  z-index: 1;
+  margin-bottom: -1px;
+  color: #666;
+}
+
+
+#tabs .active {
+  border-bottom-color: #f00;
+  color: #222;
+}
+
+.tab-container .content {
+  display: none;
+}
+
+/* 页面布局 */
+.main {
+  padding: 30px 100px;
+  width: 960px;
+  margin: 0 auto;
+}
+
+.main .logo {
+  color: #333;
+  text-align: left;
+  margin-bottom: 30px;
+  line-height: 1;
+  height: 110px;
+  margin-top: -50px;
+  overflow: hidden;
+  *zoom: 1;
+}
+
+.main .logo a {
+  font-size: 160px;
+  color: #333;
+}
+
+.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;
+  overflow: hidden;
+  *zoom: 1;
+}
+
+.icon_lists li {
+  width: 100px;
+  margin-bottom: 10px;
+  margin-right: 20px;
+  text-align: center;
+  list-style: none !important;
+  cursor: default;
+}
+
+.icon_lists li .code-name {
+  line-height: 1.2;
+}
+
+.icon_lists .icon {
+  display: block;
+  height: 100px;
+  line-height: 100px;
+  font-size: 42px;
+  margin: 10px auto;
+  color: #333;
+  -webkit-transition: font-size 0.25s linear, width 0.25s linear;
+  -moz-transition: font-size 0.25s linear, width 0.25s linear;
+  transition: font-size 0.25s linear, width 0.25s linear;
+}
+
+.icon_lists .icon:hover {
+  font-size: 100px;
+}
+
+.icon_lists .svg-icon {
+  /* 通过设置 font-size 来改变图标大小 */
+  width: 1em;
+  /* 图标和文字相邻时，垂直对齐 */
+  vertical-align: -0.15em;
+  /* 通过设置 color 来改变 SVG 的颜色/fill */
+  fill: currentColor;
+  /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
+      normalize.css 中也包含这行 */
+  overflow: hidden;
+}
+
+.icon_lists li .name,
+.icon_lists li .code-name {
+  color: #666;
+}
+
+/* markdown 样式 */
+.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 {
+  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 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;
+}
+
+.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;
+}
+
+/* 代码高亮 */
+/* PrismJS 1.15.0
+https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+  color: black;
+  background: none;
+  text-shadow: 0 1px white;
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  line-height: 1.5;
+
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  tab-size: 4;
+
+  -webkit-hyphens: none;
+  -moz-hyphens: none;
+  -ms-hyphens: none;
+  hyphens: none;
+}
+
+pre[class*="language-"]::-moz-selection,
+pre[class*="language-"] ::-moz-selection,
+code[class*="language-"]::-moz-selection,
+code[class*="language-"] ::-moz-selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+
+pre[class*="language-"]::selection,
+pre[class*="language-"] ::selection,
+code[class*="language-"]::selection,
+code[class*="language-"] ::selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+
+@media print {
+
+  code[class*="language-"],
+  pre[class*="language-"] {
+    text-shadow: none;
+  }
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+  padding: 1em;
+  margin: .5em 0;
+  overflow: auto;
+}
+
+:not(pre)>code[class*="language-"],
+pre[class*="language-"] {
+  background: #f5f2f0;
+}
+
+/* Inline code */
+:not(pre)>code[class*="language-"] {
+  padding: .1em;
+  border-radius: .3em;
+  white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: slategray;
+}
+
+.token.punctuation {
+  color: #999;
+}
+
+.namespace {
+  opacity: .7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+  color: #905;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: #690;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+  color: #9a6e3a;
+  background: hsla(0, 0%, 100%, .5);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+  color: #07a;
+}
+
+.token.function,
+.token.class-name {
+  color: #DD4A68;
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+  color: #e90;
+}
+
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+
+.token.italic {
+  font-style: italic;
+}
+
+.token.entity {
+  cursor: help;
+}
--- a/src/assets/font/demo_index.html
+++ b/src/assets/font/demo_index.html
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8"/>
+  <title>IconFont Demo</title>
+  <link rel="shortcut icon" href="https://gtms04.alicdn.com/tps/i4/TB1_oz6GVXXXXaFXpXXJDFnIXXX-64-64.ico" type="image/x-icon"/>
+  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
+  <link rel="stylesheet" href="demo.css">
+  <link rel="stylesheet" href="iconfont.css">
+  <script src="iconfont.js"></script>
+  <!-- jQuery -->
+  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
+  <!-- 代码高亮 -->
+  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
+</head>
+<body>
+  <div class="main">
+    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">&#xe86b;</a></h1>
+    <div class="nav-tabs">
+      <ul id="tabs" class="dib-box">
+        <li class="dib active"><span>Unicode</span></li>
+        <li class="dib"><span>Font class</span></li>
+        <li class="dib"><span>Symbol</span></li>
+      </ul>
+      
+      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=984834" target="_blank" class="nav-more">查看项目</a>
+      
+    </div>
+    <div class="tab-container">
+      <div class="content unicode" style="display: block;">
+          <ul class="icon_lists dib-box">
+          
+            <li class="dib">
+              <span class="icon font_family">&#xe7ac;</span>
+                <div class="name">qiaquan-2</div>
+                <div class="code-name">&amp;#xe7ac;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon font_family">&#xe7ad;</span>
+                <div class="name">jifenshangcheng-2</div>
+                <div class="code-name">&amp;#xe7ad;</div>
+              </li>
+          
+          </ul>
+          <div class="article markdown">
+          <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">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
+<pre><code class="language-css"
+>@font-face {
+  font-family: 'font_family';
+  src: url('iconfont.eot');
+  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
+      url('iconfont.woff2') format('woff2'),
+      url('iconfont.woff') format('woff'),
+      url('iconfont.ttf') format('truetype'),
+      url('iconfont.svg#font_family') format('svg');
+}
+</code></pre>
+          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
+<pre><code class="language-css"
+>.font_family {
+  font-family: "font_family" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+</code></pre>
+          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
+<pre>
+<code class="language-html"
+>&lt;span class="font_family"&gt;&amp;#x33;&lt;/span&gt;
+</code></pre>
+          <blockquote>
+            <p>"font_family" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
+          </blockquote>
+          </div>
+      </div>
+      <div class="content font-class">
+        <ul class="icon_lists dib-box">
+          
+          <li class="dib">
+            <span class="icon font_family icon-qiaquan-"></span>
+            <div class="name">
+              qiaquan-2
+            </div>
+            <div class="code-name">.icon-qiaquan-
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon font_family icon-jifenshangcheng-"></span>
+            <div class="name">
+              jifenshangcheng-2
+            </div>
+            <div class="code-name">.icon-jifenshangcheng-
+            </div>
+          </li>
+          
+        </ul>
+        <div class="article markdown">
+        <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="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
+</code></pre>
+        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
+<pre><code class="language-html">&lt;span class="font_family icon--xxx"&gt;&lt;/span&gt;
+</code></pre>
+        <blockquote>
+          <p>"
+            font_family" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
+        </blockquote>
+      </div>
+      </div>
+      <div class="content symbol">
+          <ul class="icon_lists dib-box">
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-qiaquan-"></use>
+                </svg>
+                <div class="name">qiaquan-2</div>
+                <div class="code-name">#icon-qiaquan-</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-jifenshangcheng-"></use>
+                </svg>
+                <div class="name">jifenshangcheng-2</div>
+                <div class="code-name">#icon-jifenshangcheng-</div>
+            </li>
+          
+          </ul>
+          <div class="article markdown">
+          <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="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
+</code></pre>
+          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
+<pre><code class="language-html">&lt;style&gt;
+.icon {
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.15em;
+  fill: currentColor;
+  overflow: hidden;
+}
+&lt;/style&gt;
+</code></pre>
+          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
+<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
+  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
+&lt;/svg&gt;
+</code></pre>
+          </div>
+      </div>
+
+    </div>
+  </div>
+  <script>
+  $(document).ready(function () {
+      $('.tab-container .content:first').show()
+
+      $('#tabs li').click(function (e) {
+        var tabContent = $('.tab-container .content')
+        var index = $(this).index()
+
+        if ($(this).hasClass('active')) {
+          return
+        } else {
+          $('#tabs li').removeClass('active')
+          $(this).addClass('active')
+
+          tabContent.hide().eq(index).fadeIn()
+        }
+      })
+    })
+  </script>
+</body>
+</html>
--- a/src/assets/font/iconfont.css
+++ b/src/assets/font/iconfont.css
+@font-face {font-family: "font_family";
+  src: url('iconfont.eot?t=1548147637403'); /* IE9 */
+  src: url('iconfont.eot?t=1548147637403#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAARkAAsAAAAACKgAAAQWAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCfgqEZINzATYCJAMMCwgABCAFhREHRRtkB8i+QAZyq+4gXYxFQ+E8mxMmoLck0Lf42H+9EURj6ezdhUEBQUmxjIovKhYO0ZhUCUSFFkjW//D7y3egBihJyTylkYn+u4nnNrDLSUhrt6T9n7OMWKGLmxq7HaJCu+W1KX4ooDKn7/mrAq5str7vv9HUcG5wkS00bcMy6UAjPzwsfE3U5iTAagH+D11Tvw5XAv8bgEamVXuF8YAiAiMFI3GAOPYtsos4g5c1m0C9Pi5g+yLfv6CtQI0CcVJlE7RzaqWBFmpl1UDPIu4DatMN+GsA7oX3j79gF1iSqgy13DzxYML1T/1HI87/gxwCnOmM0PqRMQMoxBZo3lSLvTMQ6h1z3Uhz5SL42f/5WZy92T88QiKqIXGjCCZE6Yo4lHNpHFEtyWiuX41aPAf4LoDOlYqy7Eyl2+Lo2PxOpwSt+wx/VGs3iq/vZg5jEb44TqvzbaquyzF+02V8yrBJaLi1TsitZa3FoWg1Y4SwfTxz3GFW/EgXR6FzShjFdy7ix5ZPdl4wxhZcncyiVUd4ZkLPSn6nVsNJHSPcYi3xWphJwynLE5wxnzYCMRmY9fM3RjS0ajulM6X8dq6Os5KJj6+kU9cMnzpnyvolIdZvU7NPaNL4YK+SfHMClpucr0sHi6Z0fjyXGKy+vduyo0u03ZL/z/9HhgcKGRfnhr7Jvd4pR9FHH5+oz2HsdjJlRykrGNaBIDVV/tTzi60vbcH993rF1tvqiHd0cqqQ31fKwLYw3yLRsY239xZPe/pyxZ6O9NDYCkl0DLS21kaoPoyJlmtrq1B3k+y+19pqaUlLLAuvhknv5RXoAJcPrVnRUSccGoD43gLIpDdoIYEVHhroE+dFP40lQeF3JtxafNxpgTN/SlhgsAfOShBd//xndeQVi/9I/hdukAeFMvKG0ED6GESOaXhR5/WxAnkAlWvfEASgovYPIX73dzy8R88d7ba0Gwr4FD/DOhV1+SQAtS/EEvxcTseC4vKQJhebTdm+JTufcUqITN2mErK3ux8u7eocT2jQleJJjQE8azAOF7AEV4E9cDU4hNeblti/QYcmNVHqMGVAwEO3bTxp9gHPuj3ABVigKlIQ4Gogw+ttxfqIDcaiB7+3jClhEwtqUVWolUVUSZd9eLRIuqL8YDsVFJUSk0t/OIpdrdDTzQMIPLHiaLo25VX2rqLCQnmZlhjZYj4WQmNJmfbYSFbKiiQ4uLvLIcWqUNwBdO0VYSTBTKhACakYNMXiwsTnxfAxnEgu4T7OB2ZLCSRqzgAI/8EischqKA/y5MajG/wkVl1TbnGcchnbToWEBclFgl9CkZNUY4KgoRK4mocZEivKAe7AgTsuJe8qXh1eKt+4kJgBWjVHihxF7TkVhSmpJVWtsljFDinbcJiZlgAAAAA=') format('woff2'),
+  url('iconfont.woff?t=1548147637403') format('woff'),
+  url('iconfont.ttf?t=1548147637403') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
+  url('iconfont.svg?t=1548147637403#font_family') format('svg'); /* iOS 4.1- */
+}
+
+.font_family {
+  font-family: "font_family" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-qiaquan-:before {
+  content: "\e7ac";
+}
+
+.icon-jifenshangcheng-:before {
+  content: "\e7ad";
+}
+
--- a/src/assets/font/iconfont.eot
+++ b/src/assets/font/iconfont.eot
--- a/src/assets/font/iconfont.js
+++ b/src/assets/font/iconfont.js
+!function(d){var e,i='<svg><symbol id="icon-qiaquan-" viewBox="0 0 1024 1024"><path d="M428.032 980.48c-24.064 0-47.104-9.728-65.024-27.648l-44.544-44.544-10.752-10.752c-21.504-21.504-25.6-45.568-13.312-73.216 9.728-22.016 9.728-46.08-1.024-66.56-10.24-20.48-30.208-34.816-53.248-39.424-3.072-0.512-6.144-1.024-9.216-1.024l-4.096-0.512-0.512-1.536h-0.512c-3.072 1.024-6.144 1.536-9.216 2.56-7.168 2.048-14.336 3.584-20.992 6.656-10.24 4.096-19.968 6.656-29.184 6.656-16.384 0-30.72-6.656-44.032-19.968l-10.24-10.24-44.544-44.544c-37.888-37.888-37.888-93.184 0-130.56 154.624-155.136 309.76-310.784 465.408-465.92 18.432-18.432 41.472-28.16 65.536-28.16 24.064 0 47.104 10.24 65.536 28.16l43.52 43.52 10.752 10.752c21.504 21.504 26.112 45.568 12.8 73.728-11.264 24.064-9.216 51.2 4.608 73.216 13.824 21.504 36.864 34.304 62.464 34.304h3.072c8.704-0.512 18.944-3.072 30.208-7.68 10.24-4.608 19.968-6.656 29.184-6.656 16.384 0 30.72 6.656 44.032 19.968l10.752 10.752 44.032 44.032c37.888 37.888 37.888 93.184 0 130.56l-466.944 466.944c-17.408 17.408-40.448 27.136-64.512 27.136z m-201.728-323.072c5.632 0 11.776 0.512 17.408 1.024 42.496 5.632 79.36 30.208 100.352 67.584 20.992 37.376 23.04 81.92 5.632 121.344-1.536 4.096-1.536 6.144 1.536 9.216 12.8 12.8 26.112 25.6 37.376 37.376l13.824 13.824c8.704 8.704 16.896 12.8 25.088 12.8 8.192 0 16.384-4.096 25.088-12.8 0 0 407.552-407.552 463.36-463.872 15.36-15.36 15.36-32.256 0-47.104l-16.896-16.896-35.84-35.84c-1.024-1.024-2.56-2.56-5.12-2.56-1.024 0-2.048 0.512-3.584 1.024-17.92 8.192-36.864 12.8-55.808 12.8-3.072 0-5.12-0.512-7.68-0.512l-15.36-1.536c-41.984-7.68-77.312-32.768-96.768-69.632-19.456-36.864-20.992-80.384-3.584-119.296 1.536-4.096 1.536-6.144-1.536-9.216-11.776-11.776-24.064-23.552-35.328-35.328l-16.896-16.896c-7.68-7.168-15.872-11.264-23.552-11.264-8.192 0-16.384 4.096-23.552 11.264C419.84 258.048 265.216 412.672 110.08 567.808c-15.36 15.36-15.36 31.744 0 47.104l18.432 18.432 33.792 33.792c1.536 1.536 3.072 3.072 5.632 3.072 1.024 0 2.56-0.512 4.096-1.024 17.408-8.192 35.328-11.776 54.272-11.776z" fill="#262435" ></path><path d="M491.52 685.568c-7.68 0-15.36-3.072-20.992-9.216-12.288-12.288-11.776-30.72 1.536-43.52l106.496-106.496 34.816-34.816 7.168-7.168 1.024-1.024 20.48-20.48c6.144-5.632 12.8-8.192 19.968-8.192 4.096 0 8.192 1.024 12.8 2.56 11.264 4.608 17.408 13.824 17.92 26.112 0 9.728-3.072 16.896-9.216 23.04l-45.056 45.056c-41.472 41.472-82.944 82.944-124.416 123.904-6.144 6.656-14.336 10.24-22.528 10.24z m-128.512-128c-12.288-1.024-20.992-6.656-25.6-16.896-5.12-10.24-4.608-20.992 2.048-30.72 1.536-2.56 3.584-4.608 5.632-6.656l67.072-67.072 98.816-98.816c7.68-7.68 14.848-11.264 23.04-11.264 2.56 0 5.12 0.512 7.68 1.024 10.24 2.56 17.92 9.728 21.504 19.456 3.072 9.728 1.024 20.48-5.12 28.672-1.024 1.536-2.56 2.56-3.584 4.096l-50.176 50.176-117.248 117.248c-6.656 6.656-14.336 10.24-23.552 10.752h-0.512z" fill="#262435" ></path></symbol><symbol id="icon-jifenshangcheng-" viewBox="0 0 1024 1024"><path d="M1003.52 349.184c0-70.144-57.856-127.488-129.536-127.488h-287.744l147.968-145.408c13.312-12.8 13.312-33.792 0-46.592-12.8-12.8-34.304-12.8-47.104 0L510.976 202.752 337.408 31.744c-13.312-12.8-34.304-12.8-47.104 0-12.8 12.288-13.312 33.28-0.512 46.08l0.512 0.512 145.92 143.36H150.016C78.336 221.696 20.48 279.04 20.48 349.184c0 62.976 46.592 114.688 107.008 125.44v431.104c0 54.272 40.448 98.816 90.624 98.816h587.264c50.176 0 90.624-44.032 90.624-98.816V474.112c60.928-10.24 107.52-62.464 107.52-124.928z m-916.48 0c0-33.792 28.16-61.44 62.464-61.44h328.704v123.392H150.016C115.2 410.624 87.04 382.976 87.04 349.184z m718.336 588.8H218.624c-12.8 0-24.064-15.36-24.064-32.768V476.672h284.16v184.32c0 18.432 14.848 32.768 33.28 32.768s33.28-14.848 33.28-32.768v-184.32H829.44v429.056c0 16.896-11.264 32.256-24.064 32.256z m68.608-527.36h-328.704V287.232h328.704c34.816 0 62.464 27.648 62.464 61.44s-27.648 61.952-62.464 61.952z"  ></path></symbol></svg>',t=(e=document.getElementsByTagName("script"))[e.length-1].getAttribute("data-injectcss");if(t&&!d.__iconfont__svg__cssinject__){d.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(e){console&&console.log(e)}}!function(e){if(document.addEventListener)if(~["complete","loaded","interactive"].indexOf(document.readyState))setTimeout(e,0);else{var t=function(){document.removeEventListener("DOMContentLoaded",t,!1),e()};document.addEventListener("DOMContentLoaded",t,!1)}else document.attachEvent&&(c=e,n=d.document,l=!1,o=function(){l||(l=!0,c())},(i=function(){try{n.documentElement.doScroll("left")}catch(e){return void setTimeout(i,50)}o()})(),n.onreadystatechange=function(){"complete"==n.readyState&&(n.onreadystatechange=null,o())});var c,n,l,o,i}(function(){var e,t,c,n,l,o;(e=document.createElement("div")).innerHTML=i,i=null,(t=e.getElementsByTagName("svg")[0])&&(t.setAttribute("aria-hidden","true"),t.style.position="absolute",t.style.width=0,t.style.height=0,t.style.overflow="hidden",c=t,(n=document.body).firstChild?(l=c,(o=n.firstChild).parentNode.insertBefore(l,o)):n.appendChild(c))})}(window);
\ No newline at end of file
--- a/src/assets/font/iconfont.svg
+++ b/src/assets/font/iconfont.svg
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<!--
+2013-9-30: Created.
+-->
+<svg>
+<metadata>
+Created by iconfont
+</metadata>
+<defs>
+
+<font id="font_family" horiz-adv-x="1024" >
+  <font-face
+    font-family="font_family"
+    font-weight="500"
+    font-stretch="normal"
+    units-per-em="1024"
+    ascent="896"
+    descent="-128"
+  />
+    <missing-glyph />
+    
+    <glyph glyph-name="qiaquan-" unicode="&#59308;" d="M428.032-84.48c-24.064 0-47.104 9.728-65.024 27.648l-44.544 44.544-10.752 10.752c-21.504 21.504-25.6 45.568-13.312 73.216 9.728 22.016 9.728 46.08-1.024 66.56-10.24 20.48-30.208 34.816-53.248 39.424-3.072 0.512-6.144 1.024-9.216 1.024l-4.096 0.512-0.512 1.536h-0.512c-3.072-1.024-6.144-1.536-9.216-2.56-7.168-2.048-14.336-3.584-20.992-6.656-10.24-4.096-19.968-6.656-29.184-6.656-16.384 0-30.72 6.656-44.032 19.968l-10.24 10.24-44.544 44.544c-37.888 37.888-37.888 93.184 0 130.56 154.624 155.136 309.76 310.784 465.408 465.92 18.432 18.432 41.472 28.16 65.536 28.16 24.064 0 47.104-10.24 65.536-28.16l43.52-43.52 10.752-10.752c21.504-21.504 26.112-45.568 12.8-73.728-11.264-24.064-9.216-51.2 4.608-73.216 13.824-21.504 36.864-34.304 62.464-34.304h3.072c8.704 0.512 18.944 3.072 30.208 7.68 10.24 4.608 19.968 6.656 29.184 6.656 16.384 0 30.72-6.656 44.032-19.968l10.752-10.752 44.032-44.032c37.888-37.888 37.888-93.184 0-130.56l-466.944-466.944c-17.408-17.408-40.448-27.136-64.512-27.136z m-201.728 323.072c5.632 0 11.776-0.512 17.408-1.024 42.496-5.632 79.36-30.208 100.352-67.584 20.992-37.376 23.04-81.92 5.632-121.344-1.536-4.096-1.536-6.144 1.536-9.216 12.8-12.8 26.112-25.6 37.376-37.376l13.824-13.824c8.704-8.704 16.896-12.8 25.088-12.8 8.192 0 16.384 4.096 25.088 12.8 0 0 407.552 407.552 463.36 463.872 15.36 15.36 15.36 32.256 0 47.104l-16.896 16.896-35.84 35.84c-1.024 1.024-2.56 2.56-5.12 2.56-1.024 0-2.048-0.512-3.584-1.024-17.92-8.192-36.864-12.8-55.808-12.8-3.072 0-5.12 0.512-7.68 0.512l-15.36 1.536c-41.984 7.68-77.312 32.768-96.768 69.632-19.456 36.864-20.992 80.384-3.584 119.296 1.536 4.096 1.536 6.144-1.536 9.216-11.776 11.776-24.064 23.552-35.328 35.328l-16.896 16.896c-7.68 7.168-15.872 11.264-23.552 11.264-8.192 0-16.384-4.096-23.552-11.264C419.84 637.952 265.216 483.328 110.08 328.192c-15.36-15.36-15.36-31.744 0-47.104l18.432-18.432 33.792-33.792c1.536-1.536 3.072-3.072 5.632-3.072 1.024 0 2.56 0.512 4.096 1.024 17.408 8.192 35.328 11.776 54.272 11.776zM491.52 210.432c-7.68 0-15.36 3.072-20.992 9.216-12.288 12.288-11.776 30.72 1.536 43.52l106.496 106.496 34.816 34.816 7.168 7.168 1.024 1.024 20.48 20.48c6.144 5.632 12.8 8.192 19.968 8.192 4.096 0 8.192-1.024 12.8-2.56 11.264-4.608 17.408-13.824 17.92-26.112 0-9.728-3.072-16.896-9.216-23.04l-45.056-45.056c-41.472-41.472-82.944-82.944-124.416-123.904-6.144-6.656-14.336-10.24-22.528-10.24z m-128.512 128c-12.288 1.024-20.992 6.656-25.6 16.896-5.12 10.24-4.608 20.992 2.048 30.72 1.536 2.56 3.584 4.608 5.632 6.656l67.072 67.072 98.816 98.816c7.68 7.68 14.848 11.264 23.04 11.264 2.56 0 5.12-0.512 7.68-1.024 10.24-2.56 17.92-9.728 21.504-19.456 3.072-9.728 1.024-20.48-5.12-28.672-1.024-1.536-2.56-2.56-3.584-4.096l-50.176-50.176-117.248-117.248c-6.656-6.656-14.336-10.24-23.552-10.752h-0.512z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="jifenshangcheng-" unicode="&#59309;" d="M1003.52 546.816c0 70.144-57.856 127.488-129.536 127.488h-287.744l147.968 145.408c13.312 12.8 13.312 33.792 0 46.592-12.8 12.8-34.304 12.8-47.104 0L510.976 693.248 337.408 864.256c-13.312 12.8-34.304 12.8-47.104 0-12.8-12.288-13.312-33.28-0.512-46.08l0.512-0.512 145.92-143.36H150.016C78.336 674.304 20.48 616.96 20.48 546.816c0-62.976 46.592-114.688 107.008-125.44v-431.104c0-54.272 40.448-98.816 90.624-98.816h587.264c50.176 0 90.624 44.032 90.624 98.816V421.888c60.928 10.24 107.52 62.464 107.52 124.928z m-916.48 0c0 33.792 28.16 61.44 62.464 61.44h328.704v-123.392H150.016C115.2 485.376 87.04 513.024 87.04 546.816z m718.336-588.8H218.624c-12.8 0-24.064 15.36-24.064 32.768V419.328h284.16v-184.32c0-18.432 14.848-32.768 33.28-32.768s33.28 14.848 33.28 32.768v184.32H829.44v-429.056c0-16.896-11.264-32.256-24.064-32.256z m68.608 527.36h-328.704V608.768h328.704c34.816 0 62.464-27.648 62.464-61.44s-27.648-61.952-62.464-61.952z"  horiz-adv-x="1024" />
+
+    
+
+
+  </font>
+</defs></svg>
--- a/src/assets/font/iconfont.ttf
+++ b/src/assets/font/iconfont.ttf
--- a/src/assets/font/iconfont.woff
+++ b/src/assets/font/iconfont.woff
--- a/src/assets/font/iconfont.woff2
+++ b/src/assets/font/iconfont.woff2
--- a/src/assets/images/banner_bg.png
+++ b/src/assets/images/banner_bg.png
--- a/src/assets/images/logo.png
+++ b/src/assets/images/logo.png
--- a/src/assets/images/logo01.png
+++ b/src/assets/images/logo01.png
--- a/src/assets/images/logo01_248_124.png
+++ b/src/assets/images/logo01_248_124.png
--- a/src/assets/images/logo02.png
+++ b/src/assets/images/logo02.png
--- a/src/assets/images/logo02_248_124.png
+++ b/src/assets/images/logo02_248_124.png
--- a/src/assets/images/logo03.png
+++ b/src/assets/images/logo03.png
--- a/src/assets/images/logo03_248_124.png
+++ b/src/assets/images/logo03_248_124.png
--- a/src/assets/images/logo04.png
+++ b/src/assets/images/logo04.png
--- a/src/assets/images/logo04_248_124.png
+++ b/src/assets/images/logo04_248_124.png
--- a/src/assets/images/logo05.png
+++ b/src/assets/images/logo05.png
--- a/src/assets/images/logo05_248_124.png
+++ b/src/assets/images/logo05_248_124.png
--- a/src/assets/images/logo06.png
+++ b/src/assets/images/logo06.png
--- a/src/assets/images/logo1.png
+++ b/src/assets/images/logo1.png
--- a/src/main.js
+++ b/src/main.js
+import 'amfe-flexible';
+import Vue from 'vue';
+import App from './App';
+import {
+  router
+} from './router';
+import './assets/font/iconfont.css';
+import './assets/css/common.css';
+
+new Vue({
+  router,
+  el: '#app',
+  render: h => h(App)
+});
\ No newline at end of file
--- a/src/router.js
+++ b/src/router.js
+import Vue from 'vue';
+import Router from 'vue-router';
+
+Vue.use(Router);
+
+const routes = [{
+    path: '*',
+    redirect: '/index'
+  },
+  {
+    name: 'index',
+    component: () =>
+      import ('./view/index'),
+    meta: {
+      title: '首页'
+    }
+  },
+  {
+    name: 'point',
+    component: () =>
+      import ('./view/point'),
+    meta: {
+      title: '积分明细'
+    }
+  },
+  {
+    name: 'cards',
+    component: () =>
+      import ('./view/cards'),
+    meta: {
+      title: '卡券包'
+    }
+  },
+  {
+    name: 'record',
+    component: () =>
+      import ('./view/record'),
+    meta: {
+      title: '消费记录'
+    }
+  }
+];
+
+// add route path
+routes.forEach(route => {
+  route.path = route.path || '/' + (route.name || '');
+});
+
+const router = new Router({ routes });
+
+router.beforeEach((to, from, next) => {
+  const title = to.meta && to.meta.title;
+  if (title) {
+    document.title = title;
+  }
+  next();
+});
+
+export {
+  router
+};
\ No newline at end of file
--- a/src/store/index.js
+++ b/src/store/index.js
--- a/src/view/cards/index.vue
+++ b/src/view/cards/index.vue
+<template>
+  <div>
+    
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "cards",
+  components: {
+    
+  },
+
+  data() {
+    return {
+      
+    };
+  },
+
+  computed: {
+    
+  },
+
+  methods: {
+    
+  }
+};
+</script>
+
+<style lang="less" scoped>
+
+</style>
--- a/src/view/index/index.vue
+++ b/src/view/index/index.vue
+<template>
+  <div class="index-contain">
+    <section>
+      <div class="clique-logo">
+        <img src="../../assets/images/logo.png" alt="logo" />
+      </div>
+    </section>
+    <section>
+      <div class="clique-qrcode">
+        <svg id="barcode"></svg>
+        <p class="font-13 color-232326">18790876890</p>
+      </div>
+    </section>
+    <section>
+      <div class="clique-menu flex">
+        <div class="flex-1 flex flex-column clique-menu-cell" @click="changeRoute('point')">
+          <p class="color-232326 font-20">10,000</p>
+          <p class="color-848689 font-14 m-t-6">可用积分</p>
+        </div>
+        <div class="flex-1 flex flex-column clique-menu-cell border-left-1" @click="changeRoute('records')">
+          <p class="color-232326 font-20">100</p>
+          <p class="color-848689 font-14 m-t-6">消费记录</p>
+        </div>
+        <div class="flex-1 flex flex-column clique-menu-cell border-left-1" @click="changeRoute('cards')">
+          <p class="color-232326 font-20"><i class="font-20 font_family icon-qiaquan-"></i></p>
+          <p class="color-848689 font-14 m-t-6">卡券</p>
+        </div>
+        <div class="flex-1 flex flex-column clique-menu-cell border-left-1" @click="toPointMall">
+          <p class="color-232326 font-20"><i class="font-20 font_family icon-jifenshangcheng-"></i></p>
+          <p class="color-848689 font-14 m-t-6">积分商城</p>
+        </div>
+      </div>
+    </section>
+    <section>
+      <div class="clique-swiper">
+        <van-swipe class="goods-swipe" :autoplay="3000" :height="140">
+          <van-swipe-item v-for="thumb in banners.thumb" :key="thumb">
+            <img :src="thumb" >
+          </van-swipe-item>
+        </van-swipe>
+      </div>
+    </section>
+    <section>
+      <div class="clique-brand">
+        <template v-for="(item,index) in brandList">
+          <div 
+            :class="['clique-brand-logo', 'border-box',cliqueCard? (index%2 == 0?'b-l-1 half':' half') : (index%3 == 0?'b-l-1':'')]" 
+            :key="index+item.src">
+            <a class="clique-brand-logo_a" @click="showDialog(item)">
+              <img :src="item.src" alt="logo" />
+            </a>
+          </div>
+        </template>
+      </div>
+    </section>
+    <p class="font-12 color-848689 p-tips border-box"><a href="" class="font-12 color-848689 ">让每个人尽享时常圈的乐趣~</a></p>
+    <div class="qrcode-dialog_confirm" id="dialog" v-if="qrcodeVisable">
+      <div class="qrcode-mask"></div>
+      <div class="qrcode-dialog">
+          <span class="qrcode-dialog-close" @click="closeDialog">+</span>
+          <div class="qrcode-dialog_hd">
+            <img :src="dialogData.logo" alt="log0"/>
+          </div>
+          <div class="qrcode-dialog_bd">
+            <img :src="dialogData.qrcode" alt="qrcode"/>
+            <p class="font-12 color-666 text-center triangle-p"><i class="triangle-up"></i></p>
+            <p class="font-12 color-666 text-center">长 按 二 维 码 关 注 我 们</p>
+          </div>
+      </div>
+  </div>
+  </div>
+</template>
+
+<script>
+import JsBarcode from 'jsbarcode';
+import {
+  Swipe,
+  SwipeItem
+} from 'vant';
+
+export default {
+  components: {
+    [Swipe.name]: Swipe,
+    [SwipeItem.name]: SwipeItem
+  },
+
+  data() {
+    return {
+      cliqueCard: true, // 是否有集团卡
+      banners: {
+        title: 'test',
+        price: 2680,
+        express: '免运费',
+        remain: 19,
+        thumb: [
+          'https://img.yzcdn.cn/public_files/2017/10/24/e5a5a02309a41f9f5def56684808d9ae.jpeg',
+          'https://img.yzcdn.cn/public_files/2017/10/24/1791ba14088f9c2be8c610d0a6cc0f93.jpeg'
+        ]
+      },
+
+      brandList: [
+        {
+          src: require('../../assets/images/logo01.png'),
+          qrcode: '',
+        },
+        {
+          src: require('../../assets/images/logo02.png'),
+          qrcode: '',
+        },
+        {
+          src: require('../../assets/images/logo03.png'),
+          qrcode: '',
+        },
+        {
+          src: require('../../assets/images/logo04.png'),
+          qrcode: '',
+        },
+        {
+          src: require('../../assets/images/logo05.png'),
+          qrcode: '',
+        },
+        {
+          src: require('../../assets/images/logo06.png'),
+          qrcode: '',
+        }
+      ],
+      qrcodeVisable: true,
+      dialogData: {
+        logo: require('../../assets/images/logo01.png'),
+        qrcode: require('../../assets/images/logo1.png')
+      }
+    };
+  },
+
+  methods: {
+    changeRoute(path) {
+      this.$router.push(path);
+    },
+
+    /**
+     * 跳转第三方积分商城
+     */
+    toPointMall() {
+      // const that = this;
+    },
+
+    /**
+     * 显示公众号二维码弹窗
+     */
+    showDialog(item) {
+      const that = this;
+      if (!item.qrcode) {
+        return;
+      }
+      that.qrcodeVisable = true;
+      document.body.style.overflow = 'hidden';
+    },
+
+    /**
+     * 关闭二维码弹窗
+     */
+    closeDialog() {
+      const that = this;
+      that.qrcodeVisable = false;
+      document.body.style.overflow = 'unset';
+    },
+
+    /**
+     * 生成条形码
+     */
+    barcode() {
+      JsBarcode("#barcode", "23334444f",{
+        format: 'CODE128',
+        displayValue: false,
+        background: "#ffffff"
+      })
+    }
+  },
+  mounted() {
+    let that = this;
+    that.barcode();
+  }
+};
+</script>
+
+<style lang="less">
+@import url(../../assets/css/index.css);
+
+/* 弹窗 */
+.qrcode-dialog_confirm {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}
+
+.qrcode-dialog {
+  position: relative;
+  padding: 30px 0;
+
+  .qrcode-dialog-close {
+    position: absolute;
+    top: 18px;
+    right: 14px;
+    display: block;
+    width: 28px;
+    height: 28px;
+    line-height: 28px;
+    -webkit-transform: rotate(45deg);
+    -moz-transform: rotate(45deg);
+    transform: rotate(45deg);
+  }
+
+  .qrcode-dialog_hd {
+    width: 100%;
+    text-align: center;
+    img {
+      width: 124px;
+    }
+  }
+
+  .qrcode-dialog_bd {
+    img {
+      width: 150px;
+    }
+    p {
+      position: relative;
+
+      &.triangle-p {
+        width: 100%;
+        height: 20px;
+      }
+    }
+  }
+}
+
+
+</style>
--- a/src/view/point/index.vue
+++ b/src/view/point/index.vue
+<template>
+  <div class="point-contain">
+    <div class="point-header border-box">
+      <p class="font-13 color-cfa972">可用积分</p>
+      <div class="point-number font-50 color-cfa972">{{ pointNum }}</div>
+    </div>
+    <div class="point-body">
+      <van-list
+        v-model="loading"
+        :finished="finished"
+        finished-text="没有更多了"
+        @load="onLoad">
+        <div class="point-list-cell border-box flex border-bottom-1" v-for="(item,index) in list" :key="index+item.name">
+          <div class="point-list-cell_left flex-1">
+            <div class="list-cell_left_name font-15 color-232326">{{ item.name }}</div>
+            <div class="list-cell_left_brand font-12 m-t-6 color-232326">{{ item.brandName }}</div>
+            <div class="list-cell_left_date font-12 m-t-8 color-848689">{{ item.date }}</div>
+          </div>
+          <div class="point-list-cell_right flex-1 text-right">
+            <div class="list-cell_right_num font-18 color-000">+{{ item.point }}</div>
+          </div>
+        </div>
+      </van-list>
+    </div>
+  </div>
+</template>
+
+<script>
+import { List  } from 'vant';
+export default {
+  name: "point",
+  components: {
+    [List.name]:List
+  },
+
+  data() {
+    return {
+      pointNum: '10,000',
+      list: [
+        {
+          name: '今日签到',
+          brandName: '[MATERIAL GIRL]',
+          date: '2018-12-06 10:32',
+          point: '5'
+        }
+      ],
+      loading: false,
+      finished: false
+    };
+  },
+
+  computed: {
+
+  },
+
+  methods: {
+     onLoad() {
+      const that = this;
+      // 异步更新数据
+      setTimeout(() => {
+        for (let i = 0; i < 10; i++) {
+          // this.list.push(this.list.length + 1);
+        }
+        // 加载状态结束
+        that.loading = false;
+
+        // 数据全部加载完成
+        if (that.list.length >=1) {
+          that.finished = true;
+        }
+      }, 500);
+    }
+  }
+};
+</script>
+
+<style lang="less" scoped>
+.point-header {
+  width: 100%;
+  padding: 15px 0 15px 31px;
+  background: url('../../assets/images/banner_bg.png') no-repeat center center;
+  background-size: 100%;
+}
+.point-list-cell {
+  width: 100%;
+  padding: 15px;
+}
+</style>
--- a/src/view/record/index.vue
+++ b/src/view/record/index.vue
+<template>
+  <div class="recorde-contian bg-f4f5f6">
+    <div class="list-contian">
+      <van-list
+        v-model="loading"
+        :finished="finished"
+        finished-text="没有更多了"
+        @load="onLoad">
+        <div class="recorde-list-cell bg-fff border-box" v-for="(item,index) in list" :key="index+item.storeName">
+          <div
+            class="recorde-list-cell_title flex flex-align-center font-12 border-bottom-1 padding-lr-12 border-box">
+            <van-icon name="shop-o" />{{ item.storeName }}
+          </div>
+          <div class="flex border-box padding-lr-12">
+            <div class="recorde-list-cell_left flex-1">
+              <div class="list-cell_left_name font-12 color-232326">{{ item.goodsName }}</div>
+            </div>
+            <div class="recorde-list-cell_right flex-1 text-right">
+              <div class="list-cell_right_num font-13 color-232326 ">{{ item.newPrice }}</div>
+              <div class="list-cell_right_num font-13 color-848689 "><s>{{ item.oldPrice }}</s></div>
+            </div>
+          </div>
+          <div class="flex border-bottom-1 border-box padding-lr-12">
+            <div class="flex-1 font-12 color-848689">颜色分类：{{ item.color }}   尺码：{{ item.size }}</div>
+            <div class="flex-1 font-12 color-848689 text-right"><van-icon name="cross"></van-icon>{{ item.goodsNum}}</div>
+          </div>
+          <div class="recorde-list-cell_sub flex flex-align-center border-box padding-lr-12">
+            <div class="list-cell_sub_date flex-1 font-12 color-232326">{{ item.date }}购买</div>
+            <div class="list-cell_sub_all flex-1 font-12 color-232326 text-right">共{{ item.goodsNum }}件商品 实付款：{{ item.priceAll }}</div>
+          </div>
+        </div>
+      </van-list>
+    </div>
+  </div>
+</template>
+
+<script>
+import { List, Icon  } from 'vant';
+export default {
+  name: "record",
+  components: {
+    [List.name]: List,
+    [Icon.name]: Icon
+  },
+
+  data() {
+    return {
+      list: [
+        {
+          storeName: 'MG江苏南京秦淮区大洋百货新街口店(MATERIAL GIRL)',
+          goodsName: '哥斯拉加厚白色鸭绒羽绒服女中长款2018冬装新款绿连帽外套太平鸟',
+          newPrice: '1059.99',
+          oldPrice: '1899.00',
+          color: '元气绿',
+          size: 'M',
+          date: '2018-12-06',
+          goodsNum: '1',
+          priceAll: '12345.90'
+        }
+      ],
+      loading: false,
+      finished: false
+    };
+  },
+
+  computed: {
+
+  },
+
+  methods: {
+     onLoad() {
+      const that = this;
+      // 异步更新数据
+      setTimeout(() => {
+        for (let i = 0; i < 10; i++) {
+          // this.list.push(this.list.length + 1);
+        }
+        // 加载状态结束
+        that.loading = false;
+
+        // 数据全部加载完成
+        if (that.list.length >=1) {
+          that.finished = true;
+        }
+      }, 500);
+    }
+  }
+};
+</script>
+
+<style lang="less" scoped>
+.recorde-list-cell_title {
+  height: 42px;
+}
+
+.recorde-list-cell_sub {
+  height: 42px;
+}
+</style>
--- a/vue.config.js
+++ b/vue.config.js
+const autoprefixer = require('autoprefixer');
+const pxtorem = require('postcss-pxtorem');
+
+module.exports = {
+  outputDir: 'dist',
+  publicPath: process.env.NODE_ENV === 'production' ? './' : './',
+  css: {
+    loaderOptions: {
+      postcss: {
+        plugins: [
+          autoprefixer(),
+          pxtorem({
+            rootValue: 37.5,
+            propList: ['*']
+          })
+        ]
+      }
+    }
+  }
+};
\ No newline at end of file