Home Explore Help
Sign In
githab
/
nutui
3
0
Fork 0
Files
Tree: 03b29fa6fa
Branches Tags
nutui
/
dist
/
59.js

59.js 5.7 KB
History Raw

12 
  1. /*! NutUI v1.2.2 Tue May 15 2018 17:51:06 GMT+0800 (中国标准时间) */
    2. 

  2. webpackJsonpnutui([59],{1094:function(t,a){t.exports={render:function(){var t=this,a=t.$createElement,n=t._self._c||a;return n("div",[n("nut-demoheader",{attrs:{name:t.$route.name}}),t._v(" "),n("h5",[t._v("示例")]),t._v(" "),n("p",[t._v("默认用法")]),t._v(" "),n("nut-tab",{on:{"tab-switch":t.tabSwitch}},[n("nut-tab-panel",{attrs:{tabTitle:"页签名称1"}},[t._v("11")]),t._v(" "),n("nut-tab-panel",{attrs:{tabTitle:"页签名称2"}},[n("h2",[t._v("22")])]),t._v(" "),n("nut-tab-panel",{attrs:{tabTitle:"页签名称3"}},[t._v("33")]),t._v(" "),n("nut-tab-panel",{attrs:{tabTitle:"页签名称4"}},[t._v("44")])],1),t._v(" "),n("p",[t._v("在第二个标签上增加图标,页签导航条在左侧（支持导航条在上下左右位置）")]),t._v(" "),n("nut-tab",{attrs:{positionNav:"left"},on:{"tab-switch":t.tabSwitch}},[n("nut-tab-panel",{attrs:{tabTitle:"页签1"}},[t._v("11")]),t._v(" "),n("nut-tab-panel",{attrs:{tabTitle:"页签2",iconUrl:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAABzElEQVQ4y7XVPWgVQRQF4O9t4sIzWPhTRAuxSaUIaSJoYSCdfRohGGE3CbERGztNGWxMJeosJGKZws5KJY1NQAJqJ4gQUUFUECW4ErV4Y3wuuy8qOM0s3DPnnjl7752WmlXk6X6cwlmcqIQfYhF3s1C+rp5t1ZBNYAF78AyP8S6G9+IohvAe57NQ3q4lLPK0DyGqeoLLWMlC+aGScDdGMRfJF5FnodyE/i7stUh2HRezUH6ssyMmuFPk6T1cwQy+YnpLYZGnZ7CEm1kop/3FKvL0BqYwmYXyVite4Sm+4HAWyo3KgX1RyTrma+LtaFEbRxKM40A0eKNGxLFoxSUcrLFgAxcix3iCSbzA/YZb9XV99zdgHkSOyQQjWMtC+bkBvBn37/jW8KM+YQ0jSVTwpofvO+Le6qFQ5OhLbL/W4/5ym8QgiVcabAJkoXyk034ns1C+7cE1iM0Eqxgu8nSgDhX7+jQmYonUYQYwjNVEp6APYawh8yjO6bTaUANmLHIsJVjGKywUebqzBrwSk87jeY26Nq5GjuVq64UslFPbGV8h/L31agI9h0MXfpdfw2FrBnTX1axOzc3geJGnc/58fM3+jP+/AVsh/ecn4AfFGqg7vPafMgAAAABJRU5ErkJggg=="}},[n("h2",[t._v("22")])]),t._v(" "),n("nut-tab-panel",{attrs:{tabTitle:"页签3"}},[t._v("33")]),t._v(" "),n("nut-tab-panel",{attrs:{tabTitle:"页签4"}},[t._v("44")])],1),t._v(" "),n("p",[t._v("隐藏tab下面内容，跳转页面")]),t._v(" "),n("nut-tab",{attrs:{contentShow:!1},on:{"tab-switch":t.tabSwitch}},[n("nut-tab-panel",{attrs:{tabTitle:"页签1"}},[t._v("11")]),t._v(" "),n("nut-tab-panel",{attrs:{tabTitle:"页签2",tabLink:"http://www.baidu.com"}},[n("h2",[t._v("22")])]),t._v(" "),n("nut-tab-panel",{attrs:{tabTitle:"页签3",tabLink:"http://www.jd.com"}},[t._v("33")])],1),t._v(" "),n("p",[t._v("给tab页签增加className，可以自定义样式，默认选中第二个标签")]),t._v(" "),n("nut-tab",{staticClass:"customer-css",attrs:{defIndex:1,contentShow:!0},on:{"tab-switch":t.tabSwitch}},[n("nut-tab-panel",{attrs:{tabTitle:"页签1"}},[t._v("11")]),t._v(" "),n("nut-tab-panel",{attrs:{tabTitle:"页签2"}},[n("h2",[t._v("22")])]),t._v(" "),n("nut-tab-panel",{attrs:{tabTitle:"页签3"}},[t._v("33")]),t._v(" "),n("nut-tab-panel",{attrs:{tabTitle:"页签4"}},[t._v("44")])],1)],1)},staticRenderFns:[]}},1187:function(t,a,n){var e=n(995);"string"==typeof e&&(e=[[t.i,e,""]]),e.locals&&(t.exports=e.locals);n(3)("76b77b62",e,!0,{})},821:function(t,a,n){function e(t){n(1187)}var b=n(1)(n(912),n(1094),e,null,null);t.exports=b.exports},912:function(t,a,n){"use strict";Object.defineProperty(a,"__esModule",{value:!0});var e=n(20);!function(t){t&&t.__esModule}(e);a.default={data:function(){return{demo1:'<nut-tab @tabSwitch="tab-switch">\n    <nut-tab-panel tabTitle="页签名称1">11</nut-tab-panel>\n    <nut-tab-panel tabTitle="页签名称2">\n      <h2>22</h2>\n    </nut-tab-panel>\n    <nut-tab-panel tabTitle="页签名称3">33</nut-tab-panel>\n    <nut-tab-panel tabTitle="页签名称4">44</nut-tab-panel>\n</nut-tab>',demo2:'<nut-tab @tabSwitch="tab-switch" positionNav="left">\n    <nut-tab-panel tabTitle="页签1">11</nut-tab-panel>\n    <nut-tab-panel tabTitle="页签2" iconUrl="图片地址">\n      <h2>22</h2>\n    </nut-tab-panel>\n    <nut-tab-panel tabTitle="页签3">33</nut-tab-panel>\n    <nut-tab-panel tabTitle="页签4">44</nut-tab-panel>\n</nut-tab>',demo3:'<nut-tab @tabSwitch="tab-switch" :contentShow="false">\n    <nut-tab-panel tabTitle="页签1">11</nut-tab-panel>\n    <nut-tab-panel tabTitle="页签2" tabLink="http://www.baidu.com">\n      <h2>22</h2>\n    </nut-tab-panel>\n    <nut-tab-panel tabTitle="页签3" tabLink="http://www.jd.com">33</nut-tab-panel>\n</nut-tab>',demo4:'<nut-tab \n:defIndex="1"\nclass="customer-css" \n@tabSwitch="tab-switch"\n:contentShow="true"\n>\n    <nut-tab-panel tabTitle="页签1">11</nut-tab-panel>\n    <nut-tab-panel tabTitle="页签2">\n      <h2>22</h2>\n    </nut-tab-panel>\n    <nut-tab-panel tabTitle="页签3">33</nut-tab-panel>\n    <nut-tab-panel tabTitle="页签4">44</nut-tab-panel>\n</nut-tab>',demo5:".customer-css .nut-tab-active .nut-tab-link[data-v-240d0c90]{\n  border-bottom: 1px solid #0E90D2;\n  background: #F5F7FA;\n}\n.customer-css .nut-title-nav-list[data-v-240d0c90]{\n  background: #fff;\n  border-left: 1px solid #F5F7FA;\n}\n.customer-css .nut-title-nav-list[data-v-240d0c90]:first-child{\n  border-left: 0;\n};\n.customer-css .nut-tab-active[data-v-240d0c90]{\n  background: #F5F7FA;\n  border: 0;\n}\n.customer-css .nut-tab-link[data-v-240d0c90]{\n  width:100%;\n}"}},methods:{tabSwitch:function(t,a){console.log(t+"--"+a.target)}}}},995:function(t,a,n){a=t.exports=n(2)(),a.push([t.i,".customer-css .nut-tab-active .nut-tab-link[data-v-240d0c90]{border-bottom:1px solid #0e90d2;background:#f5f7fa}.customer-css .nut-title-nav-list[data-v-240d0c90]{background:#fff;border-left:1px solid #f5f7fa}.customer-css .nut-title-nav-list[data-v-240d0c90]:first-child{border-left:0}.customer-css .nut-tab-active[data-v-240d0c90]{background:#f5f7fa;border:0}.customer-css .nut-tab-link[data-v-240d0c90]{width:100%}",""])}});
    3.