Authored by 郝肖肖

Merge branch 'feature/brand' of git.yoho.cn:fe/yohoblk-wap into feature/brand

Showing 55 changed files with 278 additions and 121 deletions
'use strict';
const api = global.yoho.ServiceAPI;
const contentCode = require('../../../config/content-code');
const resourcesProcess = require('../../../utils/resources-process');
let channel = {
getResourcesData(params) {
let code;
if (params.channel) {
code = contentCode.channel[params.channel];
} else if (params.contentCode) {
code = params.contentCode;
} else {
code = contentCode.channel.men;
if (!params.contentCode) {
return Promise.resolve([]);
}
return api.get('operations/api/v5/resource/get', {
content_code: code
content_code: params.contentCode
}, {
cache: true,
code: 200
... ...
... ... @@ -14,9 +14,6 @@ const brand = require(cRoot + '/brand');
const router = expressRouter();
router.get('/', channel.index); // 首页
router.get('/men', channel.index); // 首页
router.get('/women', channel.index); // 首页
router.get('/lifestyle', channel.index); // 首页
router.get('/resources', channel.resources); // 资源位接口
router.get('/brand', brand.index); // 店铺首页
router.get('/brand-list', brand.brandList); // 品牌列表页
... ...
<div id="app">
<tab></tab>
<resources v-bind:channel="'{{channel}}' || 'men'"></resources>
<div id="channel">
<tab v-bind:page="page"></tab>
<resources v-bind:content-code.sync="contentCode"></resources>
</div>
... ...
<div id="product-list">
<Sort></Sort>
<List url="/product/list" :query='{a:1}'></List>
<div class="drawer-slide">
<div class="drawer-main">
<filter></filter>
</div>
</div>
<Drawer>
<Filter></Filter>
</Drawer>
</div>
\ No newline at end of file
... ...
... ... @@ -54,10 +54,8 @@
"gulp-postcss": "^6.1.0",
"gulp-sourcemaps": "^2.0.0-alpha",
"gulp-util": "^3.0.7",
"handlebars": "^4.0.5",
"handlebars-loader": "^1.3.0",
"husky": "^0.11.4",
"node-sass": "^3.8.0",
"nodemon": "1.9.2",
"postcss-assets": "^4.0.1",
"postcss-cachebuster": "^0.1.3",
... ... @@ -71,13 +69,11 @@
"postcss-sprites": "^3.1.2",
"postcss-use": "^2.2.0",
"precss": "^1.4.0",
"sass-loader": "^4.0.0",
"shelljs": "^0.7.0",
"style-loader": "^0.13.1",
"stylelint": "^6.9.0",
"stylelint-config-yoho": "1.2.5",
"vue-loader": "^8.5.3",
"vue-swipe": "^0.2.6",
"webpack": "^1.13.1",
"webpack-dev-server": "^1.14.1",
"webpack-stream": "^3.1.0",
... ...
webpackJsonp([2],[function(e,t,n){"use strict";var i=n(5),o=n(120),r=n(119);n(10),new i({el:"#app",components:{tab:o,resources:r}})},,function(e,t){e.exports=function(){var e=[];return e.toString=function(){for(var e=[],t=0;t<this.length;t++){var n=this[t];n[2]?e.push("@media "+n[2]+"{"+n[1]+"}"):e.push(n[1])}return e.join("")},e.i=function(t,n){"string"==typeof t&&(t=[[null,t,""]]);for(var i={},o=0;o<this.length;o++){var r=this[o][0];"number"==typeof r&&(i[r]=!0)}for(o=0;o<t.length;o++){var s=t[o];"number"==typeof s[0]&&i[s[0]]||(n&&!s[2]?s[2]=n:n&&(s[2]="("+s[2]+") and ("+n+")"),e.push(s))}},e}},function(e,t,n){function i(e,t){for(var n=0;n<e.length;n++){var i=e[n],o=f[i.id];if(o){o.refs++;for(var r=0;r<o.parts.length;r++)o.parts[r](i.parts[r]);for(;r<i.parts.length;r++)o.parts.push(l(i.parts[r],t))}else{for(var s=[],r=0;r<i.parts.length;r++)s.push(l(i.parts[r],t));f[i.id]={id:i.id,refs:1,parts:s}}}}function o(e){for(var t=[],n={},i=0;i<e.length;i++){var o=e[i],r=o[0],s=o[1],a=o[2],l=o[3],c={css:s,media:a,sourceMap:l};n[r]?n[r].parts.push(c):t.push(n[r]={id:r,parts:[c]})}return t}function r(e,t){var n=h(),i=g[g.length-1];if("top"===e.insertAt)i?i.nextSibling?n.insertBefore(t,i.nextSibling):n.appendChild(t):n.insertBefore(t,n.firstChild),g.push(t);else{if("bottom"!==e.insertAt)throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");n.appendChild(t)}}function s(e){e.parentNode.removeChild(e);var t=g.indexOf(e);t>=0&&g.splice(t,1)}function a(e){var t=document.createElement("style");return t.type="text/css",r(e,t),t}function l(e,t){var n,i,o;if(t.singleton){var r=v++;n=m||(m=a(t)),i=c.bind(null,n,r,!1),o=c.bind(null,n,r,!0)}else n=a(t),i=u.bind(null,n),o=function(){s(n)};return i(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;i(e=t)}else o()}}function c(e,t,n,i){var o=n?"":i.css;if(e.styleSheet)e.styleSheet.cssText=x(t,o);else{var r=document.createTextNode(o),s=e.childNodes;s[t]&&e.removeChild(s[t]),s.length?e.insertBefore(r,s[t]):e.appendChild(r)}}function u(e,t){var n=t.css,i=t.media,o=t.sourceMap;if(i&&e.setAttribute("media",i),o&&(n+="\n/*# sourceURL="+o.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */"),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}var f={},p=function(e){var t;return function(){return"undefined"==typeof t&&(t=e.apply(this,arguments)),t}},d=p(function(){return/msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase())}),h=p(function(){return document.head||document.getElementsByTagName("head")[0]}),m=null,v=0,g=[];e.exports=function(e,t){t=t||{},"undefined"==typeof t.singleton&&(t.singleton=d()),"undefined"==typeof t.insertAt&&(t.insertAt="bottom");var n=o(e);return i(n,t),function(e){for(var r=[],s=0;s<n.length;s++){var a=n[s],l=f[a.id];l.refs--,r.push(l)}if(e){var c=o(e);i(c,t)}for(var s=0;s<r.length;s++){var l=r[s];if(0===l.refs){for(var u=0;u<l.parts.length;u++)l.parts[u]();delete f[l.id]}}}};var x=function(){var e=[];return function(t,n){return e[t]=n,e.filter(Boolean).join("\n")}}()},,,,,,function(e,t,n){(function(t){"use strict";function n(e){var n=void 0,i={mask:!1,delay:2e3,txt:""};"string"==typeof e?t.extend(i,{txt:e}):t.extend(i,e);var o='<div class="tip-box"><div class="tip">'+i.txt+"</div></div>",r=t(".tip-box");r.length&&(n=r.data("timer"),clearTimeout(n),r.remove());var s=t(o).appendTo(document.body);s.data("timer",setTimeout(function(){s.remove()},i.delay))}e.exports=n}).call(t,n(1))},function(e,t,n){"use strict";var i=n(5);i.filter("resize",function(e,t,n,i){return e.replace(/({width}|{height}|{mode})/g,function(e){var o={"{width}":t,"{height}":n,"{mode}":i||2};return o[e]})})},,,,,,,,function(e,t,n){var i,o;n(138),i=n(39),o=n(115),e.exports=i||{},e.exports.__esModule&&(e.exports=e.exports["default"]),o&&(("function"==typeof e.exports?e.exports.options||(e.exports.options={}):e.exports).template=o)},,function(e,t,n){"use strict";var i=n(5),o=new i;e.exports=o},,,,,,,,,,,function(e,t,n){"use strict";var i=n(1),o=n(9),r=n(20),s=n(124),a=n(123),l=n(127),c=n(18),u=n(126),f=n(125),p={};e.exports={props:["channel","contentCode"],data:function(){return{resources:[]}},components:{focus:s,focusLeftRight:a,titleImage:l,titleFloor:c,recommendContentFive:u,goods:f},watch:{channel:function(){this.getResourcesData()},contentCode:function(){this.getResourcesData()}},methods:{getResourcesData:function(){var e=this,t={};this.contentCode?t.contentCode=this.contentCode:t.channel=this.channel;var n=i.param(t);return p[n]?void(this.resources=p[n]):void i.ajax({url:"/resources",data:t}).then(function(t){e.resources=t,t.length&&(p[n]=t)}).fail(function(){o("网络错误")})}},created:function(){var e=this;this.getResourcesData(),r.$on("changeChannel",function(t){e.channel=t})}}},function(e,t,n){"use strict";var i=n(20);e.exports={data:function(){return{current:0,channel:[{name:"MEN男士",channel:"men"},{name:"WOMEN女士",channel:"women"},{name:"LIFESTYLE生活",channel:"lifestyle"}]}},methods:{changeChannel:function(e){this.current=e,i.$emit("changeChannel",this.channel[e].channel)}}}},,,function(e,t){"use strict";e.exports={props:["floor"]}},function(e,t,n){"use strict";n(106);var i=n(142);e.exports={props:["floor"],components:{swipe:i.Swipe,swipeItem:i.SwipeItem}}},function(e,t,n){"use strict";var i=n(18);e.exports={props:["floor"],components:{titleFloor:i},created:function(){}}},function(e,t){"use strict";e.exports={props:["floor"]}},function(e,t){"use strict";e.exports={props:["title"]}},function(e,t,n){"use strict";var i=n(18);e.exports={props:["floor"],components:{titleFloor:i}}},,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,function(e,t,n){t=e.exports=n(2)(),t.push([e.id,".resources{background:#f6f6f6}",""])},function(e,t,n){t=e.exports=n(2)(),t.push([e.id,".channel-tab{width:100%;height:2.25rem;font-size:.6rem;text-align:center;background:#fff}.channel-tab a{display:inline-block;line-height:2.25rem;width:33%;color:#999}.channel-tab a.focus{color:#000}.channel-tab .name{padding:.225rem 0}.channel-tab .focus .name,.channel-tab .name.focus{border-bottom:.1rem solid #000}",""])},,,function(e,t,n){t=e.exports=n(2)(),t.push([e.id,".focus-left-right{padding:.75rem .375rem;width:100%;overflow-x:auto;white-space:nowrap;font-size:0;background:#fff;border-bottom:1px solid #eee;-webkit-overflow-scrolling:touch}.focus-left-right a{display:inline-block;padding:0 .375rem;width:6.25rem;height:6.25rem}.focus-left-right img{width:100%;height:100%}.focus-left-right::-webkit-scrollbar{display:none}",""])},function(e,t,n){t=e.exports=n(2)(),t.push([e.id,".focus .swipe{height:100%}.focus .swipe-1 .swipe-indicators{display:none}.focus .swipe-item a{display:block}.focus .swipe-item img{width:100%;height:100%}.focus .swipe-indicators{left:auto;right:.5rem}.focus .swipe-indicator{width:.2rem;height:.2rem;background:#ccc;opacity:1}.focus .swipe-indicator.active{width:.3rem;height:.3rem;background:#fff}",""])},function(e,t,n){t=e.exports=n(2)(),t.push([e.id,"",""])},function(e,t,n){t=e.exports=n(2)(),t.push([e.id,".recommend-content-five{width:100%;font-size:0}.recommend-content-five a{display:inline-block;width:50%;height:9.375rem}.recommend-content-five img{width:100%;height:100%}",""])},function(e,t,n){t=e.exports=n(2)(),t.push([e.id,".floor-header{position:relative;width:100%;height:2.5rem;font-size:.8rem;line-height:2.5rem;text-align:center;font-weight:700;border-top:1px solid #eee;margin-top:.5rem;background:#fff}.floor-header .more{position:absolute;top:0;right:0;width:2.5rem;height:2.5rem}",""])},function(e,t,n){t=e.exports=n(2)(),t.push([e.id,".title-image a{display:block}.title-image .image{width:100%;height:9.1rem}.title-image img{width:100%;height:100%}",""])},,,function(e,t,n){t=e.exports=n(2)(),t.push([e.id,".swipe,.swipe-items-wrap{overflow:hidden;position:relative}.swipe-items-wrap{height:100%}.swipe-items-wrap>div{position:absolute;-webkit-transform:translateX(-100%);transform:translateX(-100%);width:100%;height:100%;display:none}.swipe-items-wrap>div.active{display:block;-webkit-transform:none;transform:none}.swipe-indicators{position:absolute;bottom:10px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.swipe-indicator{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2;margin:0 3px}.swipe-indicator.active{background:#fff}",""])},,,,,,,,,,,,,,,,,,,,function(e,t,n){function i(e,t){for(var n=0;n<e.length;n++){var i=e[n],o=d[i.id];if(o){o.refs++;for(var r=0;r<o.parts.length;r++)o.parts[r](i.parts[r]);for(;r<i.parts.length;r++)o.parts.push(c(i.parts[r],t))}else{for(var s=[],r=0;r<i.parts.length;r++)s.push(c(i.parts[r],t));d[i.id]={id:i.id,refs:1,parts:s}}}}function o(e){for(var t=[],n={},i=0;i<e.length;i++){var o=e[i],r=o[0],s=o[1],a=o[2],l=o[3],c={css:s,media:a,sourceMap:l};n[r]?n[r].parts.push(c):t.push(n[r]={id:r,parts:[c]})}return t}function r(e,t){var n=v(),i=y[y.length-1];if("top"===e.insertAt)i?i.nextSibling?n.insertBefore(t,i.nextSibling):n.appendChild(t):n.insertBefore(t,n.firstChild),y.push(t);else{if("bottom"!==e.insertAt)throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");n.appendChild(t)}}function s(e){e.parentNode.removeChild(e);var t=y.indexOf(e);t>=0&&y.splice(t,1)}function a(e){var t=document.createElement("style");return t.type="text/css",r(e,t),t}function l(e){var t=document.createElement("link");return t.rel="stylesheet",r(e,t),t}function c(e,t){var n,i,o;if(t.singleton){var r=x++;n=g||(g=a(t)),i=u.bind(null,n,r,!1),o=u.bind(null,n,r,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(n=l(t),i=p.bind(null,n),o=function(){s(n),n.href&&URL.revokeObjectURL(n.href)}):(n=a(t),i=f.bind(null,n),o=function(){s(n)});return i(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;i(e=t)}else o()}}function u(e,t,n,i){var o=n?"":i.css;if(e.styleSheet)e.styleSheet.cssText=b(t,o);else{var r=document.createTextNode(o),s=e.childNodes;s[t]&&e.removeChild(s[t]),s.length?e.insertBefore(r,s[t]):e.appendChild(r)}}function f(e,t){var n=t.css,i=t.media;if(i&&e.setAttribute("media",i),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}function p(e,t){var n=t.css,i=t.sourceMap;i&&(n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i))))+" */");var o=new Blob([n],{type:"text/css"}),r=e.href;e.href=URL.createObjectURL(o),r&&URL.revokeObjectURL(r)}var d={},h=function(e){var t;return function(){return"undefined"==typeof t&&(t=e.apply(this,arguments)),t}},m=h(function(){return/msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase())}),v=h(function(){return document.head||document.getElementsByTagName("head")[0]}),g=null,x=0,y=[];e.exports=function(e,t){t=t||{},"undefined"==typeof t.singleton&&(t.singleton=m()),"undefined"==typeof t.insertAt&&(t.insertAt="bottom");var n=o(e);return i(n,t),function(e){for(var r=[],s=0;s<n.length;s++){var a=n[s],l=d[a.id];l.refs--,r.push(l)}if(e){var c=o(e);i(c,t)}for(var s=0;s<r.length;s++){var l=r[s];if(0===l.refs){for(var u=0;u<l.parts.length;u++)l.parts[u]();delete d[l.id]}}}};var b=function(){var e=[];return function(t,n){return e[t]=n,e.filter(Boolean).join("\n")}}()},function(e,t,n){var i=n(85);"string"==typeof i&&(i=[[e.id,i,""]]);n(105)(i,{});i.locals&&(e.exports=i.locals)},function(e,t){e.exports=' <div class=resources> <template v-for="floor in resources"> <focus v-if="floor.focus && floor.focusType === \'1\'" v-bind:floor=floor.data v-bind:style="{height: \'182px\'}"> </focus> <focus-left-right v-if="floor.focus && floor.focusType === \'2\'" v-bind:floor=floor.data> </focus-left-right> <title-image v-if=floor.titleImage v-bind:floor=floor.data> </title-image> <title-floor v-if=floor.titleFloor v-bind:title=floor.data.title> </title-floor> <recommend-content-five v-if=floor.recommendContentFive v-bind:floor=floor.data.list> </recommend-content-five> <goods v-if=floor.goods v-bind:floor=floor.data> </goods> </template> </div> '},function(e,t){e.exports=' <div class=channel-tab> <a v-for="(index, item) in channel" v-bind:class="{focus: index === current}" v-on:click.prevent=changeChannel(index) href=/{{item.channel}}> <span class=name>{{item.name | uppercase}}</span> </a> </div> '},,,function(e,t){e.exports=' <div class=focus-left-right> <a v-for="item in floor" href={{item.url}} title={{item.title}}> <img v-bind:src="item.src | resize 250 250"> </a> </div> '},function(e,t){e.exports=' <div class=focus> <swipe class="swipe swipe-{{floor.length}}"> <swipe-item v-for="item in floor" v-bind:style="{backgroundColor: item.bgColor}"> <a href={{item.url}} title={{item.title}}> <img v-bind:src="item.src | resize 750 365"> </a> </swipe-item> </swipe> </div> '},function(e,t){e.exports=" <div class=goods> </div> "},function(e,t){e.exports=' <div class=recommend-content-five> <a v-for="item in floor" href={{item.url}} title={{item.title}}> <img v-bind:src="item.src | resize 375 375"> </a> </div> '},function(e,t){e.exports=" <div class=floor-header> {{title.name}} <a class=more href={{title.moreUrl}}> {{title.moreName}} </a> </div> "},function(e,t){e.exports=' <div class=title-image> <title-floor v-bind:title="{name: floor.title, moreName: floor.moreName, moreUrl: floor.moreUrl}"></title-floor> <a class=image v-bind:href=floor.image.url> <img v-bind:src="floor.image.src | resize 750 364"> </a> </div> '},,,function(e,t,n){var i,o;n(130),i=n(31),o=n(107),e.exports=i||{},e.exports.__esModule&&(e.exports=e.exports["default"]),o&&(("function"==typeof e.exports?e.exports.options||(e.exports.options={}):e.exports).template=o)},function(e,t,n){var i,o;n(131),i=n(32),o=n(108),e.exports=i||{},e.exports.__esModule&&(e.exports=e.exports["default"]),o&&(("function"==typeof e.exports?e.exports.options||(e.exports.options={}):e.exports).template=o)},,,function(e,t,n){var i,o;n(134),i=n(35),o=n(111),e.exports=i||{},e.exports.__esModule&&(e.exports=e.exports["default"]),o&&(("function"==typeof e.exports?e.exports.options||(e.exports.options={}):e.exports).template=o)},function(e,t,n){var i,o;n(135),i=n(36),o=n(112),e.exports=i||{},e.exports.__esModule&&(e.exports=e.exports["default"]),o&&(("function"==typeof e.exports?e.exports.options||(e.exports.options={}):e.exports).template=o)},function(e,t,n){var i,o;n(136),i=n(37),o=n(113),e.exports=i||{},e.exports.__esModule&&(e.exports=e.exports["default"]),o&&(("function"==typeof e.exports?e.exports.options||(e.exports.options={}):e.exports).template=o)},function(e,t,n){var i,o;n(137),i=n(38),o=n(114),e.exports=i||{},e.exports.__esModule&&(e.exports=e.exports["default"]),o&&(("function"==typeof e.exports?e.exports.options||(e.exports.options={}):e.exports).template=o)},function(e,t,n){var i,o;n(139),i=n(40),o=n(116),e.exports=i||{},e.exports.__esModule&&(e.exports=e.exports["default"]),o&&(("function"==typeof e.exports?e.exports.options||(e.exports.options={}):e.exports).template=o)},,,function(e,t,n){var i=n(73);"string"==typeof i&&(i=[[e.id,i,""]]);n(3)(i,{});i.locals&&(e.exports=i.locals)},function(e,t,n){var i=n(74);"string"==typeof i&&(i=[[e.id,i,""]]);n(3)(i,{});i.locals&&(e.exports=i.locals)},,,function(e,t,n){var i=n(77);"string"==typeof i&&(i=[[e.id,i,""]]);n(3)(i,{});i.locals&&(e.exports=i.locals)},function(e,t,n){var i=n(78);"string"==typeof i&&(i=[[e.id,i,""]]);n(3)(i,{});i.locals&&(e.exports=i.locals)},function(e,t,n){var i=n(79);"string"==typeof i&&(i=[[e.id,i,""]]);n(3)(i,{});i.locals&&(e.exports=i.locals)},function(e,t,n){var i=n(80);"string"==typeof i&&(i=[[e.id,i,""]]);n(3)(i,{});i.locals&&(e.exports=i.locals)},function(e,t,n){var i=n(81);"string"==typeof i&&(i=[[e.id,i,""]]);n(3)(i,{});i.locals&&(e.exports=i.locals)},function(e,t,n){var i=n(82);"string"==typeof i&&(i=[[e.id,i,""]]);n(3)(i,{});i.locals&&(e.exports=i.locals)},,,function(e,t,n){!function(t,n){e.exports=n()}(this,function(){return function(e){function t(i){if(n[i])return n[i].exports;var o=n[i]={exports:{},id:i,loaded:!1};return e[i].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var n={};return t.m=e,t.c=n,t.p="",t(0)}([function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.SwipeItem=t.Swipe=void 0;var o=n(12),r=i(o),s=n(11),a=i(s);t.Swipe=r["default"],t.SwipeItem=a["default"]},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t["default"]={name:"mt-swipe-item",ready:function(){this.$dispatch("swipeItemCreated",this)},detached:function(){this.$dispatch("swipeItemDestroyed",this)},destroyed:function(){this.$dispatch("swipeItemDestroyed",this)}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(6);t["default"]={name:"mt-swipe",created:function(){this.dragState={}},data:function(){return{ready:!1,dragging:!1,userScrolling:!1,animating:!1,index:0,pages:[],timer:null,reInitTimer:null,noDrag:!1}},props:{speed:{type:Number,"default":300},auto:{type:Number,"default":3e3},continuous:{type:Boolean,"default":!0},showIndicators:{type:Boolean,"default":!0},noDragWhenSingle:{type:Boolean,"default":!0},prevent:{type:Boolean,"default":!1}},events:{swipeItemCreated:function(){var e=this;this.ready&&(clearTimeout(this.reInitTimer),this.reInitTimer=setTimeout(function(){e.reInitPages()},100))},swipeItemDestroyed:function(){var e=this;this.ready&&(clearTimeout(this.reInitTimer),this.reInitTimer=setTimeout(function(){e.reInitPages()},100))}},methods:{translate:function(e,t,n,o){var r=this,s=arguments;if(n){this.animating=!0,e.style.webkitTransition="-webkit-transform "+n+"ms ease-in-out",setTimeout(function(){return e.style.webkitTransform="translate3d("+t+"px, 0, 0)"},50);var a=!1,l=function(){a||(a=!0,r.animating=!1,e.style.webkitTransition="",e.style.webkitTransform="",o&&o.apply(r,s))};(0,i.once)(e,"webkitTransitionEnd",l),setTimeout(l,n+100)}else e.style.webkitTransition="",e.style.webkitTransform="translate3d("+t+"px, 0, 0)"},reInitPages:function(){var e=this.$children;this.noDrag=1===e.length&&this.noDragWhenSingle;var t=[];this.index=0,e.forEach(function(e,n){t.push(e.$el),(0,i.removeClass)(e.$el,"active"),0===n&&(0,i.addClass)(e.$el,"active")}),this.pages=t},doAnimate:function(e,t){var n=this;if(0!==this.$children.length&&(t||!(this.$children.length<2))){var o,r,s,a,l,c=this.speed||300,u=this.index,f=this.pages,p=f.length;t?(o=t.prevPage,s=t.currentPage,r=t.nextPage,a=t.pageWidth,l=t.offsetLeft):(a=this.$el.clientWidth,s=f[u],o=f[u-1],r=f[u+1],this.continuous&&f.length>1&&(o||(o=f[f.length-1]),r||(r=f[0])),o&&(o.style.display="block",this.translate(o,-a)),r&&(r.style.display="block",this.translate(r,a)));var d,h=this.$children[u].$el;"prev"===e?(u>0&&(d=u-1),this.continuous&&0===u&&(d=p-1)):"next"===e&&(p-1>u&&(d=u+1),this.continuous&&u===p-1&&(d=0));var m=function(){if(void 0!==d){var e=n.$children[d].$el;(0,i.removeClass)(h,"active"),(0,i.addClass)(e,"active"),n.index=d}o&&(o.style.display=""),r&&(r.style.display="")};setTimeout(function(){"next"===e?(n.translate(s,-a,c,m),r&&n.translate(r,0,c)):"prev"===e?(n.translate(s,a,c,m),o&&n.translate(o,0,c)):(n.translate(s,0,c,m),"undefined"!=typeof l?(o&&l>0&&n.translate(o,-1*a,c),r&&0>l&&n.translate(r,a,c)):(o&&n.translate(o,-1*a,c),r&&n.translate(r,a,c)))},10)}},next:function(){this.doAnimate("next")},prev:function(){this.doAnimate("prev")},doOnTouchStart:function(e){if(!this.noDrag){var t=this.$el,n=this.dragState,i=e.touches[0];n.startTime=new Date,n.startLeft=i.pageX,n.startTop=i.pageY,n.startTopAbsolute=i.clientY,n.pageWidth=t.offsetWidth,n.pageHeight=t.offsetHeight;var o=this.$children[this.index-1],r=this.$children[this.index],s=this.$children[this.index+1];this.continuous&&this.pages.length>1&&(o||(o=this.$children[this.$children.length-1]),s||(s=this.$children[0])),n.prevPage=o?o.$el:null,n.dragPage=r?r.$el:null,n.nextPage=s?s.$el:null,n.prevPage&&(n.prevPage.style.display="block"),n.nextPage&&(n.nextPage.style.display="block")}},doOnTouchMove:function(e){if(!this.noDrag){var t=this.dragState,n=e.touches[0];t.currentLeft=n.pageX,t.currentTop=n.pageY,t.currentTopAbsolute=n.clientY;var i=t.currentLeft-t.startLeft,o=t.currentTopAbsolute-t.startTopAbsolute,r=Math.abs(i),s=Math.abs(o);if(5>r||r>=5&&s>=1.73*r)return void(this.userScrolling=!0);this.userScrolling=!1,e.preventDefault(),i=Math.min(Math.max(-t.pageWidth+1,i),t.pageWidth-1);var a=0>i?"next":"prev";t.prevPage&&"prev"===a&&this.translate(t.prevPage,i-t.pageWidth),this.translate(t.dragPage,i),t.nextPage&&"next"===a&&this.translate(t.nextPage,i+t.pageWidth)}},doOnTouchEnd:function(){if(!this.noDrag){var e=this.dragState,t=new Date-e.startTime,n=null,i=e.currentLeft-e.startLeft,o=e.currentTop-e.startTop,r=e.pageWidth,s=this.index,a=this.pages.length;if(300>t){var l=Math.abs(i)<5&&Math.abs(o)<5;(isNaN(i)||isNaN(o))&&(l=!0),l&&this.$children[this.index].$emit("tap")}300>t&&void 0===e.currentLeft||((300>t||Math.abs(i)>r/2)&&(n=0>i?"next":"prev"),this.continuous||(0===s&&"prev"===n||s===a-1&&"next"===n)&&(n=null),this.$children.length<2&&(n=null),this.doAnimate(n,{offsetLeft:i,pageWidth:e.pageWidth,prevPage:e.prevPage,currentPage:e.dragPage,nextPage:e.nextPage}),this.dragState={})}}},destroyed:function(){this.timer&&(clearInterval(this.timer),this.timer=null),this.reInitTimer&&(clearTimeout(this.reInitTimer),this.reInitTimer=null)},ready:function(){var e=this;this.ready=!0,this.auto>0&&(this.timer=setInterval(function(){e.dragging||e.animating||e.next()},this.auto)),this.reInitPages();var t=this.$el;t.addEventListener("touchstart",function(t){e.prevent&&t.preventDefault(),e.animating||(e.dragging=!0,e.userScrolling=!1,e.doOnTouchStart(t))}),t.addEventListener("touchmove",function(t){e.dragging&&e.doOnTouchMove(t)}),t.addEventListener("touchend",function(t){return e.userScrolling?(e.dragging=!1,void(e.dragState={})):void(e.dragging&&(e.doOnTouchEnd(t),e.dragging=!1))})}}},function(e,t){"use strict";var n=function(e){return(e||"").replace(/^[\s\uFEFF]+|[\s\uFEFF]+$/g,"")},i=function(e,t){if(!e||!t)return!1;if(-1!=t.indexOf(" "))throw new Error("className should not contain space.");return e.classList?e.classList.contains(t):(" "+e.className+" ").indexOf(" "+t+" ")>-1},o=function(e,t){if(e){for(var n=e.className,o=(t||"").split(" "),r=0,s=o.length;s>r;r++){var a=o[r];a&&(e.classList?e.classList.add(a):i(e,a)||(n+=" "+a))}e.classList||(e.className=n)}},r=function(e,t){if(e&&t){for(var o=t.split(" "),r=" "+e.className+" ",s=0,a=o.length;a>s;s++){var l=o[s];l&&(e.classList?e.classList.remove(l):i(e,l)&&(r=r.replace(" "+l+" "," ")))}e.classList||(e.className=n(r))}};e.exports={hasClass:i,addClass:o,removeClass:r}},function(e,t){"use strict";var n=function i(e,t){if(!e)return null;var n,o;if("string"==typeof e)return document.createTextNode(e);if(e.tag){n=document.createElement(e.tag);for(var r in e)if(e.hasOwnProperty(r)){if("content"===r||"tag"===r)continue;if("key"===r&&t){var s=e[r];s&&(t[s]=n);continue}n[r]=e[r]}var a=e.content;if(a)if("string"==typeof a)o=document.createTextNode(a),n.appendChild(o);else{a instanceof Array||(a=[a]);for(var l=0,c=a.length;c>l;l++){var u=a[l];o=i(u,t),n.appendChild(o)}}}return n};e.exports=n},function(e,t){"use strict";var n=function(){return document.addEventListener?function(e,t,n){e&&t&&n&&e.addEventListener(t,n,!1)}:function(e,t,n){e&&t&&n&&e.attachEvent("on"+t,n)}}(),i=function(){return document.removeEventListener?function(e,t,n){e&&t&&e.removeEventListener(t,n,!1)}:function(e,t,n){e&&t&&e.detachEvent("on"+t,n)}}(),o=function(e,t,o){var r=function s(){o&&o.apply(this,arguments),i(e,t,s)};n(e,t,r)};e.exports={on:n,off:i,once:o}},function(e,t,n){"use strict";var i=n(3),o=n(5),r=n(7),s=n(4);e.exports={on:o.on,off:o.off,once:o.once,getStyle:r.getStyle,setStyle:r.setStyle,removeClass:i.removeClass,addClass:i.addClass,hasClass:i.hasClass,create:s}},function(e,t){"use strict";function n(e){return e.replace(o,function(e,t,n,i){return i?n.toUpperCase():n}).replace(r,"Moz$1")}var i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol?"symbol":typeof e},o=/([\:\-\_]+(.))/g,r=/^moz([A-Z])/,s=Number(document.documentMode),a=9>s?function(e,t){if(!e||!t)return null;t=n(t),"float"===t&&(t="styleFloat");try{switch(t){case"opacity":try{return e.filters.item("alpha").opacity/100}catch(i){return 1}break;default:return e.style[t]||e.currentStyle?e.currentStyle[t]:null}}catch(i){return e.style[t]}}:function(e,t){if(!e||!t)return null;t=n(t),"float"===t&&(t="cssFloat");try{var i=document.defaultView.getComputedStyle(e,"");return e.style[t]||i?i[t]:null}catch(o){return e.style[t]}},l=function c(e,t,o){if(e&&t)if("object"===("undefined"==typeof t?"undefined":i(t)))for(var r in t)t.hasOwnProperty(r)&&c(e,r,t[r]);else t=n(t),"opacity"===t&&9>s?e.style.filter=isNaN(o)?"":"alpha(opacity="+100*o+")":e.style[t]=o};e.exports={getStyle:a,setStyle:l}},function(e,t){},function(e,t){e.exports="<div class=swipe-item> <slot></slot> </div>"},function(e,t){e.exports='<div class=swipe> <div class=swipe-items-wrap v-el:wrap> <slot></slot> </div> <div class=swipe-indicators v-show=showIndicators> <div class=swipe-indicator v-for="page in pages" :class="{ active: $index === index }"></div> </div> </div>'},function(e,t,n){var i,o;i=n(1),o=n(9),e.exports=i||{},e.exports.__esModule&&(e.exports=e.exports["default"]),o&&(("function"==typeof e.exports?e.exports.options:e.exports).template=o)},function(e,t,n){var i,o;n(8),i=n(2),o=n(10),e.exports=i||{},e.exports.__esModule&&(e.exports=e.exports["default"]),o&&(("function"==typeof e.exports?e.exports.options:e.exports).template=o)}])})}]);
\ No newline at end of file
... ...
webpackJsonp([1],[function(t,e,n){(function(t){"use strict";var e=n(5),r=n(129),o=n(89),i=n(9),a=new e({el:"#app",components:{app:r}});console.log(a);var s=n(29);console.log(s);var u=n(30);console.log(u("q=w&e=r"));var l=n(28);console.log(l.all());t("#hbs-placeholder").html(o({text:"Handlerbars"}));var c=document.querySelector("#show-tip");c.addEventListener("click",function(){i("中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中")});var f=(n(19),n(44),n(88));n(43);t("#modal-overlay").click(function(){var e=t.overlay();e.show()}),t("#modal-alert").click(function(){t.modal.alert("自毁系统已经开启,请马上撤离!","警告")}),t("#modal-confirm").click(function(){t.modal.confirm("是否开启自毁系统?","",function(){this.hide(),alert("BOOM!")})}),t("#modal-custom").click(function(){var e=t.modal({title:"自定义模态对话框",text:"你可以自定义哦!",template:f,buttons:[{text:"香蕉",handler:function(){this.hide(),alert("香蕉")}},{text:"苹果",handler:function(){this.hide(),alert("苹果")}}]});e.show()}),t("#loading").click(function(){var e=t.loading();e.show(),setTimeout(function(){e.hide()},3e3)})}).call(e,n(1))},,function(t,e){t.exports=function(){var t=[];return t.toString=function(){for(var t=[],e=0;e<this.length;e++){var n=this[e];n[2]?t.push("@media "+n[2]+"{"+n[1]+"}"):t.push(n[1])}return t.join("")},t.i=function(e,n){"string"==typeof e&&(e=[[null,e,""]]);for(var r={},o=0;o<this.length;o++){var i=this[o][0];"number"==typeof i&&(r[i]=!0)}for(o=0;o<e.length;o++){var a=e[o];"number"==typeof a[0]&&r[a[0]]||(n&&!a[2]?a[2]=n:n&&(a[2]="("+a[2]+") and ("+n+")"),t.push(a))}},t}},function(t,e,n){function r(t,e){for(var n=0;n<t.length;n++){var r=t[n],o=f[r.id];if(o){o.refs++;for(var i=0;i<o.parts.length;i++)o.parts[i](r.parts[i]);for(;i<r.parts.length;i++)o.parts.push(u(r.parts[i],e))}else{for(var a=[],i=0;i<r.parts.length;i++)a.push(u(r.parts[i],e));f[r.id]={id:r.id,refs:1,parts:a}}}}function o(t){for(var e=[],n={},r=0;r<t.length;r++){var o=t[r],i=o[0],a=o[1],s=o[2],u=o[3],l={css:a,media:s,sourceMap:u};n[i]?n[i].parts.push(l):e.push(n[i]={id:i,parts:[l]})}return e}function i(t,e){var n=h(),r=g[g.length-1];if("top"===t.insertAt)r?r.nextSibling?n.insertBefore(e,r.nextSibling):n.appendChild(e):n.insertBefore(e,n.firstChild),g.push(e);else{if("bottom"!==t.insertAt)throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");n.appendChild(e)}}function a(t){t.parentNode.removeChild(t);var e=g.indexOf(t);e>=0&&g.splice(e,1)}function s(t){var e=document.createElement("style");return e.type="text/css",i(t,e),e}function u(t,e){var n,r,o;if(e.singleton){var i=m++;n=v||(v=s(e)),r=l.bind(null,n,i,!1),o=l.bind(null,n,i,!0)}else n=s(e),r=c.bind(null,n),o=function(){a(n)};return r(t),function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap)return;r(t=e)}else o()}}function l(t,e,n,r){var o=n?"":r.css;if(t.styleSheet)t.styleSheet.cssText=x(e,o);else{var i=document.createTextNode(o),a=t.childNodes;a[e]&&t.removeChild(a[e]),a.length?t.insertBefore(i,a[e]):t.appendChild(i)}}function c(t,e){var n=e.css,r=e.media,o=e.sourceMap;if(r&&t.setAttribute("media",r),o&&(n+="\n/*# sourceURL="+o.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */"),t.styleSheet)t.styleSheet.cssText=n;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(n))}}var f={},d=function(t){var e;return function(){return"undefined"==typeof e&&(e=t.apply(this,arguments)),e}},p=d(function(){return/msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase())}),h=d(function(){return document.head||document.getElementsByTagName("head")[0]}),v=null,m=0,g=[];t.exports=function(t,e){e=e||{},"undefined"==typeof e.singleton&&(e.singleton=p()),"undefined"==typeof e.insertAt&&(e.insertAt="bottom");var n=o(t);return r(n,e),function(t){for(var i=[],a=0;a<n.length;a++){var s=n[a],u=f[s.id];u.refs--,i.push(u)}if(t){var l=o(t);r(l,e)}for(var a=0;a<i.length;a++){var u=i[a];if(0===u.refs){for(var c=0;c<u.parts.length;c++)u.parts[c]();delete f[u.id]}}}};var x=function(){var t=[];return function(e,n){return t[e]=n,t.filter(Boolean).join("\n")}}()},function(t,e){"use strict";function n(t){return c[t]}function r(t){for(var e=1;e<arguments.length;e++)for(var n in arguments[e])Object.prototype.hasOwnProperty.call(arguments[e],n)&&(t[n]=arguments[e][n]);return t}function o(t,e){for(var n=0,r=t.length;n<r;n++)if(t[n]===e)return n;return-1}function i(t){if("string"!=typeof t){if(t&&t.toHTML)return t.toHTML();if(null==t)return"";if(!t)return t+"";t=""+t}return d.test(t)?t.replace(f,n):t}function a(t){return!t&&0!==t||!(!v(t)||0!==t.length)}function s(t){var e=r({},t);return e._parent=t,e}function u(t,e){return t.path=e,t}function l(t,e){return(t?t+".":"")+e}e.__esModule=!0,e.extend=r,e.indexOf=o,e.escapeExpression=i,e.isEmpty=a,e.createFrame=s,e.blockParams=u,e.appendContextPath=l;var c={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#x27;","`":"&#x60;","=":"&#x3D;"},f=/[&<>"'`=]/g,d=/[&<>"'`=]/,p=Object.prototype.toString;e.toString=p;var h=function(t){return"function"==typeof t};h(/x/)&&(e.isFunction=h=function(t){return"function"==typeof t&&"[object Function]"===p.call(t)}),e.isFunction=h;var v=Array.isArray||function(t){return!(!t||"object"!=typeof t)&&"[object Array]"===p.call(t)};e.isArray=v},,function(t,e){"use strict";function n(t,e){var o=e&&e.loc,i=void 0,a=void 0;o&&(i=o.start.line,a=o.start.column,t+=" - "+i+":"+a);for(var s=Error.prototype.constructor.call(this,t),u=0;u<r.length;u++)this[r[u]]=s[r[u]];Error.captureStackTrace&&Error.captureStackTrace(this,n),o&&(this.lineNumber=i,this.column=a)}e.__esModule=!0;var r=["description","fileName","lineNumber","message","name","number","stack"];n.prototype=new Error,e["default"]=n,t.exports=e["default"]},function(t,e,n){t.exports=!n(15)(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},function(t,e,n){t.exports=n(90)["default"]},function(t,e,n){(function(e){"use strict";function n(t){var n=void 0,r={mask:!1,delay:2e3,txt:""};"string"==typeof t?e.extend(r,{txt:t}):e.extend(r,t);var o='<div class="tip-box"><div class="tip">'+r.txt+"</div></div>",i=e(".tip-box");i.length&&(n=i.data("timer"),clearTimeout(n),i.remove());var a=e(o).appendTo(document.body);a.data("timer",setTimeout(function(){a.remove()},r.delay))}t.exports=n}).call(e,n(1))},,function(t,e,n){t.exports={"default":n(46),__esModule:!0}},function(t,e){"use strict";e.__esModule=!0,e["default"]=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}},function(t,e,n){"use strict";function r(t){return t&&t.__esModule?t:{"default":t}}e.__esModule=!0;var o=n(45),i=r(o);e["default"]=function(){function t(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),(0,i["default"])(t,r.key,r)}}return function(e,n,r){return n&&t(e.prototype,n),r&&t(e,r),e}}()},function(t,e){var n=t.exports={version:"2.4.0"};"number"==typeof __e&&(__e=n)},function(t,e){t.exports=function(t){try{return!!t()}catch(e){return!0}}},function(t,e){var n=t.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=n)},function(t,e){t.exports=function(t){return"object"==typeof t?null!==t:"function"==typeof t}},,function(t,e,n){(function(e,r){"use strict";function o(t){return t&&t.__esModule?t:{"default":t}}var i=n(11),a=o(i),s=n(12),u=o(s),l=n(13),c=o(l),f={none:{"in":"overlay-in",out:"overlay-out"},fade:{"in":"overlay-fade-in",out:"overlay-fade-out"}},d=function(){function t(n){var r=this;(0,u["default"])(this,t),this.isVisible=!1,this.defaults={className:"overlay",clickToClose:!0,onClose:e.noop,animation:"fade",disableScrolling:!0},this.settings=(0,a["default"])({},this.defaults,n),this.settings.animationClasses={"in":f[this.settings.animation]["in"],out:f[this.settings.animation].out},this.elem=e("<div/>",{"class":this.settings.className}),this.elem.appendTo("body"),this.elem.click(function(){r.settings.clickToClose&&r.hide()}),this.settings.disableScrolling&&e(window).on("touchmove",function(t){r.isVisible&&t.preventDefault()})}return(0,c["default"])(t,[{key:"_clearStylesClasses",value:function(){this.elem.removeClass(this.settings.animationClasses["in"]).removeClass(this.settings.animationClasses.out)}},{key:"show",value:function(){this._clearStylesClasses(),this.elem.css({visibility:"visible"}).show().addClass(this.settings.animationClasses["in"]),this.isVisible=!0,e("body").css({overflow:"hidden"})}},{key:"hide",value:function(){var t=this;this._clearStylesClasses();var n=function r(){t.elem[0].removeEventListener("webkitTransitionEnd",r),t.elem.css({visibility:"hidden"}),t._clearStylesClasses(),t.isVisible=!1,t.elem.remove()};this.elem[0].addEventListener("webkitTransitionEnd",n),this.elem.addClass(this.settings.animationClasses.out),this.settings.disableScrolling&&e("body").css({overflow:"auto"})}}]),t}();!function(t){t.overlay=function(t){return new d(t)}}(r),t.exports=d}).call(e,n(1),n(1))},,function(t,e){t.exports=function(t){if(void 0==t)throw TypeError("Can't call method on "+t);return t}},function(t,e,n){var r=n(16),o=n(14),i=n(52),a=n(56),s="prototype",u=function(t,e,n){var l,c,f,d=t&u.F,p=t&u.G,h=t&u.S,v=t&u.P,m=t&u.B,g=t&u.W,x=p?o:o[e]||(o[e]={}),y=x[s],b=p?r:h?r[e]:(r[e]||{})[s];p&&(n=e);for(l in n)c=!d&&b&&void 0!==b[l],c&&l in x||(f=c?b[l]:n[l],x[l]=p&&"function"!=typeof b[l]?n[l]:m&&c?i(f,r):g&&b[l]==f?function(t){var e=function(e,n,r){if(this instanceof t){switch(arguments.length){case 0:return new t;case 1:return new t(e);case 2:return new t(e,n)}return new t(e,n,r)}return t.apply(this,arguments)};return e[s]=t[s],e}(f):v&&"function"==typeof f?i(Function.call,f):f,v&&((x.virtual||(x.virtual={}))[l]=f,t&u.R&&y&&!y[l]&&a(y,l,f)))};u.F=1,u.G=2,u.S=4,u.P=8,u.B=16,u.W=32,u.U=64,u.R=128,t.exports=u},function(t,e,n){var r=n(51);t.exports=Object("z").propertyIsEnumerable(0)?Object:function(t){return"String"==r(t)?t.split(""):Object(t)}},function(t,e,n){var r=n(49),o=n(57),i=n(69),a=Object.defineProperty;e.f=n(7)?Object.defineProperty:function(t,e,n){if(r(t),e=i(e,!0),r(n),o)try{return a(t,e,n)}catch(s){}if("get"in n||"set"in n)throw TypeError("Accessors not supported!");return"value"in n&&(t[e]=n.value),t}},function(t,e){var n=Math.ceil,r=Math.floor;t.exports=function(t){return isNaN(t=+t)?0:(t>0?r:n)(t)}},function(t,e,n){var r=n(23),o=n(21);t.exports=function(t){return r(o(t))}},function(t,e,n){"use strict";function r(t){return t&&t.__esModule?t:{"default":t}}function o(t,e,n){this.helpers=t||{},this.partials=e||{},this.decorators=n||{},u.registerDefaultHelpers(this),l.registerDefaultDecorators(this)}e.__esModule=!0,e.HandlebarsEnvironment=o;var i=n(4),a=n(6),s=r(a),u=n(93),l=n(91),c=n(101),f=r(c),d="4.0.5";e.VERSION=d;var p=7;e.COMPILER_REVISION=p;var h={1:"<= 1.0.rc.2",2:"== 1.0.0-rc.3",3:"== 1.0.0-rc.4",4:"== 1.x.x",5:"== 2.0.0-alpha.x",6:">= 2.0.0-beta.1",7:">= 4.0.0"};e.REVISION_CHANGES=h;var v="[object Object]";o.prototype={constructor:o,logger:f["default"],log:f["default"].log,registerHelper:function(t,e){if(i.toString.call(t)===v){if(e)throw new s["default"]("Arg not supported with multiple helpers");i.extend(this.helpers,t)}else this.helpers[t]=e},unregisterHelper:function(t){delete this.helpers[t]},registerPartial:function(t,e){if(i.toString.call(t)===v)i.extend(this.partials,t);else{if("undefined"==typeof e)throw new s["default"]('Attempting to register a partial called "'+t+'" as undefined');this.partials[t]=e}},unregisterPartial:function(t){delete this.partials[t]},registerDecorator:function(t,e){if(i.toString.call(t)===v){if(e)throw new s["default"]("Arg not supported with multiple decorators");i.extend(this.decorators,t)}else this.decorators[t]=e},unregisterDecorator:function(t){delete this.decorators[t]}};var m=f["default"].log;e.log=m,e.createFrame=i.createFrame,e.logger=f["default"]},,,,,,,,,,,,,,,function(t,e){"use strict";console.log(1),t.exports={data:function(){return{message:"test",message2:"test2"}}}},function(t,e,n){"use strict";function r(t){return t&&t.__esModule?t:{"default":t}}var o=n(11),i=r(o),a=n(12),s=r(a),u=n(13),l=r(u),c=n(1),f=n(19),d=n(86);if(!f)throw new Error('Required dependency "Overlay" not found!');var p=function(){function t(e){(0,s["default"])(this,t),this.defaults={},this.settings=(0,i["default"])({},this.defaults,e),this.elem=c(d()),this.elem.appendTo("body")}return(0,l["default"])(t,[{key:"show",value:function(){this.overlay=new f({animation:"fade",clickToClose:!1}),this.overlay.show()}},{key:"hide",value:function(){this.overlay.hide(),this.elem.remove()}}]),t}();t.exports=new p},function(t,e,n){(function(e,r){"use strict";function o(t){return t&&t.__esModule?t:{"default":t}}var i=n(11),a=o(i),s=n(12),u=o(s),l=n(13),c=o(l),f=n(87),d=function(){function t(n){var r=this;(0,u["default"])(this,t),this.defaults={isModal:!0,template:f,title:"",text:"",buttons:[{text:"好",handler:function(){r.hide()}}]},this.settings=(0,a["default"])({},this.defaults,n);var o=this.settings.template({title:this.settings.title,text:this.settings.text,buttons:this.settings.buttons});this.elem=e(o);var i=this.elem.find(".button-group").children(),s=this;this.elem.appendTo("body"),i.each(function(t){e(this).click(s.settings.buttons[t].handler.bind(s))})}return(0,c["default"])(t,[{key:"show",value:function(){this.overlay=e.overlay({clickToClose:!1}),this.overlay.show(),this.elem.css({left:(e(window).width()-this.elem.outerWidth())/2,top:(e(window).height()-this.elem.outerHeight())/2+e(window).scrollTop()}).show().addClass("animation-target")}},{key:"hide",value:function(){this.overlay.hide(),this.elem.hide().remove()}}]),t}();!function(t){t.modal=function(t){return new d(t)},t.extend(t.modal,{alert:function(e,n){var r=t.modal({text:e,title:n});r.show()},confirm:function(e,n,r){var o=t.modal({text:e,title:n,buttons:[{text:"取消",handler:function(){this.hide()}},{text:"好",handler:r||t.noop}]});o.show()}})}(r),t.exports=d}).call(e,n(1),n(1))},function(t,e,n){t.exports={"default":n(47),__esModule:!0}},function(t,e,n){n(71),t.exports=n(14).Object.assign},function(t,e,n){n(72);var r=n(14).Object;t.exports=function(t,e,n){return r.defineProperty(t,e,n)}},function(t,e){t.exports=function(t){if("function"!=typeof t)throw TypeError(t+" is not a function!");return t}},function(t,e,n){var r=n(17);t.exports=function(t){if(!r(t))throw TypeError(t+" is not an object!");return t}},function(t,e,n){var r=n(26),o=n(67),i=n(66);t.exports=function(t){return function(e,n,a){var s,u=r(e),l=o(u.length),c=i(a,l);if(t&&n!=n){for(;l>c;)if(s=u[c++],s!=s)return!0}else for(;l>c;c++)if((t||c in u)&&u[c]===n)return t||c||0;return!t&&-1}}},function(t,e){var n={}.toString;t.exports=function(t){return n.call(t).slice(8,-1)}},function(t,e,n){var r=n(48);t.exports=function(t,e,n){if(r(t),void 0===e)return t;switch(n){case 1:return function(n){return t.call(e,n)};case 2:return function(n,r){return t.call(e,n,r)};case 3:return function(n,r,o){return t.call(e,n,r,o)}}return function(){return t.apply(e,arguments)}}},function(t,e,n){var r=n(17),o=n(16).document,i=r(o)&&r(o.createElement);t.exports=function(t){return i?o.createElement(t):{}}},function(t,e){t.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},function(t,e){var n={}.hasOwnProperty;t.exports=function(t,e){return n.call(t,e)}},function(t,e,n){var r=n(24),o=n(63);t.exports=n(7)?function(t,e,n){return r.f(t,e,o(1,n))}:function(t,e,n){return t[e]=n,t}},function(t,e,n){t.exports=!n(7)&&!n(15)(function(){return 7!=Object.defineProperty(n(53)("div"),"a",{get:function(){return 7}}).a})},function(t,e,n){"use strict";var r=n(61),o=n(59),i=n(62),a=n(68),s=n(23),u=Object.assign;t.exports=!u||n(15)(function(){var t={},e={},n=Symbol(),r="abcdefghijklmnopqrst";return t[n]=7,r.split("").forEach(function(t){e[t]=t}),7!=u({},t)[n]||Object.keys(u({},e)).join("")!=r})?function(t,e){for(var n=a(t),u=arguments.length,l=1,c=o.f,f=i.f;u>l;)for(var d,p=s(arguments[l++]),h=c?r(p).concat(c(p)):r(p),v=h.length,m=0;v>m;)f.call(p,d=h[m++])&&(n[d]=p[d]);return n}:u},function(t,e){e.f=Object.getOwnPropertySymbols},function(t,e,n){var r=n(55),o=n(26),i=n(50)(!1),a=n(64)("IE_PROTO");t.exports=function(t,e){var n,s=o(t),u=0,l=[];for(n in s)n!=a&&r(s,n)&&l.push(n);for(;e.length>u;)r(s,n=e[u++])&&(~i(l,n)||l.push(n));return l}},function(t,e,n){var r=n(60),o=n(54);t.exports=Object.keys||function(t){return r(t,o)}},function(t,e){e.f={}.propertyIsEnumerable},function(t,e){t.exports=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}}},function(t,e,n){var r=n(65)("keys"),o=n(70);t.exports=function(t){return r[t]||(r[t]=o(t))}},function(t,e,n){var r=n(16),o="__core-js_shared__",i=r[o]||(r[o]={});t.exports=function(t){return i[t]||(i[t]={})}},function(t,e,n){var r=n(25),o=Math.max,i=Math.min;t.exports=function(t,e){return t=r(t),t<0?o(t+e,0):i(t,e)}},function(t,e,n){var r=n(25),o=Math.min;t.exports=function(t){return t>0?o(r(t),9007199254740991):0}},function(t,e,n){var r=n(21);t.exports=function(t){return Object(r(t))}},function(t,e,n){var r=n(17);t.exports=function(t,e){if(!r(t))return t;var n,o;if(e&&"function"==typeof(n=t.toString)&&!r(o=n.call(t)))return o;if("function"==typeof(n=t.valueOf)&&!r(o=n.call(t)))return o;if(!e&&"function"==typeof(n=t.toString)&&!r(o=n.call(t)))return o;throw TypeError("Can't convert object to primitive value")}},function(t,e){var n=0,r=Math.random();t.exports=function(t){return"Symbol(".concat(void 0===t?"":t,")_",(++n+r).toString(36))}},function(t,e,n){var r=n(22);r(r.S+r.F,"Object",{assign:n(58)})},function(t,e,n){var r=n(22);r(r.S+r.F*!n(7),"Object",{defineProperty:n(24).f})},,,,,,,,,,,,function(t,e,n){e=t.exports=n(2)(),e.push([t.id,".test{color:green;background-image:url(\"../assets/img/sprite.channel.png?v156070acab8\");background-position:0 0;background-size:1.5rem 1.5rem}.test2{color:blue;background:url('../assets/img/channel/boys.png?v156070ab730')}.testError{background:#fff}",""])},,function(t,e,n){var r=n(8);t.exports=(r["default"]||r).template({compiler:[7,">= 4.0.0"],main:function(t,e,n,r,o){return'<div class="loading">\n <div></div>\n <div></div>\n <div></div>\n</div>\n'},useData:!0})},function(t,e,n){var r=n(8);t.exports=(r["default"]||r).template({1:function(t,e,n,r,o){var i;return' <a href="javascript:void(0);" class="modal-button">'+t.escapeExpression((i=null!=(i=n.text||(null!=e?e.text:e))?i:n.helperMissing,"function"==typeof i?i.call(null!=e?e:{},{name:"text",hash:{},data:o}):i))+"</a>\n"},compiler:[7,">= 4.0.0"],main:function(t,e,n,r,o){var i,a,s=null!=e?e:{},u=n.helperMissing,l="function",c=t.escapeExpression;return'<div class="modal">\n <h2>'+c((a=null!=(a=n.title||(null!=e?e.title:e))?a:u,typeof a===l?a.call(s,{name:"title",hash:{},data:o}):a))+"</h2>\n <p>"+c((a=null!=(a=n.text||(null!=e?e.text:e))?a:u,typeof a===l?a.call(s,{name:"text",hash:{},data:o}):a))+'</p>\n <hr>\n <div class="button-group">\n'+(null!=(i=n.each.call(s,null!=e?e.buttons:e,{name:"each",hash:{},fn:t.program(1,o,0),inverse:t.noop,data:o}))?i:"")+" </div>\n</div>\n"},useData:!0})},function(t,e,n){var r=n(8);t.exports=(r["default"]||r).template({1:function(t,e,n,r,o){var i;return' <a href="javascript:void(0);" class="modal-button">'+t.escapeExpression((i=null!=(i=n.text||(null!=e?e.text:e))?i:n.helperMissing,"function"==typeof i?i.call(null!=e?e:{},{name:"text",hash:{},data:o}):i))+"</a>\n"},compiler:[7,">= 4.0.0"],main:function(t,e,n,r,o){var i,a,s=null!=e?e:{},u=n.helperMissing,l="function",c=t.escapeExpression;return'<div class="modal" style="background: blue; border-radius: 5px; border: 1px solid #FFFFFF;">\n <h2 style="color: yellow">'+c((a=null!=(a=n.title||(null!=e?e.title:e))?a:u,typeof a===l?a.call(s,{name:"title",hash:{},data:o}):a))+'</h2>\n <p style="color: yellow">'+c((a=null!=(a=n.text||(null!=e?e.text:e))?a:u,typeof a===l?a.call(s,{name:"text",hash:{},data:o}):a))+'</p>\n <div class="button-group">\n'+(null!=(i=n.each.call(s,null!=e?e.buttons:e,{name:"each",hash:{},fn:t.program(1,o,0),inverse:t.noop,data:o}))?i:"")+" </div>\n</div>\n"},useData:!0})},function(t,e,n){var r=n(8);t.exports=(r["default"]||r).template({compiler:[7,">= 4.0.0"],main:function(t,e,n,r,o){var i;return"<span>Hello "+t.escapeExpression((i=null!=(i=n.text||(null!=e?e.text:e))?i:n.helperMissing,"function"==typeof i?i.call(null!=e?e:{},{name:"text",hash:{},data:o}):i))+"</span>\n"},useData:!0})},function(t,e,n){"use strict";function r(t){return t&&t.__esModule?t:{"default":t}}function o(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e["default"]=t,e}function i(){var t=new s.HandlebarsEnvironment;return p.extend(t,s),t.SafeString=l["default"],t.Exception=f["default"],t.Utils=p,t.escapeExpression=p.escapeExpression,t.VM=v,t.template=function(e){return v.template(e,t)},t}e.__esModule=!0;var a=n(27),s=o(a),u=n(104),l=r(u),c=n(6),f=r(c),d=n(4),p=o(d),h=n(103),v=o(h),m=n(102),g=r(m),x=i();x.create=i,g["default"](x),x["default"]=x,e["default"]=x,t.exports=e["default"]},function(t,e,n){"use strict";function r(t){return t&&t.__esModule?t:{"default":t}}function o(t){a["default"](t)}e.__esModule=!0,e.registerDefaultDecorators=o;var i=n(92),a=r(i)},function(t,e,n){"use strict";e.__esModule=!0;var r=n(4);e["default"]=function(t){t.registerDecorator("inline",function(t,e,n,o){var i=t;return e.partials||(e.partials={},i=function(o,i){var a=n.partials;n.partials=r.extend({},a,e.partials);var s=t(o,i);return n.partials=a,s}),e.partials[o.args[0]]=o.fn,i})},t.exports=e["default"]},function(t,e,n){"use strict";function r(t){return t&&t.__esModule?t:{"default":t}}function o(t){a["default"](t),u["default"](t),c["default"](t),d["default"](t),h["default"](t),m["default"](t),x["default"](t)}e.__esModule=!0,e.registerDefaultHelpers=o;var i=n(94),a=r(i),s=n(95),u=r(s),l=n(96),c=r(l),f=n(97),d=r(f),p=n(98),h=r(p),v=n(99),m=r(v),g=n(100),x=r(g)},function(t,e,n){"use strict";e.__esModule=!0;var r=n(4);e["default"]=function(t){t.registerHelper("blockHelperMissing",function(e,n){var o=n.inverse,i=n.fn;if(e===!0)return i(this);if(e===!1||null==e)return o(this);if(r.isArray(e))return e.length>0?(n.ids&&(n.ids=[n.name]),t.helpers.each(e,n)):o(this);if(n.data&&n.ids){var a=r.createFrame(n.data);a.contextPath=r.appendContextPath(n.data.contextPath,n.name),n={data:a}}return i(e,n)})},t.exports=e["default"]},function(t,e,n){"use strict";function r(t){return t&&t.__esModule?t:{"default":t}}e.__esModule=!0;var o=n(4),i=n(6),a=r(i);e["default"]=function(t){t.registerHelper("each",function(t,e){function n(e,n,i){l&&(l.key=e,l.index=n,l.first=0===n,l.last=!!i,c&&(l.contextPath=c+e)),u+=r(t[e],{data:l,blockParams:o.blockParams([t[e],e],[c+e,null])})}if(!e)throw new a["default"]("Must pass iterator to #each");var r=e.fn,i=e.inverse,s=0,u="",l=void 0,c=void 0;if(e.data&&e.ids&&(c=o.appendContextPath(e.data.contextPath,e.ids[0])+"."),o.isFunction(t)&&(t=t.call(this)),e.data&&(l=o.createFrame(e.data)),t&&"object"==typeof t)if(o.isArray(t))for(var f=t.length;s<f;s++)s in t&&n(s,s,s===t.length-1);else{var d=void 0;for(var p in t)t.hasOwnProperty(p)&&(void 0!==d&&n(d,s-1),d=p,s++);void 0!==d&&n(d,s-1,!0)}return 0===s&&(u=i(this)),u})},t.exports=e["default"]},function(t,e,n){"use strict";function r(t){return t&&t.__esModule?t:{"default":t}}e.__esModule=!0;var o=n(6),i=r(o);e["default"]=function(t){t.registerHelper("helperMissing",function(){if(1!==arguments.length)throw new i["default"]('Missing helper: "'+arguments[arguments.length-1].name+'"')})},t.exports=e["default"]},function(t,e,n){"use strict";e.__esModule=!0;var r=n(4);e["default"]=function(t){t.registerHelper("if",function(t,e){return r.isFunction(t)&&(t=t.call(this)),!e.hash.includeZero&&!t||r.isEmpty(t)?e.inverse(this):e.fn(this)}),t.registerHelper("unless",function(e,n){return t.helpers["if"].call(this,e,{fn:n.inverse,inverse:n.fn,hash:n.hash})})},t.exports=e["default"]},function(t,e){"use strict";e.__esModule=!0,e["default"]=function(t){t.registerHelper("log",function(){for(var e=[void 0],n=arguments[arguments.length-1],r=0;r<arguments.length-1;r++)e.push(arguments[r]);var o=1;null!=n.hash.level?o=n.hash.level:n.data&&null!=n.data.level&&(o=n.data.level),e[0]=o,t.log.apply(t,e)})},t.exports=e["default"]},function(t,e){"use strict";e.__esModule=!0,e["default"]=function(t){t.registerHelper("lookup",function(t,e){return t&&t[e]})},t.exports=e["default"]},function(t,e,n){"use strict";e.__esModule=!0;var r=n(4);e["default"]=function(t){t.registerHelper("with",function(t,e){r.isFunction(t)&&(t=t.call(this));var n=e.fn;if(r.isEmpty(t))return e.inverse(this);var o=e.data;return e.data&&e.ids&&(o=r.createFrame(e.data),o.contextPath=r.appendContextPath(e.data.contextPath,e.ids[0])),n(t,{data:o,blockParams:r.blockParams([t],[o&&o.contextPath])})})},t.exports=e["default"]},function(t,e,n){"use strict";e.__esModule=!0;var r=n(4),o={methodMap:["debug","info","warn","error"],level:"info",lookupLevel:function(t){if("string"==typeof t){var e=r.indexOf(o.methodMap,t.toLowerCase());t=e>=0?e:parseInt(t,10)}return t},log:function(t){if(t=o.lookupLevel(t),"undefined"!=typeof console&&o.lookupLevel(o.level)<=t){var e=o.methodMap[t];console[e]||(e="log");for(var n=arguments.length,r=Array(n>1?n-1:0),i=1;i<n;i++)r[i-1]=arguments[i];console[e].apply(console,r)}}};e["default"]=o,t.exports=e["default"]},function(t,e){(function(n){"use strict";e.__esModule=!0,e["default"]=function(t){var e="undefined"!=typeof n?n:window,r=e.Handlebars;t.noConflict=function(){return e.Handlebars===t&&(e.Handlebars=r),t}},t.exports=e["default"]}).call(e,function(){return this}())},function(t,e,n){"use strict";function r(t){return t&&t.__esModule?t:{"default":t}}function o(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e["default"]=t,e}function i(t){var e=t&&t[0]||1,n=g.COMPILER_REVISION;if(e!==n){if(e<n){var r=g.REVISION_CHANGES[n],o=g.REVISION_CHANGES[e];throw new m["default"]("Template was precompiled with an older version of Handlebars than the current runtime. Please update your precompiler to a newer version ("+r+") or downgrade your runtime to an older version ("+o+").")}throw new m["default"]("Template was precompiled with a newer version of Handlebars than the current runtime. Please update your runtime to a newer version ("+t[1]+").")}}function a(t,e){function n(n,r,o){o.hash&&(r=h.extend({},r,o.hash),o.ids&&(o.ids[0]=!0)),n=e.VM.resolvePartial.call(this,n,r,o);var i=e.VM.invokePartial.call(this,n,r,o);if(null==i&&e.compile&&(o.partials[o.name]=e.compile(n,t.compilerOptions,e),i=o.partials[o.name](r,o)),null!=i){if(o.indent){for(var a=i.split("\n"),s=0,u=a.length;s<u&&(a[s]||s+1!==u);s++)a[s]=o.indent+a[s];i=a.join("\n")}return i}throw new m["default"]("The partial "+o.name+" could not be compiled when running in runtime-only mode")}function r(e){function n(e){return""+t.main(o,e,o.helpers,o.partials,a,u,s)}var i=arguments.length<=1||void 0===arguments[1]?{}:arguments[1],a=i.data;r._setup(i),!i.partial&&t.useData&&(a=f(e,a));var s=void 0,u=t.useBlockParams?[]:void 0;return t.useDepths&&(s=i.depths?e!==i.depths[0]?[e].concat(i.depths):i.depths:[e]),(n=d(t.main,n,o,i.depths||[],a,u))(e,i)}if(!e)throw new m["default"]("No environment passed to template");if(!t||!t.main)throw new m["default"]("Unknown template object: "+typeof t);t.main.decorator=t.main_d,e.VM.checkRevision(t.compiler);var o={strict:function(t,e){if(!(e in t))throw new m["default"]('"'+e+'" not defined in '+t);return t[e]},lookup:function(t,e){for(var n=t.length,r=0;r<n;r++)if(t[r]&&null!=t[r][e])return t[r][e]},lambda:function(t,e){return"function"==typeof t?t.call(e):t},escapeExpression:h.escapeExpression,invokePartial:n,fn:function(e){var n=t[e];return n.decorator=t[e+"_d"],n},programs:[],program:function(t,e,n,r,o){var i=this.programs[t],a=this.fn(t);return e||o||r||n?i=s(this,t,a,e,n,r,o):i||(i=this.programs[t]=s(this,t,a)),i},data:function(t,e){for(;t&&e--;)t=t._parent;return t},merge:function(t,e){var n=t||e;return t&&e&&t!==e&&(n=h.extend({},e,t)),n},noop:e.VM.noop,compilerInfo:t.compiler};return r.isTop=!0,r._setup=function(n){n.partial?(o.helpers=n.helpers,o.partials=n.partials,o.decorators=n.decorators):(o.helpers=o.merge(n.helpers,e.helpers),t.usePartial&&(o.partials=o.merge(n.partials,e.partials)),(t.usePartial||t.useDecorators)&&(o.decorators=o.merge(n.decorators,e.decorators)))},r._child=function(e,n,r,i){if(t.useBlockParams&&!r)throw new m["default"]("must pass block params");if(t.useDepths&&!i)throw new m["default"]("must pass parent depths");return s(o,e,t[e],n,0,r,i)},r}function s(t,e,n,r,o,i,a){function s(e){var o=arguments.length<=1||void 0===arguments[1]?{}:arguments[1],s=a;return a&&e!==a[0]&&(s=[e].concat(a)),n(t,e,t.helpers,t.partials,o.data||r,i&&[o.blockParams].concat(i),s)}return s=d(n,s,t,a,r,i),s.program=e,s.depth=a?a.length:0,s.blockParams=o||0,s}function u(t,e,n){return t?t.call||n.name||(n.name=t,t=n.partials[t]):t="@partial-block"===n.name?n.data["partial-block"]:n.partials[n.name],t}function l(t,e,n){n.partial=!0,n.ids&&(n.data.contextPath=n.ids[0]||n.data.contextPath);var r=void 0;if(n.fn&&n.fn!==c&&(n.data=g.createFrame(n.data),r=n.data["partial-block"]=n.fn,r.partials&&(n.partials=h.extend({},n.partials,r.partials))),void 0===t&&r&&(t=r),void 0===t)throw new m["default"]("The partial "+n.name+" could not be found");if(t instanceof Function)return t(e,n)}function c(){return""}function f(t,e){return e&&"root"in e||(e=e?g.createFrame(e):{},e.root=t),e}function d(t,e,n,r,o,i){if(t.decorator){var a={};e=t.decorator(e,a,n,r&&r[0],o,i,r),h.extend(e,a)}return e}e.__esModule=!0,e.checkRevision=i,e.template=a,e.wrapProgram=s,e.resolvePartial=u,e.invokePartial=l,e.noop=c;var p=n(4),h=o(p),v=n(6),m=r(v),g=n(27)},function(t,e){"use strict";function n(t){this.string=t}e.__esModule=!0,n.prototype.toString=n.prototype.toHTML=function(){return""+this.string},e["default"]=n,t.exports=e["default"]},,,,,,,,,,,,,,function(t,e){t.exports=" <div class=test> {{message}} </div> <div class=test2> {{message2}} </div> "},,,,,,,,,,,function(t,e,n){var r,o;n(141),r=n(42),o=n(118),t.exports=r||{},t.exports.__esModule&&(t.exports=t.exports["default"]),o&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=o)},,,,,,,,,,,,function(t,e,n){var r=n(84);"string"==typeof r&&(r=[[t.id,r,""]]);n(3)(r,{});r.locals&&(t.exports=r.locals)}]);
\ No newline at end of file
... ...
webpackJsonp([4],[function(o,s){"use strict";console.log("test")}]);
\ No newline at end of file
... ...
@charset "utf-8";
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 1rem}hr{box-sizing:content-box;height:0;overflow:visible}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 .05rem;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-.05rem}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.clearfix:after{content:'';display:block;clear:both}*,:after,:before{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}body,html{width:100%;font-size:.6rem;font-family:helvetica,Arial,黑体;line-height:1.4}a{color:#000;text-decoration:none}:focus,a{outline:none}.hide{display:none}.overflow-hidden{overflow:hidden}.main-wrap{position:relative;margin-right:auto;margin-left:auto;max-width:18.75rem;width:100%}@font-face{font-family:iconfont;src:url(../assets/font/iconfont.eot?vqs6e2&v156070aab78);src:url(../assets/font/iconfont.eot?vqs6e2&v156070aab78#iefix) format("embedded-opentype"),url(../assets/font/iconfont.ttf?vqs6e2&v156070abb18) format("truetype"),url(../assets/font/iconfont.woff?vqs6e2&v156070ac2e8) format("woff"),url(../assets/font/iconfont.svg?vqs6e2&v156070ab730#iconfont) format("svg");font-weight:400;font-style:normal}.icon{font-family:iconfont!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-sort-asc:before{content:"\e900"}.icon-sort-desc:before{content:"\e901"}.icon-print:before{content:"\e609"}.icon-delete:before{content:"\e600"}.icon-bag:before{content:"\e601"}.icon-down:before{content:"\e602"}.icon-check:before{content:"\e603"}.icon-close:before{content:"\e605"}.icon-left:before{content:"\e606"}.icon-right:before{content:"\e607"}.icon-search:before{content:"\e608"}.icon-love:before{content:"\e60d"}.icon-up:before{content:"\e617"}.tip-box{position:fixed;top:50%;left:50%;z-index:998;transform:translate(-50%,-50%);display:table;max-width:90%;min-height:2.5rem;border-radius:.2rem;text-align:center;font-size:.7rem;color:#fff;background-color:rgba(0,0,0,.7);padding:.25rem .5rem}.tip-box .tip{display:table-cell;vertical-align:middle}.button{display:inline-block;min-width:7.75rem;min-height:2.5rem;border:1px solid #000;background:#fff;color:#000;font-size:.5rem;padding:0 .25rem;-webkit-appearance:button}.button.button-solid{background:#000;color:#fff}.button.button-round{border-radius:.1rem}.button.button-small{min-width:4.5rem;min-height:1.75rem}.button.button-large{min-width:17.5rem;min-height:2.5rem}.button:disabled{border:1px solid #b0b0b0;color:#b0b0b0}.swiper-container{position:relative;z-index:1;overflow:hidden;margin:0 auto}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-ms-flex-direction:column;flex-direction:column;-webkit-box-orient:vertical;-moz-box-orient:vertical}.swiper-wrapper{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;box-sizing:content-box;width:100%;height:100%;-webkit-transition-property:-webkit-transform;transition-property:transform;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translateZ(0);transform:translateZ(0)}.swiper-container-multirow>.swiper-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-lines:multiple;-moz-box-lines:multiple}.swiper-container-free-mode>.swiper-wrapper{margin:0 auto;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-slide{position:relative;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container .swiper-notification{position:absolute;top:0;left:0;z-index:-1000;opacity:0;pointer-events:none}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;z-index:10;margin-top:-.55rem;width:.675rem;height:1.1rem;background-position:50%;background-size:.675rem 1.1rem;background-repeat:no-repeat;cursor:pointer}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{right:auto;left:.25rem;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:.25rem;left:auto;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")}.swiper-pagination{position:absolute;z-index:10;text-align:center;-webkit-transition:.3s;transition:.3s;-webkit-transform:translateZ(0);transform:translateZ(0)}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-bullet{display:inline-block;width:.2rem;height:.2rem;border-radius:100%;background:#000;opacity:.2}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{background:#007aff;opacity:1}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination{top:50%;right:.25rem;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet{display:block;margin:.125rem 0}.swiper-container-horizontal>.swiper-pagination{bottom:.25rem;left:0;width:100%}.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0 .125rem}.swiper-container-3d{-webkit-perspective:30rem;-o-perspective:30rem;perspective:30rem}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;pointer-events:none}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(transparent));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),transparent);background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent)}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(transparent));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),transparent);background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(transparent));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),transparent);background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(transparent));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),transparent);background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:30rem}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide,.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{visibility:hidden;width:100%;height:100%;-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{visibility:visible;pointer-events:auto}.swiper-container-cube .swiper-cube-shadow{position:absolute;bottom:0;left:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(1.25rem);filter:blur(1.25rem)}.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow{z-index:0}.swiper-scrollbar{position:relative;border-radius:.25rem;background:rgba(0,0,0,.1);-ms-touch-action:none}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;bottom:.075rem;left:1%;z-index:50;width:98%;height:.125rem}.swiper-container-vertical>.swiper-scrollbar{position:absolute;top:1%;right:.075rem;z-index:50;width:.125rem;height:98%}.swiper-scrollbar-drag{position:relative;top:0;left:0;width:100%;height:100%;border-radius:.25rem;background:rgba(0,0,0,.5)}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{position:absolute;top:50%;left:50%;z-index:10;margin-top:-.525rem;margin-left:-.525rem;width:1.05rem;height:1.05rem;-webkit-transform-origin:50%;transform-origin:50%;-webkit-animation:a 1s steps(12) infinite;animation:a 1s steps(12) infinite}.swiper-lazy-preloader:after{display:block;width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat;content:""}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")}@-webkit-keyframes a{to{-webkit-transform:rotate(1turn)}}@keyframes a{to{transform:rotate(1turn)}}.badge{min-width:.4rem;padding:.075rem .175rem;margin-left:.25rem;margin-right:.25rem;border-radius:249.975rem;font-size:.35rem;line-height:1;text-align:center;white-space:nowrap;background-color:#3790de;color:#fff}.badge-tr{position:absolute;top:-.125rem;right:-.275rem;margin:0}.checkbox,.radio{position:relative;display:inline-block}.checkbox label,.radio label{padding-left:.825rem}.checkbox label:before,.radio label:before{z-index:8;border:.05rem solid #000;content:""}.checkbox label:after,.radio label:after{position:absolute;top:.15rem;left:.3rem;z-index:9;display:none;width:.2rem;height:.4rem;border:.05rem solid #fff;border-top:0;border-left:0;content:"";transform:rotate(45deg)}.checkbox input,.checkbox label:before,.radio input,.radio label:before{position:absolute;top:0;left:0;width:.75rem;height:.75rem}.checkbox input,.radio input{z-index:10;opacity:0}.checkbox input:checked~label:before,.radio input:checked~label:before{background:#000}.checkbox input:checked~label:after,.radio input:checked~label:after{display:block}.checkbox input:disabled~label,.radio input:disabled~label{color:#ccc}.checkbox input:disabled~label:before,.radio input:disabled~label:before{border-color:#e4e4e4}.checkbox input:disabled:checked~label:before,.radio input:disabled:checked~label:before{background-color:#e4e4e4}.radio label:before{border-radius:50%}.switch{display:inline-block}.switch input{display:none}.switch input:checked~label{border:.05rem solid #4bd865;box-shadow:inset 0 0 0 .7rem #4bd865}.switch input:checked~label:after{left:1.1rem;box-shadow:0 .125rem .125rem -1px rgba(0,0,0,.2),0 0 0 .05rem #4bd865}.switch input:disabled:checked~label,.switch input:disabled~label{opacity:.6}.switch label{position:relative;display:inline-block;width:2.5rem;height:1.5rem;border:.05rem solid #ddd;border-radius:2499.975rem;background-color:#fff;transition:.3s}.switch label:after{position:absolute;left:0;width:1.4rem;height:1.4rem;border:none;border-radius:50%;background-color:#fff;box-shadow:0 .125rem .125rem -1px rgba(0,0,0,.2),0 0 0 .05rem #ddd;content:"";transition:.4s}.overlay{position:fixed;background:#000;opacity:0;left:0;top:0;width:100%;height:100%;z-index:1000}.overlay-fade-in{opacity:.5;transition:opacity .1s linear}.overlay-fade-out{opacity:0;transition:opacity .1s linear}.overlay-in{opacity:.5}.overlay-in,.overlay-out{transition:opacity .1s linear}.overlay-out{opacity:0}.modal{position:absolute;margin:0 auto;background:#fcfcfc;width:12.8rem;z-index:1001}.modal h2{font-size:.8rem;text-align:center;margin-top:1.25rem;margin-bottom:0}.modal p{font-size:.525rem;text-align:center;margin-top:.5rem;margin-bottom:1.2rem}.modal hr{border:none;border-top:1px solid #e0e0e0;margin:0}.modal .button-group{display:flex;flex-direction:row;justify-content:space-around;align-items:stretch;height:2.2rem}.modal .button-group a.modal-button{flex:1;align-self:center;text-align:center;color:#3790de;font-size:.75rem}.modal .button-group :not(:first-child){border-left:1px solid #e0e0e0}.animation-target{-webkit-animation:b 1s linear both;animation:b 1s linear both}@keyframes b{0%{transform:matrix(.5,0,0,.5,0,0)}4.3%{transform:matrix(.757,0,0,.757,0,0)}8.61%{transform:matrix(.939,0,0,.939,0,0)}12.91%{transform:matrix(1.026,0,0,1.026,0,0)}17.22%{transform:matrix(1.047,0,0,1.047,0,0)}28.33%{transform:matrix(1.01,0,0,1.01,0,0)}39.44%{transform:matrix(.997,0,0,.997,0,0)}61.66%{transform:matrix(1,0,0,1,0,0)}83.98%{transform:matrix(1,0,0,1,0,0)}to{transform:matrix(1,0,0,1,0,0)}}@keyframes c{0%{transform:scale(1);opacity:1}45%{transform:scale(.1);opacity:.7}80%{transform:scale(1);opacity:1}}.loading{position:fixed;top:50%;left:50%;margin-top:-.5rem;margin-left:-1.5rem;width:3.2rem;height:1rem;z-index:1001}.loading>div{display:inline-block;margin:.1rem;width:.75rem;height:.75rem;border-radius:100%;background:#fff}.loading>div:nth-child(1){animation:c .75s .12s infinite cubic-bezier(.2,.68,.18,1.08)}.loading>div:nth-child(2){animation:c .75s .24s infinite cubic-bezier(.2,.68,.18,1.08)}.loading>div:nth-child(3){animation:c .75s .36s infinite cubic-bezier(.2,.68,.18,1.08)}.example.color{display:inline-block;width:.45rem;height:.45rem;border:1px solid #999}.example.color.black{background:#000}.example.color.white{background:#fff}.example.color.red{background:#ff081c}.example.color.green{background:#1ed96c}.example.color.grey{background:#b0b0b0}.example.color.blue{background:#3790de}.my-page{background:#f0f0f0}.my-page,.my-page a{color:#444}.my-page .user-info{display:block;position:relative;padding:0 .75rem;color:#fff;font-size:.85rem;line-height:3.45rem;height:11.225rem;background-size:cover;background:#444;text-align:center}.my-page .user-info .user-avatar{display:inline-block;position:relative;top:2.2rem;width:5rem;height:5rem;border-radius:50%;border:.15rem solid #a7a8a9;background:#a7a8a9;background-size:100%}.my-page .user-info .username{display:inline-block;padding:0 .4rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:6.5rem}.my-page .login-btn{display:inline-block;top:1rem;left:4.85rem;width:6.1rem;height:2.05rem;line-height:2.05rem;color:#fff;border:.1rem solid #fff;margin:3rem auto}.my-page .my-order{margin-bottom:.75rem;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;background:#fff}.my-page .my-order .order-title{display:block;padding:0 .75rem;font-size:16px;line-height:2.2rem}.my-page .my-order .order-title span{color:#e0e0e0;float:right}.my-page .my-order .order-title.highlight{background:#eee}.my-page .my-order .order-type{padding:.5rem .75rem;text-align:center;border-top:1px solid #e0e0e0}.my-page .my-order .order-type .type-item{position:relative;float:left;color:#444;font-size:14px;line-height:1.5;width:4.25rem}.my-page .my-order .order-type .type-item .num{position:absolute;top:-.6rem;right:.9rem;width:1.8rem;height:1.8rem;font-size:1rem;line-height:1.8rem;color:#fff;background:#f03d35;text-align:center;border-radius:50%;transform:scale(.5)}.my-page .my-order .order-type .type-item.highlight{background:#eee}.my-page .group-list{margin-bottom:.75rem;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;background:#fff}.my-page .group-list .list-item{display:block;position:relative;padding:0 .75rem;font-size:16px;line-height:2.25rem}.my-page .group-list .list-item.highlight{background:#eee}.my-page .group-list .list-item:after{content:'';position:absolute;right:0;bottom:0;width:100%;height:0;border-top:1px solid #f0f0f0}.my-page .group-list .list-item:last-child:after{content:none}.my-page .group-list .icon{margin-right:.125rem;font-size:.75rem;vertical-align:top}.my-page .group-list .num{color:#e0e0e0;float:right}
\ No newline at end of file
... ...
This diff could not be displayed because it is too large.
No preview for this file type
webpackJsonp([3],{0:function(t,e,r){"use strict";var i=r(5),s=r(128),o=r(122),n=r(121);r(10),new i({el:"#product-list",components:{list:o,sort:s,filter:n}})},2:function(t,e){t.exports=function(){var t=[];return t.toString=function(){for(var t=[],e=0;e<this.length;e++){var r=this[e];r[2]?t.push("@media "+r[2]+"{"+r[1]+"}"):t.push(r[1])}return t.join("")},t.i=function(e,r){"string"==typeof e&&(e=[[null,e,""]]);for(var i={},s=0;s<this.length;s++){var o=this[s][0];"number"==typeof o&&(i[o]=!0)}for(s=0;s<e.length;s++){var n=e[s];"number"==typeof n[0]&&i[n[0]]||(r&&!n[2]?n[2]=r:r&&(n[2]="("+n[2]+") and ("+r+")"),t.push(n))}},t}},3:function(t,e,r){function i(t,e){for(var r=0;r<t.length;r++){var i=t[r],s=f[i.id];if(s){s.refs++;for(var o=0;o<s.parts.length;o++)s.parts[o](i.parts[o]);for(;o<i.parts.length;o++)s.parts.push(l(i.parts[o],e))}else{for(var n=[],o=0;o<i.parts.length;o++)n.push(l(i.parts[o],e));f[i.id]={id:i.id,refs:1,parts:n}}}}function s(t){for(var e=[],r={},i=0;i<t.length;i++){var s=t[i],o=s[0],n=s[1],a=s[2],l=s[3],c={css:n,media:a,sourceMap:l};r[o]?r[o].parts.push(c):e.push(r[o]={id:o,parts:[c]})}return e}function o(t,e){var r=m(),i=v[v.length-1];if("top"===t.insertAt)i?i.nextSibling?r.insertBefore(e,i.nextSibling):r.appendChild(e):r.insertBefore(e,r.firstChild),v.push(e);else{if("bottom"!==t.insertAt)throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");r.appendChild(e)}}function n(t){t.parentNode.removeChild(t);var e=v.indexOf(t);e>=0&&v.splice(e,1)}function a(t){var e=document.createElement("style");return e.type="text/css",o(t,e),e}function l(t,e){var r,i,s;if(e.singleton){var o=g++;r=h||(h=a(e)),i=c.bind(null,r,o,!1),s=c.bind(null,r,o,!0)}else r=a(e),i=p.bind(null,r),s=function(){n(r)};return i(t),function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap)return;i(t=e)}else s()}}function c(t,e,r,i){var s=r?"":i.css;if(t.styleSheet)t.styleSheet.cssText=x(e,s);else{var o=document.createTextNode(s),n=t.childNodes;n[e]&&t.removeChild(n[e]),n.length?t.insertBefore(o,n[e]):t.appendChild(o)}}function p(t,e){var r=e.css,i=e.media,s=e.sourceMap;if(i&&t.setAttribute("media",i),s&&(r+="\n/*# sourceURL="+s.sources[0]+" */",r+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(s))))+" */"),t.styleSheet)t.styleSheet.cssText=r;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(r))}}var f={},d=function(t){var e;return function(){return"undefined"==typeof e&&(e=t.apply(this,arguments)),e}},u=d(function(){return/msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase())}),m=d(function(){return document.head||document.getElementsByTagName("head")[0]}),h=null,g=0,v=[];t.exports=function(t,e){e=e||{},"undefined"==typeof e.singleton&&(e.singleton=u()),"undefined"==typeof e.insertAt&&(e.insertAt="bottom");var r=s(t);return i(r,e),function(t){for(var o=[],n=0;n<r.length;n++){var a=r[n],l=f[a.id];l.refs--,o.push(l)}if(t){var c=s(t);i(c,e)}for(var n=0;n<o.length;n++){var l=o[n];if(0===l.refs){for(var p=0;p<l.parts.length;p++)l.parts[p]();delete f[l.id]}}}};var x=function(){var t=[];return function(e,r){return t[e]=r,t.filter(Boolean).join("\n")}}()},10:function(t,e,r){"use strict";var i=r(5);i.filter("resize",function(t,e,r,i){return t.replace(/({width}|{height}|{mode})/g,function(t){var s={"{width}":e,"{height}":r,"{mode}":i||2};return s[t]})})},33:function(t,e){"use strict";t.exports={data:function(){return{val:{brand:"Supreme",category:"夹克"},filters:[{classfly:"Brand品牌",key:"brand",itemArray:[]},{classfly:"Category品类",key:"category",itemArray:[]},{classfly:"Color颜色",key:"color",itemArray:[]},{classfly:"Size尺寸",key:"size",itemArray:[]}]}}}},34:function(t,e,r){"use strict";var i=r(1);t.exports={props:{url:{type:String,required:!0},initData:Array,query:Object},data:function(){return{products:[]}},methods:{fetch:function(){var t=this;i.ajax({url:this.url,type:"POST"}).then(function(e){t.$set("products",t.products.concat(e.data.productList))})}},created:function(){this.initData?self.$set("products",self.products.concat(this.initData)):this.url&&this.fetch()}}},41:function(t,e){"use strict";t.exports={}},75:function(t,e,r){e=t.exports=r(2)(),e.push([t.id,".filter{padding:0 .5rem}.filter-actions{text-align:right;padding:.25rem 0}.filter-action{margin-left:.5rem}.filter-actions,.filter-cate{border-bottom:1px solid #b0b0b0}.filter-cates{list-style:none;margin:0;padding:0}.filter-cate-val,.filter-cate .icon-right{float:right}.filter-cate-val,.filter-cate .icon{color:#b0b0b0}",""])},76:function(t,e,r){e=t.exports=r(2)(),e.push([t.id,".cardlist{list-style:none;margin:0;padding:0}.card-large .card{float:left;width:9.3rem;margin-right:.15rem}.card-large .card:nth-child(2n){margin-right:0}.card-large .card-pic{width:100%;height:12.475rem}.card-large .card-pic a,.card-large .card-pic img{display:block;width:100%;height:100%}.card-large .card-bd{min-height:4.5rem;margin-left:.75rem;margin-right:.75rem;padding-top:.625rem;text-align:center;font-size:.6rem}.card-large .card-label{margin:0 0 .25rem;font-size:inherit;font-weight:400}.good-price{color:#b0b0b0;margin-right:.25rem}.good-price:last-of-type{margin-right:0}.good-price.old-price{text-decoration:line-through}.good-price.sale-price{color:#ff081c}.drawer-slide{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.6)}.drawer-main{position:absolute;top:0;right:0;bottom:0;min-width:80%;max-width:100%;background-color:#fff}",""])},83:function(t,e,r){e=t.exports=r(2)(),e.push([t.id,".sort-navs{list-style:none;margin:0;padding:.625rem 0;color:#b0b0b0}.sort-item{position:relative;display:block;width:25%;float:left;text-align:center}.sort-item .sort-name{font-size:.7rem}.sort-item:after{content:'|';position:absolute;right:0;color:#b0b0b0;font-size:.7rem}.sort-item:last-of-type:after{display:none}.sort-item.active{color:#000}",""])},109:function(t,e){t.exports=' <div class=filter> <div class=filter-actions> <a href="javascript:; filter-action">清空</a> <button class="button button-small filter-action">确定</button> </div> <div class=filter-params> <ul class=filter-cates> <li class=filter-cate v-for="filter in filters"> <i class="icon icon-right"></i> <span>{{filter.classfly}}</span> <span class=filter-cate-val>{{val[filter.key]}}</span> </li> </ul> </div> </div> '},110:function(t,e){t.exports=' <div class=goods-box> <ul class="cardlist card-large"> <li class=card v-for="item in products"> <div class=card-pic> <a href=""> <img :src="item.goodsList[0].imagesUrl | resize 372 499" alt={{item.productName}}> </a> </div> <div class=card-bd> <h2 class=card-label> <a href="">{{item.productName}}</a> </h2> <span class=good-price :class="{\'old-price\': item.marketPrice}" v-if=item.marketPrice>¥ {{item.marketPrice}}</span> <span class=good-price :class="{\'sale-price\': item.marketPrice}">¥ {{item.salesPrice}}</span> </div> </li> </ul> </div> '},117:function(t,e){t.exports=' <ul class="sort-navs clearfix"> <li class="sort-item active"><span>默认</span></li> <li class=sort-item> <span class=sort-name>最新</span> </li> <li class=sort-item> <span class=sort-name>价格</span> </li> <li class=sort-item> <span class=sort-name>折扣</span> </li> </ul> '},121:function(t,e,r){var i,s;r(132),i=r(33),s=r(109),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),s&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=s)},122:function(t,e,r){var i,s;r(133),i=r(34),s=r(110),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),s&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=s)},128:function(t,e,r){var i,s;r(140),i=r(41),s=r(117),t.exports=i||{},t.exports.__esModule&&(t.exports=t.exports["default"]),s&&(("function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports).template=s)},132:function(t,e,r){var i=r(75);"string"==typeof i&&(i=[[t.id,i,""]]);r(3)(i,{});i.locals&&(t.exports=i.locals)},133:function(t,e,r){var i=r(76);"string"==typeof i&&(i=[[t.id,i,""]]);r(3)(i,{});i.locals&&(t.exports=i.locals)},140:function(t,e,r){var i=r(83);"string"==typeof i&&(i=[[t.id,i,""]]);r(3)(i,{});i.locals&&(t.exports=i.locals)}});
\ No newline at end of file
... ...
<?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" >
<svg xmlns="http://www.w3.org/2000/svg">
<metadata>Generated by IcoMoon</metadata>
<defs>
<font id="iconfont" horiz-adv-x="1024">
<font-face units-per-em="1024" ascent="896" descent="-128" />
<missing-glyph horiz-adv-x="1024" />
<glyph unicode="&#x20;" horiz-adv-x="0" d="" />
<glyph unicode="&#xe600;" glyph-name="delete" d="M911 809h-242v123q0 21-13.5 34.5t-34.5 13.5h-246q-20 0-33.5-13.5t-13.5-34.5v-123h-246q-21 0-34.5-13.5t-13.5-34 13.5-34 34.5-13.5h829q21 0 34.5 13.5t13.5 34-13.5 34-34.5 13.5zM423 809v72h147v-72h-147zM765 663q-21 0-34.5-14t-13.5-34v-560h-441v560q0 20-13.5 34t-34 14-34-14-13.5-34v-611q0-21 13.5-34.5t34.5-13.5h536q20 0 33.5 13.5t13.5 34.5v611q3 20-11.5 34t-35.5 14zM447 151v389q0 20-13.5 33.5t-34 13.5-34-13.5-13.5-33.5v-389q0-21 13.5-34.5t34-13.5 34 13.5 13.5 34.5zM645 151v389q0 20-13.5 33.5t-34.5 13.5q-20 0-35.5-13.5t-15.5-33.5v-389q0-21 13.5-34.5t34.5-13.5 36 13.5 15 34.5z" />
<glyph unicode="&#xe601;" glyph-name="bag" d="M512 896q43 0 82.5-17t68-45.5 45.5-68 17-82.5v-43h171v-640q0-53-37.5-90.5t-90.5-37.5h-512q-53 0-90.5 37.5t-37.5 90.5v640h171v43q0 43 17 82.5t45.5 68 68 45.5 82.5 17zM811 0v555h-598v-555q0-18 12.5-30.5t30.5-12.5h512q18 0 30.5 12.5t12.5 30.5zM512 811q-53 0-90.5-37.5t-37.5-90.5v-43h256v43q0 53-37.5 90.5t-90.5 37.5z" />
<glyph unicode="&#xe602;" glyph-name="down" d="M516 340l409 404q2 1 6 6t7 8 8 7 9 5.5 8.5 2 8.5-2.5l38-21q7-7 7.5-17.5t-6.5-17.5l-476-471q-7-8-17.5-8t-17.5 7zM531 242q-8-7-18.5-7t-17.5 8l-475 471q-7 7-7 17.5t7 17.5l38 21q4 3 8.5 2.5t8.5-2 9-5.5 8-7 7-8 6-6l415-407z" />
<glyph unicode="&#xe603;" glyph-name="check" d="M998.5 808.5q-12.5 11.5-29.5 11t-29-12.5l-552-588-302 297q-12 12-29.5 12t-29.5-12.5-12-29.5 13-29l332-327v-1q2-1 9-5 1-1 2.5-2t2.5-1q7-3 15-3t16 3q1 1 3 2l1 1q7 5 9 6l1 1 581 619q12 13 11.5 30t-13 28.5z" />
<glyph unicode="&#xe605;" glyph-name="close" d="M512 499l360 360 45-45-360-360 360-359-45-45-360 359-360-359-45 45 360 359-360 360 45 45z" />
<glyph unicode="&#xe606;" glyph-name="left" d="M245 468l-9 9 472 472 80-80-400-401 400-401-80-80-472 472z" />
<glyph unicode="&#xe607;" glyph-name="right" d="M785 468l13 13-488 487-84-84 416-416-416-416 84-84 488 487z" />
<glyph unicode="&#xe608;" glyph-name="search" d="M682 158q-108-89-249-89-107 0-197.5 53t-143.5 143.5-53 197.5 53 197.5 143.5 143.5 197.5 53 197.5-53 143.5-143.5 53-197.5q0-141-89-249l286-286-56-56zM433.5 148q130.5 0 222.5 92t92 222.5-92 223-222.5 92.5-223-92.5-92.5-223 92.5-222.5 223-92z" />
<glyph unicode="&#xe609;" glyph-name="print" horiz-adv-x="1001" d="M281 627q-27-1-53-1h-83q-18 0-36.5-6t-32.5-18.5-23-32-9-45.5v-76h912v41q0 16-0.5 30t-0.5 18q0 13-5 29t-17 29.5-31.5 22.5-49.5 9h-133v-97h-438v97zM955 394v-52q0-23 0.5-52t0.5-58-10.5-47.5-26-30-33-16-31.5-4.5q-14-1-29.5-0.5t-29.5 0.5h-32l-45 128h-439l-44-128h-63q-20 0-45 1-25 0-41 9.5t-25.5 23-13.5 29.5-4 30v167h911zM163 331q-12 0-21-8.5t-9-21.5 9-21.5 21-8.5q13 0 22 8.5t9 21.5-9 21.5-22 8.5zM316 207q-8-26-14-48-5-19-10.5-37t-7.5-25-3-15 1-14.5 9.5-10.5 21.5-4h365q23 0 34 12t2 38q-5 13-9.5 30.5t-9.5 34.5q-5 19-11 39h-368zM336 582v228q0 11 2.5 23t10 21.5 20.5 15.5 34 6h188q31 0 51.5-14.5t20.5-52.5v-227h-327z" />
<glyph unicode="&#xe60d;" glyph-name="love" d="M734 944q-65 0-123.5-31t-99.5-85q-41 54-99.5 85t-124.5 31q-118 0-202.5-92t-84.5-222q0-37 7-70.5t21.5-65 25-50 29.5-48.5q31-48 82.5-105.5t98-101.5 100-90 75-63.5 35.5-28.5q17-13 37-13t37 13q13 11 35 28.5t75.5 63.5 100 90 98 101.5 81.5 105.5q19 30 29.5 48.5t25.5 50 22 65 7 70.5q0 130-84.5 222t-203.5 92zM886 436q-29-45-78-100t-98.5-101-95.5-85.5-74-62.5l-29-23q-11 9-30 24t-71.5 60-98 88-96 99-79.5 101q-24 37-37 60.5t-24 60-11 73.5q0 101 65.5 172.5t157.5 71.5q68 0 123-40t82-105v0q4-15 19-15t19 15q27 65 82 105t122 40q93 0 158.5-71.5t65.5-172.5q0-37-11.5-73.5t-24-60-36.5-60.5z" />
<glyph unicode="&#xe617;" glyph-name="up" d="M24 178l22-22q9-10 22-10t23 10l424 430 420-426q9-9 21.5-9t21.5 9l22 22q9 9 9 22t-9 23l-458 464q-5 5-12 7-9 7-20.5 6t-20.5-9l-465-472q-9-9-9-22t9-23z" />
<glyph unicode="&#xe900;" glyph-name="sort-asc" horiz-adv-x="585" d="M585.143 475.428q0-14.857-10.857-25.714t-25.714-10.857h-512q-14.857 0-25.714 10.857t-10.857 25.714 10.857 25.714l256 256q10.857 10.857 25.714 10.857t25.714-10.857l256-256q10.857-10.857 10.857-25.714z" />
<glyph unicode="&#xe901;" glyph-name="sort-desc" horiz-adv-x="585" d="M585.143 256q0-14.857-10.857-25.714l-256-256q-10.857-10.857-25.714-10.857t-25.714 10.857l-256 256q-10.857 10.857-10.857 25.714t10.857 25.714 25.714 10.857h512q14.857 0 25.714-10.857t10.857-25.714z" />
</font></defs></svg>
\ No newline at end of file
... ...
... ... @@ -6,11 +6,13 @@
*/
const Vue = require('yoho-vue');
const lazyload = require('yoho-vue-lazyload');
const brandListBox = require('channel/brand-list-box.vue');
require('common/vue-filter');
Vue.use(lazyload);
new Vue({
el: '#brand-list',
components: {
... ...
const Vue = require('yoho-vue');
const lazyload = require('yoho-vue-lazyload');
const qs = require('yoho-qs');
const contentCode = require('content-code');
const tab = require('channel/tab.vue');
const resources = require('channel/resources.vue');
require('common/vue-filter');
Vue.use(lazyload);
new Vue({
el: '#app',
el: '#channel',
data() {
return {
page: 'channel',
contentCode: contentCode.channel[qs.channel || 'men']
};
},
components: {
tab: tab,
resources: resources
... ...
/**
* 前端资源位配置文件
*/
'use strict';
const channel = {
men: '9ee58aadd9559d07207fe4a98843eaac',
women: 'aa8d34c85934c2ccc16e2babd3eb5e47',
lifestyle: '3ad8826fc89fb0d023a4cd06a6991219'
};
module.exports = {
channel
};
... ...
const Vue = require('yoho-vue');
const sort = require('component/sort.vue');
const list = require('component/list.vue');
const filter = require('component/filter.vue');
const lazyload = require('yoho-vue-lazyload');
const infinitScroll = require('yoho-vue-infinite-scroll');
const sort = require('product/sort.vue');
const list = require('product/list.vue');
const drawer = require('product/drawer.vue');
const filter = require('product/filter.vue');
Vue.use(lazyload);
Vue.use(infinitScroll);
require('common/vue-filter');
new Vue({
el: '#product-list',
components: {
list, sort, filter
list, sort, filter, drawer
}
});
... ...
... ... @@ -44,3 +44,13 @@ a {
max-width: 750px;
width: 100%;
}
.right {
float: right;
}
.left {
float: right;
}
.text-center {
text-align: center;
}
... ...
... ... @@ -12,8 +12,6 @@
const letterList = require('channel/letter-list.vue');
const brandList = require('channel/brand-list.vue');
require('common/vue-filter');
module.exports = {
components: {
resources,
... ...
... ... @@ -6,7 +6,7 @@
<div class="brand-box" v-for="brand in item.brands">
<a href="{{brand.link}}">
<div class="brand-logo">
<img src="{{brand.logo}}" alt="{{brand.name}}">
<img v-lazy="brand.logo" alt="{{brand.name}}">
</div>
<span class="brand-name">{{brand.name}}</span>
... ...
<template>
<div class="resources">
<template v-for="floor in resources">
<focus v-if="floor.focus && floor.focusType === '1'" v-bind:floor="floor.data" v-bind:style="{height: '182px'}">
<focus v-if="floor.focus && floor.focusType === '1'" v-bind:floor="floor.data" v-bind:style="{height: '9.1rem'}">
<!-- 轮播图,通栏 -->
</focus>
<focus-left-right v-if="floor.focus && floor.focusType === '2'" v-bind:floor="floor.data">
... ... @@ -27,6 +27,7 @@
const $ = require('yoho-jquery');
const tip = require('common/tip');
const bus = require('common/vue-bus');
const contentCode = require('content-code');
const focus = require('component/resources/focus.vue');
const focusLeftRight = require('component/resources/focus-left-right.vue');
... ... @@ -38,7 +39,12 @@
const dataCache = {};
module.exports = {
props: ['channel', 'contentCode'],
props: {
contentCode: {
type: String,
default: contentCode.channel.men
}
},
data() {
return {
resources: []
... ... @@ -53,9 +59,6 @@
goods
},
watch: {
channel() {
this.getResourcesData();
},
contentCode() {
this.getResourcesData();
}
... ... @@ -66,8 +69,6 @@
if (this.contentCode) {
data.contentCode = this.contentCode;
} else {
data.channel = this.channel;
}
let param = $.param(data);
... ... @@ -77,7 +78,7 @@
return;
}
$.ajax({
return $.ajax({
url: '/resources',
data: data
}).then(result => {
... ... @@ -93,8 +94,8 @@
},
created() {
this.getResourcesData();
bus.$on('changeChannel', channel => {
this.channel = channel;
bus.$on('changeChannel', (page, channel) => {
this.contentCode = contentCode[page][channel];
});
}
};
... ...
... ... @@ -10,9 +10,18 @@
const bus = require('common/vue-bus');
module.exports = {
props: {
current: {
type: Number,
default: 0
},
page: {
type: String,
default: 'channel'
},
},
data() {
return {
current: 0,
channel: [{
name: 'MEN男士',
channel: 'men'
... ... @@ -28,7 +37,7 @@
methods: {
changeChannel(index) {
this.current = index;
bus.$emit('changeChannel', this.channel[index].channel);
bus.$emit('changeChannel', this.page, this.channel[index].channel);
}
}
};
... ...
<template>
<div class="focus-left-right">
<a v-for="item in floor" href="{{item.url}}" title="{{item.title}}">
<img v-bind:src="item.src | resize 250 250">
<img v-lazy="item.src | resize 250 250">
</a>
</div>
</template>
... ...
... ... @@ -3,7 +3,7 @@
<swipe class="swipe swipe-{{floor.length}}">
<swipe-item v-for="item in floor" v-bind:style="{backgroundColor: item.bgColor}">
<a href="{{item.url}}" title="{{item.title}}">
<img v-bind:src="item.src | resize 750 365">
<img v-lazy="item.src | resize 750 365">
</a>
</swipe-item>
</swipe>
... ...
<template>
<div class="goods">
goods
</div>
</template>
... ...
<template>
<div class="recommend-content-five">
<a v-for="item in floor" href="{{item.url}}" title="{{item.title}}">
<img v-bind:src="item.src | resize 375 375">
<img v-lazy="item.src | resize 375 375">
</a>
</div>
</template>
... ...
... ... @@ -2,7 +2,7 @@
<div class="title-image">
<title-floor v-bind:title="{name: floor.title, moreName: floor.moreName, moreUrl: floor.moreUrl}"></title-floor>
<a class="image" v-bind:href="floor.image.url">
<img v-bind:src="floor.image.src | resize 750 364">
<img v-lazy="floor.image.src | resize 750 364">
</a>
</div>
</template>
... ...
<template>
<div class="drawer" :class="{'drawer-open': on }" v-show="on">
<div class="drawer-main" v-el:main>
<slot></slot>
</div>
</div>
</template>
<script>
module.exports = {
props: {
on: Boolean
}
};
</script>
<style>
.drawer {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.6);
}
.drawer-main {
position: absolute;
top: 0;
right: 0%;
bottom: 0;
min-width: 80%;
max-width: 100%;
background-color: #fff;
transition: all 0.3s 0.2s;
}
</style>
... ...
<template>
<div class="filter">
<div class="filter-actions">
<a href="javascript:; filter-action">清空</a>
<a href="javascript:;" class="filter-action" @click="clearVals">清空</a>
<button class="button button-small filter-action">确定</button>
</div>
<div class="filter-params">
<ul class="filter-cates">
<li class="filter-cate" v-for="filter in filters">
<i class="icon icon-right"></i>
<span>{{filter.classfly}}</span>
<span class="filter-cate-val">{{val[filter.key]}}</span>
<i class="icon icon-right right"></i>
<span class="filter-cate-label">{{filter.classfly}}</span>
<span class="filter-cate-val">{{vals[filter.key]}}</span>
</li>
</ul>
</div>
</div>
</template>
<script>
const $ = require('yoho-jquery');
module.exports = {
data: function() {
return {
vals: {
brand: 'Supreme',
category: '夹克'
},
filters: [{
classfly: 'Brand品牌',
key: 'brand',
itemArray: []
}, {
classfly: 'Category品类',
key: 'category',
itemArray: []
}, {
classfly: 'Color颜色',
key: 'color',
itemArray: []
}, {
classfly: 'Size尺寸',
key: 'size',
itemArray: []
}]
};
},
methods: {
clearVals: function() {
const self = this;
$.each(this.vals, (k) => {
self.vals[k] = '';
});
}
}
};
</script>
<style>
@import "../../scss/common/color";
.filter {
padding: 0 20px;
padding: 0 30px;
}
.filter-actions {
font-size: 34px;
text-align: right;
padding: 10px 0;
padding: 45px 0;
}
.filter-action {
margin-left: 20px;
font-size: inherit;
margin-left: 40px;
}
.filter-actions,
... ... @@ -42,14 +84,24 @@
padding: 0;
}
.filter-cate {
.icon-right {
float: right;
}
.filter-cate .icon-right {
margin-left: 24px;
}
.filter-cate,
.icon-right {
height: 118px;
line-height: 118px;
}
.filter-cate-label {
font-size: 36px;
font-weight: bold;
}
.filter-cate-val {
float: right;
font-size: 28px;
}
.filter-cate-val,
... ... @@ -57,32 +109,3 @@
color: $grey;
}
</style>
<script>
module.exports = {
data: function() {
return {
val: {
brand: 'Supreme',
category: '夹克'
},
filters: [{
classfly: 'Brand品牌',
key: 'brand',
itemArray: []
}, {
classfly: 'Category品类',
key: 'category',
itemArray: []
}, {
classfly: 'Color颜色',
key: 'color',
itemArray: []
}, {
classfly: 'Size尺寸',
key: 'size',
itemArray: []
}]
};
}
};
</script>
... ...
<template>
<div class="goods-box">
<ul class="cardlist card-large">
<div class="goods-box" v-infinite-scroll="fetch()" infinite-scroll-disable="disableFetch">
<ul class="cardlist card-large clearfix">
<li class="card" v-for="item in products">
<div class="card-pic">
<a href="">
<img :src="item.goodsList[0].imagesUrl | resize 372 499" alt="{{item.productName}}">
<img v-lazy="item.goodsList[0].imagesUrl | resize 372 499" alt="{{item.productName}}">
</a>
</div>
<div class="card-bd">
... ... @@ -16,43 +16,76 @@
</div>
</li>
</ul>
<p class="cardlist--loading text-center" v-show="inLoading">正在加载...</p>
<p class="cardlist--end text-center" v-show="atEnd ">--End--</p>
</div>
</template>
<script>
let $ = require('yoho-jquery');
/**
* @example
* <List url='' :query='{}' disable-fetch></List>
* <List :init-data='{}'></List>
*/
module.exports = {
props: {
/* 请求地址 */
url: {
type: String,
required: true
},
initData: Array, /* 初始数据, 应该只单次绑定, 然后fetch数据全靠url */
query: Object /* 请求参数 */
/* 初始数据, 应该只单次绑定, 然后fetch数据全靠url */
initData: Array,
/* 请求参数 */
query: Object,
/* 开启滚动加载 */
disableFetch: Boolean
},
data: function() {
return {
products: []
state: {
curPage: 0,
totalPage: 10
},
products: [],
inLoading: false,
atEnd: false
};
},
methods: {
fetch: function() {
if (this.atEnd) {
return;
}
let self = this;
this.state.curPage++;
this.inLoading = true;
$.ajax({
url: this.url,
type: 'POST',
})
.then(result => {
.done(result => {
self.$set('products', self.products.concat(result.data.productList));
})
.always(() => {
self.inLoading = false;
self.atEnd = self.state.curPage === self.state.totalPage;
});
}
},
created: function() {
// 有初始数据,用初始数据
if (this.initData) {
self.$set('products', self.products.concat(this.initData));
this.$set('products', this.products.concat(this.initData));
this.atEnd = true;
} else if (this.url) {
this.fetch();
}
... ... @@ -115,23 +148,4 @@ module.exports = {
color: $red;
}
}
.drawer-slide {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.6);
}
.drawer-main {
position: absolute;
top: 0;
right: 0;
bottom: 0;
min-width: 80%;
max-width: 100%;
background-color: #fff;
}
</style>
... ...
... ... @@ -3,22 +3,30 @@
<li class="sort-item active"><span>默认</span></li>
<li class="sort-item">
<span class="sort-name">最新</span>
<span class="sort-icon">
<i class="icon icon-sort-asc"></i>
<i class="icon icon-sort-desc"></i>
</span>
</li>
<li class="sort-item">
<span class="sort-name">价格</span>
</li>
<li class="sort-item">
<span class="sort-name">折扣</span>
<span class="sort-icon">
<i class="icon icon-sort-asc"></i>
<i class="icon icon-sort-desc"></i>
</span>
</li>
</ul>
</template>
<script>
module.exports = {
}
};
</script>
<style>
@import '../../scss/common/color';
@import "../../scss/common/color";
.sort-navs {
list-style: none;
... ... @@ -35,7 +43,7 @@ module.exports = {
text-align: center;
&:after {
content: '|';
content: "|";
position: absolute;
right: 0;
color: $grey;
... ... @@ -49,6 +57,18 @@ module.exports = {
font-size: 28px;
}
.sort-icon {
position: relative;
margin-left: 10px;
.icon-sort-asc,
.icon-sort-desc {
position: absolute;
left: 0;
top: 0;
}
}
&.active {
color: $black;
}
... ...