text: (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-64574eaa"],{"456d":function(t,s,a){var e=a("4bf8"),n=a("0d58");a("5eda")("keys",function(){return function(t){return n(e(t))}})},"5eda":function(t,s,a){var e=a("5ca1"),n=a("8378"),i=a("79e5");t.exports=function(t,s){var a=(n.Object||{})[t]||Object[t],c={};c[t]=s(a),e(e.S+e.F*i(function(){a(1)}),"Object",c)}},8347:function(t,s,a){"use strict";var e=a("8845"),n=a.n(e);n.a},8845:function(t,s,a){},e09c:function(t,s,a){"use strict";a("ac6a"),a("456d"),a("7f7f"),a("3b2b"),a("4917");var e=a("682a"),n=a.n(e);function i(t){requestAnimationFrame(i),n.a.update(t)}function c(t,s){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:500,e=null;e="string"===typeof t?document.querySelector(t):t;var i=0,c=0;t===window?(i=window.scrollX,c=window.scrollY):(i=e.scrollLeft,c=e.scrollTop);var l={x:i,y:c};new n.a.Tween(l).to({x:s.x,y:s.y},a).easing(n.a.Easing.Quadratic.Out).onUpdate(function(){e.scrollTo(l.x,l.y)}).start()}requestAnimationFrame(i);var l=c;s["a"]={data:function(){return{currentComponent:"",timer:null,min:""}},inject:["eventBus"],mounted:function(){var t=this;this.$route.path.match(/^\/\w+\/\w+\/(\w+)$/);var s=RegExp.$1;s&&setTimeout(function(){t.smoothScroll(s)},0),window.addEventListener("scroll",this.listenScroll),this.eventBus.$on("link-component",this.smoothScroll)},methods:{smoothScroll:function(t){if(this.$refs[t]){var s=this.$refs[t].offsetTop-88;s!==window.scrollY&&l(window,{x:0,y:s})}},listenScroll:function(){var t=this;this.timer&&window.clearTimeout(this.timer),this.timer=setTimeout(function(){var s=document.body.scrollTop||document.documentElement.scrollTop,a=document.body.scrollHeight,e=document.documentElement.clientHeight,n=t.$refs,i=Object.keys(n);if(t.min=t.min||i[0],i.forEach(function(s){var a=Math.abs(n[s].getBoundingClientRect().top);a<Math.abs(t.$refs[t.min].getBoundingClientRect().top)&&a<e-100&&(t.min=s)}),a-s<=e+88&&(t.min=i[i.length-1]),t.currentComponent!==t.min){t.currentComponent=t.min,t.$route.path.match(/^\/(\w+\/\w+\/)\w+$/);var c=RegExp.$1;t.eventBus.$emit("instage-component",c+t.currentComponent)}},400)}},beforeDestroy:function(){this.eventBus.$off("click-tab",this.smoothScroll),window.removeEventListener("scroll",this.listenScroll),this.timer&&window.clearTimeout(this.timer),this.timer=null}}},f031:function(t,s,a){"use strict";a.r(s);var e=function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",{staticClass:"layout"},[a("section",{staticClass:"x-grid"},[a("h1",{ref:"grid",staticClass:"title"},[t._v("Grid 网格布局")]),a("p",{staticClass:"des"},[t._v("\n                通过基础的24格分栏，快速构建网页布局。\n            ")]),a("h2",[t._v("基础用法")]),a("div",{staticClass:"container"},[a("h3",[t._v("三栏 / 六栏布局")]),t._m(0),a("div",{staticClass:"example"},[a("x-row",{staticStyle:{"margin-bottom":"20px","font-size":"18px","line-height":"2em"}},[a("x-col",{attrs:{mobile:{8:0}}},[a("div",{staticStyle:{background:"#d3dce6","text-align":"center"}},[t._v("8")])]),a("x-col",{attrs:{mobile:{8:0}}},[a("div",{staticStyle:{background:"#f8f8f9","text-align":"center"}},[t._v("8")])]),a("x-col",{attrs:{mobile:{8:0}}},[a("div",{staticStyle:{background:"#d3dce6","text-align":"center"}},[t._v("8")])])],1),a("x-row",{staticStyle:{"font-size":"18px","line-height":"2em"}},[a("x-col",{attrs:{mobile:{4:0}}},[a("div",{staticStyle:{background:"#d3dce6","text-align":"center"}},[t._v("4")])]),a("x-col",{attrs:{mobile:{4:0}}},[a("div",{staticStyle:{background:"#f8f8f9","text-align":"center"}},[t._v("4")])]),a("x-col",{attrs:{mobile:{4:0}}},[a("div",{staticStyle:{background:"#d3dce6","text-align":"center"}},[t._v("4")])]),a("x-col",{attrs:{mobile:{4:0}}},[a("div",{staticStyle:{background:"#f8f8f9","text-align":"center"}},[t._v("4")])]),a("x-col",{attrs:{mobile:{4:0}}},[a("div",{staticStyle:{background:"#d3dce6","text-align":"center"}},[t._v("4")])]),a("x-col",{attrs:{mobile:{4:0}}},[a("div",{staticStyle:{background:"#f8f8f9","text-align":"center"}},[t._v("4")])])],1)],1),t._m(1),a("h3",[t._v("设置间隙 / 空隙")]),t._m(2),a("div",{staticClass:"example"},[a("x-row",{staticStyle:{"margin-bottom":"20px","font-size":"18px","line-height":"2em"},attrs:{gutter:"20"}},[a("x-col",{attrs:{mobile:{8:0}}},[a("div",{staticStyle:{background:"#d3dce6","text-align":"center"}},[t._v("间隙20px")])]),a("x-col",{attrs:{mobile:{8:0}}},[a("div",{staticStyle:{background:"#d3dce6","text-align":"center"}},[t._v("间隙20px")])]),a("x-col",{attrs:{mobile:{8:0}}},[a("div",{staticStyle:{background:"#d3dce6","text-align":"center"}},[t._v("间隙20px")])])],1),a("x-row",{staticStyle:{"margin-bottom":"20px","font-size":"18px","line-height":"2em"}},[a("x-col",{attrs:{mobile:{8:0}}},[a("div",{staticStyle:{background:"#d3dce6","text-align":"center"}},[t._v("空隙1/3")])]),a("x-col",{attrs:{mobile:{8:8}}},[a("div",{staticStyle:{background:"#d3dce6","text-align":"center"}},[t._v("空隙1/3")])])],1)],1),t._m(3)]),a("h2",[t._v("响应式布局")]),a("p",{staticClass:"des"},[t._v("同时设置多个配置参数，实现响应式布局")]),a("div",{staticClass:"container"},[a("div",{staticClass:"example"},[a("x-row",{staticStyle:{"margin-bottom":"20px","font-size":"18px","line-height":"2em"},attrs:{gutter:"10"}},[a("x-col",{staticStyle:{margin:"5px 0"},attrs:{mobile:{12:0},npc:{6:0},wpc:{3:0}}},[a("div",{staticStyle:{background:"#d3dce6","text-align":"center"}},[t._v("内容1")])]),a("x-col",{staticStyle:{margin:"5px 0"},attrs:{mobile:{12:0},npc:{6:0},wpc:{3:0}}},[a("div",{staticStyle:{background:"#d3dce6","text-align":"center"}},[t._v("内容2")])]),a("x-col",{staticStyle:{margin:"5px 0"},attrs:{mobile:{12:0},npc:{6:0},wpc:{3:0}}},[a("div",{staticStyle:{background:"#d3dce6","text-align":"center"}},[t._v("内容3")])]),a("x-col",{staticStyle:{margin:"5px 0"},attrs:{mobile:{12:0},npc:{6:0},wpc:{3:0}}},[a("div",{staticStyle:{background:"#d3dce6","text-align":"center"}},[t._v("内容4")])]),a("x-col",{staticStyle:{margin:"5px 0"},attrs:{mobile:{12:0},npc:{6:0},wpc:{3:0}}},[a("div",{staticStyle:{background:"#d3dce6","text-align":"center"}},[t._v("内容5")])]),a("x-col",{staticStyle:{margin:"5px 0"},attrs:{mobile:{12:0},npc:{6:0},wpc:{3:0}}},[a("div",{staticStyle:{background:"#d3dce6","text-align":"center"}},[t._v("内容6")])]),a("x-col",{staticStyle:{margin:"5px 0"},attrs:{mobile:{12:0},npc:{6:0},wpc:{3:0}}},[a("div",{staticStyle:{background:"#d3dce6","text-align":"center"}},[t._v("内容7")])]),a("x-col",{staticStyle:{margin:"5px 0"},attrs:{mobile:{12:0},npc:{6:0},wpc:{3:0}}},[a("div",{staticStyle:{background:"#d3dce6","text-align":"center"}},[t._v("内容8")])])],1)],1),t._m(4)]),a("h2",[t._v("x-row Attributes")]),t._m(5),a("h2",[t._v("x-col Attributes")]),t._m(6)]),a("section",{staticClass:"x-container"},[a("h1",{ref:"container",staticClass:"title"},[t._v("Container 容器布局")]),t._m(7),a("h2",[t._v("基础用法")]),a("div",{staticClass:"container"},[a("h3",[t._v("普通上中下三栏布局")]),a("div",{staticClass:"example"},[a("x-container",[a("x-header",[a("div",{staticStyle:{background:"#d3dce6","font-size":"18px","line-height":"2em","text-align":"center"}},[t._v("header")])]),a("x-main",[a("div",{staticStyle:{"font-size":"18px","line-height":"2em","text-align":"center",padding:"20px 0"}},[t._v("main")])]),a("x-footer",[a("div",{staticStyle:{background:"#d3dce6","font-size":"18px","line-height":"2em","text-align":"center"}},[t._v("footer")])])],1)],1),t._m(8),a("h3",[t._v("上中下三栏布局，主体部分带侧边栏")]),a("div",{staticClass:"example"},[a("x-container",[a("x-header",[a("div",{staticStyle:{background:"#d3dce6","font-size":"18px","line-height":"2em","text-align":"center"}},[t._v("header")])]),a("x-container",[a("x-sider",[a("div",{staticStyle:{background:"#f8f8f9","font-size":"18px","line-height":"2em","text-align":"center",height:"100%",padding:"0 20px"}},[t._v("sider")])]),a("x-main",[a("div",{staticStyle:{"font-size":"18px","line-height":"2em","text-align":"center",height:"100px"}},[t._v("main")])])],1),a("x-footer",[a("div",{staticStyle:{background:"#d3dce6","font-size":"18px","line-height":"2em","text-align":"center"}},[t._v("footer")])])],1)],1),t._m(9),a("h3",[t._v("左右布局，主体部分分为上中下三部分，侧边栏可关闭")]),a("div",{staticClass:"example"},[a("x-container",[a("x-sider",{attrs:{"close-button":""}},[a("div",{staticStyle:{background:"#f8f8f9","font-size":"18px","line-height":"2em","text-align":"center",height:"100%",padding:"0 20px"}},[t._v("sider")])]),a("x-container",[a("x-header",[a("div",{staticStyle:{background:"#d3dce6","font-size":"18px","line-height":"2em","text-align":"center"}},[t._v("header")])]),a("x-main",[a("div",{staticStyle:{"font-size":"18px","line-height":"2em","text-align":"center",height:"200px"}},[t._v("main")])]),a("x-footer",[a("div",{staticStyle:{background:"#d3dce6","font-size":"18px","line-height":"2em","text-align":"center"}},[t._v("footer")])])],1)],1)],1),t._m(10)]),a("h2",[t._v("Attributes")]),t._m(11)]),a("section",{staticClass:"x-collapse"},[a("h1",{ref:"collapse",staticClass:"title"},[t._v("Collapse 折叠面板")]),a("p",{staticClass:"des"},[t._v("\n                将内容区域折叠/展开。\n            ")]),a("h2",[t._v("基础用法")]),a("div",{staticClass:"container"},[a("div",{staticClass:"example"},[a("x-collapse",{attrs:{selected:t.selected},on:{"update:selected":function(s){t.selected=s}}},[a("x-collapse-item",{attrs:{name:"social"}},[a("template",{slot:"title"},[t._v("\n                                社会资讯\n                            ")]),t._v("\n                            经过税务机关3个多月的依法调查核实，群众举报范冰冰“阴阳合同”涉税问题有了明确结果。税务机关依法向范冰冰作出追缴税款、滞纳金并处以罚款的决定。社会各界特别是文艺影视工作者坚决支持税务部门依法查处此案，并从中得到教育警示。值得注意的是，依据《中华人民共和国刑法》第二百零一条的规定，属于首次被税务机关按偷税予以行政处罚且此前未因逃避缴纳税款受过刑事处罚，上述定性为偷税的税款、滞纳金、罚款在规定期限内缴纳后，依法不予追究刑事责任。\n                        ")],2),a("x-collapse-item",{attrs:{name:"finance"}},[a("template",{slot:"title"},[t._v("\n                                财经新闻\n                            ")]),t._v("\n                            香港万得通讯社报道，周二美国三大股指涨跌不一，道指收涨逾120点，创收盘历史新高，英特尔大涨3.6%。中概股普遍下跌拖累纳指收低，蔚来汽车收跌10.3%，迅雷收跌9.7%，搜狐收跌8.2%。投资者仍在关注意大利预算案引发的恐慌以及国际贸易局势的进展。\n                        ")],2),a("x-collapse-item",{attrs:{name:"sicence"}},[a("template",{slot:"title"},[t._v("\n                                科技新闻\n                            ")]),t._v("\n                            海外网10月3日电 当地时间10月3日，瑞典皇家科学院宣布，将2018年诺贝尔化学奖授予2018年诺贝尔化学奖得主为Arnold，Smith，Winter。根据诺贝尔奖官方网站介绍，诺贝尔化学奖由瑞典皇家科学院负责颁发，始于1901年，以表彰“在化学领域做出最重要发现或发明的人”。化学是诺贝尔奖创始人阿尔弗雷德·诺贝尔一生中最依赖的科学，他的发明和积累的巨额财富都得益于化学知识。1895年，诺贝尔立下遗嘱，从个人财富中拿出3100万瑞典克朗作为基金，设立诺贝尔奖，用以奖励在几大科学领域中做出重要贡献的人。遗嘱中，他把化学奖放在了第二位，仅次于物理学奖。\n                        ")],2),a("x-collapse-item",{attrs:{name:"sports"}},[a("template",{slot:"title"},[t._v("\n                                体育新闻\n                            ")]),t._v("\n                            北京时间10月4日凌晨0点55分，欧冠小组赛第2轮，巴黎圣日耳曼坐镇主场迎战贝尔格莱德红星。上半场内马尔梅开二度，卡瓦尼和迪马利亚各进一球；下半场比赛内马尔助攻姆巴佩破门，并自己再入一球完成帽子戏法，最终巴黎6-1大胜贝尔格莱德红星。\n                        ")],2)],1)],1),t._m(12)]),a("h2",[t._v("x-collapse Attributes")]),t._m(13),a("h2",[t._v("x-collapse-item Attributes")]),t._m(14)]),a("section",{staticClass:"x-waterfall"},[a("h1",{ref:"waterfall",staticClass:"title"},[t._v("Waterfall 瀑布流")]),a("p",{staticClass:"des"},[t._v("\n                瀑布流组件，快速实现瀑布流布局。\n            ")]),t._m(15),a("h2",[t._v("基础用法")]),a("div",{staticClass:"container"},[a("div",{staticClass:"example"},[a("x-waterfall",{attrs:{width:150,source:t.source},on:{"scroll-bottom":t.scrollBottom},scopedSlots:t._u([{key:"default",fn:function(s){return a("div",{class:"name-"+s.prop.num},[a("div",{staticClass:"name"},[t._v("slot")]),a("div",{staticClass:"size"},[t._v("宽度"+t._s(s.prop.size))])])}}])})],1),a("pre",{staticClass:"code"},[a("span",{staticClass:"tag"},[t._v("<x-waterfall")]),t._v(" \n        "),a("span",{staticClass:"key"},[t._v(":width")]),a("span",{staticClass:"tag"},[t._v("=")]),a("span",{staticClass:"str"},[t._v('"150"')]),t._v(" \n        "),a("span",{staticClass:"key"},[t._v(":source")]),a("span",{staticClass:"tag"},[t._v("=")]),a("span",{staticClass:"str"},[t._v('"source"')]),t._v(" \n        "),a("span",{staticClass:"key"},[t._v("@scroll-bottom")]),a("span",{staticClass:"tag"},[t._v("=")]),a("span",{staticClass:"str"},[t._v('"scrollBottom"')]),a("span",{staticClass:"tag"},[t._v(">\n        <div")]),t._v(" "),a("span",{staticClass:"key"},[t._v("slot-scope")]),a("span",{staticClass:"tag"},[t._v("=")]),a("span",{staticClass:"str"},[t._v('"slotProps"')]),a("span",{staticClass:"tag"},[t._v(">\n                <div>")]),t._v("slot"),a("span",{staticClass:"tag"},[t._v("</div>\n                <div>")]),t._v("宽度 "+t._s("{{ slotProps.prop.size }}")),a("span",{staticClass:"tag"},[t._v("</div>\n        </div>\n</x-waterfall>")]),t._v("\n")])]),a("h2",[t._v("Attributes")]),t._m(16),a("h2",[t._v("Events")]),t._m(17)]),a("x-linker",{attrs:{back:{path:"components/form/switch",text:"表单"},to:{path:"components/navigation/tabs",text:"导航"}}})],1)},n=[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",{staticClass:"des"},[a("span",{staticClass:"code"},[t._v("mobile")]),t._v("是默认的布局配置参数")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("pre",{staticClass:"code"},[a("span",{staticClass:"tag"},[t._v("<x-row>")]),t._v("\n        "),a("span",{staticClass:"tag"},[t._v("<x-col")]),t._v(" "),a("span",{staticClass:"key"},[t._v(":mobile")]),a("span",{staticClass:"tag"},[t._v("=")]),a("span",{staticClass:"str"},[t._v('"{8:0}"')]),a("span",{staticClass:"tag"},[t._v("></x-col>")]),t._v("\n        "),a("span",{staticClass:"tag"},[t._v("<x-col")]),t._v(" "),a("span",{staticClass:"key"},[t._v(":mobile")]),a("span",{staticClass:"tag"},[t._v("=")]),a("span",{staticClass:"str"},[t._v('"{8:0}"')]),a("span",{staticClass:"tag"},[t._v("></x-col>")]),t._v("\n        "),a("span",{staticClass:"tag"},[t._v("<x-col")]),t._v(" "),a("span",{staticClass:"key"},[t._v(":mobile")]),a("span",{staticClass:"tag"},[t._v("=")]),a("span",{staticClass:"str"},[t._v('"{8:0}"')]),a("span",{staticClass:"tag"},[t._v("></x-col>\n</x-row>")]),t._v("\n"),a("span",{staticClass:"tag"},[t._v("<x-row>")]),t._v("\n        "),a("span",{staticClass:"tag"},[t._v("<x-col")]),t._v(" "),a("span",{staticClass:"key"},[t._v(":mobile")]),a("span",{staticClass:"tag"},[t._v("=")]),a("span",{staticClass:"str"},[t._v('"{4:0}"')]),a("span",{staticClass:"tag"},[t._v("></x-col>")]),t._v("\n        "),a("span",{staticClass:"tag"},[t._v("<x-col")]),t._v(" "),a("span",{staticClass:"key"},[t._v(":mobile")]),a("span",{staticClass:"tag"},[t._v("=")]),a("span",{staticClass:"str"},[t._v('"{4:0}"')]),a("span",{staticClass:"tag"},[t._v("></x-col>")]),t._v("\n        "),a("span",{staticClass:"tag"},[t._v("<x-col")]),t._v(" "),a("span",{staticClass:"key"},[t._v(":mobile")]),a("span",{staticClass:"tag"},[t._v("=")]),a("span",{staticClass:"str"},[t._v('"{4:0}"')]),a("span",{staticClass:"tag"},[t._v("></x-col>")]),t._v("\n        "),a("span",{staticClass:"tag"},[t._v("<x-col")]),t._v(" "),a("span",{staticClass:"key"},[t._v(":mobile")]),a("span",{staticClass:"tag"},[t._v("=")]),a("span",{staticClass:"str"},[t._v('"{4:0}"')]),a("span",{staticClass:"tag"},[t._v("></x-col>")]),t._v("\n        "),a("span",{staticClass:"tag"},[t._v("<x-col")]),t._v(" "),a("span",{staticClass:"key"},[t._v(":mobile")]),a("span",{staticClass:"tag"},[t._v("=")]),a("span",{staticClass:"str"},[t._v('"{4:0}"')]),a("span",{staticClass:"tag"},[t._v("></x-col>")]),t._v("\n        "),a("span",{staticClass:"tag"},[t._v("<x-col")]),t._v(" "),a("span",{staticClass:"key"},[t._v(":mobile")]),a("span",{staticClass:"tag"},[t._v("=")]),a("span",{staticClass:"str"},[t._v('"{4:0}"')]),a("span",{staticClass:"tag"},[t._v("></x-col>\n</x-row>")]),t._v("\n")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",{staticClass:"des"},[a("span",{staticClass:"code"},[t._v("gutter")]),t._v("属性设置分栏间隙，配置参数键值比例设置分栏间空隙")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("pre",{staticClass:"code"},[a("span",{staticClass:"tag"},[t._v("<x-row")]),t._v(" "),a("span",{staticClass:"key"},[t._v("gutter")]),a("span",{staticClass:"tag"},[t._v("=")]),a("span",{staticClass:"str"},[t._v('"20"')]),a("span",{staticClass:"tag"},[t._v(">")]),t._v("\n        "),a("span",{staticClass:"tag"},[t._v("<x-col")]),t._v(" "),a("span",{staticClass:"key"},[t._v(":mobile")]),a("span",{staticClass:"tag"},[t._v("=")]),a("span",{staticClass:"str"},[t._v('"{8:0}"')]),a("span",{staticClass:"tag"},[t._v("></x-col>")]),t._v("\n        "),a("span",{staticClass:"tag"},[t._v("<x-col")]),t._v(" "),a("span",{staticClass:"key"},[t._v(":mobile")]),a("span",{staticClass:"tag"},[t._v("=")]),a("span",{staticClass:"str"},[t._v('"{8:0}"')]),a("span",{staticClass:"tag"},[t._v("></x-col>")]),t._v("\n        "),a("span",{staticClass:"tag"},[t._v("<x-col")]),t._v(" "),a("span",{staticClass:"key"},[t._v(":mobile")]),a("span",{staticClass:"tag"},[t._v("=")]),a("span",{staticClass:"str"},[t._v('"{8:0}"')]),a("span",{staticClass:"tag"},[t._v("></x-col>\n</x-row>")]),t._v("\n"),a("span",{staticClass:"tag"},[t._v("<x-row>")]),t._v("\n        "),a("span",{staticClass:"tag"},[t._v("<x-col")]),t._v(" "),a("span",{staticClass:"key"},[t._v(":mobile")]),a("span",{staticClass:"tag"},[t._v("=")]),a("span",{staticClass:"str"},[t._v('"{8:0}"')]),a("span",{staticClass:"tag"},[t._v("></x-col>")]),t._v("\n        "),a("span",{staticClass:"tag"},[t._v("<x-col")]),t._v(" "),a("span",{staticClass:"key"},[t._v(":mobile")]),a("span",{staticClass:"tag"},[t._v("=")]),a("span",{staticClass:"str"},[t._v('"{8:8}"')]),a("span",{staticClass:"tag"},[t._v("></x-col>\n</x-row>")]),t._v("\n")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("pre",{staticClass:"code"},[a("span",{staticClass:"tag"},[t._v("<x-row")]),t._v(" "),a("span",{staticClass:"key"},[t._v("gutter")]),a("span",{staticClass:"tag"},[t._v("=")]),a("span",{staticClass:"str"},[t._v('"10"')]),a("span",{staticClass:"tag"},[t._v(">")]),t._v("\n        "),a("span",{staticClass:"tag"},[t._v("<x-col")]),t._v(" \n                "),a("span",{staticClass:"key"},[t._v(":mobile")]),a("span",{staticClass:"tag"},[t._v("=")]),a("span",{staticClass:"str"},[t._v('"{12:0}"')]),t._v(" \n                "),a("span",{staticClass:"key"},[t._v(":npc")]),a("span",{staticClass:"tag"},[t._v("=")]),a("span",{staticClass:"str"},[t._v('"{6:0}"')]),t._v(" \n                "),a("span",{staticClass:"key"},[t._v(":wpc")]),a("span",{staticClass:"tag"},[t._v("=")]),a("span",{staticClass:"str"},[t._v('"{3:0}"')]),a("span",{staticClass:"tag"},[t._v(">\n        </x-col>")]),t._v("\n        "),a("span",{staticClass:"tag"},[t._v("<x-col")]),t._v(" \n                "),a("span",{staticClass:"key"},[t._v(":mobile")]),a("span",{staticClass:"tag"},[t._v("=")]),a("span",{staticClass:"str"},[t._v('"{12:0}"')]),t._v(" \n                "),a("span",{staticClass:"key"},[t._v(":npc")]),a("span",{staticClass:"tag"},[t._v("=")]),a("span",{staticClass:"str"},[t._v('"{6:0}"')]),t._v(" \n                "),a("span",{staticClass:"key"},[t._v(":wpc")]),a("span",{staticClass:"tag"},[t._v("=")]),a("span",{staticClass:"str"},[t._v('"{3:0}"')]),a("span",{staticClass:"tag"},[t._v(">\n        </x-col>")]),t._v("\n        "),a("span",{staticClass:"tag"},[t._v("<x-col")]),t._v(" \n                "),a("span",{staticClass:"key"},[t._v(":mobile")]),a("span",{staticClass:"tag"},[t._v("=")]),a("span",{staticClass:"str"},[t._v('"{12:0}"')]),t._v(" \n                "),a("span",{staticClass:"key"},[t._v(":npc")]),a("span",{staticClass:"tag"},[t._v("=")]),a("span",{staticClass:"str"},[t._v('"{6:0}"')]),t._v(" \n                "),a("span",{staticClass:"key"},[t._v(":wpc")]),a("span",{staticClass:"tag"},[t._v("=")]),a("span",{staticClass:"str"},[t._v('"{3:0}"')]),a("span",{staticClass:"tag"},[t._v(">\n        </x-col>")]),t._v("\n        "),a("span",{staticClass:"tag"},[t._v("<x-col")]),t._v(" \n                "),a("span",{staticClass:"key"},[t._v(":mobile")]),a("span",{staticClass:"tag"},[t._v("=")]),a("span",{staticClass:"str"},[t._v('"{12:0}"')]),t._v(" \n                "),a("span",{staticClass:"key"},[t._v(":npc")]),a("span",{staticClass:"tag"},[t._v("=")]),a("span",{staticClass:"str"},[t._v('"{6:0}"')]),t._v(" \n                "),a("span",{staticClass:"key"},[t._v(":wpc")]),a("span",{staticClass:"tag"},[t._v("=")]),a("span",{staticClass:"str"},[t._v('"{3:0}"')]),a("span",{staticClass:"tag"},[t._v(">\n        </x-col>")]),t._v("\n        "),a("span",{staticClass:"tag"},[t._v("<x-col")]),t._v(" \n                "),a("span",{staticClass:"key"},[t._v(":mobile")]),a("span",{staticClass:"tag"},[t._v("=")]),a("span",{staticClass:"str"},[t._v('"{12:0}"')]),t._v(" \n                "),a("span",{staticClass:"key"},[t._v(":npc")]),a("span",{staticClass:"tag"},[t._v("=")]),a("span",{staticClass:"str"},[t._v('"{6:0}"')]),t._v(" \n                "),a("span",{staticClass:"key"},[t._v(":wpc")]),a("span",{staticClass:"tag"},[t._v("=")]),a("span",{staticClass:"str"},[t._v('"{3:0}"')]),a("span",{staticClass:"tag"},[t._v(">\n        </x-col>")]),t._v("\n        "),a("span",{staticClass:"tag"},[t._v("<x-col")]),t._v(" \n                "),a("span",{staticClass:"key"},[t._v(":mobile")]),a("span",{staticClass:"tag"},[t._v("=")]),a("span",{staticClass:"str"},[t._v('"{12:0}"')]),t._v(" \n                "),a("span",{staticClass:"key"},[t._v(":npc")]),a("span",{staticClass:"tag"},[t._v("=")]),a("span",{staticClass:"str"},[t._v('"{6:0}"')]),t._v(" \n                "),a("span",{staticClass:"key"},[t._v(":wpc")]),a("span",{staticClass:"tag"},[t._v("=")]),a("span",{staticClass:"str"},[t._v('"{3:0}"')]),a("span",{staticClass:"tag"},[t._v(">\n        </x-col>")]),t._v("\n        "),a("span",{staticClass:"tag"},[t._v("<x-col")]),t._v(" \n                "),a("span",{staticClass:"key"},[t._v(":mobile")]),a("span",{staticClass:"tag"},[t._v("=")]),a("span",{staticClass:"str"},[t._v('"{12:0}"')]),t._v(" \n                "),a("span",{staticClass:"key"},[t._v(":npc")]),a("span",{staticClass:"tag"},[t._v("=")]),a("span",{staticClass:"str"},[t._v('"{6:0}"')]),t._v(" \n                "),a("span",{staticClass:"key"},[t._v(":wpc")]),a("span",{staticClass:"tag"},[t._v("=")]),a("span",{staticClass:"str"},[t._v('"{3:0}"')]),a("span",{staticClass:"tag"},[t._v(">\n        </x-col>")]),t._v("\n        "),a("span",{staticClass:"tag"},[t._v("<x-col")]),t._v(" \n                "),a("span",{staticClass:"key"},[t._v(":mobile")]),a("span",{staticClass:"tag"},[t._v("=")]),a("span",{staticClass:"str"},[t._v('"{12:0}"')]),t._v(" \n                "),a("span",{staticClass:"key"},[t._v(":npc")]),a("span",{staticClass:"tag"},[t._v("=")]),a("span",{staticClass:"str"},[t._v('"{6:0}"')]),t._v(" \n                "),a("span",{staticClass:"key"},[t._v(":wpc")]),a("span",{staticClass:"tag"},[t._v("=")]),a("span",{staticClass:"str"},[t._v('"{3:0}"')]),a("span",{staticClass:"tag"},[t._v(">\n        </x-col>")]),t._v("\n"),a("span",{staticClass:"tag"},[t._v("</x-row>")]),t._v("\n")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",{staticClass:"attr"},[a("table",[a("thead",[a("tr",[a("th",[t._v("参数")]),a("th",{staticClass:"des"},[t._v("说明")]),a("th",{staticClass:"type"},[t._v("类型")]),a("th",[t._v("可选值")]),a("th",[t._v("默认值")])])]),a("tbody",[a("tr",[a("td",[t._v("gutter")]),a("td",{staticClass:"des"},[t._v("栅格的间隙，单位为 px")]),a("td",{staticClass:"type"},[t._v("String , Number")]),a("td",[t._v("——")]),a("td",[t._v("——")])])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",{staticClass:"attr"},[a("table",[a("thead",[a("tr",[a("th",[t._v("参数")]),a("th",{staticClass:"des"},[t._v("说明")]),a("th",{staticClass:"type"},[t._v("类型")]),a("th",[t._v("可选值")]),a("th",[t._v("默认值")])])]),a("tbody",[a("tr",[a("td",[t._v(" mobile,ipad,npc,pc,wpc")]),a("td",{staticClass:"des"},[t._v("不同屏幕宽度下分栏所占宽度的配置参数，键对应分栏所占宽度，值对应分栏前空隙宽度。mobile-first，ipad、npc、pc、wpc对应 min-width 分别为 577px、769px、993px、1201px")]),a("td",{staticClass:"type"},[t._v("Object")]),a("td",[t._v("——")]),a("td",[t._v("——")])])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",{staticClass:"des"},[t._v("\n                容器布局，可快速搭建页面的基本结构，需浏览器支持"),a("span",{staticClass:"code"},[t._v("flex")]),t._v("布局。在使用容器布局时，"),a("span",{staticClass:"code"},[t._v("container")]),t._v("组件的子组件只能是"),a("span",{staticClass:"code"},[t._v("header")]),t._v("，"),a("span",{staticClass:"code"},[t._v("main")]),t._v("，"),a("span",{staticClass:"code"},[t._v("footer")]),t._v("，"),a("span",{staticClass:"code"},[t._v("sider")]),t._v("或"),a("span",{staticClass:"code"},[t._v("container")]),t._v("，同时，上述子组件的父组件也只能是"),a("span",{staticClass:"code"},[t._v("container")]),t._v("。\n            ")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("pre",{staticClass:"code"},[a("span",{staticClass:"tag"},[t._v("<x-container>\n        <x-header></x-header>\n        <x-main></x-main>\n        <x-footer></x-footer>\n</x-container>")]),t._v("\n")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("pre",{staticClass:"code"},[a("span",{staticClass:"tag"},[t._v("<x-container>\n        <x-header></x-header>\n        <x-container>\n                <x-sider></x-sider>\n                <x-main></x-main>\n        </x-container>\n        <x-footer></x-footer>\n</x-container>")]),t._v("\n")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("pre",{staticClass:"code"},[a("span",{staticClass:"tag"},[t._v("<x-container>\n        <x-sider")]),t._v(" "),a("span",{staticClass:"key"},[t._v("close-button")]),a("span",{staticClass:"tag"},[t._v("></x-sider>\n        <x-container>\n                <x-header></x-header>\n                <x-main></x-main>\n                <x-footer></x-footer>\n        </x-container>\n</x-container>")]),t._v("\n")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",{staticClass:"attr"},[a("table",[a("thead",[a("tr",[a("th",[t._v("参数")]),a("th",{staticClass:"des"},[t._v("说明")]),a("th",{staticClass:"type"},[t._v("类型")]),a("th",[t._v("可选值")]),a("th",[t._v("默认值")])])]),a("tbody",[a("tr",[a("td",[t._v("close-button")]),a("td",{staticClass:"des"},[t._v("sider 是否带关闭按钮")]),a("td",{staticClass:"type"},[t._v("Boolean")]),a("td",[t._v("——")]),a("td",[t._v("false")])])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("pre",{staticClass:"code"},[a("span",{staticClass:"tag"},[t._v("<x-collapse")]),t._v(" "),a("span",{staticClass:"key"},[t._v(":selected.sync")]),a("span",{staticClass:"tag"},[t._v("=")]),a("span",{staticClass:"str"},[t._v('"selected"')]),a("span",{staticClass:"tag"},[t._v(">\n        <x-collapse-item")]),t._v(" "),a("span",{staticClass:"key"},[t._v("name")]),a("span",{staticClass:"tag"},[t._v("=")]),a("span",{staticClass:"str"},[t._v('"social"')]),a("span",{staticClass:"tag"},[t._v(">\n                <template")]),t._v(" "),a("span",{staticClass:"key"},[t._v("slot")]),a("span",{staticClass:"tag"},[t._v("=")]),a("span",{staticClass:"str"},[t._v('"title"')]),a("span",{staticClass:"tag"},[t._v(">")]),t._v("社会资讯"),a("span",{staticClass:"tag"},[t._v("</template>")]),t._v("\n                    "),a("span",[t._v("// 内容文本")]),t._v("\n        "),a("span",{staticClass:"tag"},[t._v("</x-collapse-item>\n        <x-collapse-item")]),t._v(" "),a("span",{staticClass:"key"},[t._v("name")]),a("span",{staticClass:"tag"},[t._v("=")]),a("span",{staticClass:"str"},[t._v('"finance"')]),a("span",{staticClass:"tag"},[t._v(">\n                <template")]),t._v(" "),a("span",{staticClass:"key"},[t._v("slot")]),a("span",{staticClass:"tag"},[t._v("=")]),a("span",{staticClass:"str"},[t._v('"title"')]),a("span",{staticClass:"tag"},[t._v(">")]),t._v("财经新闻"),a("span",{staticClass:"tag"},[t._v("</template>")]),t._v("\n                    "),a("span",[t._v("// 内容文本")]),t._v("\n        "),a("span",{staticClass:"tag"},[t._v("</x-collapse-item>\n        <x-collapse-item")]),t._v(" "),a("span",{staticClass:"key"},[t._v("name")]),a("span",{staticClass:"tag"},[t._v("=")]),a("span",{staticClass:"str"},[t._v('"sicence"')]),a("span",{staticClass:"tag"},[t._v(">\n                <template")]),t._v(" "),a("span",{staticClass:"key"},[t._v("slot")]),a("span",{staticClass:"tag"},[t._v("=")]),a("span",{staticClass:"str"},[t._v('"title"')]),a("span",{staticClass:"tag"},[t._v(">")]),t._v("科技新闻"),a("span",{staticClass:"tag"},[t._v("</template>")]),t._v("\n                    "),a("span",[t._v("// 内容文本")]),t._v("\n        "),a("span",{staticClass:"tag"},[t._v("</x-collapse-item>\n        <x-collapse-item")]),t._v(" "),a("span",{staticClass:"key"},[t._v("name")]),a("span",{staticClass:"tag"},[t._v("=")]),a("span",{staticClass:"str"},[t._v('"sports"')]),a("span",{staticClass:"tag"},[t._v(">\n                <template")]),t._v(" "),a("span",{staticClass:"key"},[t._v("slot")]),a("span",{staticClass:"tag"},[t._v("=")]),a("span",{staticClass:"str"},[t._v('"title"')]),a("span",{staticClass:"tag"},[t._v(">")]),t._v("体育新闻"),a("span",{staticClass:"tag"},[t._v("</template>")]),t._v("\n                    "),a("span",[t._v("// 内容文本")]),t._v("\n        "),a("span",{staticClass:"tag"},[t._v("</x-collapse-item>\n</x-collapse>")]),t._v("\n")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",{staticClass:"attr"},[a("table",[a("thead",[a("tr",[a("th",[t._v("参数")]),a("th",{staticClass:"des"},[t._v("说明")]),a("th",{staticClass:"type"},[t._v("类型")]),a("th",[t._v("可选值")]),a("th",[t._v("默认值")])])]),a("tbody",[a("tr",[a("td",[t._v("selected")]),a("td",{staticClass:"des"},[t._v("当前展开 item 的 name 组成的数组。可以用 .sync 修饰符绑定。")]),a("td",{staticClass:"type"},[t._v("Array")]),a("td",[t._v("——")]),a("td",[t._v("——")])]),a("tr",[a("td",[t._v("multiple")]),a("td",{staticClass:"des"},[t._v("是否允许同时展开多个 item。")]),a("td",{staticClass:"type"},[t._v("Boolean")]),a("td",[t._v("——")]),a("td",[t._v("true")])])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",{staticClass:"attr"},[a("table",[a("thead",[a("tr",[a("th",[t._v("参数")]),a("th",{staticClass:"des"},[t._v("说明")]),a("th",{staticClass:"type"},[t._v("类型")]),a("th",[t._v("可选值")]),a("th",[t._v("默认值")])])]),a("tbody",[a("tr",[a("td",[t._v("name")]),a("td",{staticClass:"des"},[t._v("item 的 name 属性，唯一且必填。")]),a("td",{staticClass:"type"},[t._v("String")]),a("td",[t._v("——")]),a("td",[t._v("——")])])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",{staticClass:"des"},[t._v("\n                通过作用域插槽，瀑布流组件可将数据传回父组件，父组件使用"),a("span",{staticClass:"code"},[t._v("slot-scope")]),t._v("可以在插槽中获取到传回的数据。\n            ")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",{staticClass:"attr"},[a("table",[a("thead",[a("tr",[a("th",[t._v("参数")]),a("th",{staticClass:"des"},[t._v("说明")]),a("th",{staticClass:"type"},[t._v("类型")]),a("th",[t._v("可选值")]),a("th",[t._v("默认值")])])]),a("tbody",[a("tr",[a("td",[t._v("width")]),a("td",{staticClass:"des"},[t._v("瀑布流布局中每个子元素的宽度，单位为 px")]),a("td",{staticClass:"type"},[t._v("Number")]),a("td",[t._v("——")]),a("td",[t._v("200")])]),a("tr",[a("td",[t._v("source")]),a("td",{staticClass:"des"},[t._v("组件 v-for 列表渲染的数据，必填，渲染时数据将以作用域插槽的形式传回父组件")]),a("td",{staticClass:"type"},[t._v("Array")]),a("td",[t._v("——")]),a("td",[t._v("——")])]),a("tr",[a("td",[t._v("target")]),a("td",{staticClass:"des"},[t._v("组件监听滚动的目标，可以是 CSS 选择器，也可以是 HTML 元素，如果不传，组件将默认监听 window")]),a("td",{staticClass:"type"},[t._v("String , HTMLElement")]),a("td",[t._v("——")]),a("td",[t._v("——")])])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",{staticClass:"attr"},[a("table",[a("thead",[a("tr",[a("th",[t._v("事件名称")]),a("th",{staticClass:"des"},[t._v("说明")]),a("th",{staticClass:"type"},[t._v("回调参数")])])]),a("tbody",[a("tr",[a("td",[t._v("scroll-bottom")]),a("td",{staticClass:"des"},[t._v("被监听的元素滚动到底部时触发，只触发一次，当 source 数据改变时，会重新添加监听（滚动到底部时会再次触发）。")]),a("td",{staticClass:"type"},[t._v("——")])])])])])}],i=a("e09c"),c={name:"Layout",mixins:[i["a"]],data:function(){return{selected:[""],source:[]}},created:function(){for(var t=0;t<20;t++)this.source.push({num:"".concat(t+1),size:"150px"})},methods:{scrollBottom:function(){this.$info({message:"被监听目标滚动到底部了",duration:4e3})}}},l=c,v=(a("8347"),a("2877")),_=Object(v["a"])(l,e,n,!1,null,"4b2f9b29",null);_.options.__file="Layout.vue";s["default"]=_.exports}}]);
  //# sourceMappingURL=chunk-64574eaa.ba0e59e4.js.map