text: webpackJsonp([122],{1055:function(t,e){},612:function(t,e,i){"use strict";function n(t){r||i(1055)}Object.defineProperty(e,"__esModule",{value:!0});var a=i(899),o=i.n(a);for(var s in a)["default","default"].indexOf(s)<0&&function(t){i.d(e,t,function(){return a[t]})}(s);var l=i(933),c=i.n(l),r=!1,p=i(88),d=n,u=p(o.a,c.a,!1,d,null,null);u.options.__file="src/views/live.vue",e.default=u.exports},620:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n={guide:[{title:"介绍",titleEn:"Introduction",path:"/docs/guide/introduce"},{title:"设计原则",titleEn:"Design Principles",path:"/docs/guide/design"},{title:"布局",titleEn:"Navigation Examples",path:"/docs/guide/layout"},{title:"参与贡献",titleEn:"Contributing Guide",path:"/docs/guide/standard"}],beforeComponents:[{title:"安装",titleEn:"Installation",path:"/docs/guide/install"},{title:"快速上手",titleEn:"Quick Start",path:"/docs/guide/start"},{title:"国际化",titleEn:"Internationalization",path:"/docs/guide/i18n"},{title:"定制主题",titleEn:"Customize Theme",path:"/docs/guide/theme"},{title:"iView Loader",titleEn:"iView Loader",path:"/docs/guide/iview-loader"},{title:"概览",titleEn:"Overview",path:"/overview"},{title:"更新日志",titleEn:"Change Log",path:"/docs/guide/update"}],components:[{type:"Basic",title:"基础",list:[{title:"Grid 栅格",path:"/components/grid",img:"grid.png",icon:"ios-grid-view-outline"},{title:"Layout 布局",path:"/components/layout",img:"layout-new.png",icon:"ios-browsers-outline"},{title:"Color 色彩",path:"/components/color",img:"color.png",icon:"android-color-palette"},{title:"Font 字体",path:"/components/font",img:"font.png",icon:"at"},{title:"Button 按钮",path:"/components/button",img:"button.png",icon:"social-youtube-outline"},{title:"Icon 图标",path:"/components/icon",img:"icon.png",icon:"ios-heart-outline"}]},{type:"Form",title:"表单",list:[{title:"Input 输入框",path:"/components/input",img:"input.png",icon:"ios-compose-outline"},{title:"Radio 单选框",path:"/components/radio",img:"radio.png",icon:"ios-circle-filled"},{title:"Checkbox 多选框",path:"/components/checkbox",img:"checkbox.png",icon:"android-checkbox-outline"},{title:"Switch 开关",path:"/components/switch",img:"switch.png",icon:"toggle"},{title:"Table 表格",path:"/components/table",img:"table.png",icon:"ios-grid-view"},{title:"Select 选择器",path:"/components/select",img:"select.png",icon:"ios-arrow-down"},{title:"AutoComplete 自动完成",path:"/components/auto-complete",img:"auto-complete.png",icon:"ios-list-outline"},{title:"Slider 滑块",path:"/components/slider",img:"slider.png",icon:"minus-round"},{title:"DatePicker 日期选择器",path:"/components/date-picker",img:"date-picker.png",icon:"ios-calendar-outline"},{title:"TimePicker 时间选择器",path:"/components/time-picker",img:"time-picker.png",icon:"ios-clock-outline"},{title:"Cascader 级联选择",path:"/components/cascader",img:"cascader.png",icon:"ios-more-outline"},{title:"Transfer 穿梭框",path:"/components/transfer",img:"transfer.png",icon:"ios-pause-outline"},{title:"InputNumber 数字输入框",path:"/components/input-number",img:"input-number.png",icon:"ios-calculator"},{title:"Rate 评分",path:"/components/rate",img:"rate.png",icon:"ios-star"},{title:"Upload 上传",path:"/components/upload",img:"upload.png",icon:"ios-cloud-upload-outline"},{title:"ColorPicker 颜色选择器",path:"/components/color-picker",img:"color-picker.png",icon:"android-color-palette"},{title:"Form 表单",path:"/components/form",img:"form.png",icon:"ios-list-outline"}]},{type:"View",title:"视图",list:[{title:"Alert 警告提示",path:"/components/alert",img:"alert.png",icon:"alert"},{title:"Card 卡片",path:"/components/card",img:"card.png",icon:"ios-browsers-outline"},{title:"Message 全局提示",path:"/components/message",img:"message.png",icon:"ios-information-outline"},{title:"Notice 通知提醒",path:"/components/notice",img:"notice.png",icon:"ios-bell-outline"},{title:"Modal 对话框",path:"/components/modal",img:"modal.png",icon:"ios-chatbubble-outline"},{title:"Progress 进度条",path:"/components/progress",img:"progress.png",icon:"android-remove"},{title:"Avatar 头像",path:"/components/avatar",img:"avatar.png",icon:"person"},{title:"Badge 徽标数",path:"/components/badge",img:"badge.png",icon:"email-unread"},{title:"Collapse 折叠面板",path:"/components/collapse",img:"collapse.png",icon:"ios-albums-outline"},{title:"Timeline 时间轴",path:"/components/timeline",img:"timeline.png",icon:"android-more-vertical"},{title:"Tag 标签",path:"/components/tag",img:"tag.png",icon:"ios-pricetags-outline"},{title:"Tooltip 文字提示",path:"/components/tooltip",img:"tooltip.png",icon:"chatbox-working"},{title:"Poptip 气泡提示",path:"/components/poptip",img:"poptip.png",icon:"chatbubble-working"},{title:"Carousel 走马灯",path:"/components/carousel",img:"carousel.png",icon:"ios-film-outline"},{title:"Tree 树形控件",path:"/components/tree",img:"tree.png",icon:"network"}]},{type:"Navigation",title:"导航",list:[{title:"Menu 导航菜单",path:"/components/menu",img:"menu.png",icon:"navicon-round"},{title:"Tabs 标签页",path:"/components/tabs",img:"tabs.png",icon:"social-windows-outline"},{title:"Dropdown 下拉菜单",path:"/components/dropdown",img:"dropdown.png",icon:"arrow-down-b"},{title:"Page 分页",path:"/components/page",img:"page.png",icon:"ios-book-outline"},{title:"Breadcrumb 面包屑",path:"/components/breadcrumb",img:"breadcrumb.png",icon:"ios-arrow-right"},{title:"Steps 步骤条",path:"/components/steps",img:"steps.png",icon:"ios-checkmark-outline"},{title:"LoadingBar 加载进度条",path:"/components/loading-bar",img:"loading-bar.png",icon:"ios-minus-empty"}]},{type:"Chart",title:"图表",list:[{title:"Circle 进度环",path:"/components/circle",img:"circle.png",icon:"ios-circle-outline"}]},{type:"Other",title:"其它",list:[{title:"Affix 图钉",path:"/components/affix",img:"affix.png",icon:"pin"},{title:"BackTop 返回顶部",path:"/components/back-top",img:"back-top.png",icon:"ios-arrow-up"},{title:"Spin 加载中",path:"/components/spin",img:"spin.png",icon:"load-d"},{title:"Scroll 无限滚动",path:"/components/scroll",img:"scroll.png",icon:"ios-more"}]}],practice:[{title:"实践案例",titleEn:"Practical Cases",path:"/docs/practice/case"},{title:"iView Logo 设计思路",titleEn:"iView Logo Design",path:"/docs/practice/logo"}],live:[{title:"最新课程",path:"/live"}]};e.default=n},621:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=i(133),a=function(t){return t&&t.__esModule?t:{default:t}}(n),o={env:a.default,filePath:"https://file.iviewui.com/file/",version:49,liveVersion:1};"development"===o.env&&(o.filePath="http://127.0.0.1:9800/overview/"),e.default=o},622:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={methods:{handleChange:function(t){"iview"===t?window.location.href="https://www.iviewui.com":"iview-weapp"===t?window.location.href="https://weapp.iviewui.com?from=iview":"inmap"===t&&(window.location.href="http://inmap.talkingdata.com?from=iview")}}}},623:function(t,e,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var a=i(620),o=n(a),s=i(621),l=n(s),c=i(59),r=n(c),p=i(635),d=n(p);e.default={components:{ApplicationMenu:d.default},props:{activeKey:String},data:function(){return{search:"",navigateList:[],liveDot:!1,currentActiveKey:this.activeKey,searchText:this.$t("index.search"),notFoundText:this.$t("index.notFound"),lang:this.$lang}},watch:{activeKey:function(t){this.currentActiveKey=t},currentActiveKey:function(t){this.$emit("on-change",t)}},methods:{handleSearch:function(t){var e=this;"en-US"===this.lang&&(t+="-en"),this.search="",this.$refs.select.setQuery(""),this.$nextTick(function(){setTimeout(function(){e.$router.push(t)},300)})},handleSelect:function(t){var e=this,i="zh-CN"===this.lang?"":"-en";"donate"===t?r.default.$emit("on-donate-show"):"github"===t?window.open("https://github.com/iview/iview"):"guide"===t?this.$router.push(o.default.guide[0].path+i):"component"===t?this.$router.push(o.default.beforeComponents[0].path+i):"practice"===t?this.$router.push(o.default.practice[0].path+i):"cli"===t?this.$router.push("/cli"+i):"live"===t?this.$router.push("/live"):"iview-loader"===t?this.$router.push("/docs/guide/iview-loader"+i):"iview-admin"===t?window.open("https://github.com/iview/iview-admin"):"iview-area"===t&&window.open("https://github.com/iview/iview-area"),this.$nextTick(function(){e.updateActiveNav()})},updateActiveNav:function(){var t=["/docs/guide/install","/docs/guide/start","/docs/guide/i18n","/docs/guide/theme","/docs/guide/iview-loader","/overview","/docs/guide/update"],e=this.$route.path;e.indexOf("component")>-1||t.indexOf(e)>-1?this.currentActiveKey="component":e.indexOf("practice")>-1?this.currentActiveKey="practice":e.indexOf("live")>-1?this.currentActiveKey="live":this.currentActiveKey="guide"},handleChangeLang:function(){var t="zh-CN"===this.lang?"en-US":"zh-CN",e=this.$route.path.indexOf("-en")>-1?this.$route.path.split("-en")[0]:this.$route.path+"-en";r.default.$emit("on-change-lang",t,e)},handleVersion:function(t){1==t&&(window.location.href="http://v1.iviewui.com")},handleGoToGitHub:function(){window.open("https://github.com/iview/iview")},handleGoToTwitter:function(){window.open("https://twitter.com/iViewUI")}},created:function(){this.lang=this.$lang;for(var t=[],e=0;e<o.default.components.length;e++)for(var i=0;i<o.default.components[e].list.length;i++)t.push(o.default.components[e].list[i]);this.navigateList=t;var n=window.localStorage.getItem("liveVersion");this.liveDot=!n||n<l.default.liveVersion}}},624:function(t,e,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var a=i(656),o=n(a),s=i(620),l=(n(s),i(636)),c=n(l),r=i(59),p=n(r);e.default={inject:["app"],components:{Navigate:o.default,navMenu:c.default},data:function(){return{list:[],need_api:!1,donate:!1,ask:!1,activeKey:"",lang:this.$lang,adCarousel:0,ad_index:this.app.ad_index}},methods:{handleModalClose:function(){this.donate=!1},handleAskClose:function(){this.ask=!1},updateActiveNav:function(){var t=["/docs/guide/install","/docs/guide/install-en","/docs/guide/start","/docs/guide/start-en","/docs/guide/i18n","/docs/guide/i18n-en","/docs/guide/theme","/docs/guide/theme-en","/docs/guide/iview-loader","/docs/guide/iview-loader-en","/overview","/overview-en","/docs/guide/update","/docs/guide/update-en"],e=this.$route.path;e.indexOf("component")>-1||t.indexOf(e)>-1?this.activeKey="component":e.indexOf("practice")>-1?this.activeKey="practice":e.indexOf("live")>-1?this.activeKey="live":this.activeKey="guide"},handleNavMenuChange:function(t){this.activeKey=t},handleClickLink:function(t){var e=document.getElementById(t).offsetTop;window.location.hash=t;var i=e+15;"API"===t&&(i-=150),window.scrollTo(0,i)},handleAsideAd:function(t){arguments.length>1&&void 0!==arguments[1]&&arguments[1]&&(this.ask=!0)}},created:function(){this.lang=this.$lang},mounted:function(){var t=this;this.updateActiveNav();var e=this.$slots.default[0].elm.querySelectorAll(".example");if(e.length){this.need_api=!0;for(var i=0;i<e.length;i++){var n=e[i].querySelectorAll("header span a")[0].getAttribute("href").replace("#","");this.list.push({title:n,path:n})}}else{this.need_api=!1;for(var a=this.$slots.default[0].elm.querySelectorAll(".anchor"),o=0;o<a.length;o++){var s=a[o].querySelectorAll("h2")[0];if(s){var l=s.innerHTML,c=a[o].querySelectorAll("h2")[0].getAttribute("id");this.list.push({title:l,path:c})}}}p.default.$on("on-donate-show",function(){t.donate=!0})}}},625:function(t,e,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var a=i(620),o=n(a),s=i(621),l=n(s),c=i(59),r=n(c),p=i(200),d=n(p);e.default={components:{adSend:d.default},props:{type:{type:[String,Number]}},data:function(){return{navigate:o.default,showDot:!1,activeKey:this.$route.path,lang:this.$lang,showAd:!1}},methods:{handleDonate:function(){r.default.$emit("on-donate-show")},handleSelect:function(t){var e=this;"en-US"===this.lang&&(t+="-en"),this.$nextTick(function(){e.$router.push(t)})},handleAd:function(){window.open("https://juejin.im/welcome/frontend?utm_source=iview&utm_medium=banner&utm_content=huoyue&utm_campaign=q4_website")},handleBuy:function(t){"taobao"===t?window.open("https://detail.tmall.com/item.htm?id=559480603657"):"jd"===t?window.open("https://item.jd.com/12215519.html"):"video"===t?window.open("https://segmentfault.com/ls/1650000011074057"):"dangdang"===t&&window.open("http://product.dangdang.com/25180286.html")}},created:function(){this.lang=this.$lang;var t="zh-CN"===this.lang?this.$route.path:this.$route.path.split("-en")[0];this.activeKey=t},mounted:function(){var t=window.localStorage.getItem("version");this.showDot=!t||t<l.default.version}}},626:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{title:String,h1:Boolean,h2:Boolean,h3:Boolean,h4:Boolean,h5:Boolean,h6:Boolean},computed:{title_link:function(){return this.title.replace(/\s/g,"_")}}}},629:function(t,e,i){t.exports=i.p+"76ecb6e76d2c438065f90cd7f8fa7371.png"},630:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("Menu",{attrs:{mode:"horizontal","active-name":t.currentActiveKey},on:{"on-select":t.handleSelect}},[n("div",{staticClass:"wrapper-header-nav"},[n("router-link",{staticClass:"wrapper-header-nav-logo",attrs:{to:"/"}},[n("img",{attrs:{src:i(634)}})]),t._v(" "),n("ApplicationMenu"),t._v(" "),n("div",{staticClass:"wrapper-header-nav-search"},[n("i-select",{ref:"select",attrs:{filterable:"",placeholder:t.searchText,"not-found-text":t.notFoundText},on:{"on-change":t.handleSearch},model:{value:t.search,callback:function(e){t.search=e},expression:"search"}},t._l(t.navigateList,function(e){return n("i-option",{key:e.path,attrs:{value:e.path}},["zh-CN"===t.lang?[t._v(t._s(e.title))]:[t._v(t._s(e.title.split(" ")[0]))]],2)}))],1),t._v(" "),n("div",{staticClass:"wrapper-header-nav-list"},[n("Menu-item",{attrs:{name:"guide"}},[n("Icon",{attrs:{type:"ios-navigate"}}),t._v("\n                "+t._s(t.$t("index.guide"))+"\n            ")],1),t._v(" "),n("Menu-item",{attrs:{name:"component"}},[n("Icon",{attrs:{type:"ios-keypad"}}),t._v("\n                "+t._s(t.$t("index.component"))+"\n            ")],1),t._v(" "),"zh-CN"===t.lang?n("Menu-item",{attrs:{name:"live"}},[n("Badge",{attrs:{dot:t.liveDot}},[n("Icon",{attrs:{type:"ios-videocam"}}),t._v("\n                    "+t._s(t.$t("index.live"))+"\n                ")],1)],1):t._e(),t._v(" "),n("Menu-item",{attrs:{name:"practice"}},[n("Icon",{attrs:{type:"ios-analytics"}}),t._v("\n                "+t._s(t.$t("index.practice"))+"\n            ")],1),t._v(" "),n("Submenu",{attrs:{name:"ecosystem"}},[n("template",{slot:"title"},[n("Icon",{attrs:{type:"ios-infinite"}}),t._v("\n                    "+t._s(t.$t("index.ecosystem"))+"\n                ")],1),t._v(" "),n("Menu-item",{attrs:{name:"cli"}},[t._v("\n                    "+t._s(t.$t("index.cli"))+"\n                ")]),t._v(" "),n("Menu-item",{attrs:{name:"iview-loader"}},[t._v("\n                    iView Loader\n                ")]),t._v(" "),n("Menu-item",{attrs:{name:"iview-admin"}},[t._v("\n                    iView Admin\n                ")]),t._v(" "),n("Menu-item",{attrs:{name:"iview-area"}},[t._v("\n                    iView Area\n                ")])],2),t._v(" "),n("ButtonGroup",[n("Button",{attrs:{type:"ghost",size:"small",icon:"social-github"},on:{click:t.handleGoToGitHub}}),t._v(" "),n("Button",{attrs:{type:"ghost",size:"small",icon:"social-twitter"},on:{click:t.handleGoToTwitter}}),t._v(" "),n("Button",{attrs:{type:"ghost",size:"small"},on:{click:t.handleChangeLang}},["zh-CN"===t.lang?[t._v("EN")]:[t._v("中文")]],2)],1)],1)],1)])},a=[];n._withStripped=!0;var o={render:n,staticRenderFns:a};e.default=o},631:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"apps"},[i("Dropdown",{attrs:{transfer:"",trigger:"click"},on:{"on-click":t.handleChange}},[i("img",{staticClass:"apps-menu",attrs:{src:"https://file.iviewui.com/icon/application.png"}}),t._v(" "),i("Icon",{staticClass:"apps-arrow",attrs:{type:"ios-arrow-down"}}),t._v(" "),i("DropdownMenu",{attrs:{slot:"list"},slot:"list"},[i("DropdownItem",{attrs:{name:"iview"}},[i("img",{staticClass:"apps-img",attrs:{src:"https://file.iviewui.com/icon/iview.png"}}),t._v(" "),i("span",{staticClass:"apps-name"},[t._v("iView")])]),t._v(" "),i("DropdownItem",{attrs:{name:"iview-weapp"}},[i("img",{staticClass:"apps-img",attrs:{src:"https://file.iviewui.com/icon/iview.png"}}),t._v(" "),i("span",{staticClass:"apps-name"},[t._v("iView Weapp")])]),t._v(" "),i("DropdownItem",{attrs:{name:"inmap"}},[i("img",{staticClass:"apps-img",attrs:{src:"https://file.iviewui.com/icon/inmap.png"}}),t._v(" "),i("span",{staticClass:"apps-name"},[t._v("inMap")])])],1)],1)],1)},a=[];n._withStripped=!0;var o={render:n,staticRenderFns:a};e.default=o},632:function(t,e){},633:function(t,e){},634:function(t,e,i){t.exports=i.p+"03635a3c88122ad605117128f3fda0ca.png"},635:function(t,e,i){"use strict";function n(t){r||i(633)}Object.defineProperty(e,"__esModule",{value:!0});var a=i(622),o=i.n(a);for(var s in a)["default","default"].indexOf(s)<0&&function(t){i.d(e,t,function(){return a[t]})}(s);var l=i(631),c=i.n(l),r=!1,p=i(88),d=n,u=p(o.a,c.a,!1,d,null,null);u.options.__file="src/components/applications.vue",e.default=u.exports},636:function(t,e,i){"use strict";function n(t){r||i(632)}Object.defineProperty(e,"__esModule",{value:!0});var a=i(623),o=i.n(a);for(var s in a)["default","default"].indexOf(s)<0&&function(t){i.d(e,t,function(){return a[t]})}(s);var l=i(630),c=i.n(l),r=!1,p=i(88),d=n,u=p(o.a,c.a,!1,d,null,null);u.options.__file="src/components/menu.vue",e.default=u.exports},637:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"navigate"},["zh-CN"===t.lang?n("div",{staticClass:"asd",on:{click:t.handleAd}},[n("div",{staticClass:"asd-main"},[n("img",{staticStyle:{"border-radius":"6px"},attrs:{src:i(644)}}),t._v(" "),n("ad-send")],1)]):t._e(),t._v(" "),"guide"===t.type?n("Menu",{attrs:{width:"auto","active-name":t.activeKey},on:{"on-select":t.handleSelect}},t._l(t.navigate.guide,function(e){return n("Menu-item",{key:e.path,attrs:{name:e.path}},["zh-CN"===t.lang?[t._v(t._s(e.title))]:[t._v(t._s(e.titleEn))]],2)})):t._e(),t._v(" "),"component"===t.type?n("Menu",{attrs:{width:"auto","active-name":t.activeKey},on:{"on-select":t.handleSelect}},[t._l(t.navigate.beforeComponents,function(e){return n("Menu-item",{key:e.path,attrs:{name:e.path}},["更新日志"!==e.title?["zh-CN"===t.lang?[t._v(t._s(e.title))]:[t._v(t._s(e.titleEn))]]:t._e(),t._v(" "),"更新日志"===e.title?[n("Badge",{attrs:{dot:t.showDot}},["zh-CN"===t.lang?[t._v(t._s(e.title))]:[t._v(t._s(e.titleEn))]],2)]:t._e()],2)}),t._v(" "),n("div",{staticClass:"navigate-group"},[t._v(t._s(t.$t("index.component")))]),t._v(" "),t._l(t.navigate.components,function(e){return n("Menu-group",{key:e.type,attrs:{title:e.type}},t._l(e.list,function(e){return n("Menu-item",{key:e.path,attrs:{name:e.path}},[n("i",{staticClass:"ivu-icon",class:"ivu-icon-"+e.icon}),t._v(" "),"zh-CN"===t.lang?[t._v("\n                    "+t._s(e.title.split(" ")[0])+"\n                    "),n("span",{staticClass:"navigate-group-span"},[t._v(t._s(e.title.split(" ")[1]))])]:[t._v(t._s(e.title.split(" ")[0]))]],2)}))})],2):t._e(),t._v(" "),"practice"===t.type?n("Menu",{attrs:{width:"auto","active-name":t.activeKey},on:{"on-select":t.handleSelect}},t._l(t.navigate.practice,function(e){return n("Menu-item",{key:e.path,attrs:{name:e.path}},["zh-CN"===t.lang?[t._v(t._s(e.title))]:[t._v(t._s(e.titleEn))]],2)})):t._e(),t._v(" "),"live"===t.type?n("Menu",{attrs:{width:"auto","active-name":t.activeKey},on:{"on-select":t.handleSelect}},t._l(t.navigate.live,function(e){return n("Menu-item",{key:e.path,attrs:{name:e.path}},["zh-CN"===t.lang?[t._v(t._s(e.title))]:[t._v(t._s(e.titleEn))]],2)})):t._e(),t._v(" "),n("Modal",{attrs:{width:"900",title:"《Vue.js 实战》现已开售","footer-hide":""},model:{value:t.showAd,callback:function(e){t.showAd=e},expression:"showAd"}},[n("div",{staticClass:"i-article"},[n("Row",[n("Col",{attrs:{span:"10"}},[n("img",{staticStyle:{display:"block",width:"90%",margin:"0 auto"},attrs:{src:i(654)}})]),t._v(" "),n("Col",{attrs:{span:"14"}},[n("div",{staticStyle:{padding:"32px"}},[n("Alert",[t._v("\n                            《Vue.js 实战》\n                            "),n("div",{attrs:{slot:"desc"},slot:"desc"},[n("p",{staticStyle:{"margin-top":"6px"}},[t._v("本书由 Vue.js 作者 "),n("strong",[t._v("尤雨溪")]),t._v(" 作推荐序，TalkingData 研发副总裁马骥、W3cplus.com 站长 大漠、在线回声前端技术专家 justjavac（迷渡）、laravel-china.org 站长 Summer 联合推荐。")]),t._v(" "),n("p",{staticStyle:{"margin-top":"6px"}},[t._v("作者：TalkingData 可视化架构师 & iView 作者 梁灏（Aresn）")]),t._v(" "),n("p",{staticStyle:{"margin-top":"6px"}},[t._v("图书介绍：本书以 Vue.js 2.0 为基础，以项目实战的方式来引导读者渐进式学习 Vue.js。通过本书的学习，读者能够掌握 Vue.js 框架主要 API 的使用方法、自定义指令、组件开发、单文件组件、Render 函数、使用 Webpack 开发可复用的单页面富应用等。本书特点是示例丰富，侧重实战，适用于刚接触或即将接触 Vue.js 的开发者，也适用于对 Vue.js 有过开发经验，但需要进一步提升的开发者。")])])]),t._v(" "),n("div",{staticStyle:{"margin-top":"12px"}},[n("Row",{attrs:{gutter:16}},[n("i-col",{attrs:{span:"8"}},[n("Button",{attrs:{icon:"ios-cart",type:"warning",size:"large",long:""},on:{click:function(e){t.handleBuy("taobao")}}},[t._v("天猫购买")])],1),t._v(" "),n("i-col",{attrs:{span:"8"}},[n("Button",{attrs:{icon:"ios-cart",type:"error",size:"large",long:""},on:{click:function(e){t.handleBuy("jd")}}},[t._v("京东购买")])],1),t._v(" "),n("i-col",{attrs:{span:"8"}},[n("Button",{attrs:{icon:"ios-cart",type:"info",size:"large",long:""},on:{click:function(e){t.handleBuy("dangdang")}}},[t._v("当当购买")])],1)],1)],1)],1)])],1)],1)])],1)},a=[];n._withStripped=!0;var o={render:n,staticRenderFns:a};e.default=o},638:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",[n("div",{staticClass:"wrapper"},[n("div",{staticClass:"wrapper-header"},[n("nav-menu",{attrs:{"active-key":t.activeKey},on:{"on-change":t.handleNavMenuChange}})],1),t._v(" "),n("div",{staticClass:"wrapper-container"},[n("Row",[n("i-col",{staticClass:"wrapper-navigate",attrs:{span:"4"}},[n("Navigate",{attrs:{type:t.activeKey}})],1),t._v(" "),n("i-col",{attrs:{span:"17"}},[n("div",{staticClass:"wrapper-content ivu-article"},[t._t("default")],2)]),t._v(" "),n("i-col",{attrs:{span:"3"}},[n("Affix",{attrs:{"offset-top":75}},[n("div",{directives:[{name:"show",rawName:"v-show",value:t.list.length,expression:"list.length"}],staticClass:"catalogue"},[n("card",{attrs:{"dis-hover":""}},[n("div",{staticClass:"catalogue-title"},["zh-CN"===t.lang?[t._v("目录")]:[t._v("Catalogue")]],2),t._v(" "),n("div",{staticClass:"catalogue-content"},[n("ul",[t._l(t.list,function(e){return n("li",[n("a",{attrs:{href:"#"+e.path},on:{click:function(i){i.stopPropagation(),i.preventDefault(),t.handleClickLink(e.path)}}},[t._v(t._s(e.title))])])}),t._v(" "),t.need_api?n("li",[n("a",{attrs:{href:"#API"},on:{click:function(e){e.stopPropagation(),e.preventDefault(),t.handleClickLink("API")}}},[t._v("API")])]):t._e()],2)])])],1),t._v(" "),"zh-CN"===t.lang?[n("div",{staticStyle:{"margin-top":"20px"}}),t._v(" "),1===t.ad_index?n("a",{staticClass:"wrapper-aside wrapper-aside-no-padding",attrs:{href:"http://t.cn/R3dhfIj",target:"_blank"},on:{click:function(e){t.handleAsideAd("aside-udacity")}}},[n("img",{attrs:{src:i(646)}})]):t._e(),t._v(" "),2===t.ad_index?n("a",{staticClass:"wrapper-aside wrapper-aside-no-padding",attrs:{href:"http://t.cn/R3dhfIj",target:"_blank"},on:{click:function(e){t.handleAsideAd("aside-udacity")}}},[n("img",{attrs:{src:i(647)}})]):t._e(),t._v(" "),3===t.ad_index?n("a",{staticClass:"wrapper-aside wrapper-aside-no-padding",attrs:{href:"http://t.cn/R3dhfIj",target:"_blank"},on:{click:function(e){t.handleAsideAd("aside-udacity")}}},[n("img",{attrs:{src:i(648)}})]):t._e(),t._v(" "),4===t.ad_index?n("a",{staticClass:"wrapper-aside wrapper-aside-no-padding",attrs:{href:"http://t.cn/R3dhfIj",target:"_blank"},on:{click:function(e){t.handleAsideAd("aside-udacity")}}},[n("img",{attrs:{src:i(649)}})]):t._e(),t._v(" "),5===t.ad_index?n("a",{staticClass:"wrapper-aside wrapper-aside-no-padding",attrs:{href:"http://t.cn/R3dhfIj",target:"_blank"},on:{click:function(e){t.handleAsideAd("aside-udacity")}}},[n("img",{attrs:{src:i(650)}})]):t._e(),t._v(" "),6===t.ad_index?n("a",{staticClass:"wrapper-aside wrapper-aside-no-padding",attrs:{href:"https://cn.udacity.com/fend/?utm_source=iviewui&utm_medium=banner&utm_campaign=fend",target:"_blank"},on:{click:function(e){t.handleAsideAd("aside-udacity")}}},[n("img",{attrs:{src:i(651)}})]):t._e(),t._v(" "),n("a",{staticClass:"wrapper-aside",attrs:{href:"https://segmentfault.com/ls/1650000011074057",target:"_blank"},on:{click:function(e){t.handleAsideAd("aside-iview-live")}}},[n("img",{attrs:{src:i(645)}})])]:t._e()],2)],1)],1)],1)]),t._v(" "),n("div",{staticClass:"footer"},[n("div",{staticClass:"footer-main"},[n("Row",[n("i-col",{attrs:{span:"5"}},[n("h4",[n("Icon",{attrs:{type:"social-github"}}),t._v("\n                        GitHub\n                    ")],1),t._v(" "),n("ul",[n("li",[n("a",{attrs:{href:"https://github.com/iview/iview",target:"_blank"}},[t._v("iView")])]),t._v(" "),n("li",[n("a",{attrs:{href:"https://github.com/iview/iview-cli",target:"_blank"}},[t._v("iView Cli")])]),t._v(" "),n("li",[n("a",{attrs:{href:"https://github.com/iview/iview-admin",target:"_blank"}},[t._v("iView Admin")])]),t._v(" "),n("li",[n("a",{attrs:{href:"https://github.com/iview/iview-doc",target:"_blank"}},[t._v("iView Doc")])]),t._v(" "),n("li",[n("a",{attrs:{href:"https://github.com/iview/iview-project",target:"_blank"}},[t._v("iView Project")])])])]),t._v(" "),n("i-col",{attrs:{span:"5"}},[n("h4",[n("Icon",{attrs:{type:"link"}}),t._v("\n                        "+t._s(t.$t("index.links"))+"\n                    ")],1),t._v(" "),n("ul",[n("li",[n("a",{attrs:{href:"https://www.talkingdata.com/",target:"_blank"}},[t._v("TalkingData")]),t._v(" - "+t._s(t.$t("index.td"))+"\n                        ")]),t._v(" "),n("li",[n("a",{attrs:{href:"http://mi.talkingdata.com/",target:"_blank"}},[t._v("Marketing Intelligence")]),t._v(" - "+t._s(t.$t("index.td_mi"))+"\n                        ")]),t._v(" "),n("li",[n("a",{attrs:{href:"https://github.com/TalkingData/inmap/",target:"_blank"}},[t._v("inMap")]),t._v(" - "+t._s(t.$t("index.inmap"))+"\n                        ")]),t._v(" "),n("li",[n("a",{attrs:{href:"https://github.com/TalkingData/Fregata",target:"_blank"}},[t._v("Fregata")]),t._v(" - "+t._s(t.$t("index.Fregata"))+"\n                        ")]),t._v(" "),n("li",[n("a",{attrs:{href:"https://github.com/TalkingData/Myna",target:"_blank"}},[t._v("Myna")]),t._v(" - "+t._s(t.$t("index.Myna"))+"\n                        ")]),t._v(" "),n("li",[n("a",{attrs:{href:"https://github.com/TalkingData/owl",target:"_blank"}},[t._v("OWL")]),t._v(" - "+t._s(t.$t("index.OWL"))+"\n                        ")])])]),t._v(" "),n("i-col",{attrs:{span:"5",offset:"2"}},[n("h4",[n("Icon",{attrs:{type:"chatbubbles"}}),t._v("\n                        "+t._s(t.$t("index.community"))+"\n                    ")],1),t._v(" "),n("ul",[n("li",[n("a",{attrs:{href:"https://github.com/iview/iview/issues",target:"_blank"}},[t._v(t._s(t.$t("index.feedback")))])]),t._v(" "),n("li",[n("a",{attrs:{href:"https://www.iviewui.com/new-issue",target:"_blank"}},[t._v(t._s(t.$t("index.bug")))])]),t._v(" "),n("li",[n("a",{attrs:{href:"https://gitter.im/iview/iview",target:"_blank"}},[t._v(t._s(t.$t("index.chat")))])]),t._v(" "),n("li",[n("a",{attrs:{href:"https://segmentfault.com/t/iview",target:"_blank"}},[t._v("SegmentFault")])])])]),t._v(" "),n("i-col",{attrs:{span:"5",offset:"2"}},[n("div",{staticClass:"footer-aside"},[n("div",{staticClass:"footer-logo"},[n("img",{attrs:{src:i(629)}})]),t._v(" "),n("div",{staticClass:"footer-author"},[n("a",{attrs:{href:"https://www.talkingdata.com/"}},[n("img",{attrs:{src:i(652)}})])])])])],1)],1)]),t._v(" "),n("Modal",{attrs:{title:"成为 iView 赞助商",width:"600","class-name":"vertical-center-modal"},on:{"on-ok":t.handleModalClose,"on-cancel":t.handleModalClose},model:{value:t.donate,callback:function(e){t.donate=e},expression:"donate"}},[n("div",{staticClass:"ivu-article"},[n("p",[t._v("如果您有品牌推广、活动推广、招聘推广、社区合作的需求，欢迎联系我们。")]),t._v(" "),n("p",[t._v("联系邮箱 "),n("a",{attrs:{href:"mailto:admin@aresn.com"}},[t._v("admin@aresn.com")]),t._v(" 咨询。")]),t._v(" "),n("p",[t._v("位置如下图所示：")]),t._v(" "),n("div",[t.donate?n("Carousel",{attrs:{autoplay:"","autoplay-speed":5e3,dots:"outside"},model:{value:t.adCarousel,callback:function(e){t.adCarousel=e},expression:"adCarousel"}},[n("CarouselItem",[n("div",{staticClass:"demo-carousel",staticStyle:{height:"300px"}},[n("img",{staticStyle:{width:"100%"},attrs:{src:i(641)}})])]),t._v(" "),n("CarouselItem",[n("div",{staticClass:"demo-carousel",staticStyle:{height:"300px"}},[n("img",{staticStyle:{width:"100%"},attrs:{src:i(643)}})])]),t._v(" "),n("CarouselItem",[n("div",{staticClass:"demo-carousel",staticStyle:{height:"300px"}},[n("img",{staticStyle:{width:"100%"},attrs:{src:i(642)}})])])],1):t._e()],1)])]),t._v(" "),n("Modal",{attrs:{title:"免费加入 iView 官方QQ群参与讨论","class-name":"vertical-center-modal"},model:{value:t.ask,callback:function(e){t.ask=e},expression:"ask"}},[n("div",{staticClass:"ivu-article"},[n("p",[t._v("免费加入官方QQ讨论群，交流 iView 技术问题。")]),t._v(" "),n("p",[t._v("群号："),n("strong",[t._v("71434987")])]),t._v(" "),n("p",[t._v("二维码：")]),t._v(" "),n("p",[n("img",{staticStyle:{display:"block",width:"50%",margin:"0 auto"},attrs:{src:i(653)}})]),t._v(" "),n("p",[n("Alert",{attrs:{"show-icon":""}},[t._v("仅限开发者加入，请勿讨论与技术无关的问题，比如发招聘信息等。")])],1)])])],1)},a=[];n._withStripped=!0;var o={render:n,staticRenderFns:a};e.default=o},639:function(t,e){},640:function(t,e){},641:function(t,e,i){t.exports=i.p+"94416d41087844182891022a115a01e3.png"},642:function(t,e,i){t.exports=i.p+"80c8e17284316dc453eba1dd3a890461.png"},643:function(t,e,i){t.exports=i.p+"f282bbb92addcd518c9f16f335282303.png"},644:function(t,e,i){t.exports=i.p+"ec11a83d8219506c7bf1005f26733fbb.jpg"},645:function(t,e,i){t.exports=i.p+"e047b9b151ec39dbe25757108d68f9c8.png"},646:function(t,e,i){t.exports=i.p+"6733a7d19ef3fe9a64ca6e6f9028a3e8.png"},647:function(t,e,i){t.exports=i.p+"c30a7185b7b5dfd4ab2df43d1fd12d64.png"},648:function(t,e,i){t.exports=i.p+"451aeb36ed4b859d5e5bb34281d3a5af.png"},649:function(t,e,i){t.exports=i.p+"db946690515dcb01bfa9badb72921fc0.png"},650:function(t,e,i){t.exports=i.p+"97458c692a9e69be9ed2ac8e4204f096.png"},651:function(t,e,i){t.exports=i.p+"485aef835353edc50b8b253c2b4ad33b.jpg"},652:function(t,e,i){t.exports=i.p+"bca1556c01f16f9a9f6094169720c2da.png"},653:function(t,e,i){t.exports=i.p+"7f551d020ba6ef5dcf75a7bd8cf3fac0.png"},654:function(t,e,i){t.exports=i.p+"95627fb77ea1c0e6d51d75cd2d63ccb9.png"},655:function(t,e,i){"use strict";function n(t){r||i(640)}Object.defineProperty(e,"__esModule",{value:!0});var a=i(624),o=i.n(a);for(var s in a)["default","default"].indexOf(s)<0&&function(t){i.d(e,t,function(){return a[t]})}(s);var l=i(638),c=i.n(l),r=!1,p=i(88),d=n,u=p(o.a,c.a,!1,d,null,null);u.options.__file="src/components/article.vue",e.default=u.exports},656:function(t,e,i){"use strict";function n(t){r||i(639)}Object.defineProperty(e,"__esModule",{value:!0});var a=i(625),o=i.n(a);for(var s in a)["default","default"].indexOf(s)<0&&function(t){i.d(e,t,function(){return a[t]})}(s);var l=i(637),c=i.n(l),r=!1,p=i(88),d=n,u=p(o.a,c.a,!1,d,"data-v-39279dfe",null);u.options.__file="src/components/navigate.vue",e.default=u.exports},657:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"anchor"},[t.h1?i("h1",{attrs:{id:t.title_link}},[t._v(t._s(t.title))]):t._e(),t._v(" "),t.h2?i("h2",{attrs:{id:t.title_link}},[t._v(t._s(t.title))]):t._e(),t._v(" "),t.h3?i("h3",{attrs:{id:t.title_link}},[t._v(t._s(t.title))]):t._e(),t._v(" "),t.h4?i("h4",{attrs:{id:t.title_link}},[t._v(t._s(t.title))]):t._e(),t._v(" "),t.h5?i("h5",{attrs:{id:t.title_link}},[t._v(t._s(t.title))]):t._e(),t._v(" "),t.h6?i("h6",{attrs:{id:t.title_link}},[t._v(t._s(t.title))]):t._e(),t._v(" "),t._t("default"),t._v(" "),i("a",{attrs:{href:"#"+t.title_link}},[t._v("#")])],2)},a=[];n._withStripped=!0;var o={render:n,staticRenderFns:a};e.default=o},658:function(t,e){},659:function(t,e,i){"use strict";function n(t){r||i(658)}Object.defineProperty(e,"__esModule",{value:!0});var a=i(626),o=i.n(a);for(var s in a)["default","default"].indexOf(s)<0&&function(t){i.d(e,t,function(){return a[t]})}(s);var l=i(657),c=i.n(l),r=!1,p=i(88),d=n,u=p(o.a,c.a,!1,d,null,null);u.options.__file="src/components/anchor.vue",e.default=u.exports},899:function(t,e,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var a=i(655),o=n(a),s=i(659),l=n(s),c=i(621),r=n(c);e.default={components:{iArticle:o.default,Anchor:l.default},data:function(){return{list:[{title:"Vue.js 实战系列合集",time:"finish",cost:"36元",cover:"https://file.iviewui.com/iview-live.png",desc:"本系列系统的讲解了 Vue.js 的组件、webpack、插件和 Render 函数用法，包含示例，适合 Vue.js 初学者。 合集包含以下4课：《Vue.js 实战之组件篇》、《Vue.js 实战之工程篇》、《Vue.js 实战之插件篇》、《Vue.js 实战之 Render 函数》。 系列讲座 9折。",link:"https://segmentfault.com/ls/1650000011074057"},{title:"Vue.js 实战之插件篇",time:"finish",cost:"9.9元",cover:"https://file.iviewui.com/iview-live.png",desc:"Vue.js 提供了插件机制，可以在全局添加一些功能。它们可以简单到几个方法、属性，也可以很复杂，比如一整套组件库。本课程将介绍几个官方的核心插件，然后通过实战来开发一个插件。",link:"https://segmentfault.com/l/1500000010070434"},{title:"Vue.js 实战之工程篇",time:"finish",cost:"9.9元",cover:"https://file.iviewui.com/iview-live.png",desc:"高效的开发，离不开基础工程的搭建。本课程主要介绍目前热门的 JavaScript 应用程序的模块打包工具 webpack。在开始学习本章前，需要先安装 Node.js 和 npm，如果你不熟悉它们，可以先查阅相关资料，完成安装并了解 npm 最基本的用法。",link:"https://segmentfault.com/l/1500000009448189"},{title:"Vue.js 实战之组件篇",time:"finish",cost:"9.9元",cover:"https://file.iviewui.com/iview-live.png",desc:"组件（Component）是 Vue.js 最核心的功能，也是整个框架设计最精彩的地方，当然也是最难掌握的。本课程将带领你由浅入深地学习组件的全部内容，并通过几个实战项目熟练使用 Vue 组件。",link:"https://segmentfault.com/l/1500000009448056"},{title:"Vue.js 实战之 Render 函数",time:"finish",cost:"9.9元",cover:"https://file.iviewui.com/iview-live.png",desc:"关于 Vue.js 2中 Render 函数的详解，及项目实战。主要内容为：Virtual DOM 与 Vue 2 的 Render 函数介绍；Render 函数使用场景；createElement 用法；函数化组件及实战；实战：用 Render 函数开发一个可排序的表格组件；Q & A",link:"https://segmentfault.com/l/1500000008892728"},{title:"基于 Vue.js 2.x 的 iView 组件开发实践",time:"finish",cost:"6.6元",cover:"https://file.iviewui.com/iview-live.png",desc:"iView 2.0 版本发布了测试版，已全面支持 Vue.js 2.x。直播主要介绍 iView 2.0 的组件开发实践。主要内容为：升级 2.0 经验分享；部分组件设计思路；Q & A",link:"https://segmentfault.com/l/1500000008614960"}]}},methods:{handleClick:function(t){window.open(this.list[t].link)}},created:function(){window.localStorage.setItem("liveVersion",r.default.liveVersion)}}},933:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("i-article",[i("article",{staticStyle:{"min-height":"500px"}},[i("h1",[t._v("iView 讲堂")]),t._v(" "),i("p",[t._v("iView 讲堂以技术分享为目的，不定期地以直播或录制视频的形式开展。")]),t._v(" "),i("blockquote",[t._v("近期直播：")]),t._v(" "),t._l(t.list,function(e,n){return i("Card",{key:e.title,staticStyle:{"margin-bottom":"10px"}},[i("Row",[i("i-col",{attrs:{span:"6"}},[i("div",{staticClass:"live-cover",style:{backgroundImage:"url("+e.cover+")"}})]),t._v(" "),i("i-col",{attrs:{span:"14"}},[i("div",{staticClass:"live-info"},[i("div",{staticClass:"live-title"},[t._v(t._s(e.title))]),t._v(" "),"finish"!==e.time?i("div",{staticClass:"live-time"},[t._v("开播时间："+t._s(e.time))]):t._e(),t._v(" "),i("div",{staticClass:"live-desc"},[t._v(t._s(e.desc))])])]),t._v(" "),i("i-col",{attrs:{span:"4"}},[i("div",{staticClass:"live-link"},[i("i-button",{attrs:{type:"primary"},on:{click:function(e){t.handleClick(n)}}},[i("div",[i("Icon",{attrs:{type:"android-arrow-dropright-circle",size:"20"}})],1),t._v(" "),"finish"===e.time?i("div",[t._v("查看教程")]):i("div",[t._v("报名参加")])])],1)])],1)],1)})],2)])},a=[];n._withStripped=!0;var o={render:n,staticRenderFns:a};e.default=o}});