From 39b5472f6aa77604370a1ed4b68cb69185560b20 Mon Sep 17 00:00:00 2001 From: cookfront Date: Mon, 27 Feb 2017 21:39:48 +0800 Subject: [PATCH] build docs --- build/webpack.config.js | 4 +- docs/build/0.js | 5148 ++++++++++ docs/build/0.js.map | 1 + docs/build/1.js | 199 + docs/build/1.js.map | 1 + docs/build/zanui-docs.js | 15419 +++++++++++++++++++++++++++++ docs/build/zanui-docs.js.map | 1 + docs/build/zanui-examples.js | 15148 ++++++++++++++++++++++++++++ docs/build/zanui-examples.js.map | 1 + 9 files changed, 35920 insertions(+), 2 deletions(-) create mode 100644 docs/build/0.js create mode 100644 docs/build/0.js.map create mode 100644 docs/build/1.js create mode 100644 docs/build/1.js.map create mode 100644 docs/build/zanui-docs.js create mode 100644 docs/build/zanui-docs.js.map create mode 100644 docs/build/zanui-examples.js create mode 100644 docs/build/zanui-examples.js.map diff --git a/build/webpack.config.js b/build/webpack.config.js index 611929d99..7622a581e 100644 --- a/build/webpack.config.js +++ b/build/webpack.config.js @@ -28,8 +28,8 @@ module.exports = { 'zanui-examples': './docs/examples.js' }, output: { - path: './docs/build', - publicPath: 'docs/build', + path: './docs/build/', + publicPath: 'docs/build/', filename: '[name].js' }, resolve: { diff --git a/docs/build/0.js b/docs/build/0.js new file mode 100644 index 000000000..ce4f29238 --- /dev/null +++ b/docs/build/0.js @@ -0,0 +1,5148 @@ +webpackJsonp([0],Array(155).concat([ +/* 155 */ +/***/ (function(module, exports, __webpack_require__) { + +var map = { + "./examples/button.vue": 201, + "./examples/card.vue": 202, + "./examples/cell.vue": 203, + "./examples/dialog.vue": 204, + "./examples/field.vue": 205, + "./examples/panel.vue": 206, + "./examples/picker.vue": 207, + "./examples/popup.vue": 208, + "./examples/switch.vue": 209, + "./examples/waterfall.vue": 210 +}; +function webpackContext(req) { + return __webpack_require__(webpackContextResolve(req)); +}; +function webpackContextResolve(req) { + var id = map[req]; + if(!(id + 1)) // check for number + throw new Error("Cannot find module '" + req + "'."); + return id; +}; +webpackContext.keys = function webpackContextKeys() { + return Object.keys(map); +}; +webpackContext.resolve = webpackContextResolve; +module.exports = webpackContext; +webpackContext.id = 155; + + +/***/ }), +/* 156 */ +/***/ (function(module, exports, __webpack_require__) { + +var map = { + "./examples-docs/button.md": 259, + "./examples-docs/card.md": 260, + "./examples-docs/cell.md": 261, + "./examples-docs/checkbox.md": 262, + "./examples-docs/dialog.md": 263, + "./examples-docs/field.md": 264, + "./examples-docs/panel.md": 265, + "./examples-docs/picker.md": 266, + "./examples-docs/popup.md": 267, + "./examples-docs/radio.md": 268, + "./examples-docs/steps.md": 269, + "./examples-docs/switch.md": 270, + "./examples-docs/waterfall.md": 271 +}; +function webpackContext(req) { + return __webpack_require__(webpackContextResolve(req)); +}; +function webpackContextResolve(req) { + var id = map[req]; + if(!(id + 1)) // check for number + throw new Error("Cannot find module '" + req + "'."); + return id; +}; +webpackContext.keys = function webpackContextKeys() { + return Object.keys(map); +}; +webpackContext.resolve = webpackContextResolve; +module.exports = webpackContext; +webpackContext.id = 156; + + +/***/ }), +/* 157 */, +/* 158 */, +/* 159 */, +/* 160 */, +/* 161 */, +/* 162 */, +/* 163 */, +/* 164 */, +/* 165 */, +/* 166 */, +/* 167 */, +/* 168 */, +/* 169 */, +/* 170 */, +/* 171 */, +/* 172 */, +/* 173 */, +/* 174 */, +/* 175 */, +/* 176 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +Object.defineProperty(exports, "__esModule", { + value: true +}); +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// + +exports.default = { + methods: { + handleClick: function handleClick() { + console.log('cell click'); + } + } +}; + +/***/ }), +/* 177 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +Object.defineProperty(exports, "__esModule", { + value: true +}); + +var _index = __webpack_require__(26); + +exports.default = { + methods: { + handleAlertClick: function handleAlertClick() { + _index.Dialog.alert({ + title: 'alert标题', + message: '弹窗提示文字，左右始终距离边20PX，上下距离20PX，文字左对齐。弹窗提示文字，左右始终距离边20PX，上下距离20PX，文字左对齐。' + }).then(function (action) { + console.log(action); + }); + }, + handleConfirmClick: function handleConfirmClick() { + _index.Dialog.confirm({ + title: 'confirm标题', + message: '弹窗提示文字，左右始终距离边20PX，上下距离20PX，文字左对齐。弹窗提示文字，左右始终距离边20PX，上下距离20PX，文字左对齐。' + }).then(function (action) { + console.log(action); + }, function (error) { + console.log(error); + }); + } + } +}; // +// +// +// +// +// +// +// +// +// +// +// +// +// +// + +/***/ }), +/* 178 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +Object.defineProperty(exports, "__esModule", { + value: true +}); +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// + +exports.default = { + data: function data() { + return { + name: '' + }; + }, + + + methods: { + handleChange: function handleChange() { + console.log(this.name); + } + } +}; + +/***/ }), +/* 179 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +Object.defineProperty(exports, "__esModule", { + value: true +}); + +var _keys = __webpack_require__(186); + +var _keys2 = _interopRequireDefault(_keys); + +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + +// +// +// +// +// +// +// +// +// + +var citys = { + '浙江': ['杭州', '宁波', '温州', '嘉兴', '湖州', '绍兴', '金华', '衢州', '舟山', '台州', '丽水'], + '福建': ['福州', '厦门', '莆田', '三明', '泉州', '漳州', '南平', '龙岩', '宁德'], + '湖南': ['长沙', '株洲', '湘潭', '衡阳', '邵阳', '岳阳', '常德', '张家界', '益阳', '郴州', '永州', '怀化', '娄底', '湘西土家族苗族自治州'] +}; + +exports.default = { + data: function data() { + return { + pickerColumns: [{ + values: (0, _keys2.default)(citys), + className: 'column1' + }, { + values: ['杭州', '宁波', '温州', '嘉兴', '湖州', '绍兴', '金华', '衢州', '舟山', '台州', '丽水'], + className: 'column2' + }] + }; + }, + + + methods: { + handlePickerChange: function handlePickerChange(picker, values) { + picker.setColumnValues(1, citys[values[0]]); + } + } +}; + +/***/ }), +/* 180 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +Object.defineProperty(exports, "__esModule", { + value: true +}); +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// + +exports.default = { + data: function data() { + return { + popupShow1: false, + popupShow2: false, + popupShow3: false, + popupShow4: false + }; + }, + + + watch: { + popupShow2: function popupShow2(val) { + var _this = this; + + if (val) { + setTimeout(function () { + _this.popupShow2 = false; + }, 2000); + } + } + } +}; + +/***/ }), +/* 181 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +Object.defineProperty(exports, "__esModule", { + value: true +}); +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// + +exports.default = { + data: function data() { + return { + switchState: true + }; + }, + + computed: { + switchStateText: function switchStateText() { + return this.switchState ? 'ON' : 'OFF'; + } + }, + methods: { + updateState: function updateState(newState) { + this.switchState = newState; + } + } +}; + +/***/ }), +/* 182 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +Object.defineProperty(exports, "__esModule", { + value: true +}); +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// + +exports.default = { + data: function data() { + return { + list: [1, 2, 3, 4, 5], + loading: false, + finished: false + }; + }, + + methods: { + loadMore: function loadMore() { + var _this = this; + + if (this.list.length >= 200) { + this.finished = true; + return; + } + + this.loading = true; + setTimeout(function () { + var lastNumber = _this.list[_this.list.length - 1]; + for (var i = 0; i < 5; i++) { + lastNumber += 1; + _this.list.push(lastNumber); + } + _this.loading = false; + }, 2500); + }, + loadMoreUpper: function loadMoreUpper() { + if (this.list[0] < 0) return; + this.list.unshift(-1); + } + }, + computed: { + isWaterfallDisabled: function isWaterfallDisabled() { + return this.loading || this.finished; + } + } +}; + +/***/ }), +/* 183 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +Object.defineProperty(exports, "__esModule", { + value: true +}); +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// + +exports.default = { + methods: { + handleClick: function handleClick() { + console.log('cell click'); + } + } +}; + +/***/ }), +/* 184 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +Object.defineProperty(exports, "__esModule", { + value: true +}); + +var _index = __webpack_require__(26); + +exports.default = { + methods: { + handleAlertClick: function handleAlertClick() { + _index.Dialog.alert({ + title: 'alert标题', + message: '弹窗提示文字，左右始终距离边20PX，上下距离20PX，文字左对齐。弹窗提示文字，左右始终距离边20PX，上下距离20PX，文字左对齐。' + }).then(function (action) { + console.log(action); + }); + }, + handleConfirmClick: function handleConfirmClick() { + _index.Dialog.confirm({ + title: 'confirm标题', + message: '弹窗提示文字，左右始终距离边20PX，上下距离20PX，文字左对齐。弹窗提示文字，左右始终距离边20PX，上下距离20PX，文字左对齐。' + }).then(function (action) { + console.log(action); + }, function (error) { + console.log(error); + }); + } + } +}; // +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// + +/***/ }), +/* 185 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; + + +Object.defineProperty(exports, "__esModule", { + value: true +}); +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// + +exports.default = { + data: function data() { + return { + radio: '1' + }; + } +}; + +/***/ }), +/* 186 */ +/***/ (function(module, exports, __webpack_require__) { + +module.exports = { "default": __webpack_require__(187), __esModule: true }; + +/***/ }), +/* 187 */ +/***/ (function(module, exports, __webpack_require__) { + +__webpack_require__(189); +module.exports = __webpack_require__(6).Object.keys; + +/***/ }), +/* 188 */ +/***/ (function(module, exports, __webpack_require__) { + +// most Object methods by ES6 should accept primitives +var $export = __webpack_require__(23) + , core = __webpack_require__(6) + , fails = __webpack_require__(24); +module.exports = function(KEY, exec){ + var fn = (core.Object || {})[KEY] || Object[KEY] + , exp = {}; + exp[KEY] = exec(fn); + $export($export.S + $export.F * fails(function(){ fn(1); }), 'Object', exp); +}; + +/***/ }), +/* 189 */ +/***/ (function(module, exports, __webpack_require__) { + +// 19.1.2.14 Object.keys(O) +var toObject = __webpack_require__(46) + , $keys = __webpack_require__(45); + +__webpack_require__(188)('keys', function(){ + return function keys(it){ + return $keys(toObject(it)); + }; +}); + +/***/ }), +/* 190 */ +/***/ (function(module, exports, __webpack_require__) { + +exports = module.exports = __webpack_require__(14)(); +// imports + + +// module +exports.push([module.i, ".page-sub-title{padding:15px}", ""]); + +// exports + + +/***/ }), +/* 191 */, +/* 192 */ +/***/ (function(module, exports, __webpack_require__) { + +exports = module.exports = __webpack_require__(14)(); +// imports + + +// module +exports.push([module.i, ".page-sub-title{padding:20px 15px}", ""]); + +// exports + + +/***/ }), +/* 193 */ +/***/ (function(module, exports, __webpack_require__) { + +exports = module.exports = __webpack_require__(14)(); +// imports + + +// module +exports.push([module.i, ".official-img{width:31px;vertical-align:middle;border:0}", ""]); + +// exports + + +/***/ }), +/* 194 */ +/***/ (function(module, exports, __webpack_require__) { + +exports = module.exports = __webpack_require__(14)(); +// imports + + +// module +exports.push([module.i, ".page-dialog{padding:0 15px}.page-dialog .z-button-1{margin-bottom:10px}", ""]); + +// exports + + +/***/ }), +/* 195 */ +/***/ (function(module, exports, __webpack_require__) { + +exports = module.exports = __webpack_require__(14)(); +// imports + + +// module +exports.push([module.i, ".official-img{width:31px;vertical-align:middle;border:0}.page-sub-title{padding:25px 15px}", ""]); + +// exports + + +/***/ }), +/* 196 */ +/***/ (function(module, exports, __webpack_require__) { + +exports = module.exports = __webpack_require__(14)(); +// imports + + +// module +exports.push([module.i, ".z-popup-1{width:100%;height:200px}.z-popup-2{width:100%;line-height:44px;background-color:rgba(0,0,0,.701961);text-align:center;color:#fff}.z-popup-3{width:100%;height:100%;background-color:#fff}.z-popup-4{width:50%;height:200px;background:#fff;border-radius:10px}.page-popup .z-button-1{margin-bottom:10px}.page-sub-title{padding:20px 15px}", ""]); + +// exports + + +/***/ }), +/* 197 */ +/***/ (function(module, exports, __webpack_require__) { + +exports = module.exports = __webpack_require__(14)(); +// imports + + +// module +exports.push([module.i, ".waterfall{height:300px;overflow:scroll}.waterfall-item{line-height:20px;padding:5px 0}.page-sub-title{padding:15px}", ""]); + +// exports + + +/***/ }), +/* 198 */ +/***/ (function(module, exports, __webpack_require__) { + +exports = module.exports = __webpack_require__(14)(); +// imports + + +// module +exports.push([module.i, ".page-button{padding:0 20px}.z-button-group .z-button-1{margin-bottom:10px}", ""]); + +// exports + + +/***/ }), +/* 199 */ +/***/ (function(module, exports, __webpack_require__) { + +exports = module.exports = __webpack_require__(14)(); +// imports + + +// module +exports.push([module.i, ".z-panel-sum{background:#fff;text-align:right;font-size:14px;color:#333;line-height:30px;padding-right:15px}.z-panel-sum span{color:red}.z-panel-buttons{text-align:right}.z-panel-buttons .z-button{margin-left:5px}", ""]); + +// exports + + +/***/ }), +/* 200 */ +/***/ (function(module, exports, __webpack_require__) { + +exports = module.exports = __webpack_require__(14)(); +// imports + + +// module +exports.push([module.i, ".page-switch{padding:0 15px 15px}.page-switch__wrapper{width:33.33%;float:left;text-align:center}.page-switch__text{margin:20px 0}", ""]); + +// exports + + +/***/ }), +/* 201 */ +/***/ (function(module, exports, __webpack_require__) { + + +/* styles */ +__webpack_require__(256) + +var Component = __webpack_require__(0)( + /* script */ + null, + /* template */ + __webpack_require__(242), + /* scopeId */ + null, + /* cssModules */ + null +) + +module.exports = Component.exports + + +/***/ }), +/* 202 */ +/***/ (function(module, exports, __webpack_require__) { + + +/* styles */ +__webpack_require__(248) + +var Component = __webpack_require__(0)( + /* script */ + null, + /* template */ + __webpack_require__(224), + /* scopeId */ + null, + /* cssModules */ + null +) + +module.exports = Component.exports + + +/***/ }), +/* 203 */ +/***/ (function(module, exports, __webpack_require__) { + + +/* styles */ +__webpack_require__(253) + +var Component = __webpack_require__(0)( + /* script */ + __webpack_require__(176), + /* template */ + __webpack_require__(237), + /* scopeId */ + null, + /* cssModules */ + null +) + +module.exports = Component.exports + + +/***/ }), +/* 204 */ +/***/ (function(module, exports, __webpack_require__) { + + +/* styles */ +__webpack_require__(252) + +var Component = __webpack_require__(0)( + /* script */ + __webpack_require__(177), + /* template */ + __webpack_require__(235), + /* scopeId */ + null, + /* cssModules */ + null +) + +module.exports = Component.exports + + +/***/ }), +/* 205 */ +/***/ (function(module, exports, __webpack_require__) { + + +/* styles */ +__webpack_require__(250) + +var Component = __webpack_require__(0)( + /* script */ + __webpack_require__(178), + /* template */ + __webpack_require__(231), + /* scopeId */ + null, + /* cssModules */ + null +) + +module.exports = Component.exports + + +/***/ }), +/* 206 */ +/***/ (function(module, exports, __webpack_require__) { + + +/* styles */ +__webpack_require__(257) + +var Component = __webpack_require__(0)( + /* script */ + null, + /* template */ + __webpack_require__(246), + /* scopeId */ + null, + /* cssModules */ + null +) + +module.exports = Component.exports + + +/***/ }), +/* 207 */ +/***/ (function(module, exports, __webpack_require__) { + +var Component = __webpack_require__(0)( + /* script */ + __webpack_require__(179), + /* template */ + __webpack_require__(234), + /* scopeId */ + null, + /* cssModules */ + null +) + +module.exports = Component.exports + + +/***/ }), +/* 208 */ +/***/ (function(module, exports, __webpack_require__) { + + +/* styles */ +__webpack_require__(254) + +var Component = __webpack_require__(0)( + /* script */ + __webpack_require__(180), + /* template */ + __webpack_require__(238), + /* scopeId */ + null, + /* cssModules */ + null +) + +module.exports = Component.exports + + +/***/ }), +/* 209 */ +/***/ (function(module, exports, __webpack_require__) { + + +/* styles */ +__webpack_require__(258) + +var Component = __webpack_require__(0)( + /* script */ + __webpack_require__(181), + /* template */ + __webpack_require__(247), + /* scopeId */ + null, + /* cssModules */ + null +) + +module.exports = Component.exports + + +/***/ }), +/* 210 */ +/***/ (function(module, exports, __webpack_require__) { + + +/* styles */ +__webpack_require__(255) + +var Component = __webpack_require__(0)( + /* script */ + __webpack_require__(182), + /* template */ + __webpack_require__(239), + /* scopeId */ + null, + /* cssModules */ + null +) + +module.exports = Component.exports + + +/***/ }), +/* 211 */ +/***/ (function(module, exports, __webpack_require__) { + +var Component = __webpack_require__(0)( + /* script */ + null, + /* template */ + __webpack_require__(230), + /* scopeId */ + null, + /* cssModules */ + null +) + +module.exports = Component.exports + + +/***/ }), +/* 212 */ +/***/ (function(module, exports, __webpack_require__) { + +var Component = __webpack_require__(0)( + /* script */ + null, + /* template */ + __webpack_require__(232), + /* scopeId */ + null, + /* cssModules */ + null +) + +module.exports = Component.exports + + +/***/ }), +/* 213 */ +/***/ (function(module, exports, __webpack_require__) { + + +/* styles */ +__webpack_require__(251) + +var Component = __webpack_require__(0)( + /* script */ + __webpack_require__(183), + /* template */ + __webpack_require__(233), + /* scopeId */ + null, + /* cssModules */ + null +) + +module.exports = Component.exports + + +/***/ }), +/* 214 */ +/***/ (function(module, exports, __webpack_require__) { + +var Component = __webpack_require__(0)( + /* script */ + null, + /* template */ + __webpack_require__(241), + /* scopeId */ + null, + /* cssModules */ + null +) + +module.exports = Component.exports + + +/***/ }), +/* 215 */ +/***/ (function(module, exports, __webpack_require__) { + +var Component = __webpack_require__(0)( + /* script */ + __webpack_require__(184), + /* template */ + __webpack_require__(240), + /* scopeId */ + null, + /* cssModules */ + null +) + +module.exports = Component.exports + + +/***/ }), +/* 216 */ +/***/ (function(module, exports, __webpack_require__) { + +var Component = __webpack_require__(0)( + /* script */ + null, + /* template */ + __webpack_require__(229), + /* scopeId */ + null, + /* cssModules */ + null +) + +module.exports = Component.exports + + +/***/ }), +/* 217 */ +/***/ (function(module, exports, __webpack_require__) { + +var Component = __webpack_require__(0)( + /* script */ + null, + /* template */ + __webpack_require__(228), + /* scopeId */ + null, + /* cssModules */ + null +) + +module.exports = Component.exports + + +/***/ }), +/* 218 */ +/***/ (function(module, exports, __webpack_require__) { + +var Component = __webpack_require__(0)( + /* script */ + null, + /* template */ + __webpack_require__(244), + /* scopeId */ + null, + /* cssModules */ + null +) + +module.exports = Component.exports + + +/***/ }), +/* 219 */ +/***/ (function(module, exports, __webpack_require__) { + +var Component = __webpack_require__(0)( + /* script */ + null, + /* template */ + __webpack_require__(245), + /* scopeId */ + null, + /* cssModules */ + null +) + +module.exports = Component.exports + + +/***/ }), +/* 220 */ +/***/ (function(module, exports, __webpack_require__) { + +var Component = __webpack_require__(0)( + /* script */ + __webpack_require__(185), + /* template */ + __webpack_require__(243), + /* scopeId */ + null, + /* cssModules */ + null +) + +module.exports = Component.exports + + +/***/ }), +/* 221 */ +/***/ (function(module, exports, __webpack_require__) { + +var Component = __webpack_require__(0)( + /* script */ + null, + /* template */ + __webpack_require__(236), + /* scopeId */ + null, + /* cssModules */ + null +) + +module.exports = Component.exports + + +/***/ }), +/* 222 */ +/***/ (function(module, exports, __webpack_require__) { + +var Component = __webpack_require__(0)( + /* script */ + null, + /* template */ + __webpack_require__(225), + /* scopeId */ + null, + /* cssModules */ + null +) + +module.exports = Component.exports + + +/***/ }), +/* 223 */ +/***/ (function(module, exports, __webpack_require__) { + +var Component = __webpack_require__(0)( + /* script */ + null, + /* template */ + __webpack_require__(227), + /* scopeId */ + null, + /* cssModules */ + null +) + +module.exports = Component.exports + + +/***/ }), +/* 224 */ +/***/ (function(module, exports) { + +module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h; + return _c('div', { + staticClass: "page-card" + }, [_c('h1', { + staticClass: "page-title" + }, [_vm._v("Card")]), _vm._v(" "), _c('h2', { + staticClass: "page-sub-title" + }, [_vm._v("基础用法")]), _vm._v(" "), _c('z-card', { + attrs: { + "title": "商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余", + "desc": "描述", + "thumb": "https://img.yzcdn.cn/upload_files/2017/02/17/FnDwvwHmU-OiqsbjAO5X7wh1KWrR.jpg!100x100.jpg" + } + }), _vm._v(" "), _c('h2', { + staticClass: "page-sub-title" + }, [_vm._v("高级用法")]), _vm._v(" "), _c('z-card', { + attrs: { + "title": "商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余", + "desc": "商品SKU1，商品SKU2", + "thumb": "https://img.yzcdn.cn/upload_files/2017/02/17/FnDwvwHmU-OiqsbjAO5X7wh1KWrR.jpg!100x100.jpg" + } + }, [_c('div', { + staticClass: "z-card__row", + slot: "title" + }, [_c('h4', { + staticClass: "z-card__title" + }, [_vm._v("商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余")]), _vm._v(" "), _c('span', { + staticClass: "z-card__price" + }, [_vm._v("¥ 2.00")])]), _vm._v(" "), _c('div', { + staticClass: "z-card__row", + slot: "desc" + }, [_c('h4', { + staticClass: "z-card__desc" + }, [_vm._v("商品sku")]), _vm._v(" "), _c('span', { + staticClass: "z-card__num" + }, [_vm._v("x 2")])]), _vm._v(" "), _c('div', { + staticClass: "z-card__footer", + slot: "footer" + }, [_c('z-button', { + attrs: { + "size": "mini" + } + }, [_vm._v("按钮一")]), _vm._v(" "), _c('z-button', { + attrs: { + "size": "mini" + } + }, [_vm._v("按钮二")])], 1)])], 1) +},staticRenderFns: []} + +/***/ }), +/* 225 */ +/***/ (function(module, exports) { + +module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h; + return _vm._m(0) +},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h; + return _c('section', [_c('h2', { + attrs: { + "id": "switch-zu-jian" + } + }, [_c('a', { + staticClass: "header-anchor", + attrs: { + "href": "#switch-zu-jian", + "aria-hidden": "true" + } + }, [_vm._v("¶")]), _vm._v(" Switch组件")]), _vm._v(" "), _c('h3', { + attrs: { + "id": "ji-chu-yong-fa" + } + }, [_c('a', { + staticClass: "header-anchor", + attrs: { + "href": "#ji-chu-yong-fa", + "aria-hidden": "true" + } + }, [_vm._v("¶")]), _vm._v(" 基础用法")]), _vm._v(" "), _c('pre', [_c('code', { + staticClass: "hljs language-html" + }, [_c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("div")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("class")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"page-switch\"")]), _vm._v(">")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("div")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("class")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"page-switch__wrapper\"")]), _vm._v(">")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("o2-switch")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("class")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"some-customized-class\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v(":checked")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"switchState\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v(":on-change")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"updateState\"")]), _vm._v(">")]), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("div")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("class")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"page-switch__text\"")]), _vm._v(">")]), _c('span', [_vm._v("{{")]), _vm._v("switchStateText"), _c('span', [_vm._v("}}")]), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("div")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("class")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"page-switch__wrapper\"")]), _vm._v(">")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("o2-switch")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("class")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"some-customized-class\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v(":checked")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"true\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v(":disabled")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"true\"")]), _vm._v(">")]), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("div")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("class")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"page-switch__text\"")]), _vm._v(">")]), _vm._v("ON, DISABLED"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("div")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("class")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"page-switch__wrapper\"")]), _vm._v(">")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("o2-switch")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("class")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"some-customized-class\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v(":checked")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"false\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v(":disabled")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"true\"")]), _vm._v(">")]), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("div")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("class")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"page-switch__text\"")]), _vm._v(">")]), _vm._v("OFF, DISABLED"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n\n"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("script")]), _vm._v(">")]), _c('span', { + staticClass: "javascript" + }, [_vm._v("\n"), _c('span', { + staticClass: "hljs-keyword" + }, [_vm._v("export")]), _vm._v(" "), _c('span', { + staticClass: "hljs-keyword" + }, [_vm._v("default")]), _vm._v(" {\n data() {\n "), _c('span', { + staticClass: "hljs-keyword" + }, [_vm._v("return")]), _vm._v(" {\n "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("switchState")]), _vm._v(": "), _c('span', { + staticClass: "hljs-literal" + }, [_vm._v("true")]), _vm._v("\n };\n },\n "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("computed")]), _vm._v(": {\n switchStateText() {\n "), _c('span', { + staticClass: "hljs-keyword" + }, [_vm._v("return")]), _vm._v(" "), _c('span', { + staticClass: "hljs-keyword" + }, [_vm._v("this")]), _vm._v(".switchState ? "), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("' ON'")]), _vm._v(" : "), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("'OFF'")]), _vm._v(";\n }\n },\n "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("methods")]), _vm._v(": {\n updateState(newState) {\n "), _c('span', { + staticClass: "hljs-keyword" + }, [_vm._v("this")]), _vm._v(".switchState = newState;\n }\n }\n}; \n")]), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n")])]), _vm._v(" "), _c('h3', { + attrs: { + "id": "api" + } + }, [_c('a', { + staticClass: "header-anchor", + attrs: { + "href": "#api", + "aria-hidden": "true" + } + }, [_vm._v("¶")]), _vm._v(" API")]), _vm._v(" "), _c('table', { + staticClass: "table" + }, [_c('thead', [_c('tr', [_c('th', [_vm._v("参数")]), _vm._v(" "), _c('th', [_vm._v("说明")]), _vm._v(" "), _c('th', [_vm._v("类型")]), _vm._v(" "), _c('th', [_vm._v("默认值")]), _vm._v(" "), _c('th', [_vm._v("可选值")])])]), _vm._v(" "), _c('tbody', [_c('tr', [_c('td', [_vm._v("checked")]), _vm._v(" "), _c('td', [_vm._v("开关状态")]), _vm._v(" "), _c('td', [_vm._v("boolean")]), _vm._v(" "), _c('td', [_vm._v("false")]), _vm._v(" "), _c('td', [_vm._v("true, false")])]), _vm._v(" "), _c('tr', [_c('td', [_vm._v("loading")]), _vm._v(" "), _c('td', [_vm._v("loading状态")]), _vm._v(" "), _c('td', [_vm._v("boolean")]), _vm._v(" "), _c('td', [_vm._v("false")]), _vm._v(" "), _c('td', [_vm._v("true, false")])]), _vm._v(" "), _c('tr', [_c('td', [_vm._v("disabled")]), _vm._v(" "), _c('td', [_vm._v("禁用状态")]), _vm._v(" "), _c('td', [_vm._v("boolean")]), _vm._v(" "), _c('td', [_vm._v("false")]), _vm._v(" "), _c('td', [_vm._v("true, false")])]), _vm._v(" "), _c('tr', [_c('td', [_vm._v("onChange")]), _vm._v(" "), _c('td', [_vm._v("回调")]), _vm._v(" "), _c('td', [_vm._v("function")]), _vm._v(" "), _c('td', [_vm._v("function（）{}")]), _vm._v(" "), _c('td', [_vm._v("-")])])])])]) +}]} + +/***/ }), +/* 226 */, +/* 227 */ +/***/ (function(module, exports) { + +module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h; + return _vm._m(0) +},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h; + return _c('section', [_c('h2', { + attrs: { + "id": "waterfall-pu-bu-liu" + } + }, [_c('a', { + staticClass: "header-anchor", + attrs: { + "href": "#waterfall-pu-bu-liu", + "aria-hidden": "true" + } + }, [_vm._v("¶")]), _vm._v(" Waterfall 瀑布流")]), _vm._v(" "), _c('h3', { + attrs: { + "id": "ji-chu-yong-fa" + } + }, [_c('a', { + staticClass: "header-anchor", + attrs: { + "href": "#ji-chu-yong-fa", + "aria-hidden": "true" + } + }, [_vm._v("¶")]), _vm._v(" 基础用法")]), _vm._v(" "), _c('pre', [_c('code', { + staticClass: "hljs language-html" + }, [_c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("div")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("class")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"waterfall\"")]), _vm._v(">")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("div")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("v-waterfall-lower")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"loadMore\"")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("v-waterfall-upper")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"loadMoreUpper\"")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("waterfall-disabled")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"isWaterfallDisabled\"")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("waterfall-offset")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"400\"")]), _vm._v("\n >")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("div")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("class")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"waterfall-item\"")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("v-for")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"item in list\"")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("style")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"text-align: center;\"")]), _vm._v("\n >")]), _vm._v("\n "), _c('span', [_vm._v("{{")]), _vm._v(" item "), _c('span', [_vm._v("}}")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("div")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("v-if")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"loading\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("style")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"text-align: center;\"")]), _vm._v(">")]), _vm._v("\n loading\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n\n"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("script")]), _vm._v(">")]), _c('span', { + staticClass: "javascript" + }, [_vm._v("\n"), _c('span', { + staticClass: "hljs-keyword" + }, [_vm._v("export")]), _vm._v(" "), _c('span', { + staticClass: "hljs-keyword" + }, [_vm._v("default")]), _vm._v(" {\n data() {\n "), _c('span', { + staticClass: "hljs-keyword" + }, [_vm._v("return")]), _vm._v(" {\n "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("list")]), _vm._v(": ["), _c('span', { + staticClass: "hljs-number" + }, [_vm._v("1")]), _vm._v(", "), _c('span', { + staticClass: "hljs-number" + }, [_vm._v("2")]), _vm._v(", "), _c('span', { + staticClass: "hljs-number" + }, [_vm._v("3")]), _vm._v(", "), _c('span', { + staticClass: "hljs-number" + }, [_vm._v("4")]), _vm._v(", "), _c('span', { + staticClass: "hljs-number" + }, [_vm._v("5")]), _vm._v("],\n "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("loading")]), _vm._v(": "), _c('span', { + staticClass: "hljs-literal" + }, [_vm._v("false")]), _vm._v(",\n "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("finished")]), _vm._v(": "), _c('span', { + staticClass: "hljs-literal" + }, [_vm._v("false")]), _vm._v("\n };\n },\n "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("methods")]), _vm._v(": {\n loadMore() {\n "), _c('span', { + staticClass: "hljs-keyword" + }, [_vm._v("if")]), _vm._v(" ("), _c('span', { + staticClass: "hljs-keyword" + }, [_vm._v("this")]), _vm._v(".list.length >= "), _c('span', { + staticClass: "hljs-number" + }, [_vm._v("200")]), _vm._v(") {\n "), _c('span', { + staticClass: "hljs-keyword" + }, [_vm._v("this")]), _vm._v(".finished = "), _c('span', { + staticClass: "hljs-literal" + }, [_vm._v("true")]), _vm._v(";\n "), _c('span', { + staticClass: "hljs-keyword" + }, [_vm._v("return")]), _vm._v(";\n }\n\n "), _c('span', { + staticClass: "hljs-keyword" + }, [_vm._v("this")]), _vm._v(".loading = "), _c('span', { + staticClass: "hljs-literal" + }, [_vm._v("true")]), _vm._v(";\n setTimeout("), _c('span', { + staticClass: "hljs-function" + }, [_c('span', { + staticClass: "hljs-params" + }, [_vm._v("()")]), _vm._v(" =>")]), _vm._v(" {\n "), _c('span', { + staticClass: "hljs-keyword" + }, [_vm._v("let")]), _vm._v(" lastNumber = "), _c('span', { + staticClass: "hljs-keyword" + }, [_vm._v("this")]), _vm._v(".list["), _c('span', { + staticClass: "hljs-keyword" + }, [_vm._v("this")]), _vm._v(".list.length - "), _c('span', { + staticClass: "hljs-number" + }, [_vm._v("1")]), _vm._v("];\n "), _c('span', { + staticClass: "hljs-keyword" + }, [_vm._v("for")]), _vm._v(" ("), _c('span', { + staticClass: "hljs-keyword" + }, [_vm._v("let")]), _vm._v(" i = "), _c('span', { + staticClass: "hljs-number" + }, [_vm._v("0")]), _vm._v("; i < "), _c('span', { + staticClass: "hljs-number" + }, [_vm._v("5")]), _vm._v("; i ++) {\n lastNumber += "), _c('span', { + staticClass: "hljs-number" + }, [_vm._v("1")]), _vm._v(";\n "), _c('span', { + staticClass: "hljs-keyword" + }, [_vm._v("this")]), _vm._v(".list.push(lastNumber);\n }\n "), _c('span', { + staticClass: "hljs-keyword" + }, [_vm._v("this")]), _vm._v(".loading = "), _c('span', { + staticClass: "hljs-literal" + }, [_vm._v("false")]), _vm._v(";\n }, "), _c('span', { + staticClass: "hljs-number" + }, [_vm._v("2500")]), _vm._v(");\n },\n loadMoreUpper() {\n "), _c('span', { + staticClass: "hljs-keyword" + }, [_vm._v("if")]), _vm._v(" ("), _c('span', { + staticClass: "hljs-keyword" + }, [_vm._v("this")]), _vm._v(".list["), _c('span', { + staticClass: "hljs-number" + }, [_vm._v("0")]), _vm._v("] < "), _c('span', { + staticClass: "hljs-number" + }, [_vm._v("0")]), _vm._v(") "), _c('span', { + staticClass: "hljs-keyword" + }, [_vm._v("return")]), _vm._v(";\n "), _c('span', { + staticClass: "hljs-keyword" + }, [_vm._v("this")]), _vm._v(".list.unshift("), _c('span', { + staticClass: "hljs-number" + }, [_vm._v("-1")]), _vm._v(");\n }\n },\n "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("computed")]), _vm._v(": {\n "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("isWaterfallDisabled")]), _vm._v(": "), _c('span', { + staticClass: "hljs-function" + }, [_c('span', { + staticClass: "hljs-keyword" + }, [_vm._v("function")]), _vm._v("("), _c('span', { + staticClass: "hljs-params" + }), _vm._v(") ")]), _vm._v("{\n "), _c('span', { + staticClass: "hljs-keyword" + }, [_vm._v("return")]), _vm._v(" "), _c('span', { + staticClass: "hljs-keyword" + }, [_vm._v("this")]), _vm._v(".loading || "), _c('span', { + staticClass: "hljs-keyword" + }, [_vm._v("this")]), _vm._v(".finished;\n }\n }\n};\n")]), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n")])]), _vm._v(" "), _c('h3', { + attrs: { + "id": "api" + } + }, [_c('a', { + staticClass: "header-anchor", + attrs: { + "href": "#api", + "aria-hidden": "true" + } + }, [_vm._v("¶")]), _vm._v(" API")]), _vm._v(" "), _c('table', { + staticClass: "table" + }, [_c('thead', [_c('tr', [_c('th', [_vm._v("参数")]), _vm._v(" "), _c('th', [_vm._v("说明")]), _vm._v(" "), _c('th', [_vm._v("类型")]), _vm._v(" "), _c('th', [_vm._v("默认值")]), _vm._v(" "), _c('th', [_vm._v("可选值")])])]), _vm._v(" "), _c('tbody', [_c('tr', [_c('td', [_vm._v("waterfall-disabled")]), _vm._v(" "), _c('td', [_vm._v("是否禁止瀑布流触发")]), _vm._v(" "), _c('td', [_vm._v("Boolean")]), _vm._v(" "), _c('td', [_vm._v("false")]), _vm._v(" "), _c('td')]), _vm._v(" "), _c('tr', [_c('td', [_vm._v("waterfall-offset")]), _vm._v(" "), _c('td', [_vm._v("触发瀑布流加载的阈值")]), _vm._v(" "), _c('td', [_vm._v("Number")]), _vm._v(" "), _c('td', [_vm._v("300")]), _vm._v(" "), _c('td')])])])]) +}]} + +/***/ }), +/* 228 */ +/***/ (function(module, exports) { + +module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h; + return _vm._m(0) +},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h; + return _c('section', [_c('h2', { + attrs: { + "id": "panel-mian-ban" + } + }, [_c('a', { + staticClass: "header-anchor", + attrs: { + "href": "#panel-mian-ban", + "aria-hidden": "true" + } + }, [_vm._v("¶")]), _vm._v(" Panel 面板")]), _vm._v(" "), _c('p', [_vm._v("面板只是一个容器，里面可以放入自定义的内容。")]), _vm._v(" "), _c('h3', { + attrs: { + "id": "ji-chu-yong-fa" + } + }, [_c('a', { + staticClass: "header-anchor", + attrs: { + "href": "#ji-chu-yong-fa", + "aria-hidden": "true" + } + }, [_vm._v("¶")]), _vm._v(" 基础用法")]), _vm._v(" "), _c('pre', [_c('code', { + staticClass: "hljs language-html" + }, [_c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-panel")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("title")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"标题\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("desc")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"标题描述\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("status")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"状态\"")]), _vm._v(">")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-card")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("title")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余\"")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("desc")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"商品SKU1，商品SKU2\"")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("thumb")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"https://img.yzcdn.cn/upload_files/2017/02/17/FnDwvwHmU-OiqsbjAO5X7wh1KWrR.jpg!100x100.jpg\"")]), _vm._v(">")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("div")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("class")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"z-card__row\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("slot")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"title\"")]), _vm._v(">")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("h4")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("class")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"z-card__title\"")]), _vm._v(">")]), _vm._v("商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("span")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("class")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"z-card__price\"")]), _vm._v(">")]), _vm._v("¥ 2.00"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("div")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("class")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"z-card__row\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("slot")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"desc\"")]), _vm._v(">")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("h4")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("class")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"z-card__desc\"")]), _vm._v(">")]), _vm._v("商品sku"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("span")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("class")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"z-card__num\"")]), _vm._v(">")]), _vm._v("x 2"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("div")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("class")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"z-card__footer\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("slot")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"footer\"")]), _vm._v(">")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-button")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("size")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"mini\"")]), _vm._v(">")]), _vm._v("按钮一"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-button")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("size")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"mini\"")]), _vm._v(">")]), _vm._v("按钮二"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("div")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("class")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"z-panel-sum\"")]), _vm._v(">")]), _vm._v("\n 合计："), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("span")]), _vm._v(">")]), _vm._v("¥ 1999.90"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n")])]), _vm._v(" "), _c('h3', { + attrs: { + "id": "gao-ji-yong-fa" + } + }, [_c('a', { + staticClass: "header-anchor", + attrs: { + "href": "#gao-ji-yong-fa", + "aria-hidden": "true" + } + }, [_vm._v("¶")]), _vm._v(" 高级用法")]), _vm._v(" "), _c('p', [_vm._v("使用具名"), _c('code', [_vm._v("slot")]), _vm._v("自定义内容。")]), _vm._v(" "), _c('pre', [_c('code', { + staticClass: "hljs language-html" + }, [_c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-panel")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("title")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"标题\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("desc")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"标题描述\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("status")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"状态\"")]), _vm._v(">")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-card")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("title")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余\"")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("desc")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"商品SKU1，商品SKU2\"")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("thumb")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"https://img.yzcdn.cn/upload_files/2017/02/17/FnDwvwHmU-OiqsbjAO5X7wh1KWrR.jpg!100x100.jpg\"")]), _vm._v(">")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("div")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("class")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"z-card__row\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("slot")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"title\"")]), _vm._v(">")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("h4")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("class")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"z-card__title\"")]), _vm._v(">")]), _vm._v("商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("span")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("class")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"z-card__price\"")]), _vm._v(">")]), _vm._v("¥ 2.00"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("div")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("class")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"z-card__row\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("slot")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"desc\"")]), _vm._v(">")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("h4")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("class")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"z-card__desc\"")]), _vm._v(">")]), _vm._v("商品sku"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("span")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("class")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"z-card__num\"")]), _vm._v(">")]), _vm._v("x 2"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("div")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("class")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"z-card__footer\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("slot")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"footer\"")]), _vm._v(">")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-button")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("size")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"mini\"")]), _vm._v(">")]), _vm._v("按钮一"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-button")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("size")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"mini\"")]), _vm._v(">")]), _vm._v("按钮二"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("div")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("class")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"z-panel-sum\"")]), _vm._v(">")]), _vm._v("\n 合计："), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("span")]), _vm._v(">")]), _vm._v("¥ 1999.90"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("div")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("class")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"z-panel-buttons\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("slot")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"footer\"")]), _vm._v(">")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-button")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("size")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"small\"")]), _vm._v(">")]), _vm._v("按钮一"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-button")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("size")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"small\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("type")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"danger\"")]), _vm._v(">")]), _vm._v("按钮二"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n")])]), _vm._v(" "), _c('h3', { + attrs: { + "id": "api" + } + }, [_c('a', { + staticClass: "header-anchor", + attrs: { + "href": "#api", + "aria-hidden": "true" + } + }, [_vm._v("¶")]), _vm._v(" API")]), _vm._v(" "), _c('table', { + staticClass: "table" + }, [_c('thead', [_c('tr', [_c('th', [_vm._v("参数")]), _vm._v(" "), _c('th', [_vm._v("说明")]), _vm._v(" "), _c('th', [_vm._v("类型")]), _vm._v(" "), _c('th', [_vm._v("默认值")]), _vm._v(" "), _c('th', [_vm._v("可选值")])])]), _vm._v(" "), _c('tbody', [_c('tr', [_c('td', [_vm._v("title")]), _vm._v(" "), _c('td', [_vm._v("标题")]), _vm._v(" "), _c('td', [_vm._v("string")]), _vm._v(" "), _c('td', [_vm._v("''")]), _vm._v(" "), _c('td', [_vm._v("''")])]), _vm._v(" "), _c('tr', [_c('td', [_vm._v("desc")]), _vm._v(" "), _c('td', [_vm._v("描述")]), _vm._v(" "), _c('td', [_vm._v("string")]), _vm._v(" "), _c('td', [_vm._v("''")]), _vm._v(" "), _c('td', [_vm._v("''")])]), _vm._v(" "), _c('tr', [_c('td', [_vm._v("status")]), _vm._v(" "), _c('td', [_vm._v("状态")]), _vm._v(" "), _c('td', [_vm._v("string")]), _vm._v(" "), _c('td', [_vm._v("''")]), _vm._v(" "), _c('td', [_vm._v("''")])])])]), _vm._v(" "), _c('h3', { + attrs: { + "id": "slot" + } + }, [_c('a', { + staticClass: "header-anchor", + attrs: { + "href": "#slot", + "aria-hidden": "true" + } + }, [_vm._v("¶")]), _vm._v(" Slot")]), _vm._v(" "), _c('table', { + staticClass: "table" + }, [_c('thead', [_c('tr', [_c('th', [_vm._v("name")]), _vm._v(" "), _c('th', [_vm._v("描述")])])]), _vm._v(" "), _c('tbody', [_c('tr', [_c('td', [_vm._v("-")]), _vm._v(" "), _c('td', [_vm._v("自定义内容")])]), _vm._v(" "), _c('tr', [_c('td', [_vm._v("header")]), _vm._v(" "), _c('td', [_vm._v("自定义header")])]), _vm._v(" "), _c('tr', [_c('td', [_vm._v("footer")]), _vm._v(" "), _c('td', [_vm._v("自定义footer")])])])])]) +}]} + +/***/ }), +/* 229 */ +/***/ (function(module, exports) { + +module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h; + return _vm._m(0) +},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h; + return _c('section', [_c('h2', { + attrs: { + "id": "field-zu-jian" + } + }, [_c('a', { + staticClass: "header-anchor", + attrs: { + "href": "#field-zu-jian", + "aria-hidden": "true" + } + }, [_vm._v("¶")]), _vm._v(" Field组件")]), _vm._v(" "), _c('p', [_vm._v("表单中"), _c('code', [_vm._v("input")]), _vm._v("或"), _c('code', [_vm._v("textarea")]), _vm._v("的输入框。")]), _vm._v(" "), _c('h3', { + attrs: { + "id": "ji-chu-yong-fa" + } + }, [_c('a', { + staticClass: "header-anchor", + attrs: { + "href": "#ji-chu-yong-fa", + "aria-hidden": "true" + } + }, [_vm._v("¶")]), _vm._v(" 基础用法")]), _vm._v(" "), _c('p', [_vm._v("根据"), _c('code', [_vm._v("type")]), _vm._v("属性显示不同的输入框。")]), _vm._v(" "), _c('pre', [_c('code', { + staticClass: "hljs language-html" + }, [_c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-cell-group")]), _vm._v(">")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-field")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("type")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"text\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("label")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"用户名：\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("placeholder")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"请输入用户名\"")]), _vm._v(">")]), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-field")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("type")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"password\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("label")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"密码：\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("placeholder")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"请输入密码\"")]), _vm._v(">")]), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-field")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("type")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"textarea\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("label")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"个人介绍：\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("placeholder")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"请输入个人介绍\"")]), _vm._v(">")]), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n")])]), _vm._v(" "), _c('h3', { + attrs: { + "id": "wu-label-de-shu-ru-kuang" + } + }, [_c('a', { + staticClass: "header-anchor", + attrs: { + "href": "#wu-label-de-shu-ru-kuang", + "aria-hidden": "true" + } + }, [_vm._v("¶")]), _vm._v(" 无label的输入框")]), _vm._v(" "), _c('p', [_vm._v("不传入"), _c('code', [_vm._v("label")]), _vm._v("属性即可。")]), _vm._v(" "), _c('pre', [_c('code', { + staticClass: "hljs language-html" + }, [_c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-cell-group")]), _vm._v(">")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-field")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("type")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"text\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("placeholder")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"请输入用户名\"")]), _vm._v(">")]), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n")])]), _vm._v(" "), _c('h3', { + attrs: { + "id": "jian-ting-change-shi-jian" + } + }, [_c('a', { + staticClass: "header-anchor", + attrs: { + "href": "#jian-ting-change-shi-jian", + "aria-hidden": "true" + } + }, [_vm._v("¶")]), _vm._v(" 监听change事件")]), _vm._v(" "), _c('p', [_vm._v("监听组件的"), _c('code', [_vm._v("change")]), _vm._v("事件。")]), _vm._v(" "), _c('pre', [_c('code', { + staticClass: "hljs language-html" + }, [_c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-cell-group")]), _vm._v(">")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-field")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("type")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"text\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("label")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"用户名：\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("placeholder")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"请输入用户名\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("@change")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"handleChange\"")]), _vm._v(">")]), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n")])]), _vm._v(" "), _c('h3', { + attrs: { + "id": "api" + } + }, [_c('a', { + staticClass: "header-anchor", + attrs: { + "href": "#api", + "aria-hidden": "true" + } + }, [_vm._v("¶")]), _vm._v(" API")]), _vm._v(" "), _c('table', { + staticClass: "table" + }, [_c('thead', [_c('tr', [_c('th', [_vm._v("参数")]), _vm._v(" "), _c('th', [_vm._v("说明")]), _vm._v(" "), _c('th', [_vm._v("类型")]), _vm._v(" "), _c('th', [_vm._v("默认值")]), _vm._v(" "), _c('th', [_vm._v("可选值")])])]), _vm._v(" "), _c('tbody', [_c('tr', [_c('td', [_vm._v("type")]), _vm._v(" "), _c('td', [_vm._v("输入框类型")]), _vm._v(" "), _c('td', [_vm._v("string")]), _vm._v(" "), _c('td', [_vm._v("text")]), _vm._v(" "), _c('td', [_vm._v("text, number, email, url, tel, date, datetime, password, textarea")])]), _vm._v(" "), _c('tr', [_c('td', [_vm._v("placeholder")]), _vm._v(" "), _c('td', [_vm._v("输入框placeholder")]), _vm._v(" "), _c('td', [_vm._v("string")]), _vm._v(" "), _c('td', [_vm._v("''")]), _vm._v(" "), _c('td')]), _vm._v(" "), _c('tr', [_c('td', [_vm._v("value")]), _vm._v(" "), _c('td', [_vm._v("输入框的值")]), _vm._v(" "), _c('td', [_vm._v("string")]), _vm._v(" "), _c('td', [_vm._v("''")]), _vm._v(" "), _c('td')]), _vm._v(" "), _c('tr', [_c('td', [_vm._v("label")]), _vm._v(" "), _c('td', [_vm._v("输入框标签")]), _vm._v(" "), _c('td', [_vm._v("string")]), _vm._v(" "), _c('td', [_vm._v("''")]), _vm._v(" "), _c('td')]), _vm._v(" "), _c('tr', [_c('td', [_vm._v("disabled")]), _vm._v(" "), _c('td', [_vm._v("是否禁用输入框")]), _vm._v(" "), _c('td', [_vm._v("boolean")]), _vm._v(" "), _c('td', [_vm._v("false")]), _vm._v(" "), _c('td')]), _vm._v(" "), _c('tr', [_c('td', [_vm._v("readonly")]), _vm._v(" "), _c('td', [_vm._v("输入框是否只读")]), _vm._v(" "), _c('td', [_vm._v("boolean")]), _vm._v(" "), _c('td', [_vm._v("false")]), _vm._v(" "), _c('td')]), _vm._v(" "), _c('tr', [_c('td', [_vm._v("maxlength")]), _vm._v(" "), _c('td', [_vm._v("输入框maxlength")]), _vm._v(" "), _c('td', [_vm._v("[String, Number]")]), _vm._v(" "), _c('td', [_vm._v("''")]), _vm._v(" "), _c('td')])])])]) +}]} + +/***/ }), +/* 230 */ +/***/ (function(module, exports) { + +module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h; + return _vm._m(0) +},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h; + return _c('section', [_c('h2', { + attrs: { + "id": "button-zu-jian" + } + }, [_c('a', { + staticClass: "header-anchor", + attrs: { + "href": "#button-zu-jian", + "aria-hidden": "true" + } + }, [_vm._v("¶")]), _vm._v(" Button组件")]), _vm._v(" "), _c('h3', { + attrs: { + "id": "an-niu-gong-neng" + } + }, [_c('a', { + staticClass: "header-anchor", + attrs: { + "href": "#an-niu-gong-neng", + "aria-hidden": "true" + } + }, [_vm._v("¶")]), _vm._v(" 按钮功能")]), _vm._v(" "), _c('p', [_vm._v("只接受primary, default, danger三种类型，默认default。")]), _vm._v(" "), _c('pre', [_c('code', { + staticClass: "hljs language-html" + }, [_c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("div")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("class")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"z-button-group\"")]), _vm._v(">")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("div")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("class")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"z-button-1\"")]), _vm._v(">")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-button")]), _vm._v(">")]), _vm._v("default"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("div")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("class")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"z-button-1\"")]), _vm._v(">")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-button")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("type")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"primary\"")]), _vm._v(">")]), _vm._v("primary"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("div")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("class")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"z-button-1\"")]), _vm._v(">")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-button")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("type")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"danger\"")]), _vm._v(">")]), _vm._v("danger"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n")])]), _vm._v(" "), _c('h3', { + attrs: { + "id": "jin-yong-zhuang-tai" + } + }, [_c('a', { + staticClass: "header-anchor", + attrs: { + "href": "#jin-yong-zhuang-tai", + "aria-hidden": "true" + } + }, [_vm._v("¶")]), _vm._v(" 禁用状态")]), _vm._v(" "), _c('pre', [_c('code', { + staticClass: "hljs language-html" + }, [_c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("div")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("class")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"z-button-group\"")]), _vm._v(">")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("div")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("class")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"z-button-1\"")]), _vm._v(">")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-button")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("disabled")]), _vm._v(">")]), _vm._v("diabled"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n")])]), _vm._v(" "), _c('h3', { + attrs: { + "id": "an-niu-chi-cun" + } + }, [_c('a', { + staticClass: "header-anchor", + attrs: { + "href": "#an-niu-chi-cun", + "aria-hidden": "true" + } + }, [_vm._v("¶")]), _vm._v(" 按钮尺寸")]), _vm._v(" "), _c('p', [_vm._v("只接受large, normal, small, mini四种尺寸，默认normal。")]), _vm._v(" "), _c('pre', [_c('code', { + staticClass: "hljs language-html" + }, [_c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("div")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("class")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"z-button-group\"")]), _vm._v(">")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("div")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("class")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"z-button-1\"")]), _vm._v(">")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-button")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("size")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"large\"")]), _vm._v(">")]), _vm._v("large"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("div")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("class")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"z-button-group\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v(":style")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"{ width: '50%' }\"")]), _vm._v(">")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("div")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("class")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"z-button-3\"")]), _vm._v(">")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-button")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("type")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"primary\"")]), _vm._v(">")]), _vm._v("normal"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("div")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("class")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"z-button-3\"")]), _vm._v(">")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-button")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("size")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"small\"")]), _vm._v(">")]), _vm._v("small"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("div")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("class")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"z-button-3\"")]), _vm._v(">")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-button")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("size")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"mini\"")]), _vm._v(">")]), _vm._v("mini"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n\n")])]), _vm._v(" "), _c('h3', { + attrs: { + "id": "zi-ding-yi-an-niu-biao-qian" + } + }, [_c('a', { + staticClass: "header-anchor", + attrs: { + "href": "#zi-ding-yi-an-niu-biao-qian", + "aria-hidden": "true" + } + }, [_vm._v("¶")]), _vm._v(" 自定义按钮标签")]), _vm._v(" "), _c('p', [_vm._v("按钮默认是button标签，可以使用tag属性修改为一个a标签。")]), _vm._v(" "), _c('pre', [_c('code', { + staticClass: "hljs language-html" + }, [_c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("div")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("class")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"z-button-group\"")]), _vm._v(">")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("div")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("class")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"z-button-1\"")]), _vm._v(">")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-button")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("tag")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"a\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("type")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"primary\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("href")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"https://www.youzan.com\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("target")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"_blank\"")]), _vm._v(">")]), _vm._v("a标签按钮"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n")])]), _vm._v(" "), _c('h3', { + attrs: { + "id": "button-group" + } + }, [_c('a', { + staticClass: "header-anchor", + attrs: { + "href": "#button-group", + "aria-hidden": "true" + } + }, [_vm._v("¶")]), _vm._v(" button group")]), _vm._v(" "), _c('p', [_vm._v("一组按钮。")]), _vm._v(" "), _c('pre', [_c('code', { + staticClass: "hljs language-html" + }, [_c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("div")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("class")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"z-button-group\"")]), _vm._v(">")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-button")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("type")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"primary\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("size")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"small\"")]), _vm._v(">")]), _vm._v("确认付款"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-button")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("size")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"small\"")]), _vm._v(">")]), _vm._v("确认收货"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-button")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("size")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"small\"")]), _vm._v(">")]), _vm._v("取消订单"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n")])]), _vm._v(" "), _c('h3', { + attrs: { + "id": "api" + } + }, [_c('a', { + staticClass: "header-anchor", + attrs: { + "href": "#api", + "aria-hidden": "true" + } + }, [_vm._v("¶")]), _vm._v(" API")]), _vm._v(" "), _c('table', { + staticClass: "table" + }, [_c('thead', [_c('tr', [_c('th', [_vm._v("参数")]), _vm._v(" "), _c('th', [_vm._v("说明")]), _vm._v(" "), _c('th', [_vm._v("类型")]), _vm._v(" "), _c('th', [_vm._v("默认值")]), _vm._v(" "), _c('th', [_vm._v("可选值")])])]), _vm._v(" "), _c('tbody', [_c('tr', [_c('td', [_vm._v("type")]), _vm._v(" "), _c('td', [_vm._v("按钮类型")]), _vm._v(" "), _c('td', [_vm._v("string")]), _vm._v(" "), _c('td', [_vm._v("'default'")]), _vm._v(" "), _c('td', [_vm._v("'primary', 'danger'")])]), _vm._v(" "), _c('tr', [_c('td', [_vm._v("size")]), _vm._v(" "), _c('td', [_vm._v("按钮尺寸")]), _vm._v(" "), _c('td', [_vm._v("string")]), _vm._v(" "), _c('td', [_vm._v("'normal'")]), _vm._v(" "), _c('td', [_vm._v("'large', 'small', 'mini'")])]), _vm._v(" "), _c('tr', [_c('td', [_vm._v("tag")]), _vm._v(" "), _c('td', [_vm._v("按钮标签")]), _vm._v(" "), _c('td', [_vm._v("string")]), _vm._v(" "), _c('td', [_vm._v("'button'")]), _vm._v(" "), _c('td', [_vm._v("'a', 'span', ...")])]), _vm._v(" "), _c('tr', [_c('td', [_vm._v("diabled")]), _vm._v(" "), _c('td', [_vm._v("按钮是否禁用")]), _vm._v(" "), _c('td', [_vm._v("Boolean")]), _vm._v(" "), _c('td'), _vm._v(" "), _c('td')]), _vm._v(" "), _c('tr', [_c('td', [_vm._v("block")]), _vm._v(" "), _c('td', [_vm._v("按钮是否显示为块级元素")]), _vm._v(" "), _c('td', [_vm._v("Boolean")]), _vm._v(" "), _c('td'), _vm._v(" "), _c('td')])])])]) +}]} + +/***/ }), +/* 231 */ +/***/ (function(module, exports) { + +module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h; + return _c('div', { + staticClass: "page-field" + }, [_c('h1', { + staticClass: "page-title" + }, [_vm._v("Field")]), _vm._v(" "), _c('h2', { + staticClass: "page-sub-title" + }, [_vm._v("基础用法")]), _vm._v(" "), _c('z-cell-group', [_c('z-field', { + attrs: { + "type": "text", + "label": "用户名：", + "placeholder": "请输入用户名" + } + }), _vm._v(" "), _c('z-field', { + attrs: { + "type": "password", + "label": "密码：", + "placeholder": "请输入密码" + } + }), _vm._v(" "), _c('z-field', { + attrs: { + "type": "textarea", + "label": "个人介绍：", + "placeholder": "请输入个人介绍" + } + })], 1), _vm._v(" "), _c('h2', { + staticClass: "page-sub-title" + }, [_vm._v("无label的输入框")]), _vm._v(" "), _c('z-cell-group', [_c('z-field', { + attrs: { + "type": "text", + "placeholder": "请输入用户名" + } + })], 1), _vm._v(" "), _c('h2', { + staticClass: "page-sub-title" + }, [_vm._v("监听change事件")]), _vm._v(" "), _c('z-cell-group', [_c('z-field', { + attrs: { + "type": "text", + "label": "用户名：", + "placeholder": "请输入用户名" + }, + on: { + "change": _vm.handleChange + } + })], 1)], 1) +},staticRenderFns: []} + +/***/ }), +/* 232 */ +/***/ (function(module, exports) { + +module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h; + return _vm._m(0) +},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h; + return _c('section', [_c('h2', { + attrs: { + "id": "card-tu-wen-zu-jian" + } + }, [_c('a', { + staticClass: "header-anchor", + attrs: { + "href": "#card-tu-wen-zu-jian", + "aria-hidden": "true" + } + }, [_vm._v("¶")]), _vm._v(" Card 图文组件")]), _vm._v(" "), _c('h3', { + attrs: { + "id": "ji-chu-yong-fa" + } + }, [_c('a', { + staticClass: "header-anchor", + attrs: { + "href": "#ji-chu-yong-fa", + "aria-hidden": "true" + } + }, [_vm._v("¶")]), _vm._v(" 基础用法")]), _vm._v(" "), _c('p', [_vm._v("当没有底部按钮时，右侧内容会居中显示。")]), _vm._v(" "), _c('pre', [_c('code', { + staticClass: "hljs language-html" + }, [_c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-card")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("title")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余\"")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("desc")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"描述\"")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("thumb")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"https://img.yzcdn.cn/upload_files/2017/02/17/FnDwvwHmU-OiqsbjAO5X7wh1KWrR.jpg!100x100.jpg\"")]), _vm._v(">")]), _vm._v("\n"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n\n")])]), _vm._v(" "), _c('h3', { + attrs: { + "id": "gao-ji-yong-fa" + } + }, [_c('a', { + staticClass: "header-anchor", + attrs: { + "href": "#gao-ji-yong-fa", + "aria-hidden": "true" + } + }, [_vm._v("¶")]), _vm._v(" 高级用法")]), _vm._v(" "), _c('p', [_vm._v("可以使用具名"), _c('code', [_vm._v("slot")]), _vm._v("重写标题等信息，其中包含"), _c('code', [_vm._v("title")]), _vm._v("、"), _c('code', [_vm._v("desc")]), _vm._v("、"), _c('code', [_vm._v("footer")]), _vm._v("和"), _c('code', [_vm._v("tag")]), _vm._v("四个"), _c('code', [_vm._v("slot")]), _vm._v("。")]), _vm._v(" "), _c('pre', [_c('code', { + staticClass: "hljs language-html" + }, [_c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-card")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("title")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余\"")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("desc")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"商品SKU1，商品SKU2\"")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("thumb")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"https://img.yzcdn.cn/upload_files/2017/02/17/FnDwvwHmU-OiqsbjAO5X7wh1KWrR.jpg!100x100.jpg\"")]), _vm._v(">")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("div")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("class")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"z-card__row\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("slot")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"title\"")]), _vm._v(">")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("h4")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("class")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"z-card__title\"")]), _vm._v(">")]), _vm._v("商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("span")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("class")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"z-card__price\"")]), _vm._v(">")]), _vm._v("¥ 2.00"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("div")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("class")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"z-card__row\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("slot")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"desc\"")]), _vm._v(">")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("h4")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("class")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"z-card__desc\"")]), _vm._v(">")]), _vm._v("商品sku"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("span")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("class")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"z-card__num\"")]), _vm._v(">")]), _vm._v("x 2"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("div")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("class")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"z-card__footer\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("slot")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"footer\"")]), _vm._v(">")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-button")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("size")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"mini\"")]), _vm._v(">")]), _vm._v("按钮一"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-button")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("size")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"mini\"")]), _vm._v(">")]), _vm._v("按钮二"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n")])]), _vm._v(" "), _c('h3', { + attrs: { + "id": "api" + } + }, [_c('a', { + staticClass: "header-anchor", + attrs: { + "href": "#api", + "aria-hidden": "true" + } + }, [_vm._v("¶")]), _vm._v(" API")]), _vm._v(" "), _c('table', { + staticClass: "table" + }, [_c('thead', [_c('tr', [_c('th', [_vm._v("参数")]), _vm._v(" "), _c('th', [_vm._v("说明")]), _vm._v(" "), _c('th', [_vm._v("类型")]), _vm._v(" "), _c('th', [_vm._v("默认值")]), _vm._v(" "), _c('th', [_vm._v("可选值")])])]), _vm._v(" "), _c('tbody', [_c('tr', [_c('td', [_vm._v("thumb")]), _vm._v(" "), _c('td', [_vm._v("左侧图片")]), _vm._v(" "), _c('td', [_vm._v("string")]), _vm._v(" "), _c('td', [_vm._v("''")]), _vm._v(" "), _c('td', [_vm._v("''")])]), _vm._v(" "), _c('tr', [_c('td', [_vm._v("title")]), _vm._v(" "), _c('td', [_vm._v("标题")]), _vm._v(" "), _c('td', [_vm._v("string")]), _vm._v(" "), _c('td', [_vm._v("''")]), _vm._v(" "), _c('td', [_vm._v("''")])]), _vm._v(" "), _c('tr', [_c('td', [_vm._v("desc")]), _vm._v(" "), _c('td', [_vm._v("描述")]), _vm._v(" "), _c('td', [_vm._v("string")]), _vm._v(" "), _c('td', [_vm._v("''")]), _vm._v(" "), _c('td', [_vm._v("''")])])])]), _vm._v(" "), _c('h3', { + attrs: { + "id": "slot" + } + }, [_c('a', { + staticClass: "header-anchor", + attrs: { + "href": "#slot", + "aria-hidden": "true" + } + }, [_vm._v("¶")]), _vm._v(" Slot")]), _vm._v(" "), _c('table', { + staticClass: "table" + }, [_c('thead', [_c('tr', [_c('th', [_vm._v("name")]), _vm._v(" "), _c('th', [_vm._v("描述")])])]), _vm._v(" "), _c('tbody', [_c('tr', [_c('td', [_vm._v("title")]), _vm._v(" "), _c('td', [_vm._v("自定义标题")])]), _vm._v(" "), _c('tr', [_c('td', [_vm._v("desc")]), _vm._v(" "), _c('td', [_vm._v("自定义描述")])]), _vm._v(" "), _c('tr', [_c('td', [_vm._v("tags")]), _vm._v(" "), _c('td', [_vm._v("自定义tags")])]), _vm._v(" "), _c('tr', [_c('td', [_vm._v("footer")]), _vm._v(" "), _c('td', [_vm._v("自定义footer")])])])])]) +}]} + +/***/ }), +/* 233 */ +/***/ (function(module, exports) { + +module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h; + return _vm._m(0) +},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h; + return _c('section', [_c('h2', { + attrs: { + "id": "cell-zu-jian" + } + }, [_c('a', { + staticClass: "header-anchor", + attrs: { + "href": "#cell-zu-jian", + "aria-hidden": "true" + } + }, [_vm._v("¶")]), _vm._v(" Cell 组件")]), _vm._v(" "), _c('h3', { + attrs: { + "id": "ji-chu-yong-fa" + } + }, [_c('a', { + staticClass: "header-anchor", + attrs: { + "href": "#ji-chu-yong-fa", + "aria-hidden": "true" + } + }, [_vm._v("¶")]), _vm._v(" 基础用法")]), _vm._v(" "), _c('pre', [_c('code', { + staticClass: "hljs language-html" + }, [_c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-cell-group")]), _vm._v(">")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-cell")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("title")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"单元格1\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("value")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"单元格1内容\"")]), _vm._v(">")]), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-cell")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("title")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"单元格2\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("value")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"单元格2内容\"")]), _vm._v(">")]), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n")])]), _vm._v(" "), _c('h3', { + attrs: { + "id": "biao-ti-dai-miao-shu-xin-xi" + } + }, [_c('a', { + staticClass: "header-anchor", + attrs: { + "href": "#biao-ti-dai-miao-shu-xin-xi", + "aria-hidden": "true" + } + }, [_vm._v("¶")]), _vm._v(" 标题带描述信息")]), _vm._v(" "), _c('p', [_vm._v("传入"), _c('code', [_vm._v("label")]), _vm._v("属性，属性值为描述信息的值。")]), _vm._v(" "), _c('pre', [_c('code', { + staticClass: "hljs language-html" + }, [_c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-cell-group")]), _vm._v(">")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-cell")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("title")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"单元格1\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("label")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"描述信息\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("is-link")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("url")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"javascript:void(0)\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("@click")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"handleClick\"")]), _vm._v(">")]), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-cell")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("title")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"单元格2\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("label")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"描述信息\"")]), _vm._v(">")]), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n")])]), _vm._v(" "), _c('h3', { + attrs: { + "id": "dai-tu-biao" + } + }, [_c('a', { + staticClass: "header-anchor", + attrs: { + "href": "#dai-tu-biao", + "aria-hidden": "true" + } + }, [_vm._v("¶")]), _vm._v(" 带图标")]), _vm._v(" "), _c('p', [_vm._v("传入"), _c('code', [_vm._v("icon")]), _vm._v("属性。")]), _vm._v(" "), _c('pre', [_c('code', { + staticClass: "hljs language-html" + }, [_c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-cell-group")]), _vm._v(">")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-cell")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("title")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"起码运动馆\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("icon")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"home\"")]), _vm._v(">")]), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-cell")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("title")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"线下门店\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("icon")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"location\"")]), _vm._v(">")]), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n")])]), _vm._v(" "), _c('h3', { + attrs: { + "id": "ke-dian-ji-de-lian-jie" + } + }, [_c('a', { + staticClass: "header-anchor", + attrs: { + "href": "#ke-dian-ji-de-lian-jie", + "aria-hidden": "true" + } + }, [_vm._v("¶")]), _vm._v(" 可点击的链接")]), _vm._v(" "), _c('p', [_vm._v("传入"), _c('code', [_vm._v("url")]), _vm._v("属性，传入"), _c('code', [_vm._v("isLink")]), _vm._v("属性则会在右侧显示箭头。")]), _vm._v(" "), _c('pre', [_c('code', { + staticClass: "hljs language-html" + }, [_c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-cell-group")]), _vm._v(">")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-cell")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("title")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"起码运动馆\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("value")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"进入店铺\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("icon")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"home\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("url")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"http://youzan.com\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("is-link")]), _vm._v(">")]), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-cell")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("title")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"线下门店\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("icon")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"location\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("url")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"http://youzan.com\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("is-link")]), _vm._v(">")]), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n")])]), _vm._v(" "), _c('h3', { + attrs: { + "id": "gao-ji-yong-fa" + } + }, [_c('a', { + staticClass: "header-anchor", + attrs: { + "href": "#gao-ji-yong-fa", + "aria-hidden": "true" + } + }, [_vm._v("¶")]), _vm._v(" 高级用法")]), _vm._v(" "), _c('p', [_vm._v("如以上用法不能满足你的需求，可以使用对应的"), _c('code', [_vm._v("slot")]), _vm._v("来自定义显示的内容。包含三个"), _c('code', [_vm._v("slot")]), _vm._v("，默认"), _c('code', [_vm._v("slot")]), _vm._v("，"), _c('code', [_vm._v("icon")]), _vm._v("和"), _c('code', [_vm._v("title")]), _vm._v("的"), _c('code', [_vm._v("slot")]), _vm._v("。")]), _vm._v(" "), _c('pre', [_c('code', { + staticClass: "hljs language-html" + }, [_c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-cell-group")]), _vm._v(">")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-cell")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("value")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"进入店铺\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("icon")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"home\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("url")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"http://youzan.com\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("is-link")]), _vm._v(">")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("template")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("slot")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"title\"")]), _vm._v(">")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("span")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("class")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"z-cell-text\"")]), _vm._v(">")]), _vm._v("起码运动馆"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("img")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("src")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"//su.yzcdn.cn/v2/image/account/icon_guan_160421.png\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("class")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"official-img\"")]), _vm._v(">")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-cell")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("title")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"线下门店\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("icon")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"location\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("url")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"http://youzan.com\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("is-link")]), _vm._v(">")]), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n")])]), _vm._v(" "), _c('h3', { + attrs: { + "id": "api" + } + }, [_c('a', { + staticClass: "header-anchor", + attrs: { + "href": "#api", + "aria-hidden": "true" + } + }, [_vm._v("¶")]), _vm._v(" API")]), _vm._v(" "), _c('table', { + staticClass: "table" + }, [_c('thead', [_c('tr', [_c('th', [_vm._v("参数")]), _vm._v(" "), _c('th', [_vm._v("说明")]), _vm._v(" "), _c('th', [_vm._v("类型")]), _vm._v(" "), _c('th', [_vm._v("默认值")]), _vm._v(" "), _c('th', [_vm._v("可选值")])])]), _vm._v(" "), _c('tbody', [_c('tr', [_c('td', [_vm._v("icon")]), _vm._v(" "), _c('td', [_vm._v("左侧图标")]), _vm._v(" "), _c('td', [_vm._v("string")]), _vm._v(" "), _c('td', [_vm._v("''")]), _vm._v(" "), _c('td', [_vm._v("''")])]), _vm._v(" "), _c('tr', [_c('td', [_vm._v("title")]), _vm._v(" "), _c('td', [_vm._v("左侧标题")]), _vm._v(" "), _c('td', [_vm._v("string")]), _vm._v(" "), _c('td', [_vm._v("''")]), _vm._v(" "), _c('td', [_vm._v("''")])]), _vm._v(" "), _c('tr', [_c('td', [_vm._v("value")]), _vm._v(" "), _c('td', [_vm._v("右侧内容")]), _vm._v(" "), _c('td', [_vm._v("string")]), _vm._v(" "), _c('td', [_vm._v("''")]), _vm._v(" "), _c('td', [_vm._v("''")])]), _vm._v(" "), _c('tr', [_c('td', [_vm._v("isLink")]), _vm._v(" "), _c('td', [_vm._v("是否为链接，链接会在右侧出现箭头")]), _vm._v(" "), _c('td', [_vm._v("boolean")]), _vm._v(" "), _c('td', [_vm._v("''")]), _vm._v(" "), _c('td', [_vm._v("''")])]), _vm._v(" "), _c('tr', [_c('td', [_vm._v("url")]), _vm._v(" "), _c('td', [_vm._v("跳转链接")]), _vm._v(" "), _c('td', [_vm._v("string")]), _vm._v(" "), _c('td', [_vm._v("''")]), _vm._v(" "), _c('td', [_vm._v("''")])]), _vm._v(" "), _c('tr', [_c('td', [_vm._v("label")]), _vm._v(" "), _c('td', [_vm._v("描述信息，显示在标题下方")]), _vm._v(" "), _c('td', [_vm._v("string")]), _vm._v(" "), _c('td', [_vm._v("''")]), _vm._v(" "), _c('td', [_vm._v("''")])])])]), _vm._v(" "), _c('h3', { + attrs: { + "id": "slot" + } + }, [_c('a', { + staticClass: "header-anchor", + attrs: { + "href": "#slot", + "aria-hidden": "true" + } + }, [_vm._v("¶")]), _vm._v(" Slot")]), _vm._v(" "), _c('table', { + staticClass: "table" + }, [_c('thead', [_c('tr', [_c('th', [_vm._v("name")]), _vm._v(" "), _c('th', [_vm._v("描述")])])]), _vm._v(" "), _c('tbody', [_c('tr', [_c('td', [_vm._v("-")]), _vm._v(" "), _c('td', [_vm._v("自定义显示内容")])]), _vm._v(" "), _c('tr', [_c('td', [_vm._v("icon")]), _vm._v(" "), _c('td', [_vm._v("自定义icon")])]), _vm._v(" "), _c('tr', [_c('td', [_vm._v("title")]), _vm._v(" "), _c('td', [_vm._v("自定义title")])])])])]) +}]} + +/***/ }), +/* 234 */ +/***/ (function(module, exports) { + +module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h; + return _c('div', { + staticClass: "page-picker" + }, [_c('h1', { + staticClass: "page-title" + }, [_vm._v("Picker")]), _vm._v(" "), _c('h2', { + staticClass: "page-sub-title" + }, [_vm._v("基础用法")]), _vm._v(" "), _c('z-picker', { + attrs: { + "columns": _vm.pickerColumns + }, + on: { + "change": _vm.handlePickerChange + } + })], 1) +},staticRenderFns: []} + +/***/ }), +/* 235 */ +/***/ (function(module, exports) { + +module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h; + return _c('div', { + staticClass: "page-dialog" + }, [_c('h1', { + staticClass: "page-title" + }, [_vm._v("Dialog")]), _vm._v(" "), _c('div', { + staticClass: "z-button-1" + }, [_c('z-button', { + on: { + "click": _vm.handleAlertClick + } + }, [_vm._v("点击我打开alert提示框")])], 1), _vm._v(" "), _c('div', { + staticClass: "z-button-1" + }, [_c('z-button', { + on: { + "click": _vm.handleConfirmClick + } + }, [_vm._v("点击我打开confirm提示框")])], 1)]) +},staticRenderFns: []} + +/***/ }), +/* 236 */ +/***/ (function(module, exports) { + +module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h; + return _vm._m(0) +},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h; + return _c('section', [_c('h2', { + attrs: { + "id": "steps-bu-zou-tiao" + } + }, [_c('a', { + staticClass: "header-anchor", + attrs: { + "href": "#steps-bu-zou-tiao", + "aria-hidden": "true" + } + }, [_vm._v("¶")]), _vm._v(" Steps 步骤条")])]) +}]} + +/***/ }), +/* 237 */ +/***/ (function(module, exports) { + +module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h; + return _c('div', { + staticClass: "page-cell" + }, [_c('h1', { + staticClass: "page-title" + }, [_vm._v("Cell")]), _vm._v(" "), _c('h2', { + staticClass: "page-sub-title" + }, [_vm._v("基础用法")]), _vm._v(" "), _c('z-cell-group', [_c('z-cell', { + attrs: { + "title": "单元格1", + "value": "单元格1内容" + } + }), _vm._v(" "), _c('z-cell', { + attrs: { + "title": "单元格2", + "value": "单元格2内容" + } + })], 1), _vm._v(" "), _c('h2', { + staticClass: "page-sub-title" + }, [_vm._v("标题带描述信息")]), _vm._v(" "), _c('z-cell-group', [_c('z-cell', { + attrs: { + "title": "单元格1", + "label": "描述信息", + "is-link": "", + "url": "javascript:void(0)" + }, + on: { + "click": _vm.handleClick + } + }), _vm._v(" "), _c('z-cell', { + attrs: { + "title": "单元格2", + "label": "描述信息" + } + })], 1), _vm._v(" "), _c('h2', { + staticClass: "page-sub-title" + }, [_vm._v("带图标")]), _vm._v(" "), _c('z-cell-group', [_c('z-cell', { + attrs: { + "title": "起码运动馆", + "icon": "home" + } + }), _vm._v(" "), _c('z-cell', { + attrs: { + "title": "线下门店", + "icon": "location" + } + })], 1), _vm._v(" "), _c('h2', { + staticClass: "page-sub-title" + }, [_vm._v("可点击的链接")]), _vm._v(" "), _c('z-cell-group', [_c('z-cell', { + attrs: { + "title": "起码运动馆", + "value": "进入店铺", + "icon": "home", + "url": "http://youzan.com", + "is-link": "" + } + }), _vm._v(" "), _c('z-cell', { + attrs: { + "title": "线下门店", + "icon": "location", + "url": "http://youzan.com", + "is-link": "" + } + })], 1), _vm._v(" "), _c('h2', { + staticClass: "page-sub-title" + }, [_vm._v("高级用法")]), _vm._v(" "), _c('z-cell-group', [_c('z-cell', { + attrs: { + "value": "进入店铺", + "icon": "home", + "url": "http://youzan.com", + "is-link": "" + } + }, [_c('template', { + slot: "title" + }, [_c('span', { + staticClass: "z-cell-text" + }, [_vm._v("起码运动馆")]), _vm._v(" "), _c('img', { + staticClass: "official-img", + attrs: { + "src": "//su.yzcdn.cn/v2/image/account/icon_guan_160421.png" + } + })])], 2), _vm._v(" "), _c('z-cell', { + attrs: { + "title": "线下门店", + "icon": "location", + "url": "http://youzan.com", + "is-link": "" + } + })], 1)], 1) +},staticRenderFns: []} + +/***/ }), +/* 238 */ +/***/ (function(module, exports) { + +module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h; + return _c('div', { + staticClass: "page-popup" + }, [_c('h1', { + staticClass: "page-title" + }, [_vm._v("Popup")]), _vm._v(" "), _c('h2', { + staticClass: "page-sub-title" + }, [_vm._v("基础用法")]), _vm._v(" "), _c('div', { + staticClass: "z-button-1" + }, [_c('z-button', { + on: { + "click": function($event) { + _vm.popupShow1 = true + } + } + }, [_vm._v("从下方弹出popup")])], 1), _vm._v(" "), _c('z-popup', { + staticClass: "z-popup-1", + attrs: { + "position": "bottom" + }, + model: { + value: (_vm.popupShow1), + callback: function($$v) { + _vm.popupShow1 = $$v + } + } + }, [_vm._v("\n xxxx\n ")]), _vm._v(" "), _c('div', { + staticClass: "z-button-1" + }, [_c('z-button', { + on: { + "click": function($event) { + _vm.popupShow2 = true + } + } + }, [_vm._v("从上方方弹出popup")])], 1), _vm._v(" "), _c('z-popup', { + staticClass: "z-popup-2", + attrs: { + "position": "top", + "overlay": false + }, + model: { + value: (_vm.popupShow2), + callback: function($$v) { + _vm.popupShow2 = $$v + } + } + }, [_vm._v("\n 更新成功\n ")]), _vm._v(" "), _c('div', { + staticClass: "z-button-1" + }, [_c('z-button', { + on: { + "click": function($event) { + _vm.popupShow3 = true + } + } + }, [_vm._v("从右方弹出popup")])], 1), _vm._v(" "), _c('z-popup', { + staticClass: "z-popup-3", + attrs: { + "position": "right", + "overlay": false + }, + model: { + value: (_vm.popupShow3), + callback: function($$v) { + _vm.popupShow3 = $$v + } + } + }, [_c('z-button', { + nativeOn: { + "click": function($event) { + _vm.popupShow3 = false + } + } + }, [_vm._v("关闭 popup")])], 1), _vm._v(" "), _c('div', { + staticClass: "z-button-1" + }, [_c('z-button', { + on: { + "click": function($event) { + _vm.popupShow4 = true + } + } + }, [_vm._v("从中间弹出popup")])], 1), _vm._v(" "), _c('z-popup', { + staticClass: "z-popup-4", + attrs: { + "transition": "popup-fade" + }, + model: { + value: (_vm.popupShow4), + callback: function($$v) { + _vm.popupShow4 = $$v + } + } + }, [_vm._v("\n 一些内容\n ")])], 1) +},staticRenderFns: []} + +/***/ }), +/* 239 */ +/***/ (function(module, exports) { + +module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h; + return _c('div', { + staticClass: "page-card" + }, [_c('h1', { + staticClass: "page-title" + }, [_vm._v("Waterfall")]), _vm._v(" "), _c('h2', { + staticClass: "page-sub-title" + }, [_vm._v("基础用法")]), _vm._v(" "), _c('div', { + staticClass: "waterfall" + }, [_c('div', { + directives: [{ + name: "waterfall-lower", + rawName: "v-waterfall-lower", + value: (_vm.loadMore), + expression: "loadMore" + }, { + name: "waterfall-upper", + rawName: "v-waterfall-upper", + value: (_vm.loadMoreUpper), + expression: "loadMoreUpper" + }], + attrs: { + "waterfall-disabled": "isWaterfallDisabled", + "waterfall-offset": "400" + } + }, [_vm._l((_vm.list), function(item) { + return _c('div', { + staticClass: "waterfall-item", + staticStyle: { + "text-align": "center" + } + }, [_vm._v("\n " + _vm._s(item) + "\n ")]) + }), _vm._v(" "), (_vm.loading) ? _c('div', { + staticStyle: { + "text-align": "center" + } + }, [_vm._v("\n loading\n ")]) : _vm._e()], 2)])]) +},staticRenderFns: []} + +/***/ }), +/* 240 */ +/***/ (function(module, exports) { + +module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h; + return _vm._m(0) +},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h; + return _c('section', [_c('h2', { + attrs: { + "id": "dialog-zu-jian" + } + }, [_c('a', { + staticClass: "header-anchor", + attrs: { + "href": "#dialog-zu-jian", + "aria-hidden": "true" + } + }, [_vm._v("¶")]), _vm._v(" Dialog组件")]), _vm._v(" "), _c('h3', { + attrs: { + "id": "ji-chu-yong-fa" + } + }, [_c('a', { + staticClass: "header-anchor", + attrs: { + "href": "#ji-chu-yong-fa", + "aria-hidden": "true" + } + }, [_vm._v("¶")]), _vm._v(" 基础用法")]), _vm._v(" "), _c('pre', [_c('code', { + staticClass: "hljs language-html" + }, [_c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-button")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("@click")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"handleAlertClick\"")]), _vm._v(">")]), _vm._v("alert"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n\n"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-button")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("@click")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"handleConfirmClick\"")]), _vm._v(">")]), _vm._v("confirm"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n\n"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("script")]), _vm._v(">")]), _c('span', { + staticClass: "javascript" + }, [_vm._v("\n"), _c('span', { + staticClass: "hljs-keyword" + }, [_vm._v("import")]), _vm._v(" { Dialog } "), _c('span', { + staticClass: "hljs-keyword" + }, [_vm._v("from")]), _vm._v(" "), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("'src/index'")]), _vm._v(";\n\n"), _c('span', { + staticClass: "hljs-keyword" + }, [_vm._v("export")]), _vm._v(" "), _c('span', { + staticClass: "hljs-keyword" + }, [_vm._v("default")]), _vm._v(" {\n "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("methods")]), _vm._v(": {\n handleAlertClick() {\n Dialog.alert({\n "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("title")]), _vm._v(": "), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("'alert标题'")]), _vm._v(",\n "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("message")]), _vm._v(": "), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("'弹窗提示文字，左右始终距离边20PX，上下距离20PX，文字左对齐。弹窗提示文字，左右始终距离边20PX，上下距离20PX，文字左对齐。'")]), _vm._v("\n }).then("), _c('span', { + staticClass: "hljs-function" + }, [_vm._v("("), _c('span', { + staticClass: "hljs-params" + }, [_vm._v("action")]), _vm._v(") =>")]), _vm._v(" {\n "), _c('span', { + staticClass: "hljs-built_in" + }, [_vm._v("console")]), _vm._v(".log(action);\n });\n },\n\n handleConfirmClick() {\n Dialog.confirm({\n "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("title")]), _vm._v(": "), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("'confirm标题'")]), _vm._v(",\n "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("message")]), _vm._v(": "), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("'弹窗提示文字，左右始终距离边20PX，上下距离20PX，文字左对齐。弹窗提示文字，左右始终距离边20PX，上下距离20PX，文字左对齐。'")]), _vm._v("\n }).then("), _c('span', { + staticClass: "hljs-function" + }, [_vm._v("("), _c('span', { + staticClass: "hljs-params" + }, [_vm._v("action")]), _vm._v(") =>")]), _vm._v(" {\n "), _c('span', { + staticClass: "hljs-built_in" + }, [_vm._v("console")]), _vm._v(".log(action);\n }, (error) => {\n "), _c('span', { + staticClass: "hljs-built_in" + }, [_vm._v("console")]), _vm._v(".log(error);\n });\n }\n }\n};\n")]), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n")])]), _vm._v(" "), _c('h3', { + attrs: { + "id": "api" + } + }, [_c('a', { + staticClass: "header-anchor", + attrs: { + "href": "#api", + "aria-hidden": "true" + } + }, [_vm._v("¶")]), _vm._v(" API")]), _vm._v(" "), _c('table', { + staticClass: "table" + }, [_c('thead', [_c('tr', [_c('th', [_vm._v("参数")]), _vm._v(" "), _c('th', [_vm._v("说明")]), _vm._v(" "), _c('th', [_vm._v("类型")]), _vm._v(" "), _c('th', [_vm._v("默认值")]), _vm._v(" "), _c('th', [_vm._v("可选值")])])]), _vm._v(" "), _c('tbody', [_c('tr', [_c('td', [_vm._v("title")]), _vm._v(" "), _c('td', [_vm._v("标题")]), _vm._v(" "), _c('td', [_vm._v("String")]), _vm._v(" "), _c('td', [_vm._v("''")]), _vm._v(" "), _c('td')]), _vm._v(" "), _c('tr', [_c('td', [_vm._v("message")]), _vm._v(" "), _c('td', [_vm._v("内容")]), _vm._v(" "), _c('td', [_vm._v("String")]), _vm._v(" "), _c('td', [_vm._v("''")]), _vm._v(" "), _c('td')])])])]) +}]} + +/***/ }), +/* 241 */ +/***/ (function(module, exports) { + +module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h; + return _vm._m(0) +},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h; + return _c('section', [_c('h2', { + attrs: { + "id": "checkbox-zu-jian" + } + }, [_c('a', { + staticClass: "header-anchor", + attrs: { + "href": "#checkbox-zu-jian", + "aria-hidden": "true" + } + }, [_vm._v("¶")]), _vm._v(" Checkbox组件")])]) +}]} + +/***/ }), +/* 242 */ +/***/ (function(module, exports) { + +module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h; + return _c('div', { + staticClass: "page-button" + }, [_c('h1', { + staticClass: "page-title" + }, [_vm._v("Button")]), _vm._v(" "), _c('h2', { + staticClass: "page-sub-title" + }, [_vm._v("按钮功能")]), _vm._v(" "), _c('div', { + staticClass: "z-button-group" + }, [_c('div', { + staticClass: "z-button-1" + }, [_c('z-button', [_vm._v("default")])], 1), _vm._v(" "), _c('div', { + staticClass: "z-button-1" + }, [_c('z-button', { + attrs: { + "type": "primary" + } + }, [_vm._v("primary")])], 1), _vm._v(" "), _c('div', { + staticClass: "z-button-1" + }, [_c('z-button', { + attrs: { + "type": "danger" + } + }, [_vm._v("danger")])], 1)]), _vm._v(" "), _c('h2', { + staticClass: "page-sub-title" + }, [_vm._v("禁用状态")]), _vm._v(" "), _c('div', { + staticClass: "z-button-group" + }, [_c('div', { + staticClass: "z-button-1" + }, [_c('z-button', { + attrs: { + "disabled": "" + } + }, [_vm._v("diabled")])], 1)]), _vm._v(" "), _c('h2', { + staticClass: "page-sub-title" + }, [_vm._v("按钮尺寸")]), _vm._v(" "), _c('div', { + staticClass: "z-button-group" + }, [_c('div', { + staticClass: "z-button-1" + }, [_c('z-button', { + attrs: { + "size": "large" + } + }, [_vm._v("large")])], 1)]), _vm._v(" "), _c('div', { + staticClass: "z-button-group" + }, [_c('div', { + staticClass: "z-button-3" + }, [_c('z-button', { + attrs: { + "type": "primary" + } + }, [_vm._v("normal")])], 1), _vm._v(" "), _c('div', { + staticClass: "z-button-3" + }, [_c('z-button', { + attrs: { + "size": "small" + } + }, [_vm._v("small")])], 1), _vm._v(" "), _c('div', { + staticClass: "z-button-3" + }, [_c('z-button', { + attrs: { + "size": "mini" + } + }, [_vm._v("mini")])], 1)]), _vm._v(" "), _c('h2', { + staticClass: "page-sub-title" + }, [_vm._v("自定义按钮标签")]), _vm._v(" "), _c('div', { + staticClass: "z-button-group" + }, [_c('div', { + staticClass: "z-button-1" + }, [_c('z-button', { + attrs: { + "tag": "a", + "type": "primary", + "href": "https://www.youzan.com", + "target": "_blank" + } + }, [_vm._v("a标签按钮")])], 1)]), _vm._v(" "), _c('h2', { + staticClass: "page-sub-title" + }, [_vm._v("button group")]), _vm._v(" "), _c('div', { + staticClass: "z-button-group" + }, [_c('z-button', { + attrs: { + "type": "primary", + "size": "small" + } + }, [_vm._v("确认付款")]), _vm._v(" "), _c('z-button', { + attrs: { + "size": "small" + } + }, [_vm._v("确认收货")]), _vm._v(" "), _c('z-button', { + attrs: { + "size": "small" + } + }, [_vm._v("取消订单")])], 1)]) +},staticRenderFns: []} + +/***/ }), +/* 243 */ +/***/ (function(module, exports) { + +module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h; + return _vm._m(0) +},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h; + return _c('section', [_c('h2', { + attrs: { + "id": "radio-zu-jian" + } + }, [_c('a', { + staticClass: "header-anchor", + attrs: { + "href": "#radio-zu-jian", + "aria-hidden": "true" + } + }, [_vm._v("¶")]), _vm._v(" Radio组件")]), _vm._v(" "), _c('h3', { + attrs: { + "id": "ji-chu-yong-fa" + } + }, [_c('a', { + staticClass: "header-anchor", + attrs: { + "href": "#ji-chu-yong-fa", + "aria-hidden": "true" + } + }, [_vm._v("¶")]), _vm._v(" 基础用法")]), _vm._v(" "), _c('p', [_vm._v(":::demo")]), _vm._v(" "), _c('pre', [_c('code', { + staticClass: "hljs language-html" + }, [_c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-radio")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("v-model")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"radio\"")]), _vm._v(">")]), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n")])]), _vm._v(" "), _c('p', [_vm._v(":::")]), _vm._v(" "), _c('h3', { + attrs: { + "id": "api" + } + }, [_c('a', { + staticClass: "header-anchor", + attrs: { + "href": "#api", + "aria-hidden": "true" + } + }, [_vm._v("¶")]), _vm._v(" API")]), _vm._v(" "), _c('table', { + staticClass: "table" + }, [_c('thead', [_c('tr', [_c('th', [_vm._v("参数")]), _vm._v(" "), _c('th', [_vm._v("说明")]), _vm._v(" "), _c('th', [_vm._v("类型")]), _vm._v(" "), _c('th', [_vm._v("默认值")]), _vm._v(" "), _c('th', [_vm._v("可选值")])])]), _vm._v(" "), _c('tbody', [_c('tr', [_c('td', [_vm._v("disabled")]), _vm._v(" "), _c('td', [_vm._v("是否禁用单选框")]), _vm._v(" "), _c('td', [_vm._v("Boolean")]), _vm._v(" "), _c('td', [_vm._v("false")]), _vm._v(" "), _c('td')])])])]) +}]} + +/***/ }), +/* 244 */ +/***/ (function(module, exports) { + +module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h; + return _vm._m(0) +},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h; + return _c('section', [_c('h2', { + attrs: { + "id": "picker-zu-jian" + } + }, [_c('a', { + staticClass: "header-anchor", + attrs: { + "href": "#picker-zu-jian", + "aria-hidden": "true" + } + }, [_vm._v("¶")]), _vm._v(" Picker组件")]), _vm._v(" "), _c('p', [_vm._v("模仿iOS中的"), _c('code', [_vm._v("UIPickerView")]), _vm._v("。")]), _vm._v(" "), _c('h3', { + attrs: { + "id": "ji-chu-yong-fa" + } + }, [_c('a', { + staticClass: "header-anchor", + attrs: { + "href": "#ji-chu-yong-fa", + "aria-hidden": "true" + } + }, [_vm._v("¶")]), _vm._v(" 基础用法")]), _vm._v(" "), _c('pre', [_c('code', { + staticClass: "hljs language-html" + }, [_c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-picker")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v(":columns")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"pickerColumns\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("@change")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"handlePickerChange\"")]), _vm._v(">")]), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n")])]), _vm._v(" "), _c('h3', { + attrs: { + "id": "api" + } + }, [_c('a', { + staticClass: "header-anchor", + attrs: { + "href": "#api", + "aria-hidden": "true" + } + }, [_vm._v("¶")]), _vm._v(" API")]), _vm._v(" "), _c('table', { + staticClass: "table" + }, [_c('thead', [_c('tr', [_c('th', [_vm._v("参数")]), _vm._v(" "), _c('th', [_vm._v("说明")]), _vm._v(" "), _c('th', [_vm._v("类型")]), _vm._v(" "), _c('th', [_vm._v("默认值")]), _vm._v(" "), _c('th', [_vm._v("可选值")])])]), _vm._v(" "), _c('tbody', [_c('tr', [_c('td', [_vm._v("visibileColumnCount")]), _vm._v(" "), _c('td', [_vm._v("每一列可见备选元素的个数")]), _vm._v(" "), _c('td', [_vm._v("Number")]), _vm._v(" "), _c('td', [_vm._v("5")]), _vm._v(" "), _c('td')]), _vm._v(" "), _c('tr', [_c('td', [_vm._v("itemHeight")]), _vm._v(" "), _c('td', [_vm._v("选中元素区高度")]), _vm._v(" "), _c('td', [_vm._v("Number")]), _vm._v(" "), _c('td', [_vm._v("44")]), _vm._v(" "), _c('td')]), _vm._v(" "), _c('tr', [_c('td', [_vm._v("columns")]), _vm._v(" "), _c('td', [_vm._v("对象数组，配置每一列显示的数据")]), _vm._v(" "), _c('td', [_vm._v("Array")]), _vm._v(" "), _c('td'), _vm._v(" "), _c('td')]), _vm._v(" "), _c('tr', [_c('td', [_vm._v("showToolbar")]), _vm._v(" "), _c('td', [_vm._v("是否在组件顶部显示一个toolbar")]), _vm._v(" "), _c('td', [_vm._v("Boolean")]), _vm._v(" "), _c('td', [_vm._v("true")]), _vm._v(" "), _c('td')])])]), _vm._v(" "), _c('h3', { + attrs: { + "id": "columns" + } + }, [_c('a', { + staticClass: "header-anchor", + attrs: { + "href": "#columns", + "aria-hidden": "true" + } + }, [_vm._v("¶")]), _vm._v(" columns")]), _vm._v(" "), _c('p', [_c('code', [_vm._v("API")]), _vm._v("中的"), _c('code', [_vm._v("columns")]), _vm._v("为一个对象数组，数组中的每一个对象配置每一列，每一列有以下"), _c('code', [_vm._v("key")]), _vm._v("：")]), _vm._v(" "), _c('table', { + staticClass: "table" + }, [_c('thead', [_c('tr', [_c('th', [_vm._v("key")]), _vm._v(" "), _c('th', [_vm._v("说明")])])]), _vm._v(" "), _c('tbody', [_c('tr', [_c('td', [_vm._v("values")]), _vm._v(" "), _c('td', [_vm._v("列中对应的备选值")])]), _vm._v(" "), _c('tr', [_c('td', [_vm._v("defaultIndex")]), _vm._v(" "), _c('td', [_vm._v("初始选中值的索引，默认为0")])]), _vm._v(" "), _c('tr', [_c('td', [_vm._v("className")]), _vm._v(" "), _c('td', [_vm._v("为对应列添加特殊的"), _c('code', [_vm._v("class")])])])])]), _vm._v(" "), _c('h3', { + attrs: { + "id": "change-shi-jian" + } + }, [_c('a', { + staticClass: "header-anchor", + attrs: { + "href": "#change-shi-jian", + "aria-hidden": "true" + } + }, [_vm._v("¶")]), _vm._v(" change事件")]), _vm._v(" "), _c('p', [_vm._v("在"), _c('code', [_vm._v("change")]), _vm._v("事件中，可以获取到"), _c('code', [_vm._v("picker")]), _vm._v("实例，对"), _c('code', [_vm._v("picker")]), _vm._v("进行相应的更新等操作：")]), _vm._v(" "), _c('table', { + staticClass: "table" + }, [_c('thead', [_c('tr', [_c('th', [_vm._v("函数")]), _vm._v(" "), _c('th', [_vm._v("说明")])])]), _vm._v(" "), _c('tbody', [_c('tr', [_c('td', [_vm._v("getColumnValue(index)")]), _vm._v(" "), _c('td', [_vm._v("获取对应列中选中的值")])]), _vm._v(" "), _c('tr', [_c('td', [_vm._v("setColumnValue(index, value)")]), _vm._v(" "), _c('td', [_vm._v("设置对应列中选中的值")])]), _vm._v(" "), _c('tr', [_c('td', [_vm._v("getColumnValues(index)")]), _vm._v(" "), _c('td', [_vm._v("获取对应列中所有的备选值")])]), _vm._v(" "), _c('tr', [_c('td', [_vm._v("setColumnValues(index, values)")]), _vm._v(" "), _c('td', [_vm._v("设置对应列中所有的备选值")])]), _vm._v(" "), _c('tr', [_c('td', [_vm._v("getValues()")]), _vm._v(" "), _c('td', [_vm._v("获取所有列中被选中的值，返回一个数组")])]), _vm._v(" "), _c('tr', [_c('td', [_vm._v("setValues(values)")]), _vm._v(" "), _c('td', [_c('code', [_vm._v("values")]), _vm._v("为一个数组，设置所有列中被选中的值")])])])])]) +}]} + +/***/ }), +/* 245 */ +/***/ (function(module, exports) { + +module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h; + return _vm._m(0) +},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h; + return _c('section', [_c('h2', { + attrs: { + "id": "popup-zu-jian" + } + }, [_c('a', { + staticClass: "header-anchor", + attrs: { + "href": "#popup-zu-jian", + "aria-hidden": "true" + } + }, [_vm._v("¶")]), _vm._v(" Popup组件")]), _vm._v(" "), _c('h3', { + attrs: { + "id": "ji-chu-yong-fa" + } + }, [_c('a', { + staticClass: "header-anchor", + attrs: { + "href": "#ji-chu-yong-fa", + "aria-hidden": "true" + } + }, [_vm._v("¶")]), _vm._v(" 基础用法")]), _vm._v(" "), _c('pre', [_c('code', { + staticClass: "hljs language-html" + }, [_c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("div")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("class")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"z-button-1\"")]), _vm._v(">")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-button")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("@click")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"popupShow1 = true\"")]), _vm._v(">")]), _vm._v("从下方弹出popup"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-popup")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("v-model")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"popupShow1\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("position")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"bottom\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("class")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"z-popup-1\"")]), _vm._v(">")]), _vm._v("\n xxxx\n"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n\n"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("div")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("class")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"z-button-1\"")]), _vm._v(">")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-button")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("@click")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"popupShow2 = true\"")]), _vm._v(">")]), _vm._v("从上方方弹出popup"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-popup")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("v-model")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"popupShow2\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("position")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"top\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("class")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"z-popup-2\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v(":overlay")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"false\"")]), _vm._v(">")]), _vm._v("\n 更新成功\n"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n\n"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("div")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("class")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"z-button-1\"")]), _vm._v(">")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-button")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("@click")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"popupShow3 = true\"")]), _vm._v(">")]), _vm._v("从右方弹出popup"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-popup")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("v-model")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"popupShow3\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("position")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"right\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("class")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"z-popup-3\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v(":overlay")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"false\"")]), _vm._v(">")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-button")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("@click.native")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"popupShow3 = false\"")]), _vm._v(">")]), _vm._v("关闭 popup"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n\n"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("div")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("class")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"z-button-1\"")]), _vm._v(">")]), _vm._v("\n "), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-button")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("@click")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"popupShow4 = true\"")]), _vm._v(">")]), _vm._v("从中间弹出popup"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("z-popup")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("v-model")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"popupShow4\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("transition")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"popup-fade\"")]), _vm._v(" "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("class")]), _vm._v("="), _c('span', { + staticClass: "hljs-string" + }, [_vm._v("\"z-popup-4\"")]), _vm._v(">")]), _vm._v("\n 一些内容\n"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n\n"), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("<"), _c('span', { + staticClass: "hljs-name" + }, [_vm._v("script")]), _vm._v(">")]), _c('span', { + staticClass: "javascript" + }, [_vm._v("\n"), _c('span', { + staticClass: "hljs-keyword" + }, [_vm._v("export")]), _vm._v(" "), _c('span', { + staticClass: "hljs-keyword" + }, [_vm._v("default")]), _vm._v(" {\n data() {\n "), _c('span', { + staticClass: "hljs-keyword" + }, [_vm._v("return")]), _vm._v(" {\n "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("popupShow1")]), _vm._v(": "), _c('span', { + staticClass: "hljs-literal" + }, [_vm._v("false")]), _vm._v(",\n "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("popupShow2")]), _vm._v(": "), _c('span', { + staticClass: "hljs-literal" + }, [_vm._v("false")]), _vm._v(",\n "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("popupShow3")]), _vm._v(": "), _c('span', { + staticClass: "hljs-literal" + }, [_vm._v("false")]), _vm._v(",\n "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("popupShow4")]), _vm._v(": "), _c('span', { + staticClass: "hljs-literal" + }, [_vm._v("false")]), _vm._v("\n }\n },\n\n "), _c('span', { + staticClass: "hljs-attr" + }, [_vm._v("watch")]), _vm._v(": {\n popupShow2(val) {\n "), _c('span', { + staticClass: "hljs-keyword" + }, [_vm._v("if")]), _vm._v(" (val) {\n setTimeout("), _c('span', { + staticClass: "hljs-function" + }, [_c('span', { + staticClass: "hljs-params" + }, [_vm._v("()")]), _vm._v(" =>")]), _vm._v(" {\n "), _c('span', { + staticClass: "hljs-keyword" + }, [_vm._v("this")]), _vm._v(".popupShow2 = "), _c('span', { + staticClass: "hljs-literal" + }, [_vm._v("false")]), _vm._v(";\n }, "), _c('span', { + staticClass: "hljs-number" + }, [_vm._v("2000")]), _vm._v(");\n }\n }\n }\n};\n")]), _c('span', { + staticClass: "hljs-tag" + }, [_vm._v("")]), _vm._v("\n")])]), _vm._v(" "), _c('h3', { + attrs: { + "id": "api" + } + }, [_c('a', { + staticClass: "header-anchor", + attrs: { + "href": "#api", + "aria-hidden": "true" + } + }, [_vm._v("¶")]), _vm._v(" API")]), _vm._v(" "), _c('table', { + staticClass: "table" + }, [_c('thead', [_c('tr', [_c('th', [_vm._v("参数")]), _vm._v(" "), _c('th', [_vm._v("说明")]), _vm._v(" "), _c('th', [_vm._v("类型")]), _vm._v(" "), _c('th', [_vm._v("默认值")]), _vm._v(" "), _c('th', [_vm._v("可选值")])])]), _vm._v(" "), _c('tbody', [_c('tr', [_c('td', [_vm._v("value")]), _vm._v(" "), _c('td', [_vm._v("利用"), _c('code', [_vm._v("v-model")]), _vm._v("绑定当前组件是否显示")]), _vm._v(" "), _c('td', [_vm._v("Boolean")]), _vm._v(" "), _c('td', [_vm._v("''")]), _vm._v(" "), _c('td')])])])]) +}]} + +/***/ }), +/* 246 */ +/***/ (function(module, exports) { + +module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h; + return _c('div', { + staticClass: "page-panel" + }, [_c('h1', { + staticClass: "page-title" + }, [_vm._v("Panel")]), _vm._v(" "), _c('h2', { + staticClass: "page-sub-title" + }, [_vm._v("基础用法")]), _vm._v(" "), _c('z-panel', { + attrs: { + "title": "标题", + "desc": "标题描述", + "status": "状态" + } + }, [_c('z-card', { + attrs: { + "title": "商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余", + "desc": "商品SKU1，商品SKU2", + "thumb": "https://img.yzcdn.cn/upload_files/2017/02/17/FnDwvwHmU-OiqsbjAO5X7wh1KWrR.jpg!100x100.jpg" + } + }, [_c('div', { + staticClass: "z-card__row", + slot: "title" + }, [_c('h4', { + staticClass: "z-card__title" + }, [_vm._v("商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余")]), _vm._v(" "), _c('span', { + staticClass: "z-card__price" + }, [_vm._v("¥ 2.00")])]), _vm._v(" "), _c('div', { + staticClass: "z-card__row", + slot: "desc" + }, [_c('h4', { + staticClass: "z-card__desc" + }, [_vm._v("商品sku")]), _vm._v(" "), _c('span', { + staticClass: "z-card__num" + }, [_vm._v("x 2")])]), _vm._v(" "), _c('div', { + staticClass: "z-card__footer", + slot: "footer" + }, [_c('z-button', { + attrs: { + "size": "mini" + } + }, [_vm._v("按钮一")]), _vm._v(" "), _c('z-button', { + attrs: { + "size": "mini" + } + }, [_vm._v("按钮二")])], 1)]), _vm._v(" "), _c('div', { + staticClass: "z-panel-sum" + }, [_vm._v("\n 合计："), _c('span', [_vm._v("¥ 1999.90")])])], 1), _vm._v(" "), _c('h2', { + staticClass: "page-sub-title" + }, [_vm._v("高级用法")]), _vm._v(" "), _c('z-panel', { + attrs: { + "title": "标题", + "desc": "标题描述", + "status": "状态" + } + }, [_c('z-card', { + attrs: { + "title": "商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余", + "desc": "商品SKU1，商品SKU2", + "thumb": "https://img.yzcdn.cn/upload_files/2017/02/17/FnDwvwHmU-OiqsbjAO5X7wh1KWrR.jpg!100x100.jpg" + } + }, [_c('div', { + staticClass: "z-card__row", + slot: "title" + }, [_c('h4', { + staticClass: "z-card__title" + }, [_vm._v("商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余")]), _vm._v(" "), _c('span', { + staticClass: "z-card__price" + }, [_vm._v("¥ 2.00")])]), _vm._v(" "), _c('div', { + staticClass: "z-card__row", + slot: "desc" + }, [_c('h4', { + staticClass: "z-card__desc" + }, [_vm._v("商品sku")]), _vm._v(" "), _c('span', { + staticClass: "z-card__num" + }, [_vm._v("x 2")])]), _vm._v(" "), _c('div', { + staticClass: "z-card__footer", + slot: "footer" + }, [_c('z-button', { + attrs: { + "size": "mini" + } + }, [_vm._v("按钮一")]), _vm._v(" "), _c('z-button', { + attrs: { + "size": "mini" + } + }, [_vm._v("按钮二")])], 1)]), _vm._v(" "), _c('div', { + staticClass: "z-panel-sum" + }, [_vm._v("\n 合计："), _c('span', [_vm._v("¥ 1999.90")])]), _vm._v(" "), _c('div', { + staticClass: "z-panel-buttons", + slot: "footer" + }, [_c('z-button', { + attrs: { + "size": "small" + } + }, [_vm._v("按钮一")]), _vm._v(" "), _c('z-button', { + attrs: { + "size": "small", + "type": "danger" + } + }, [_vm._v("按钮二")])], 1)], 1)], 1) +},staticRenderFns: []} + +/***/ }), +/* 247 */ +/***/ (function(module, exports) { + +module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h; + return _c('div', { + staticClass: "page-switch" + }, [_c('h1', { + staticClass: "page-title" + }, [_vm._v("Switch")]), _vm._v(" "), _c('h2', { + staticClass: "page-sub-title" + }, [_vm._v("基础用法")]), _vm._v(" "), _c('div', { + staticClass: "page-switch" + }, [_c('div', { + staticClass: "page-switch__wrapper" + }, [_c('o2-switch', { + staticClass: "some-customized-class", + attrs: { + "checked": _vm.switchState, + "on-change": _vm.updateState + } + }), _vm._v(" "), _c('div', { + staticClass: "page-switch__text" + }, [_vm._v(_vm._s(_vm.switchStateText))])], 1), _vm._v(" "), _c('div', { + staticClass: "page-switch__wrapper" + }, [_c('o2-switch', { + staticClass: "some-customized-class", + attrs: { + "checked": true, + "disabled": true + } + }), _vm._v(" "), _c('div', { + staticClass: "page-switch__text" + }, [_vm._v("ON, DISABLED")])], 1), _vm._v(" "), _c('div', { + staticClass: "page-switch__wrapper" + }, [_c('o2-switch', { + staticClass: "some-customized-class", + attrs: { + "checked": false, + "disabled": true + } + }), _vm._v(" "), _c('div', { + staticClass: "page-switch__text" + }, [_vm._v("OFF, DISABLED")])], 1)])]) +},staticRenderFns: []} + +/***/ }), +/* 248 */ +/***/ (function(module, exports, __webpack_require__) { + +// style-loader: Adds some css to the DOM by adding a \n\n\n\n// WEBPACK FOOTER //\n// cell.vue?eceb3aac","\n\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// dialog.vue?01248ba8","\n\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// field.vue?a020420a","\n\n\n\n\n\n// WEBPACK FOOTER //\n// picker.vue?b4bb0f08","\n\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// popup.vue?2309c175","\n\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// switch.vue?0fcdb316","\n\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// waterfall.vue?668c82b1","\n\n\n\n\n// WEBPACK FOOTER //\n// cell-1.vue?5a78fd5b","\n\n\n\n\n// WEBPACK FOOTER //\n// dialog-8.vue?791a98ce","\n\n\n\n\n// WEBPACK FOOTER //\n// radio-9.vue?1b24d7f5","module.exports = { \"default\": require(\"core-js/library/fn/object/keys\"), __esModule: true };\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/babel-runtime/core-js/object/keys.js\n// module id = 186\n// module chunks = 0","require('../../modules/es6.object.keys');\nmodule.exports = require('../../modules/_core').Object.keys;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/core-js/library/fn/object/keys.js\n// module id = 187\n// module chunks = 0","// most Object methods by ES6 should accept primitives\nvar $export = require('./_export')\n , core = require('./_core')\n , fails = require('./_fails');\nmodule.exports = function(KEY, exec){\n var fn = (core.Object || {})[KEY] || Object[KEY]\n , exp = {};\n exp[KEY] = exec(fn);\n $export($export.S + $export.F * fails(function(){ fn(1); }), 'Object', exp);\n};\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/core-js/library/modules/_object-sap.js\n// module id = 188\n// module chunks = 0","// 19.1.2.14 Object.keys(O)\nvar toObject = require('./_to-object')\n , $keys = require('./_object-keys');\n\nrequire('./_object-sap')('keys', function(){\n return function keys(it){\n return $keys(toObject(it));\n };\n});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/core-js/library/modules/es6.object.keys.js\n// module id = 189\n// module chunks = 0","exports = module.exports = require(\"../../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \".page-sub-title{padding:15px}\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader?minimize!./~/vue-loader/lib/style-rewriter.js?id=data-v-025cf2ea!./~/vue-loader/lib/selector.js?type=styles&index=0!./docs/examples/card.vue\n// module id = 190\n// module chunks = 0","exports = module.exports = require(\"../../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \".page-sub-title{padding:20px 15px}\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader?minimize!./~/vue-loader/lib/style-rewriter.js?id=data-v-3804020f!./~/vue-loader/lib/selector.js?type=styles&index=0!./docs/examples/field.vue\n// module id = 192\n// module chunks = 0","exports = module.exports = require(\"../../css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \".official-img{width:31px;vertical-align:middle;border:0}\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader?minimize!./~/vue-loader/lib/style-rewriter.js?id=data-v-5184d01e!./~/vue-loader/lib/selector.js?type=styles&index=0!./~/vue-markdown-loader/_cache/cell-1.vue\n// module id = 193\n// module chunks = 0","exports = module.exports = require(\"../../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \".page-dialog{padding:0 15px}.page-dialog .z-button-1{margin-bottom:10px}\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader?minimize!./~/vue-loader/lib/style-rewriter.js?id=data-v-562c8003!./~/vue-loader/lib/selector.js?type=styles&index=0!./docs/examples/dialog.vue\n// module id = 194\n// module chunks = 0","exports = module.exports = require(\"../../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \".official-img{width:31px;vertical-align:middle;border:0}.page-sub-title{padding:25px 15px}\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader?minimize!./~/vue-loader/lib/style-rewriter.js?id=data-v-6ec3c846!./~/vue-loader/lib/selector.js?type=styles&index=0!./docs/examples/cell.vue\n// module id = 195\n// module chunks = 0","exports = module.exports = require(\"../../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \".z-popup-1{width:100%;height:200px}.z-popup-2{width:100%;line-height:44px;background-color:rgba(0,0,0,.701961);text-align:center;color:#fff}.z-popup-3{width:100%;height:100%;background-color:#fff}.z-popup-4{width:50%;height:200px;background:#fff;border-radius:10px}.page-popup .z-button-1{margin-bottom:10px}.page-sub-title{padding:20px 15px}\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader?minimize!./~/vue-loader/lib/style-rewriter.js?id=data-v-703eae7e!./~/vue-loader/lib/selector.js?type=styles&index=0!./docs/examples/popup.vue\n// module id = 196\n// module chunks = 0","exports = module.exports = require(\"../../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \".waterfall{height:300px;overflow:scroll}.waterfall-item{line-height:20px;padding:5px 0}.page-sub-title{padding:15px}\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader?minimize!./~/vue-loader/lib/style-rewriter.js?id=data-v-726870b2!./~/vue-loader/lib/selector.js?type=styles&index=0!./docs/examples/waterfall.vue\n// module id = 197\n// module chunks = 0","exports = module.exports = require(\"../../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \".page-button{padding:0 20px}.z-button-group .z-button-1{margin-bottom:10px}\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader?minimize!./~/vue-loader/lib/style-rewriter.js?id=data-v-83ccb626!./~/vue-loader/lib/selector.js?type=styles&index=0!./docs/examples/button.vue\n// module id = 198\n// module chunks = 0","exports = module.exports = require(\"../../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \".z-panel-sum{background:#fff;text-align:right;font-size:14px;color:#333;line-height:30px;padding-right:15px}.z-panel-sum span{color:red}.z-panel-buttons{text-align:right}.z-panel-buttons .z-button{margin-left:5px}\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader?minimize!./~/vue-loader/lib/style-rewriter.js?id=data-v-d78453ce!./~/vue-loader/lib/selector.js?type=styles&index=0!./docs/examples/panel.vue\n// module id = 199\n// module chunks = 0","exports = module.exports = require(\"../../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \".page-switch{padding:0 15px 15px}.page-switch__wrapper{width:33.33%;float:left;text-align:center}.page-switch__text{margin:20px 0}\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader?minimize!./~/vue-loader/lib/style-rewriter.js?id=data-v-d7f13822!./~/vue-loader/lib/selector.js?type=styles&index=0!./docs/examples/switch.vue\n// module id = 200\n// module chunks = 0","\n/* styles */\nrequire(\"!!vue-loader/node_modules/vue-style-loader!css-loader?minimize!../../node_modules/vue-loader/lib/style-rewriter?id=data-v-83ccb626!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./button.vue\")\n\nvar Component = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")(\n /* script */\n null,\n /* template */\n require(\"!!../../node_modules/vue-loader/lib/template-compiler?id=data-v-83ccb626!../../node_modules/vue-loader/lib/selector?type=template&index=0!./button.vue\"),\n /* scopeId */\n null,\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./docs/examples/button.vue\n// module id = 201\n// module chunks = 0","\n/* styles */\nrequire(\"!!vue-loader/node_modules/vue-style-loader!css-loader?minimize!../../node_modules/vue-loader/lib/style-rewriter?id=data-v-025cf2ea!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./card.vue\")\n\nvar Component = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")(\n /* script */\n null,\n /* template */\n require(\"!!../../node_modules/vue-loader/lib/template-compiler?id=data-v-025cf2ea!../../node_modules/vue-loader/lib/selector?type=template&index=0!./card.vue\"),\n /* scopeId */\n null,\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./docs/examples/card.vue\n// module id = 202\n// module chunks = 0","\n/* styles */\nrequire(\"!!vue-loader/node_modules/vue-style-loader!css-loader?minimize!../../node_modules/vue-loader/lib/style-rewriter?id=data-v-6ec3c846!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./cell.vue\")\n\nvar Component = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")(\n /* script */\n require(\"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./cell.vue\"),\n /* template */\n require(\"!!../../node_modules/vue-loader/lib/template-compiler?id=data-v-6ec3c846!../../node_modules/vue-loader/lib/selector?type=template&index=0!./cell.vue\"),\n /* scopeId */\n null,\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./docs/examples/cell.vue\n// module id = 203\n// module chunks = 0","\n/* styles */\nrequire(\"!!vue-loader/node_modules/vue-style-loader!css-loader?minimize!../../node_modules/vue-loader/lib/style-rewriter?id=data-v-562c8003!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./dialog.vue\")\n\nvar Component = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")(\n /* script */\n require(\"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./dialog.vue\"),\n /* template */\n require(\"!!../../node_modules/vue-loader/lib/template-compiler?id=data-v-562c8003!../../node_modules/vue-loader/lib/selector?type=template&index=0!./dialog.vue\"),\n /* scopeId */\n null,\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./docs/examples/dialog.vue\n// module id = 204\n// module chunks = 0","\n/* styles */\nrequire(\"!!vue-loader/node_modules/vue-style-loader!css-loader?minimize!../../node_modules/vue-loader/lib/style-rewriter?id=data-v-3804020f!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./field.vue\")\n\nvar Component = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")(\n /* script */\n require(\"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./field.vue\"),\n /* template */\n require(\"!!../../node_modules/vue-loader/lib/template-compiler?id=data-v-3804020f!../../node_modules/vue-loader/lib/selector?type=template&index=0!./field.vue\"),\n /* scopeId */\n null,\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./docs/examples/field.vue\n// module id = 205\n// module chunks = 0","\n/* styles */\nrequire(\"!!vue-loader/node_modules/vue-style-loader!css-loader?minimize!../../node_modules/vue-loader/lib/style-rewriter?id=data-v-d78453ce!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./panel.vue\")\n\nvar Component = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")(\n /* script */\n null,\n /* template */\n require(\"!!../../node_modules/vue-loader/lib/template-compiler?id=data-v-d78453ce!../../node_modules/vue-loader/lib/selector?type=template&index=0!./panel.vue\"),\n /* scopeId */\n null,\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./docs/examples/panel.vue\n// module id = 206\n// module chunks = 0","var Component = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")(\n /* script */\n require(\"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./picker.vue\"),\n /* template */\n require(\"!!../../node_modules/vue-loader/lib/template-compiler?id=data-v-54047849!../../node_modules/vue-loader/lib/selector?type=template&index=0!./picker.vue\"),\n /* scopeId */\n null,\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./docs/examples/picker.vue\n// module id = 207\n// module chunks = 0","\n/* styles */\nrequire(\"!!vue-loader/node_modules/vue-style-loader!css-loader?minimize!../../node_modules/vue-loader/lib/style-rewriter?id=data-v-703eae7e!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./popup.vue\")\n\nvar Component = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")(\n /* script */\n require(\"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./popup.vue\"),\n /* template */\n require(\"!!../../node_modules/vue-loader/lib/template-compiler?id=data-v-703eae7e!../../node_modules/vue-loader/lib/selector?type=template&index=0!./popup.vue\"),\n /* scopeId */\n null,\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./docs/examples/popup.vue\n// module id = 208\n// module chunks = 0","\n/* styles */\nrequire(\"!!vue-loader/node_modules/vue-style-loader!css-loader?minimize!../../node_modules/vue-loader/lib/style-rewriter?id=data-v-d7f13822!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./switch.vue\")\n\nvar Component = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")(\n /* script */\n require(\"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./switch.vue\"),\n /* template */\n require(\"!!../../node_modules/vue-loader/lib/template-compiler?id=data-v-d7f13822!../../node_modules/vue-loader/lib/selector?type=template&index=0!./switch.vue\"),\n /* scopeId */\n null,\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./docs/examples/switch.vue\n// module id = 209\n// module chunks = 0","\n/* styles */\nrequire(\"!!vue-loader/node_modules/vue-style-loader!css-loader?minimize!../../node_modules/vue-loader/lib/style-rewriter?id=data-v-726870b2!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./waterfall.vue\")\n\nvar Component = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")(\n /* script */\n require(\"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./waterfall.vue\"),\n /* template */\n require(\"!!../../node_modules/vue-loader/lib/template-compiler?id=data-v-726870b2!../../node_modules/vue-loader/lib/selector?type=template&index=0!./waterfall.vue\"),\n /* scopeId */\n null,\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./docs/examples/waterfall.vue\n// module id = 210\n// module chunks = 0","var Component = require(\"!../../vue-loader/lib/component-normalizer\")(\n /* script */\n null,\n /* template */\n require(\"!!../../vue-loader/lib/template-compiler?id=data-v-32d2eefc!../../vue-loader/lib/selector?type=template&index=0!./button-2.vue\"),\n /* scopeId */\n null,\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader!./~/vue-markdown-loader/_cache/button-2.vue\n// module id = 211\n// module chunks = 0","var Component = require(\"!../../vue-loader/lib/component-normalizer\")(\n /* script */\n null,\n /* template */\n require(\"!!../../vue-loader/lib/template-compiler?id=data-v-4e6b55a2!../../vue-loader/lib/selector?type=template&index=0!./card-4.vue\"),\n /* scopeId */\n null,\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader!./~/vue-markdown-loader/_cache/card-4.vue\n// module id = 212\n// module chunks = 0","\n/* styles */\nrequire(\"!!vue-loader/node_modules/vue-style-loader!css-loader?minimize!../../vue-loader/lib/style-rewriter?id=data-v-5184d01e!../../vue-loader/lib/selector?type=styles&index=0!./cell-1.vue\")\n\nvar Component = require(\"!../../vue-loader/lib/component-normalizer\")(\n /* script */\n require(\"!!babel-loader!../../vue-loader/lib/selector?type=script&index=0!./cell-1.vue\"),\n /* template */\n require(\"!!../../vue-loader/lib/template-compiler?id=data-v-5184d01e!../../vue-loader/lib/selector?type=template&index=0!./cell-1.vue\"),\n /* scopeId */\n null,\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader!./~/vue-markdown-loader/_cache/cell-1.vue\n// module id = 213\n// module chunks = 0","var Component = require(\"!../../vue-loader/lib/component-normalizer\")(\n /* script */\n null,\n /* template */\n require(\"!!../../vue-loader/lib/template-compiler?id=data-v-7ed62b14!../../vue-loader/lib/selector?type=template&index=0!./checkbox-3.vue\"),\n /* scopeId */\n null,\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader!./~/vue-markdown-loader/_cache/checkbox-3.vue\n// module id = 214\n// module chunks = 0","var Component = require(\"!../../vue-loader/lib/component-normalizer\")(\n /* script */\n require(\"!!babel-loader!../../vue-loader/lib/selector?type=script&index=0!./dialog-8.vue\"),\n /* template */\n require(\"!!../../vue-loader/lib/template-compiler?id=data-v-7498f9c4!../../vue-loader/lib/selector?type=template&index=0!./dialog-8.vue\"),\n /* scopeId */\n null,\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader!./~/vue-markdown-loader/_cache/dialog-8.vue\n// module id = 215\n// module chunks = 0","var Component = require(\"!../../vue-loader/lib/component-normalizer\")(\n /* script */\n null,\n /* template */\n require(\"!!../../vue-loader/lib/template-compiler?id=data-v-2d289d6e!../../vue-loader/lib/selector?type=template&index=0!./field-7.vue\"),\n /* scopeId */\n null,\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader!./~/vue-markdown-loader/_cache/field-7.vue\n// module id = 216\n// module chunks = 0","var Component = require(\"!../../vue-loader/lib/component-normalizer\")(\n /* script */\n null,\n /* template */\n require(\"!!../../vue-loader/lib/template-compiler?id=data-v-1e729352!../../vue-loader/lib/selector?type=template&index=0!./panel-6.vue\"),\n /* scopeId */\n null,\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader!./~/vue-markdown-loader/_cache/panel-6.vue\n// module id = 217\n// module chunks = 0","var Component = require(\"!../../vue-loader/lib/component-normalizer\")(\n /* script */\n null,\n /* template */\n require(\"!!../../vue-loader/lib/template-compiler?id=data-v-a577893e!../../vue-loader/lib/selector?type=template&index=0!./picker-5.vue\"),\n /* scopeId */\n null,\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader!./~/vue-markdown-loader/_cache/picker-5.vue\n// module id = 218\n// module chunks = 0","var Component = require(\"!../../vue-loader/lib/component-normalizer\")(\n /* script */\n null,\n /* template */\n require(\"!!../../vue-loader/lib/template-compiler?id=data-v-cf44ade4!../../vue-loader/lib/selector?type=template&index=0!./popup-13.vue\"),\n /* scopeId */\n null,\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader!./~/vue-markdown-loader/_cache/popup-13.vue\n// module id = 219\n// module chunks = 0","var Component = require(\"!../../vue-loader/lib/component-normalizer\")(\n /* script */\n require(\"!!babel-loader!../../vue-loader/lib/selector?type=script&index=0!./radio-9.vue\"),\n /* template */\n require(\"!!../../vue-loader/lib/template-compiler?id=data-v-881d62e8!../../vue-loader/lib/selector?type=template&index=0!./radio-9.vue\"),\n /* scopeId */\n null,\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader!./~/vue-markdown-loader/_cache/radio-9.vue\n// module id = 220\n// module chunks = 0","var Component = require(\"!../../vue-loader/lib/component-normalizer\")(\n /* script */\n null,\n /* template */\n require(\"!!../../vue-loader/lib/template-compiler?id=data-v-6af36731!../../vue-loader/lib/selector?type=template&index=0!./steps-11.vue\"),\n /* scopeId */\n null,\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader!./~/vue-markdown-loader/_cache/steps-11.vue\n// module id = 221\n// module chunks = 0","var Component = require(\"!../../vue-loader/lib/component-normalizer\")(\n /* script */\n null,\n /* template */\n require(\"!!../../vue-loader/lib/template-compiler?id=data-v-0847f33d!../../vue-loader/lib/selector?type=template&index=0!./switch-10.vue\"),\n /* scopeId */\n null,\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader!./~/vue-markdown-loader/_cache/switch-10.vue\n// module id = 222\n// module chunks = 0","var Component = require(\"!../../vue-loader/lib/component-normalizer\")(\n /* script */\n null,\n /* template */\n require(\"!!../../vue-loader/lib/template-compiler?id=data-v-18482e32!../../vue-loader/lib/selector?type=template&index=0!./waterfall-12.vue\"),\n /* scopeId */\n null,\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader!./~/vue-markdown-loader/_cache/waterfall-12.vue\n// module id = 223\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('div', {\n staticClass: \"page-card\"\n }, [_c('h1', {\n staticClass: \"page-title\"\n }, [_vm._v(\"Card\")]), _vm._v(\" \"), _c('h2', {\n staticClass: \"page-sub-title\"\n }, [_vm._v(\"基础用法\")]), _vm._v(\" \"), _c('z-card', {\n attrs: {\n \"title\": \"商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余\",\n \"desc\": \"描述\",\n \"thumb\": \"https://img.yzcdn.cn/upload_files/2017/02/17/FnDwvwHmU-OiqsbjAO5X7wh1KWrR.jpg!100x100.jpg\"\n }\n }), _vm._v(\" \"), _c('h2', {\n staticClass: \"page-sub-title\"\n }, [_vm._v(\"高级用法\")]), _vm._v(\" \"), _c('z-card', {\n attrs: {\n \"title\": \"商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余\",\n \"desc\": \"商品SKU1，商品SKU2\",\n \"thumb\": \"https://img.yzcdn.cn/upload_files/2017/02/17/FnDwvwHmU-OiqsbjAO5X7wh1KWrR.jpg!100x100.jpg\"\n }\n }, [_c('div', {\n staticClass: \"z-card__row\",\n slot: \"title\"\n }, [_c('h4', {\n staticClass: \"z-card__title\"\n }, [_vm._v(\"商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"z-card__price\"\n }, [_vm._v(\"¥ 2.00\")])]), _vm._v(\" \"), _c('div', {\n staticClass: \"z-card__row\",\n slot: \"desc\"\n }, [_c('h4', {\n staticClass: \"z-card__desc\"\n }, [_vm._v(\"商品sku\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"z-card__num\"\n }, [_vm._v(\"x 2\")])]), _vm._v(\" \"), _c('div', {\n staticClass: \"z-card__footer\",\n slot: \"footer\"\n }, [_c('z-button', {\n attrs: {\n \"size\": \"mini\"\n }\n }, [_vm._v(\"按钮一\")]), _vm._v(\" \"), _c('z-button', {\n attrs: {\n \"size\": \"mini\"\n }\n }, [_vm._v(\"按钮二\")])], 1)])], 1)\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-025cf2ea!./~/vue-loader/lib/selector.js?type=template&index=0!./docs/examples/card.vue\n// module id = 224\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _vm._m(0)\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('section', [_c('h2', {\n attrs: {\n \"id\": \"switch-zu-jian\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#switch-zu-jian\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" Switch组件\")]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"ji-chu-yong-fa\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#ji-chu-yong-fa\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" 基础用法\")]), _vm._v(\" \"), _c('pre', [_c('code', {\n staticClass: \"hljs language-html\"\n }, [_c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"page-switch\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"page-switch__wrapper\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"o2-switch\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"some-customized-class\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\":checked\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"switchState\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\":on-change\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"updateState\\\"\")]), _vm._v(\">\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"page-switch__text\\\"\")]), _vm._v(\">\")]), _c('span', [_vm._v(\"{{\")]), _vm._v(\"switchStateText\"), _c('span', [_vm._v(\"}}\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"page-switch__wrapper\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"o2-switch\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"some-customized-class\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\":checked\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"true\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\":disabled\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"true\\\"\")]), _vm._v(\">\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"page-switch__text\\\"\")]), _vm._v(\">\")]), _vm._v(\"ON, DISABLED\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"page-switch__wrapper\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"o2-switch\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"some-customized-class\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\":checked\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"false\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\":disabled\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"true\\\"\")]), _vm._v(\">\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"page-switch__text\\\"\")]), _vm._v(\">\")]), _vm._v(\"OFF, DISABLED\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"script\")]), _vm._v(\">\")]), _c('span', {\n staticClass: \"javascript\"\n }, [_vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-keyword\"\n }, [_vm._v(\"export\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-keyword\"\n }, [_vm._v(\"default\")]), _vm._v(\" {\\n data() {\\n \"), _c('span', {\n staticClass: \"hljs-keyword\"\n }, [_vm._v(\"return\")]), _vm._v(\" {\\n \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"switchState\")]), _vm._v(\": \"), _c('span', {\n staticClass: \"hljs-literal\"\n }, [_vm._v(\"true\")]), _vm._v(\"\\n };\\n },\\n \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"computed\")]), _vm._v(\": {\\n switchStateText() {\\n \"), _c('span', {\n staticClass: \"hljs-keyword\"\n }, [_vm._v(\"return\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-keyword\"\n }, [_vm._v(\"this\")]), _vm._v(\".switchState ? \"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"' ON'\")]), _vm._v(\" : \"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"'OFF'\")]), _vm._v(\";\\n }\\n },\\n \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"methods\")]), _vm._v(\": {\\n updateState(newState) {\\n \"), _c('span', {\n staticClass: \"hljs-keyword\"\n }, [_vm._v(\"this\")]), _vm._v(\".switchState = newState;\\n }\\n }\\n}; \\n\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n\")])]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"api\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#api\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" API\")]), _vm._v(\" \"), _c('table', {\n staticClass: \"table\"\n }, [_c('thead', [_c('tr', [_c('th', [_vm._v(\"参数\")]), _vm._v(\" \"), _c('th', [_vm._v(\"说明\")]), _vm._v(\" \"), _c('th', [_vm._v(\"类型\")]), _vm._v(\" \"), _c('th', [_vm._v(\"默认值\")]), _vm._v(\" \"), _c('th', [_vm._v(\"可选值\")])])]), _vm._v(\" \"), _c('tbody', [_c('tr', [_c('td', [_vm._v(\"checked\")]), _vm._v(\" \"), _c('td', [_vm._v(\"开关状态\")]), _vm._v(\" \"), _c('td', [_vm._v(\"boolean\")]), _vm._v(\" \"), _c('td', [_vm._v(\"false\")]), _vm._v(\" \"), _c('td', [_vm._v(\"true, false\")])]), _vm._v(\" \"), _c('tr', [_c('td', [_vm._v(\"loading\")]), _vm._v(\" \"), _c('td', [_vm._v(\"loading状态\")]), _vm._v(\" \"), _c('td', [_vm._v(\"boolean\")]), _vm._v(\" \"), _c('td', [_vm._v(\"false\")]), _vm._v(\" \"), _c('td', [_vm._v(\"true, false\")])]), _vm._v(\" \"), _c('tr', [_c('td', [_vm._v(\"disabled\")]), _vm._v(\" \"), _c('td', [_vm._v(\"禁用状态\")]), _vm._v(\" \"), _c('td', [_vm._v(\"boolean\")]), _vm._v(\" \"), _c('td', [_vm._v(\"false\")]), _vm._v(\" \"), _c('td', [_vm._v(\"true, false\")])]), _vm._v(\" \"), _c('tr', [_c('td', [_vm._v(\"onChange\")]), _vm._v(\" \"), _c('td', [_vm._v(\"回调\")]), _vm._v(\" \"), _c('td', [_vm._v(\"function\")]), _vm._v(\" \"), _c('td', [_vm._v(\"function（）{}\")]), _vm._v(\" \"), _c('td', [_vm._v(\"-\")])])])])])\n}]}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-0847f33d!./~/vue-loader/lib/selector.js?type=template&index=0!./~/vue-markdown-loader/_cache/switch-10.vue\n// module id = 225\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _vm._m(0)\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('section', [_c('h2', {\n attrs: {\n \"id\": \"waterfall-pu-bu-liu\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#waterfall-pu-bu-liu\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" Waterfall 瀑布流\")]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"ji-chu-yong-fa\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#ji-chu-yong-fa\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" 基础用法\")]), _vm._v(\" \"), _c('pre', [_c('code', {\n staticClass: \"hljs language-html\"\n }, [_c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"waterfall\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"v-waterfall-lower\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"loadMore\\\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"v-waterfall-upper\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"loadMoreUpper\\\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"waterfall-disabled\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"isWaterfallDisabled\\\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"waterfall-offset\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"400\\\"\")]), _vm._v(\"\\n >\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"waterfall-item\\\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"v-for\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"item in list\\\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"style\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"text-align: center;\\\"\")]), _vm._v(\"\\n >\")]), _vm._v(\"\\n \"), _c('span', [_vm._v(\"{{\")]), _vm._v(\" item \"), _c('span', [_vm._v(\"}}\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"v-if\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"loading\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"style\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"text-align: center;\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n loading\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"script\")]), _vm._v(\">\")]), _c('span', {\n staticClass: \"javascript\"\n }, [_vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-keyword\"\n }, [_vm._v(\"export\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-keyword\"\n }, [_vm._v(\"default\")]), _vm._v(\" {\\n data() {\\n \"), _c('span', {\n staticClass: \"hljs-keyword\"\n }, [_vm._v(\"return\")]), _vm._v(\" {\\n \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"list\")]), _vm._v(\": [\"), _c('span', {\n staticClass: \"hljs-number\"\n }, [_vm._v(\"1\")]), _vm._v(\", \"), _c('span', {\n staticClass: \"hljs-number\"\n }, [_vm._v(\"2\")]), _vm._v(\", \"), _c('span', {\n staticClass: \"hljs-number\"\n }, [_vm._v(\"3\")]), _vm._v(\", \"), _c('span', {\n staticClass: \"hljs-number\"\n }, [_vm._v(\"4\")]), _vm._v(\", \"), _c('span', {\n staticClass: \"hljs-number\"\n }, [_vm._v(\"5\")]), _vm._v(\"],\\n \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"loading\")]), _vm._v(\": \"), _c('span', {\n staticClass: \"hljs-literal\"\n }, [_vm._v(\"false\")]), _vm._v(\",\\n \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"finished\")]), _vm._v(\": \"), _c('span', {\n staticClass: \"hljs-literal\"\n }, [_vm._v(\"false\")]), _vm._v(\"\\n };\\n },\\n \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"methods\")]), _vm._v(\": {\\n loadMore() {\\n \"), _c('span', {\n staticClass: \"hljs-keyword\"\n }, [_vm._v(\"if\")]), _vm._v(\" (\"), _c('span', {\n staticClass: \"hljs-keyword\"\n }, [_vm._v(\"this\")]), _vm._v(\".list.length >= \"), _c('span', {\n staticClass: \"hljs-number\"\n }, [_vm._v(\"200\")]), _vm._v(\") {\\n \"), _c('span', {\n staticClass: \"hljs-keyword\"\n }, [_vm._v(\"this\")]), _vm._v(\".finished = \"), _c('span', {\n staticClass: \"hljs-literal\"\n }, [_vm._v(\"true\")]), _vm._v(\";\\n \"), _c('span', {\n staticClass: \"hljs-keyword\"\n }, [_vm._v(\"return\")]), _vm._v(\";\\n }\\n\\n \"), _c('span', {\n staticClass: \"hljs-keyword\"\n }, [_vm._v(\"this\")]), _vm._v(\".loading = \"), _c('span', {\n staticClass: \"hljs-literal\"\n }, [_vm._v(\"true\")]), _vm._v(\";\\n setTimeout(\"), _c('span', {\n staticClass: \"hljs-function\"\n }, [_c('span', {\n staticClass: \"hljs-params\"\n }, [_vm._v(\"()\")]), _vm._v(\" =>\")]), _vm._v(\" {\\n \"), _c('span', {\n staticClass: \"hljs-keyword\"\n }, [_vm._v(\"let\")]), _vm._v(\" lastNumber = \"), _c('span', {\n staticClass: \"hljs-keyword\"\n }, [_vm._v(\"this\")]), _vm._v(\".list[\"), _c('span', {\n staticClass: \"hljs-keyword\"\n }, [_vm._v(\"this\")]), _vm._v(\".list.length - \"), _c('span', {\n staticClass: \"hljs-number\"\n }, [_vm._v(\"1\")]), _vm._v(\"];\\n \"), _c('span', {\n staticClass: \"hljs-keyword\"\n }, [_vm._v(\"for\")]), _vm._v(\" (\"), _c('span', {\n staticClass: \"hljs-keyword\"\n }, [_vm._v(\"let\")]), _vm._v(\" i = \"), _c('span', {\n staticClass: \"hljs-number\"\n }, [_vm._v(\"0\")]), _vm._v(\"; i < \"), _c('span', {\n staticClass: \"hljs-number\"\n }, [_vm._v(\"5\")]), _vm._v(\"; i ++) {\\n lastNumber += \"), _c('span', {\n staticClass: \"hljs-number\"\n }, [_vm._v(\"1\")]), _vm._v(\";\\n \"), _c('span', {\n staticClass: \"hljs-keyword\"\n }, [_vm._v(\"this\")]), _vm._v(\".list.push(lastNumber);\\n }\\n \"), _c('span', {\n staticClass: \"hljs-keyword\"\n }, [_vm._v(\"this\")]), _vm._v(\".loading = \"), _c('span', {\n staticClass: \"hljs-literal\"\n }, [_vm._v(\"false\")]), _vm._v(\";\\n }, \"), _c('span', {\n staticClass: \"hljs-number\"\n }, [_vm._v(\"2500\")]), _vm._v(\");\\n },\\n loadMoreUpper() {\\n \"), _c('span', {\n staticClass: \"hljs-keyword\"\n }, [_vm._v(\"if\")]), _vm._v(\" (\"), _c('span', {\n staticClass: \"hljs-keyword\"\n }, [_vm._v(\"this\")]), _vm._v(\".list[\"), _c('span', {\n staticClass: \"hljs-number\"\n }, [_vm._v(\"0\")]), _vm._v(\"] < \"), _c('span', {\n staticClass: \"hljs-number\"\n }, [_vm._v(\"0\")]), _vm._v(\") \"), _c('span', {\n staticClass: \"hljs-keyword\"\n }, [_vm._v(\"return\")]), _vm._v(\";\\n \"), _c('span', {\n staticClass: \"hljs-keyword\"\n }, [_vm._v(\"this\")]), _vm._v(\".list.unshift(\"), _c('span', {\n staticClass: \"hljs-number\"\n }, [_vm._v(\"-1\")]), _vm._v(\");\\n }\\n },\\n \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"computed\")]), _vm._v(\": {\\n \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"isWaterfallDisabled\")]), _vm._v(\": \"), _c('span', {\n staticClass: \"hljs-function\"\n }, [_c('span', {\n staticClass: \"hljs-keyword\"\n }, [_vm._v(\"function\")]), _vm._v(\"(\"), _c('span', {\n staticClass: \"hljs-params\"\n }), _vm._v(\") \")]), _vm._v(\"{\\n \"), _c('span', {\n staticClass: \"hljs-keyword\"\n }, [_vm._v(\"return\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-keyword\"\n }, [_vm._v(\"this\")]), _vm._v(\".loading || \"), _c('span', {\n staticClass: \"hljs-keyword\"\n }, [_vm._v(\"this\")]), _vm._v(\".finished;\\n }\\n }\\n};\\n\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n\")])]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"api\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#api\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" API\")]), _vm._v(\" \"), _c('table', {\n staticClass: \"table\"\n }, [_c('thead', [_c('tr', [_c('th', [_vm._v(\"参数\")]), _vm._v(\" \"), _c('th', [_vm._v(\"说明\")]), _vm._v(\" \"), _c('th', [_vm._v(\"类型\")]), _vm._v(\" \"), _c('th', [_vm._v(\"默认值\")]), _vm._v(\" \"), _c('th', [_vm._v(\"可选值\")])])]), _vm._v(\" \"), _c('tbody', [_c('tr', [_c('td', [_vm._v(\"waterfall-disabled\")]), _vm._v(\" \"), _c('td', [_vm._v(\"是否禁止瀑布流触发\")]), _vm._v(\" \"), _c('td', [_vm._v(\"Boolean\")]), _vm._v(\" \"), _c('td', [_vm._v(\"false\")]), _vm._v(\" \"), _c('td')]), _vm._v(\" \"), _c('tr', [_c('td', [_vm._v(\"waterfall-offset\")]), _vm._v(\" \"), _c('td', [_vm._v(\"触发瀑布流加载的阈值\")]), _vm._v(\" \"), _c('td', [_vm._v(\"Number\")]), _vm._v(\" \"), _c('td', [_vm._v(\"300\")]), _vm._v(\" \"), _c('td')])])])])\n}]}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-18482e32!./~/vue-loader/lib/selector.js?type=template&index=0!./~/vue-markdown-loader/_cache/waterfall-12.vue\n// module id = 227\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _vm._m(0)\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('section', [_c('h2', {\n attrs: {\n \"id\": \"panel-mian-ban\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#panel-mian-ban\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" Panel 面板\")]), _vm._v(\" \"), _c('p', [_vm._v(\"面板只是一个容器，里面可以放入自定义的内容。\")]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"ji-chu-yong-fa\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#ji-chu-yong-fa\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" 基础用法\")]), _vm._v(\" \"), _c('pre', [_c('code', {\n staticClass: \"hljs language-html\"\n }, [_c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-panel\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"title\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"标题\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"desc\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"标题描述\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"status\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"状态\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-card\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"title\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余\\\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"desc\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"商品SKU1，商品SKU2\\\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"thumb\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"https://img.yzcdn.cn/upload_files/2017/02/17/FnDwvwHmU-OiqsbjAO5X7wh1KWrR.jpg!100x100.jpg\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"z-card__row\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"slot\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"title\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"h4\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"z-card__title\\\"\")]), _vm._v(\">\")]), _vm._v(\"商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"span\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"z-card__price\\\"\")]), _vm._v(\">\")]), _vm._v(\"¥ 2.00\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"z-card__row\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"slot\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"desc\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"h4\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"z-card__desc\\\"\")]), _vm._v(\">\")]), _vm._v(\"商品sku\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"span\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"z-card__num\\\"\")]), _vm._v(\">\")]), _vm._v(\"x 2\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"z-card__footer\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"slot\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"footer\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-button\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"size\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"mini\\\"\")]), _vm._v(\">\")]), _vm._v(\"按钮一\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-button\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"size\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"mini\\\"\")]), _vm._v(\">\")]), _vm._v(\"按钮二\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"z-panel-sum\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n 合计：\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"span\")]), _vm._v(\">\")]), _vm._v(\"¥ 1999.90\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n\")])]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"gao-ji-yong-fa\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#gao-ji-yong-fa\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" 高级用法\")]), _vm._v(\" \"), _c('p', [_vm._v(\"使用具名\"), _c('code', [_vm._v(\"slot\")]), _vm._v(\"自定义内容。\")]), _vm._v(\" \"), _c('pre', [_c('code', {\n staticClass: \"hljs language-html\"\n }, [_c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-panel\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"title\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"标题\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"desc\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"标题描述\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"status\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"状态\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-card\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"title\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余\\\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"desc\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"商品SKU1，商品SKU2\\\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"thumb\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"https://img.yzcdn.cn/upload_files/2017/02/17/FnDwvwHmU-OiqsbjAO5X7wh1KWrR.jpg!100x100.jpg\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"z-card__row\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"slot\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"title\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"h4\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"z-card__title\\\"\")]), _vm._v(\">\")]), _vm._v(\"商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"span\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"z-card__price\\\"\")]), _vm._v(\">\")]), _vm._v(\"¥ 2.00\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"z-card__row\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"slot\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"desc\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"h4\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"z-card__desc\\\"\")]), _vm._v(\">\")]), _vm._v(\"商品sku\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"span\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"z-card__num\\\"\")]), _vm._v(\">\")]), _vm._v(\"x 2\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"z-card__footer\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"slot\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"footer\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-button\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"size\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"mini\\\"\")]), _vm._v(\">\")]), _vm._v(\"按钮一\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-button\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"size\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"mini\\\"\")]), _vm._v(\">\")]), _vm._v(\"按钮二\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"z-panel-sum\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n 合计：\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"span\")]), _vm._v(\">\")]), _vm._v(\"¥ 1999.90\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"z-panel-buttons\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"slot\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"footer\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-button\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"size\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"small\\\"\")]), _vm._v(\">\")]), _vm._v(\"按钮一\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-button\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"size\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"small\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"type\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"danger\\\"\")]), _vm._v(\">\")]), _vm._v(\"按钮二\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n\")])]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"api\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#api\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" API\")]), _vm._v(\" \"), _c('table', {\n staticClass: \"table\"\n }, [_c('thead', [_c('tr', [_c('th', [_vm._v(\"参数\")]), _vm._v(\" \"), _c('th', [_vm._v(\"说明\")]), _vm._v(\" \"), _c('th', [_vm._v(\"类型\")]), _vm._v(\" \"), _c('th', [_vm._v(\"默认值\")]), _vm._v(\" \"), _c('th', [_vm._v(\"可选值\")])])]), _vm._v(\" \"), _c('tbody', [_c('tr', [_c('td', [_vm._v(\"title\")]), _vm._v(\" \"), _c('td', [_vm._v(\"标题\")]), _vm._v(\" \"), _c('td', [_vm._v(\"string\")]), _vm._v(\" \"), _c('td', [_vm._v(\"''\")]), _vm._v(\" \"), _c('td', [_vm._v(\"''\")])]), _vm._v(\" \"), _c('tr', [_c('td', [_vm._v(\"desc\")]), _vm._v(\" \"), _c('td', [_vm._v(\"描述\")]), _vm._v(\" \"), _c('td', [_vm._v(\"string\")]), _vm._v(\" \"), _c('td', [_vm._v(\"''\")]), _vm._v(\" \"), _c('td', [_vm._v(\"''\")])]), _vm._v(\" \"), _c('tr', [_c('td', [_vm._v(\"status\")]), _vm._v(\" \"), _c('td', [_vm._v(\"状态\")]), _vm._v(\" \"), _c('td', [_vm._v(\"string\")]), _vm._v(\" \"), _c('td', [_vm._v(\"''\")]), _vm._v(\" \"), _c('td', [_vm._v(\"''\")])])])]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"slot\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#slot\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" Slot\")]), _vm._v(\" \"), _c('table', {\n staticClass: \"table\"\n }, [_c('thead', [_c('tr', [_c('th', [_vm._v(\"name\")]), _vm._v(\" \"), _c('th', [_vm._v(\"描述\")])])]), _vm._v(\" \"), _c('tbody', [_c('tr', [_c('td', [_vm._v(\"-\")]), _vm._v(\" \"), _c('td', [_vm._v(\"自定义内容\")])]), _vm._v(\" \"), _c('tr', [_c('td', [_vm._v(\"header\")]), _vm._v(\" \"), _c('td', [_vm._v(\"自定义header\")])]), _vm._v(\" \"), _c('tr', [_c('td', [_vm._v(\"footer\")]), _vm._v(\" \"), _c('td', [_vm._v(\"自定义footer\")])])])])])\n}]}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-1e729352!./~/vue-loader/lib/selector.js?type=template&index=0!./~/vue-markdown-loader/_cache/panel-6.vue\n// module id = 228\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _vm._m(0)\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('section', [_c('h2', {\n attrs: {\n \"id\": \"field-zu-jian\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#field-zu-jian\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" Field组件\")]), _vm._v(\" \"), _c('p', [_vm._v(\"表单中\"), _c('code', [_vm._v(\"input\")]), _vm._v(\"或\"), _c('code', [_vm._v(\"textarea\")]), _vm._v(\"的输入框。\")]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"ji-chu-yong-fa\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#ji-chu-yong-fa\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" 基础用法\")]), _vm._v(\" \"), _c('p', [_vm._v(\"根据\"), _c('code', [_vm._v(\"type\")]), _vm._v(\"属性显示不同的输入框。\")]), _vm._v(\" \"), _c('pre', [_c('code', {\n staticClass: \"hljs language-html\"\n }, [_c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-cell-group\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-field\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"type\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"text\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"label\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"用户名：\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"placeholder\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"请输入用户名\\\"\")]), _vm._v(\">\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-field\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"type\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"password\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"label\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"密码：\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"placeholder\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"请输入密码\\\"\")]), _vm._v(\">\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-field\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"type\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"textarea\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"label\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"个人介绍：\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"placeholder\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"请输入个人介绍\\\"\")]), _vm._v(\">\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n\")])]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"wu-label-de-shu-ru-kuang\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#wu-label-de-shu-ru-kuang\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" 无label的输入框\")]), _vm._v(\" \"), _c('p', [_vm._v(\"不传入\"), _c('code', [_vm._v(\"label\")]), _vm._v(\"属性即可。\")]), _vm._v(\" \"), _c('pre', [_c('code', {\n staticClass: \"hljs language-html\"\n }, [_c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-cell-group\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-field\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"type\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"text\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"placeholder\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"请输入用户名\\\"\")]), _vm._v(\">\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n\")])]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"jian-ting-change-shi-jian\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#jian-ting-change-shi-jian\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" 监听change事件\")]), _vm._v(\" \"), _c('p', [_vm._v(\"监听组件的\"), _c('code', [_vm._v(\"change\")]), _vm._v(\"事件。\")]), _vm._v(\" \"), _c('pre', [_c('code', {\n staticClass: \"hljs language-html\"\n }, [_c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-cell-group\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-field\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"type\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"text\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"label\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"用户名：\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"placeholder\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"请输入用户名\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"@change\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"handleChange\\\"\")]), _vm._v(\">\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n\")])]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"api\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#api\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" API\")]), _vm._v(\" \"), _c('table', {\n staticClass: \"table\"\n }, [_c('thead', [_c('tr', [_c('th', [_vm._v(\"参数\")]), _vm._v(\" \"), _c('th', [_vm._v(\"说明\")]), _vm._v(\" \"), _c('th', [_vm._v(\"类型\")]), _vm._v(\" \"), _c('th', [_vm._v(\"默认值\")]), _vm._v(\" \"), _c('th', [_vm._v(\"可选值\")])])]), _vm._v(\" \"), _c('tbody', [_c('tr', [_c('td', [_vm._v(\"type\")]), _vm._v(\" \"), _c('td', [_vm._v(\"输入框类型\")]), _vm._v(\" \"), _c('td', [_vm._v(\"string\")]), _vm._v(\" \"), _c('td', [_vm._v(\"text\")]), _vm._v(\" \"), _c('td', [_vm._v(\"text, number, email, url, tel, date, datetime, password, textarea\")])]), _vm._v(\" \"), _c('tr', [_c('td', [_vm._v(\"placeholder\")]), _vm._v(\" \"), _c('td', [_vm._v(\"输入框placeholder\")]), _vm._v(\" \"), _c('td', [_vm._v(\"string\")]), _vm._v(\" \"), _c('td', [_vm._v(\"''\")]), _vm._v(\" \"), _c('td')]), _vm._v(\" \"), _c('tr', [_c('td', [_vm._v(\"value\")]), _vm._v(\" \"), _c('td', [_vm._v(\"输入框的值\")]), _vm._v(\" \"), _c('td', [_vm._v(\"string\")]), _vm._v(\" \"), _c('td', [_vm._v(\"''\")]), _vm._v(\" \"), _c('td')]), _vm._v(\" \"), _c('tr', [_c('td', [_vm._v(\"label\")]), _vm._v(\" \"), _c('td', [_vm._v(\"输入框标签\")]), _vm._v(\" \"), _c('td', [_vm._v(\"string\")]), _vm._v(\" \"), _c('td', [_vm._v(\"''\")]), _vm._v(\" \"), _c('td')]), _vm._v(\" \"), _c('tr', [_c('td', [_vm._v(\"disabled\")]), _vm._v(\" \"), _c('td', [_vm._v(\"是否禁用输入框\")]), _vm._v(\" \"), _c('td', [_vm._v(\"boolean\")]), _vm._v(\" \"), _c('td', [_vm._v(\"false\")]), _vm._v(\" \"), _c('td')]), _vm._v(\" \"), _c('tr', [_c('td', [_vm._v(\"readonly\")]), _vm._v(\" \"), _c('td', [_vm._v(\"输入框是否只读\")]), _vm._v(\" \"), _c('td', [_vm._v(\"boolean\")]), _vm._v(\" \"), _c('td', [_vm._v(\"false\")]), _vm._v(\" \"), _c('td')]), _vm._v(\" \"), _c('tr', [_c('td', [_vm._v(\"maxlength\")]), _vm._v(\" \"), _c('td', [_vm._v(\"输入框maxlength\")]), _vm._v(\" \"), _c('td', [_vm._v(\"[String, Number]\")]), _vm._v(\" \"), _c('td', [_vm._v(\"''\")]), _vm._v(\" \"), _c('td')])])])])\n}]}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-2d289d6e!./~/vue-loader/lib/selector.js?type=template&index=0!./~/vue-markdown-loader/_cache/field-7.vue\n// module id = 229\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _vm._m(0)\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('section', [_c('h2', {\n attrs: {\n \"id\": \"button-zu-jian\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#button-zu-jian\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" Button组件\")]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"an-niu-gong-neng\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#an-niu-gong-neng\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" 按钮功能\")]), _vm._v(\" \"), _c('p', [_vm._v(\"只接受primary, default, danger三种类型，默认default。\")]), _vm._v(\" \"), _c('pre', [_c('code', {\n staticClass: \"hljs language-html\"\n }, [_c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"z-button-group\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"z-button-1\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-button\")]), _vm._v(\">\")]), _vm._v(\"default\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"z-button-1\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-button\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"type\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"primary\\\"\")]), _vm._v(\">\")]), _vm._v(\"primary\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"z-button-1\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-button\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"type\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"danger\\\"\")]), _vm._v(\">\")]), _vm._v(\"danger\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n\")])]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"jin-yong-zhuang-tai\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#jin-yong-zhuang-tai\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" 禁用状态\")]), _vm._v(\" \"), _c('pre', [_c('code', {\n staticClass: \"hljs language-html\"\n }, [_c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"z-button-group\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"z-button-1\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-button\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"disabled\")]), _vm._v(\">\")]), _vm._v(\"diabled\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n\")])]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"an-niu-chi-cun\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#an-niu-chi-cun\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" 按钮尺寸\")]), _vm._v(\" \"), _c('p', [_vm._v(\"只接受large, normal, small, mini四种尺寸，默认normal。\")]), _vm._v(\" \"), _c('pre', [_c('code', {\n staticClass: \"hljs language-html\"\n }, [_c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"z-button-group\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"z-button-1\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-button\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"size\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"large\\\"\")]), _vm._v(\">\")]), _vm._v(\"large\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"z-button-group\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\":style\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"{ width: '50%' }\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"z-button-3\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-button\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"type\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"primary\\\"\")]), _vm._v(\">\")]), _vm._v(\"normal\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"z-button-3\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-button\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"size\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"small\\\"\")]), _vm._v(\">\")]), _vm._v(\"small\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"z-button-3\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-button\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"size\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"mini\\\"\")]), _vm._v(\">\")]), _vm._v(\"mini\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n\\n\")])]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"zi-ding-yi-an-niu-biao-qian\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#zi-ding-yi-an-niu-biao-qian\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" 自定义按钮标签\")]), _vm._v(\" \"), _c('p', [_vm._v(\"按钮默认是button标签，可以使用tag属性修改为一个a标签。\")]), _vm._v(\" \"), _c('pre', [_c('code', {\n staticClass: \"hljs language-html\"\n }, [_c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"z-button-group\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"z-button-1\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-button\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"tag\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"a\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"type\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"primary\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"href\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"https://www.youzan.com\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"target\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"_blank\\\"\")]), _vm._v(\">\")]), _vm._v(\"a标签按钮\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n\")])]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"button-group\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#button-group\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" button group\")]), _vm._v(\" \"), _c('p', [_vm._v(\"一组按钮。\")]), _vm._v(\" \"), _c('pre', [_c('code', {\n staticClass: \"hljs language-html\"\n }, [_c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"z-button-group\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-button\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"type\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"primary\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"size\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"small\\\"\")]), _vm._v(\">\")]), _vm._v(\"确认付款\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-button\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"size\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"small\\\"\")]), _vm._v(\">\")]), _vm._v(\"确认收货\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-button\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"size\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"small\\\"\")]), _vm._v(\">\")]), _vm._v(\"取消订单\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n\")])]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"api\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#api\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" API\")]), _vm._v(\" \"), _c('table', {\n staticClass: \"table\"\n }, [_c('thead', [_c('tr', [_c('th', [_vm._v(\"参数\")]), _vm._v(\" \"), _c('th', [_vm._v(\"说明\")]), _vm._v(\" \"), _c('th', [_vm._v(\"类型\")]), _vm._v(\" \"), _c('th', [_vm._v(\"默认值\")]), _vm._v(\" \"), _c('th', [_vm._v(\"可选值\")])])]), _vm._v(\" \"), _c('tbody', [_c('tr', [_c('td', [_vm._v(\"type\")]), _vm._v(\" \"), _c('td', [_vm._v(\"按钮类型\")]), _vm._v(\" \"), _c('td', [_vm._v(\"string\")]), _vm._v(\" \"), _c('td', [_vm._v(\"'default'\")]), _vm._v(\" \"), _c('td', [_vm._v(\"'primary', 'danger'\")])]), _vm._v(\" \"), _c('tr', [_c('td', [_vm._v(\"size\")]), _vm._v(\" \"), _c('td', [_vm._v(\"按钮尺寸\")]), _vm._v(\" \"), _c('td', [_vm._v(\"string\")]), _vm._v(\" \"), _c('td', [_vm._v(\"'normal'\")]), _vm._v(\" \"), _c('td', [_vm._v(\"'large', 'small', 'mini'\")])]), _vm._v(\" \"), _c('tr', [_c('td', [_vm._v(\"tag\")]), _vm._v(\" \"), _c('td', [_vm._v(\"按钮标签\")]), _vm._v(\" \"), _c('td', [_vm._v(\"string\")]), _vm._v(\" \"), _c('td', [_vm._v(\"'button'\")]), _vm._v(\" \"), _c('td', [_vm._v(\"'a', 'span', ...\")])]), _vm._v(\" \"), _c('tr', [_c('td', [_vm._v(\"diabled\")]), _vm._v(\" \"), _c('td', [_vm._v(\"按钮是否禁用\")]), _vm._v(\" \"), _c('td', [_vm._v(\"Boolean\")]), _vm._v(\" \"), _c('td'), _vm._v(\" \"), _c('td')]), _vm._v(\" \"), _c('tr', [_c('td', [_vm._v(\"block\")]), _vm._v(\" \"), _c('td', [_vm._v(\"按钮是否显示为块级元素\")]), _vm._v(\" \"), _c('td', [_vm._v(\"Boolean\")]), _vm._v(\" \"), _c('td'), _vm._v(\" \"), _c('td')])])])])\n}]}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-32d2eefc!./~/vue-loader/lib/selector.js?type=template&index=0!./~/vue-markdown-loader/_cache/button-2.vue\n// module id = 230\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('div', {\n staticClass: \"page-field\"\n }, [_c('h1', {\n staticClass: \"page-title\"\n }, [_vm._v(\"Field\")]), _vm._v(\" \"), _c('h2', {\n staticClass: \"page-sub-title\"\n }, [_vm._v(\"基础用法\")]), _vm._v(\" \"), _c('z-cell-group', [_c('z-field', {\n attrs: {\n \"type\": \"text\",\n \"label\": \"用户名：\",\n \"placeholder\": \"请输入用户名\"\n }\n }), _vm._v(\" \"), _c('z-field', {\n attrs: {\n \"type\": \"password\",\n \"label\": \"密码：\",\n \"placeholder\": \"请输入密码\"\n }\n }), _vm._v(\" \"), _c('z-field', {\n attrs: {\n \"type\": \"textarea\",\n \"label\": \"个人介绍：\",\n \"placeholder\": \"请输入个人介绍\"\n }\n })], 1), _vm._v(\" \"), _c('h2', {\n staticClass: \"page-sub-title\"\n }, [_vm._v(\"无label的输入框\")]), _vm._v(\" \"), _c('z-cell-group', [_c('z-field', {\n attrs: {\n \"type\": \"text\",\n \"placeholder\": \"请输入用户名\"\n }\n })], 1), _vm._v(\" \"), _c('h2', {\n staticClass: \"page-sub-title\"\n }, [_vm._v(\"监听change事件\")]), _vm._v(\" \"), _c('z-cell-group', [_c('z-field', {\n attrs: {\n \"type\": \"text\",\n \"label\": \"用户名：\",\n \"placeholder\": \"请输入用户名\"\n },\n on: {\n \"change\": _vm.handleChange\n }\n })], 1)], 1)\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-3804020f!./~/vue-loader/lib/selector.js?type=template&index=0!./docs/examples/field.vue\n// module id = 231\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _vm._m(0)\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('section', [_c('h2', {\n attrs: {\n \"id\": \"card-tu-wen-zu-jian\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#card-tu-wen-zu-jian\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" Card 图文组件\")]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"ji-chu-yong-fa\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#ji-chu-yong-fa\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" 基础用法\")]), _vm._v(\" \"), _c('p', [_vm._v(\"当没有底部按钮时，右侧内容会居中显示。\")]), _vm._v(\" \"), _c('pre', [_c('code', {\n staticClass: \"hljs language-html\"\n }, [_c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-card\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"title\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余\\\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"desc\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"描述\\\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"thumb\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"https://img.yzcdn.cn/upload_files/2017/02/17/FnDwvwHmU-OiqsbjAO5X7wh1KWrR.jpg!100x100.jpg\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n\\n\")])]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"gao-ji-yong-fa\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#gao-ji-yong-fa\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" 高级用法\")]), _vm._v(\" \"), _c('p', [_vm._v(\"可以使用具名\"), _c('code', [_vm._v(\"slot\")]), _vm._v(\"重写标题等信息，其中包含\"), _c('code', [_vm._v(\"title\")]), _vm._v(\"、\"), _c('code', [_vm._v(\"desc\")]), _vm._v(\"、\"), _c('code', [_vm._v(\"footer\")]), _vm._v(\"和\"), _c('code', [_vm._v(\"tag\")]), _vm._v(\"四个\"), _c('code', [_vm._v(\"slot\")]), _vm._v(\"。\")]), _vm._v(\" \"), _c('pre', [_c('code', {\n staticClass: \"hljs language-html\"\n }, [_c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-card\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"title\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余\\\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"desc\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"商品SKU1，商品SKU2\\\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"thumb\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"https://img.yzcdn.cn/upload_files/2017/02/17/FnDwvwHmU-OiqsbjAO5X7wh1KWrR.jpg!100x100.jpg\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"z-card__row\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"slot\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"title\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"h4\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"z-card__title\\\"\")]), _vm._v(\">\")]), _vm._v(\"商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"span\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"z-card__price\\\"\")]), _vm._v(\">\")]), _vm._v(\"¥ 2.00\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"z-card__row\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"slot\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"desc\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"h4\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"z-card__desc\\\"\")]), _vm._v(\">\")]), _vm._v(\"商品sku\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"span\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"z-card__num\\\"\")]), _vm._v(\">\")]), _vm._v(\"x 2\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"z-card__footer\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"slot\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"footer\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-button\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"size\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"mini\\\"\")]), _vm._v(\">\")]), _vm._v(\"按钮一\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-button\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"size\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"mini\\\"\")]), _vm._v(\">\")]), _vm._v(\"按钮二\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n\")])]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"api\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#api\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" API\")]), _vm._v(\" \"), _c('table', {\n staticClass: \"table\"\n }, [_c('thead', [_c('tr', [_c('th', [_vm._v(\"参数\")]), _vm._v(\" \"), _c('th', [_vm._v(\"说明\")]), _vm._v(\" \"), _c('th', [_vm._v(\"类型\")]), _vm._v(\" \"), _c('th', [_vm._v(\"默认值\")]), _vm._v(\" \"), _c('th', [_vm._v(\"可选值\")])])]), _vm._v(\" \"), _c('tbody', [_c('tr', [_c('td', [_vm._v(\"thumb\")]), _vm._v(\" \"), _c('td', [_vm._v(\"左侧图片\")]), _vm._v(\" \"), _c('td', [_vm._v(\"string\")]), _vm._v(\" \"), _c('td', [_vm._v(\"''\")]), _vm._v(\" \"), _c('td', [_vm._v(\"''\")])]), _vm._v(\" \"), _c('tr', [_c('td', [_vm._v(\"title\")]), _vm._v(\" \"), _c('td', [_vm._v(\"标题\")]), _vm._v(\" \"), _c('td', [_vm._v(\"string\")]), _vm._v(\" \"), _c('td', [_vm._v(\"''\")]), _vm._v(\" \"), _c('td', [_vm._v(\"''\")])]), _vm._v(\" \"), _c('tr', [_c('td', [_vm._v(\"desc\")]), _vm._v(\" \"), _c('td', [_vm._v(\"描述\")]), _vm._v(\" \"), _c('td', [_vm._v(\"string\")]), _vm._v(\" \"), _c('td', [_vm._v(\"''\")]), _vm._v(\" \"), _c('td', [_vm._v(\"''\")])])])]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"slot\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#slot\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" Slot\")]), _vm._v(\" \"), _c('table', {\n staticClass: \"table\"\n }, [_c('thead', [_c('tr', [_c('th', [_vm._v(\"name\")]), _vm._v(\" \"), _c('th', [_vm._v(\"描述\")])])]), _vm._v(\" \"), _c('tbody', [_c('tr', [_c('td', [_vm._v(\"title\")]), _vm._v(\" \"), _c('td', [_vm._v(\"自定义标题\")])]), _vm._v(\" \"), _c('tr', [_c('td', [_vm._v(\"desc\")]), _vm._v(\" \"), _c('td', [_vm._v(\"自定义描述\")])]), _vm._v(\" \"), _c('tr', [_c('td', [_vm._v(\"tags\")]), _vm._v(\" \"), _c('td', [_vm._v(\"自定义tags\")])]), _vm._v(\" \"), _c('tr', [_c('td', [_vm._v(\"footer\")]), _vm._v(\" \"), _c('td', [_vm._v(\"自定义footer\")])])])])])\n}]}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-4e6b55a2!./~/vue-loader/lib/selector.js?type=template&index=0!./~/vue-markdown-loader/_cache/card-4.vue\n// module id = 232\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _vm._m(0)\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('section', [_c('h2', {\n attrs: {\n \"id\": \"cell-zu-jian\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#cell-zu-jian\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" Cell 组件\")]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"ji-chu-yong-fa\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#ji-chu-yong-fa\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" 基础用法\")]), _vm._v(\" \"), _c('pre', [_c('code', {\n staticClass: \"hljs language-html\"\n }, [_c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-cell-group\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-cell\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"title\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"单元格1\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"value\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"单元格1内容\\\"\")]), _vm._v(\">\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-cell\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"title\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"单元格2\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"value\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"单元格2内容\\\"\")]), _vm._v(\">\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n\")])]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"biao-ti-dai-miao-shu-xin-xi\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#biao-ti-dai-miao-shu-xin-xi\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" 标题带描述信息\")]), _vm._v(\" \"), _c('p', [_vm._v(\"传入\"), _c('code', [_vm._v(\"label\")]), _vm._v(\"属性，属性值为描述信息的值。\")]), _vm._v(\" \"), _c('pre', [_c('code', {\n staticClass: \"hljs language-html\"\n }, [_c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-cell-group\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-cell\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"title\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"单元格1\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"label\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"描述信息\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"is-link\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"url\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"javascript:void(0)\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"@click\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"handleClick\\\"\")]), _vm._v(\">\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-cell\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"title\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"单元格2\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"label\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"描述信息\\\"\")]), _vm._v(\">\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n\")])]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"dai-tu-biao\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#dai-tu-biao\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" 带图标\")]), _vm._v(\" \"), _c('p', [_vm._v(\"传入\"), _c('code', [_vm._v(\"icon\")]), _vm._v(\"属性。\")]), _vm._v(\" \"), _c('pre', [_c('code', {\n staticClass: \"hljs language-html\"\n }, [_c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-cell-group\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-cell\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"title\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"起码运动馆\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"icon\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"home\\\"\")]), _vm._v(\">\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-cell\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"title\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"线下门店\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"icon\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"location\\\"\")]), _vm._v(\">\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n\")])]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"ke-dian-ji-de-lian-jie\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#ke-dian-ji-de-lian-jie\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" 可点击的链接\")]), _vm._v(\" \"), _c('p', [_vm._v(\"传入\"), _c('code', [_vm._v(\"url\")]), _vm._v(\"属性，传入\"), _c('code', [_vm._v(\"isLink\")]), _vm._v(\"属性则会在右侧显示箭头。\")]), _vm._v(\" \"), _c('pre', [_c('code', {\n staticClass: \"hljs language-html\"\n }, [_c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-cell-group\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-cell\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"title\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"起码运动馆\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"value\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"进入店铺\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"icon\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"home\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"url\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"http://youzan.com\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"is-link\")]), _vm._v(\">\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-cell\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"title\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"线下门店\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"icon\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"location\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"url\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"http://youzan.com\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"is-link\")]), _vm._v(\">\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n\")])]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"gao-ji-yong-fa\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#gao-ji-yong-fa\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" 高级用法\")]), _vm._v(\" \"), _c('p', [_vm._v(\"如以上用法不能满足你的需求，可以使用对应的\"), _c('code', [_vm._v(\"slot\")]), _vm._v(\"来自定义显示的内容。包含三个\"), _c('code', [_vm._v(\"slot\")]), _vm._v(\"，默认\"), _c('code', [_vm._v(\"slot\")]), _vm._v(\"，\"), _c('code', [_vm._v(\"icon\")]), _vm._v(\"和\"), _c('code', [_vm._v(\"title\")]), _vm._v(\"的\"), _c('code', [_vm._v(\"slot\")]), _vm._v(\"。\")]), _vm._v(\" \"), _c('pre', [_c('code', {\n staticClass: \"hljs language-html\"\n }, [_c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-cell-group\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-cell\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"value\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"进入店铺\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"icon\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"home\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"url\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"http://youzan.com\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"is-link\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"template\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"slot\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"title\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"span\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"z-cell-text\\\"\")]), _vm._v(\">\")]), _vm._v(\"起码运动馆\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"img\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"src\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"//su.yzcdn.cn/v2/image/account/icon_guan_160421.png\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"official-img\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-cell\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"title\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"线下门店\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"icon\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"location\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"url\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"http://youzan.com\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"is-link\")]), _vm._v(\">\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n\")])]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"api\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#api\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" API\")]), _vm._v(\" \"), _c('table', {\n staticClass: \"table\"\n }, [_c('thead', [_c('tr', [_c('th', [_vm._v(\"参数\")]), _vm._v(\" \"), _c('th', [_vm._v(\"说明\")]), _vm._v(\" \"), _c('th', [_vm._v(\"类型\")]), _vm._v(\" \"), _c('th', [_vm._v(\"默认值\")]), _vm._v(\" \"), _c('th', [_vm._v(\"可选值\")])])]), _vm._v(\" \"), _c('tbody', [_c('tr', [_c('td', [_vm._v(\"icon\")]), _vm._v(\" \"), _c('td', [_vm._v(\"左侧图标\")]), _vm._v(\" \"), _c('td', [_vm._v(\"string\")]), _vm._v(\" \"), _c('td', [_vm._v(\"''\")]), _vm._v(\" \"), _c('td', [_vm._v(\"''\")])]), _vm._v(\" \"), _c('tr', [_c('td', [_vm._v(\"title\")]), _vm._v(\" \"), _c('td', [_vm._v(\"左侧标题\")]), _vm._v(\" \"), _c('td', [_vm._v(\"string\")]), _vm._v(\" \"), _c('td', [_vm._v(\"''\")]), _vm._v(\" \"), _c('td', [_vm._v(\"''\")])]), _vm._v(\" \"), _c('tr', [_c('td', [_vm._v(\"value\")]), _vm._v(\" \"), _c('td', [_vm._v(\"右侧内容\")]), _vm._v(\" \"), _c('td', [_vm._v(\"string\")]), _vm._v(\" \"), _c('td', [_vm._v(\"''\")]), _vm._v(\" \"), _c('td', [_vm._v(\"''\")])]), _vm._v(\" \"), _c('tr', [_c('td', [_vm._v(\"isLink\")]), _vm._v(\" \"), _c('td', [_vm._v(\"是否为链接，链接会在右侧出现箭头\")]), _vm._v(\" \"), _c('td', [_vm._v(\"boolean\")]), _vm._v(\" \"), _c('td', [_vm._v(\"''\")]), _vm._v(\" \"), _c('td', [_vm._v(\"''\")])]), _vm._v(\" \"), _c('tr', [_c('td', [_vm._v(\"url\")]), _vm._v(\" \"), _c('td', [_vm._v(\"跳转链接\")]), _vm._v(\" \"), _c('td', [_vm._v(\"string\")]), _vm._v(\" \"), _c('td', [_vm._v(\"''\")]), _vm._v(\" \"), _c('td', [_vm._v(\"''\")])]), _vm._v(\" \"), _c('tr', [_c('td', [_vm._v(\"label\")]), _vm._v(\" \"), _c('td', [_vm._v(\"描述信息，显示在标题下方\")]), _vm._v(\" \"), _c('td', [_vm._v(\"string\")]), _vm._v(\" \"), _c('td', [_vm._v(\"''\")]), _vm._v(\" \"), _c('td', [_vm._v(\"''\")])])])]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"slot\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#slot\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" Slot\")]), _vm._v(\" \"), _c('table', {\n staticClass: \"table\"\n }, [_c('thead', [_c('tr', [_c('th', [_vm._v(\"name\")]), _vm._v(\" \"), _c('th', [_vm._v(\"描述\")])])]), _vm._v(\" \"), _c('tbody', [_c('tr', [_c('td', [_vm._v(\"-\")]), _vm._v(\" \"), _c('td', [_vm._v(\"自定义显示内容\")])]), _vm._v(\" \"), _c('tr', [_c('td', [_vm._v(\"icon\")]), _vm._v(\" \"), _c('td', [_vm._v(\"自定义icon\")])]), _vm._v(\" \"), _c('tr', [_c('td', [_vm._v(\"title\")]), _vm._v(\" \"), _c('td', [_vm._v(\"自定义title\")])])])])])\n}]}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-5184d01e!./~/vue-loader/lib/selector.js?type=template&index=0!./~/vue-markdown-loader/_cache/cell-1.vue\n// module id = 233\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('div', {\n staticClass: \"page-picker\"\n }, [_c('h1', {\n staticClass: \"page-title\"\n }, [_vm._v(\"Picker\")]), _vm._v(\" \"), _c('h2', {\n staticClass: \"page-sub-title\"\n }, [_vm._v(\"基础用法\")]), _vm._v(\" \"), _c('z-picker', {\n attrs: {\n \"columns\": _vm.pickerColumns\n },\n on: {\n \"change\": _vm.handlePickerChange\n }\n })], 1)\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-54047849!./~/vue-loader/lib/selector.js?type=template&index=0!./docs/examples/picker.vue\n// module id = 234\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('div', {\n staticClass: \"page-dialog\"\n }, [_c('h1', {\n staticClass: \"page-title\"\n }, [_vm._v(\"Dialog\")]), _vm._v(\" \"), _c('div', {\n staticClass: \"z-button-1\"\n }, [_c('z-button', {\n on: {\n \"click\": _vm.handleAlertClick\n }\n }, [_vm._v(\"点击我打开alert提示框\")])], 1), _vm._v(\" \"), _c('div', {\n staticClass: \"z-button-1\"\n }, [_c('z-button', {\n on: {\n \"click\": _vm.handleConfirmClick\n }\n }, [_vm._v(\"点击我打开confirm提示框\")])], 1)])\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-562c8003!./~/vue-loader/lib/selector.js?type=template&index=0!./docs/examples/dialog.vue\n// module id = 235\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _vm._m(0)\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('section', [_c('h2', {\n attrs: {\n \"id\": \"steps-bu-zou-tiao\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#steps-bu-zou-tiao\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" Steps 步骤条\")])])\n}]}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-6af36731!./~/vue-loader/lib/selector.js?type=template&index=0!./~/vue-markdown-loader/_cache/steps-11.vue\n// module id = 236\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('div', {\n staticClass: \"page-cell\"\n }, [_c('h1', {\n staticClass: \"page-title\"\n }, [_vm._v(\"Cell\")]), _vm._v(\" \"), _c('h2', {\n staticClass: \"page-sub-title\"\n }, [_vm._v(\"基础用法\")]), _vm._v(\" \"), _c('z-cell-group', [_c('z-cell', {\n attrs: {\n \"title\": \"单元格1\",\n \"value\": \"单元格1内容\"\n }\n }), _vm._v(\" \"), _c('z-cell', {\n attrs: {\n \"title\": \"单元格2\",\n \"value\": \"单元格2内容\"\n }\n })], 1), _vm._v(\" \"), _c('h2', {\n staticClass: \"page-sub-title\"\n }, [_vm._v(\"标题带描述信息\")]), _vm._v(\" \"), _c('z-cell-group', [_c('z-cell', {\n attrs: {\n \"title\": \"单元格1\",\n \"label\": \"描述信息\",\n \"is-link\": \"\",\n \"url\": \"javascript:void(0)\"\n },\n on: {\n \"click\": _vm.handleClick\n }\n }), _vm._v(\" \"), _c('z-cell', {\n attrs: {\n \"title\": \"单元格2\",\n \"label\": \"描述信息\"\n }\n })], 1), _vm._v(\" \"), _c('h2', {\n staticClass: \"page-sub-title\"\n }, [_vm._v(\"带图标\")]), _vm._v(\" \"), _c('z-cell-group', [_c('z-cell', {\n attrs: {\n \"title\": \"起码运动馆\",\n \"icon\": \"home\"\n }\n }), _vm._v(\" \"), _c('z-cell', {\n attrs: {\n \"title\": \"线下门店\",\n \"icon\": \"location\"\n }\n })], 1), _vm._v(\" \"), _c('h2', {\n staticClass: \"page-sub-title\"\n }, [_vm._v(\"可点击的链接\")]), _vm._v(\" \"), _c('z-cell-group', [_c('z-cell', {\n attrs: {\n \"title\": \"起码运动馆\",\n \"value\": \"进入店铺\",\n \"icon\": \"home\",\n \"url\": \"http://youzan.com\",\n \"is-link\": \"\"\n }\n }), _vm._v(\" \"), _c('z-cell', {\n attrs: {\n \"title\": \"线下门店\",\n \"icon\": \"location\",\n \"url\": \"http://youzan.com\",\n \"is-link\": \"\"\n }\n })], 1), _vm._v(\" \"), _c('h2', {\n staticClass: \"page-sub-title\"\n }, [_vm._v(\"高级用法\")]), _vm._v(\" \"), _c('z-cell-group', [_c('z-cell', {\n attrs: {\n \"value\": \"进入店铺\",\n \"icon\": \"home\",\n \"url\": \"http://youzan.com\",\n \"is-link\": \"\"\n }\n }, [_c('template', {\n slot: \"title\"\n }, [_c('span', {\n staticClass: \"z-cell-text\"\n }, [_vm._v(\"起码运动馆\")]), _vm._v(\" \"), _c('img', {\n staticClass: \"official-img\",\n attrs: {\n \"src\": \"//su.yzcdn.cn/v2/image/account/icon_guan_160421.png\"\n }\n })])], 2), _vm._v(\" \"), _c('z-cell', {\n attrs: {\n \"title\": \"线下门店\",\n \"icon\": \"location\",\n \"url\": \"http://youzan.com\",\n \"is-link\": \"\"\n }\n })], 1)], 1)\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-6ec3c846!./~/vue-loader/lib/selector.js?type=template&index=0!./docs/examples/cell.vue\n// module id = 237\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('div', {\n staticClass: \"page-popup\"\n }, [_c('h1', {\n staticClass: \"page-title\"\n }, [_vm._v(\"Popup\")]), _vm._v(\" \"), _c('h2', {\n staticClass: \"page-sub-title\"\n }, [_vm._v(\"基础用法\")]), _vm._v(\" \"), _c('div', {\n staticClass: \"z-button-1\"\n }, [_c('z-button', {\n on: {\n \"click\": function($event) {\n _vm.popupShow1 = true\n }\n }\n }, [_vm._v(\"从下方弹出popup\")])], 1), _vm._v(\" \"), _c('z-popup', {\n staticClass: \"z-popup-1\",\n attrs: {\n \"position\": \"bottom\"\n },\n model: {\n value: (_vm.popupShow1),\n callback: function($$v) {\n _vm.popupShow1 = $$v\n }\n }\n }, [_vm._v(\"\\n xxxx\\n \")]), _vm._v(\" \"), _c('div', {\n staticClass: \"z-button-1\"\n }, [_c('z-button', {\n on: {\n \"click\": function($event) {\n _vm.popupShow2 = true\n }\n }\n }, [_vm._v(\"从上方方弹出popup\")])], 1), _vm._v(\" \"), _c('z-popup', {\n staticClass: \"z-popup-2\",\n attrs: {\n \"position\": \"top\",\n \"overlay\": false\n },\n model: {\n value: (_vm.popupShow2),\n callback: function($$v) {\n _vm.popupShow2 = $$v\n }\n }\n }, [_vm._v(\"\\n 更新成功\\n \")]), _vm._v(\" \"), _c('div', {\n staticClass: \"z-button-1\"\n }, [_c('z-button', {\n on: {\n \"click\": function($event) {\n _vm.popupShow3 = true\n }\n }\n }, [_vm._v(\"从右方弹出popup\")])], 1), _vm._v(\" \"), _c('z-popup', {\n staticClass: \"z-popup-3\",\n attrs: {\n \"position\": \"right\",\n \"overlay\": false\n },\n model: {\n value: (_vm.popupShow3),\n callback: function($$v) {\n _vm.popupShow3 = $$v\n }\n }\n }, [_c('z-button', {\n nativeOn: {\n \"click\": function($event) {\n _vm.popupShow3 = false\n }\n }\n }, [_vm._v(\"关闭 popup\")])], 1), _vm._v(\" \"), _c('div', {\n staticClass: \"z-button-1\"\n }, [_c('z-button', {\n on: {\n \"click\": function($event) {\n _vm.popupShow4 = true\n }\n }\n }, [_vm._v(\"从中间弹出popup\")])], 1), _vm._v(\" \"), _c('z-popup', {\n staticClass: \"z-popup-4\",\n attrs: {\n \"transition\": \"popup-fade\"\n },\n model: {\n value: (_vm.popupShow4),\n callback: function($$v) {\n _vm.popupShow4 = $$v\n }\n }\n }, [_vm._v(\"\\n 一些内容\\n \")])], 1)\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-703eae7e!./~/vue-loader/lib/selector.js?type=template&index=0!./docs/examples/popup.vue\n// module id = 238\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('div', {\n staticClass: \"page-card\"\n }, [_c('h1', {\n staticClass: \"page-title\"\n }, [_vm._v(\"Waterfall\")]), _vm._v(\" \"), _c('h2', {\n staticClass: \"page-sub-title\"\n }, [_vm._v(\"基础用法\")]), _vm._v(\" \"), _c('div', {\n staticClass: \"waterfall\"\n }, [_c('div', {\n directives: [{\n name: \"waterfall-lower\",\n rawName: \"v-waterfall-lower\",\n value: (_vm.loadMore),\n expression: \"loadMore\"\n }, {\n name: \"waterfall-upper\",\n rawName: \"v-waterfall-upper\",\n value: (_vm.loadMoreUpper),\n expression: \"loadMoreUpper\"\n }],\n attrs: {\n \"waterfall-disabled\": \"isWaterfallDisabled\",\n \"waterfall-offset\": \"400\"\n }\n }, [_vm._l((_vm.list), function(item) {\n return _c('div', {\n staticClass: \"waterfall-item\",\n staticStyle: {\n \"text-align\": \"center\"\n }\n }, [_vm._v(\"\\n \" + _vm._s(item) + \"\\n \")])\n }), _vm._v(\" \"), (_vm.loading) ? _c('div', {\n staticStyle: {\n \"text-align\": \"center\"\n }\n }, [_vm._v(\"\\n loading\\n \")]) : _vm._e()], 2)])])\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-726870b2!./~/vue-loader/lib/selector.js?type=template&index=0!./docs/examples/waterfall.vue\n// module id = 239\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _vm._m(0)\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('section', [_c('h2', {\n attrs: {\n \"id\": \"dialog-zu-jian\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#dialog-zu-jian\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" Dialog组件\")]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"ji-chu-yong-fa\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#ji-chu-yong-fa\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" 基础用法\")]), _vm._v(\" \"), _c('pre', [_c('code', {\n staticClass: \"hljs language-html\"\n }, [_c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-button\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"@click\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"handleAlertClick\\\"\")]), _vm._v(\">\")]), _vm._v(\"alert\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-button\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"@click\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"handleConfirmClick\\\"\")]), _vm._v(\">\")]), _vm._v(\"confirm\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"script\")]), _vm._v(\">\")]), _c('span', {\n staticClass: \"javascript\"\n }, [_vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-keyword\"\n }, [_vm._v(\"import\")]), _vm._v(\" { Dialog } \"), _c('span', {\n staticClass: \"hljs-keyword\"\n }, [_vm._v(\"from\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"'src/index'\")]), _vm._v(\";\\n\\n\"), _c('span', {\n staticClass: \"hljs-keyword\"\n }, [_vm._v(\"export\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-keyword\"\n }, [_vm._v(\"default\")]), _vm._v(\" {\\n \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"methods\")]), _vm._v(\": {\\n handleAlertClick() {\\n Dialog.alert({\\n \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"title\")]), _vm._v(\": \"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"'alert标题'\")]), _vm._v(\",\\n \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"message\")]), _vm._v(\": \"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"'弹窗提示文字，左右始终距离边20PX，上下距离20PX，文字左对齐。弹窗提示文字，左右始终距离边20PX，上下距离20PX，文字左对齐。'\")]), _vm._v(\"\\n }).then(\"), _c('span', {\n staticClass: \"hljs-function\"\n }, [_vm._v(\"(\"), _c('span', {\n staticClass: \"hljs-params\"\n }, [_vm._v(\"action\")]), _vm._v(\") =>\")]), _vm._v(\" {\\n \"), _c('span', {\n staticClass: \"hljs-built_in\"\n }, [_vm._v(\"console\")]), _vm._v(\".log(action);\\n });\\n },\\n\\n handleConfirmClick() {\\n Dialog.confirm({\\n \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"title\")]), _vm._v(\": \"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"'confirm标题'\")]), _vm._v(\",\\n \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"message\")]), _vm._v(\": \"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"'弹窗提示文字，左右始终距离边20PX，上下距离20PX，文字左对齐。弹窗提示文字，左右始终距离边20PX，上下距离20PX，文字左对齐。'\")]), _vm._v(\"\\n }).then(\"), _c('span', {\n staticClass: \"hljs-function\"\n }, [_vm._v(\"(\"), _c('span', {\n staticClass: \"hljs-params\"\n }, [_vm._v(\"action\")]), _vm._v(\") =>\")]), _vm._v(\" {\\n \"), _c('span', {\n staticClass: \"hljs-built_in\"\n }, [_vm._v(\"console\")]), _vm._v(\".log(action);\\n }, (error) => {\\n \"), _c('span', {\n staticClass: \"hljs-built_in\"\n }, [_vm._v(\"console\")]), _vm._v(\".log(error);\\n });\\n }\\n }\\n};\\n\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n\")])]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"api\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#api\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" API\")]), _vm._v(\" \"), _c('table', {\n staticClass: \"table\"\n }, [_c('thead', [_c('tr', [_c('th', [_vm._v(\"参数\")]), _vm._v(\" \"), _c('th', [_vm._v(\"说明\")]), _vm._v(\" \"), _c('th', [_vm._v(\"类型\")]), _vm._v(\" \"), _c('th', [_vm._v(\"默认值\")]), _vm._v(\" \"), _c('th', [_vm._v(\"可选值\")])])]), _vm._v(\" \"), _c('tbody', [_c('tr', [_c('td', [_vm._v(\"title\")]), _vm._v(\" \"), _c('td', [_vm._v(\"标题\")]), _vm._v(\" \"), _c('td', [_vm._v(\"String\")]), _vm._v(\" \"), _c('td', [_vm._v(\"''\")]), _vm._v(\" \"), _c('td')]), _vm._v(\" \"), _c('tr', [_c('td', [_vm._v(\"message\")]), _vm._v(\" \"), _c('td', [_vm._v(\"内容\")]), _vm._v(\" \"), _c('td', [_vm._v(\"String\")]), _vm._v(\" \"), _c('td', [_vm._v(\"''\")]), _vm._v(\" \"), _c('td')])])])])\n}]}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-7498f9c4!./~/vue-loader/lib/selector.js?type=template&index=0!./~/vue-markdown-loader/_cache/dialog-8.vue\n// module id = 240\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _vm._m(0)\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('section', [_c('h2', {\n attrs: {\n \"id\": \"checkbox-zu-jian\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#checkbox-zu-jian\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" Checkbox组件\")])])\n}]}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-7ed62b14!./~/vue-loader/lib/selector.js?type=template&index=0!./~/vue-markdown-loader/_cache/checkbox-3.vue\n// module id = 241\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('div', {\n staticClass: \"page-button\"\n }, [_c('h1', {\n staticClass: \"page-title\"\n }, [_vm._v(\"Button\")]), _vm._v(\" \"), _c('h2', {\n staticClass: \"page-sub-title\"\n }, [_vm._v(\"按钮功能\")]), _vm._v(\" \"), _c('div', {\n staticClass: \"z-button-group\"\n }, [_c('div', {\n staticClass: \"z-button-1\"\n }, [_c('z-button', [_vm._v(\"default\")])], 1), _vm._v(\" \"), _c('div', {\n staticClass: \"z-button-1\"\n }, [_c('z-button', {\n attrs: {\n \"type\": \"primary\"\n }\n }, [_vm._v(\"primary\")])], 1), _vm._v(\" \"), _c('div', {\n staticClass: \"z-button-1\"\n }, [_c('z-button', {\n attrs: {\n \"type\": \"danger\"\n }\n }, [_vm._v(\"danger\")])], 1)]), _vm._v(\" \"), _c('h2', {\n staticClass: \"page-sub-title\"\n }, [_vm._v(\"禁用状态\")]), _vm._v(\" \"), _c('div', {\n staticClass: \"z-button-group\"\n }, [_c('div', {\n staticClass: \"z-button-1\"\n }, [_c('z-button', {\n attrs: {\n \"disabled\": \"\"\n }\n }, [_vm._v(\"diabled\")])], 1)]), _vm._v(\" \"), _c('h2', {\n staticClass: \"page-sub-title\"\n }, [_vm._v(\"按钮尺寸\")]), _vm._v(\" \"), _c('div', {\n staticClass: \"z-button-group\"\n }, [_c('div', {\n staticClass: \"z-button-1\"\n }, [_c('z-button', {\n attrs: {\n \"size\": \"large\"\n }\n }, [_vm._v(\"large\")])], 1)]), _vm._v(\" \"), _c('div', {\n staticClass: \"z-button-group\"\n }, [_c('div', {\n staticClass: \"z-button-3\"\n }, [_c('z-button', {\n attrs: {\n \"type\": \"primary\"\n }\n }, [_vm._v(\"normal\")])], 1), _vm._v(\" \"), _c('div', {\n staticClass: \"z-button-3\"\n }, [_c('z-button', {\n attrs: {\n \"size\": \"small\"\n }\n }, [_vm._v(\"small\")])], 1), _vm._v(\" \"), _c('div', {\n staticClass: \"z-button-3\"\n }, [_c('z-button', {\n attrs: {\n \"size\": \"mini\"\n }\n }, [_vm._v(\"mini\")])], 1)]), _vm._v(\" \"), _c('h2', {\n staticClass: \"page-sub-title\"\n }, [_vm._v(\"自定义按钮标签\")]), _vm._v(\" \"), _c('div', {\n staticClass: \"z-button-group\"\n }, [_c('div', {\n staticClass: \"z-button-1\"\n }, [_c('z-button', {\n attrs: {\n \"tag\": \"a\",\n \"type\": \"primary\",\n \"href\": \"https://www.youzan.com\",\n \"target\": \"_blank\"\n }\n }, [_vm._v(\"a标签按钮\")])], 1)]), _vm._v(\" \"), _c('h2', {\n staticClass: \"page-sub-title\"\n }, [_vm._v(\"button group\")]), _vm._v(\" \"), _c('div', {\n staticClass: \"z-button-group\"\n }, [_c('z-button', {\n attrs: {\n \"type\": \"primary\",\n \"size\": \"small\"\n }\n }, [_vm._v(\"确认付款\")]), _vm._v(\" \"), _c('z-button', {\n attrs: {\n \"size\": \"small\"\n }\n }, [_vm._v(\"确认收货\")]), _vm._v(\" \"), _c('z-button', {\n attrs: {\n \"size\": \"small\"\n }\n }, [_vm._v(\"取消订单\")])], 1)])\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-83ccb626!./~/vue-loader/lib/selector.js?type=template&index=0!./docs/examples/button.vue\n// module id = 242\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _vm._m(0)\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('section', [_c('h2', {\n attrs: {\n \"id\": \"radio-zu-jian\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#radio-zu-jian\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" Radio组件\")]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"ji-chu-yong-fa\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#ji-chu-yong-fa\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" 基础用法\")]), _vm._v(\" \"), _c('p', [_vm._v(\":::demo\")]), _vm._v(\" \"), _c('pre', [_c('code', {\n staticClass: \"hljs language-html\"\n }, [_c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-radio\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"v-model\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"radio\\\"\")]), _vm._v(\">\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n\")])]), _vm._v(\" \"), _c('p', [_vm._v(\":::\")]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"api\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#api\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" API\")]), _vm._v(\" \"), _c('table', {\n staticClass: \"table\"\n }, [_c('thead', [_c('tr', [_c('th', [_vm._v(\"参数\")]), _vm._v(\" \"), _c('th', [_vm._v(\"说明\")]), _vm._v(\" \"), _c('th', [_vm._v(\"类型\")]), _vm._v(\" \"), _c('th', [_vm._v(\"默认值\")]), _vm._v(\" \"), _c('th', [_vm._v(\"可选值\")])])]), _vm._v(\" \"), _c('tbody', [_c('tr', [_c('td', [_vm._v(\"disabled\")]), _vm._v(\" \"), _c('td', [_vm._v(\"是否禁用单选框\")]), _vm._v(\" \"), _c('td', [_vm._v(\"Boolean\")]), _vm._v(\" \"), _c('td', [_vm._v(\"false\")]), _vm._v(\" \"), _c('td')])])])])\n}]}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-881d62e8!./~/vue-loader/lib/selector.js?type=template&index=0!./~/vue-markdown-loader/_cache/radio-9.vue\n// module id = 243\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _vm._m(0)\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('section', [_c('h2', {\n attrs: {\n \"id\": \"picker-zu-jian\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#picker-zu-jian\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" Picker组件\")]), _vm._v(\" \"), _c('p', [_vm._v(\"模仿iOS中的\"), _c('code', [_vm._v(\"UIPickerView\")]), _vm._v(\"。\")]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"ji-chu-yong-fa\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#ji-chu-yong-fa\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" 基础用法\")]), _vm._v(\" \"), _c('pre', [_c('code', {\n staticClass: \"hljs language-html\"\n }, [_c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-picker\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\":columns\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"pickerColumns\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"@change\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"handlePickerChange\\\"\")]), _vm._v(\">\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n\")])]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"api\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#api\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" API\")]), _vm._v(\" \"), _c('table', {\n staticClass: \"table\"\n }, [_c('thead', [_c('tr', [_c('th', [_vm._v(\"参数\")]), _vm._v(\" \"), _c('th', [_vm._v(\"说明\")]), _vm._v(\" \"), _c('th', [_vm._v(\"类型\")]), _vm._v(\" \"), _c('th', [_vm._v(\"默认值\")]), _vm._v(\" \"), _c('th', [_vm._v(\"可选值\")])])]), _vm._v(\" \"), _c('tbody', [_c('tr', [_c('td', [_vm._v(\"visibileColumnCount\")]), _vm._v(\" \"), _c('td', [_vm._v(\"每一列可见备选元素的个数\")]), _vm._v(\" \"), _c('td', [_vm._v(\"Number\")]), _vm._v(\" \"), _c('td', [_vm._v(\"5\")]), _vm._v(\" \"), _c('td')]), _vm._v(\" \"), _c('tr', [_c('td', [_vm._v(\"itemHeight\")]), _vm._v(\" \"), _c('td', [_vm._v(\"选中元素区高度\")]), _vm._v(\" \"), _c('td', [_vm._v(\"Number\")]), _vm._v(\" \"), _c('td', [_vm._v(\"44\")]), _vm._v(\" \"), _c('td')]), _vm._v(\" \"), _c('tr', [_c('td', [_vm._v(\"columns\")]), _vm._v(\" \"), _c('td', [_vm._v(\"对象数组，配置每一列显示的数据\")]), _vm._v(\" \"), _c('td', [_vm._v(\"Array\")]), _vm._v(\" \"), _c('td'), _vm._v(\" \"), _c('td')]), _vm._v(\" \"), _c('tr', [_c('td', [_vm._v(\"showToolbar\")]), _vm._v(\" \"), _c('td', [_vm._v(\"是否在组件顶部显示一个toolbar\")]), _vm._v(\" \"), _c('td', [_vm._v(\"Boolean\")]), _vm._v(\" \"), _c('td', [_vm._v(\"true\")]), _vm._v(\" \"), _c('td')])])]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"columns\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#columns\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" columns\")]), _vm._v(\" \"), _c('p', [_c('code', [_vm._v(\"API\")]), _vm._v(\"中的\"), _c('code', [_vm._v(\"columns\")]), _vm._v(\"为一个对象数组，数组中的每一个对象配置每一列，每一列有以下\"), _c('code', [_vm._v(\"key\")]), _vm._v(\"：\")]), _vm._v(\" \"), _c('table', {\n staticClass: \"table\"\n }, [_c('thead', [_c('tr', [_c('th', [_vm._v(\"key\")]), _vm._v(\" \"), _c('th', [_vm._v(\"说明\")])])]), _vm._v(\" \"), _c('tbody', [_c('tr', [_c('td', [_vm._v(\"values\")]), _vm._v(\" \"), _c('td', [_vm._v(\"列中对应的备选值\")])]), _vm._v(\" \"), _c('tr', [_c('td', [_vm._v(\"defaultIndex\")]), _vm._v(\" \"), _c('td', [_vm._v(\"初始选中值的索引，默认为0\")])]), _vm._v(\" \"), _c('tr', [_c('td', [_vm._v(\"className\")]), _vm._v(\" \"), _c('td', [_vm._v(\"为对应列添加特殊的\"), _c('code', [_vm._v(\"class\")])])])])]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"change-shi-jian\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#change-shi-jian\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" change事件\")]), _vm._v(\" \"), _c('p', [_vm._v(\"在\"), _c('code', [_vm._v(\"change\")]), _vm._v(\"事件中，可以获取到\"), _c('code', [_vm._v(\"picker\")]), _vm._v(\"实例，对\"), _c('code', [_vm._v(\"picker\")]), _vm._v(\"进行相应的更新等操作：\")]), _vm._v(\" \"), _c('table', {\n staticClass: \"table\"\n }, [_c('thead', [_c('tr', [_c('th', [_vm._v(\"函数\")]), _vm._v(\" \"), _c('th', [_vm._v(\"说明\")])])]), _vm._v(\" \"), _c('tbody', [_c('tr', [_c('td', [_vm._v(\"getColumnValue(index)\")]), _vm._v(\" \"), _c('td', [_vm._v(\"获取对应列中选中的值\")])]), _vm._v(\" \"), _c('tr', [_c('td', [_vm._v(\"setColumnValue(index, value)\")]), _vm._v(\" \"), _c('td', [_vm._v(\"设置对应列中选中的值\")])]), _vm._v(\" \"), _c('tr', [_c('td', [_vm._v(\"getColumnValues(index)\")]), _vm._v(\" \"), _c('td', [_vm._v(\"获取对应列中所有的备选值\")])]), _vm._v(\" \"), _c('tr', [_c('td', [_vm._v(\"setColumnValues(index, values)\")]), _vm._v(\" \"), _c('td', [_vm._v(\"设置对应列中所有的备选值\")])]), _vm._v(\" \"), _c('tr', [_c('td', [_vm._v(\"getValues()\")]), _vm._v(\" \"), _c('td', [_vm._v(\"获取所有列中被选中的值，返回一个数组\")])]), _vm._v(\" \"), _c('tr', [_c('td', [_vm._v(\"setValues(values)\")]), _vm._v(\" \"), _c('td', [_c('code', [_vm._v(\"values\")]), _vm._v(\"为一个数组，设置所有列中被选中的值\")])])])])])\n}]}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-a577893e!./~/vue-loader/lib/selector.js?type=template&index=0!./~/vue-markdown-loader/_cache/picker-5.vue\n// module id = 244\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _vm._m(0)\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('section', [_c('h2', {\n attrs: {\n \"id\": \"popup-zu-jian\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#popup-zu-jian\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" Popup组件\")]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"ji-chu-yong-fa\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#ji-chu-yong-fa\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" 基础用法\")]), _vm._v(\" \"), _c('pre', [_c('code', {\n staticClass: \"hljs language-html\"\n }, [_c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"z-button-1\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-button\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"@click\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"popupShow1 = true\\\"\")]), _vm._v(\">\")]), _vm._v(\"从下方弹出popup\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-popup\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"v-model\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"popupShow1\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"position\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"bottom\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"z-popup-1\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n xxxx\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"z-button-1\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-button\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"@click\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"popupShow2 = true\\\"\")]), _vm._v(\">\")]), _vm._v(\"从上方方弹出popup\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-popup\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"v-model\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"popupShow2\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"position\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"top\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"z-popup-2\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\":overlay\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"false\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n 更新成功\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"z-button-1\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-button\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"@click\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"popupShow3 = true\\\"\")]), _vm._v(\">\")]), _vm._v(\"从右方弹出popup\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-popup\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"v-model\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"popupShow3\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"position\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"right\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"z-popup-3\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\":overlay\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"false\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-button\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"@click.native\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"popupShow3 = false\\\"\")]), _vm._v(\">\")]), _vm._v(\"关闭 popup\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"z-button-1\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-button\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"@click\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"popupShow4 = true\\\"\")]), _vm._v(\">\")]), _vm._v(\"从中间弹出popup\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"z-popup\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"v-model\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"popupShow4\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"transition\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"popup-fade\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"z-popup-4\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n 一些内容\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"script\")]), _vm._v(\">\")]), _c('span', {\n staticClass: \"javascript\"\n }, [_vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-keyword\"\n }, [_vm._v(\"export\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-keyword\"\n }, [_vm._v(\"default\")]), _vm._v(\" {\\n data() {\\n \"), _c('span', {\n staticClass: \"hljs-keyword\"\n }, [_vm._v(\"return\")]), _vm._v(\" {\\n \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"popupShow1\")]), _vm._v(\": \"), _c('span', {\n staticClass: \"hljs-literal\"\n }, [_vm._v(\"false\")]), _vm._v(\",\\n \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"popupShow2\")]), _vm._v(\": \"), _c('span', {\n staticClass: \"hljs-literal\"\n }, [_vm._v(\"false\")]), _vm._v(\",\\n \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"popupShow3\")]), _vm._v(\": \"), _c('span', {\n staticClass: \"hljs-literal\"\n }, [_vm._v(\"false\")]), _vm._v(\",\\n \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"popupShow4\")]), _vm._v(\": \"), _c('span', {\n staticClass: \"hljs-literal\"\n }, [_vm._v(\"false\")]), _vm._v(\"\\n }\\n },\\n\\n \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"watch\")]), _vm._v(\": {\\n popupShow2(val) {\\n \"), _c('span', {\n staticClass: \"hljs-keyword\"\n }, [_vm._v(\"if\")]), _vm._v(\" (val) {\\n setTimeout(\"), _c('span', {\n staticClass: \"hljs-function\"\n }, [_c('span', {\n staticClass: \"hljs-params\"\n }, [_vm._v(\"()\")]), _vm._v(\" =>\")]), _vm._v(\" {\\n \"), _c('span', {\n staticClass: \"hljs-keyword\"\n }, [_vm._v(\"this\")]), _vm._v(\".popupShow2 = \"), _c('span', {\n staticClass: \"hljs-literal\"\n }, [_vm._v(\"false\")]), _vm._v(\";\\n }, \"), _c('span', {\n staticClass: \"hljs-number\"\n }, [_vm._v(\"2000\")]), _vm._v(\");\\n }\\n }\\n }\\n};\\n\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\")]), _vm._v(\"\\n\")])]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"api\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#api\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" API\")]), _vm._v(\" \"), _c('table', {\n staticClass: \"table\"\n }, [_c('thead', [_c('tr', [_c('th', [_vm._v(\"参数\")]), _vm._v(\" \"), _c('th', [_vm._v(\"说明\")]), _vm._v(\" \"), _c('th', [_vm._v(\"类型\")]), _vm._v(\" \"), _c('th', [_vm._v(\"默认值\")]), _vm._v(\" \"), _c('th', [_vm._v(\"可选值\")])])]), _vm._v(\" \"), _c('tbody', [_c('tr', [_c('td', [_vm._v(\"value\")]), _vm._v(\" \"), _c('td', [_vm._v(\"利用\"), _c('code', [_vm._v(\"v-model\")]), _vm._v(\"绑定当前组件是否显示\")]), _vm._v(\" \"), _c('td', [_vm._v(\"Boolean\")]), _vm._v(\" \"), _c('td', [_vm._v(\"''\")]), _vm._v(\" \"), _c('td')])])])])\n}]}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-cf44ade4!./~/vue-loader/lib/selector.js?type=template&index=0!./~/vue-markdown-loader/_cache/popup-13.vue\n// module id = 245\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('div', {\n staticClass: \"page-panel\"\n }, [_c('h1', {\n staticClass: \"page-title\"\n }, [_vm._v(\"Panel\")]), _vm._v(\" \"), _c('h2', {\n staticClass: \"page-sub-title\"\n }, [_vm._v(\"基础用法\")]), _vm._v(\" \"), _c('z-panel', {\n attrs: {\n \"title\": \"标题\",\n \"desc\": \"标题描述\",\n \"status\": \"状态\"\n }\n }, [_c('z-card', {\n attrs: {\n \"title\": \"商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余\",\n \"desc\": \"商品SKU1，商品SKU2\",\n \"thumb\": \"https://img.yzcdn.cn/upload_files/2017/02/17/FnDwvwHmU-OiqsbjAO5X7wh1KWrR.jpg!100x100.jpg\"\n }\n }, [_c('div', {\n staticClass: \"z-card__row\",\n slot: \"title\"\n }, [_c('h4', {\n staticClass: \"z-card__title\"\n }, [_vm._v(\"商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"z-card__price\"\n }, [_vm._v(\"¥ 2.00\")])]), _vm._v(\" \"), _c('div', {\n staticClass: \"z-card__row\",\n slot: \"desc\"\n }, [_c('h4', {\n staticClass: \"z-card__desc\"\n }, [_vm._v(\"商品sku\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"z-card__num\"\n }, [_vm._v(\"x 2\")])]), _vm._v(\" \"), _c('div', {\n staticClass: \"z-card__footer\",\n slot: \"footer\"\n }, [_c('z-button', {\n attrs: {\n \"size\": \"mini\"\n }\n }, [_vm._v(\"按钮一\")]), _vm._v(\" \"), _c('z-button', {\n attrs: {\n \"size\": \"mini\"\n }\n }, [_vm._v(\"按钮二\")])], 1)]), _vm._v(\" \"), _c('div', {\n staticClass: \"z-panel-sum\"\n }, [_vm._v(\"\\n 合计：\"), _c('span', [_vm._v(\"¥ 1999.90\")])])], 1), _vm._v(\" \"), _c('h2', {\n staticClass: \"page-sub-title\"\n }, [_vm._v(\"高级用法\")]), _vm._v(\" \"), _c('z-panel', {\n attrs: {\n \"title\": \"标题\",\n \"desc\": \"标题描述\",\n \"status\": \"状态\"\n }\n }, [_c('z-card', {\n attrs: {\n \"title\": \"商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余\",\n \"desc\": \"商品SKU1，商品SKU2\",\n \"thumb\": \"https://img.yzcdn.cn/upload_files/2017/02/17/FnDwvwHmU-OiqsbjAO5X7wh1KWrR.jpg!100x100.jpg\"\n }\n }, [_c('div', {\n staticClass: \"z-card__row\",\n slot: \"title\"\n }, [_c('h4', {\n staticClass: \"z-card__title\"\n }, [_vm._v(\"商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"z-card__price\"\n }, [_vm._v(\"¥ 2.00\")])]), _vm._v(\" \"), _c('div', {\n staticClass: \"z-card__row\",\n slot: \"desc\"\n }, [_c('h4', {\n staticClass: \"z-card__desc\"\n }, [_vm._v(\"商品sku\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"z-card__num\"\n }, [_vm._v(\"x 2\")])]), _vm._v(\" \"), _c('div', {\n staticClass: \"z-card__footer\",\n slot: \"footer\"\n }, [_c('z-button', {\n attrs: {\n \"size\": \"mini\"\n }\n }, [_vm._v(\"按钮一\")]), _vm._v(\" \"), _c('z-button', {\n attrs: {\n \"size\": \"mini\"\n }\n }, [_vm._v(\"按钮二\")])], 1)]), _vm._v(\" \"), _c('div', {\n staticClass: \"z-panel-sum\"\n }, [_vm._v(\"\\n 合计：\"), _c('span', [_vm._v(\"¥ 1999.90\")])]), _vm._v(\" \"), _c('div', {\n staticClass: \"z-panel-buttons\",\n slot: \"footer\"\n }, [_c('z-button', {\n attrs: {\n \"size\": \"small\"\n }\n }, [_vm._v(\"按钮一\")]), _vm._v(\" \"), _c('z-button', {\n attrs: {\n \"size\": \"small\",\n \"type\": \"danger\"\n }\n }, [_vm._v(\"按钮二\")])], 1)], 1)], 1)\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-d78453ce!./~/vue-loader/lib/selector.js?type=template&index=0!./docs/examples/panel.vue\n// module id = 246\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('div', {\n staticClass: \"page-switch\"\n }, [_c('h1', {\n staticClass: \"page-title\"\n }, [_vm._v(\"Switch\")]), _vm._v(\" \"), _c('h2', {\n staticClass: \"page-sub-title\"\n }, [_vm._v(\"基础用法\")]), _vm._v(\" \"), _c('div', {\n staticClass: \"page-switch\"\n }, [_c('div', {\n staticClass: \"page-switch__wrapper\"\n }, [_c('o2-switch', {\n staticClass: \"some-customized-class\",\n attrs: {\n \"checked\": _vm.switchState,\n \"on-change\": _vm.updateState\n }\n }), _vm._v(\" \"), _c('div', {\n staticClass: \"page-switch__text\"\n }, [_vm._v(_vm._s(_vm.switchStateText))])], 1), _vm._v(\" \"), _c('div', {\n staticClass: \"page-switch__wrapper\"\n }, [_c('o2-switch', {\n staticClass: \"some-customized-class\",\n attrs: {\n \"checked\": true,\n \"disabled\": true\n }\n }), _vm._v(\" \"), _c('div', {\n staticClass: \"page-switch__text\"\n }, [_vm._v(\"ON, DISABLED\")])], 1), _vm._v(\" \"), _c('div', {\n staticClass: \"page-switch__wrapper\"\n }, [_c('o2-switch', {\n staticClass: \"some-customized-class\",\n attrs: {\n \"checked\": false,\n \"disabled\": true\n }\n }), _vm._v(\" \"), _c('div', {\n staticClass: \"page-switch__text\"\n }, [_vm._v(\"OFF, DISABLED\")])], 1)])])\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-d7f13822!./~/vue-loader/lib/selector.js?type=template&index=0!./docs/examples/switch.vue\n// module id = 247\n// module chunks = 0","// style-loader: Adds some css to the DOM by adding a \n\n\n\n// WEBPACK FOOTER //\n// demo-list.vue?19d9c6b3","exports = module.exports = require(\"../../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \".side-nav{width:100%;box-sizing:border-box;padding:40px 20px;background:#f9fafb}.side-nav li{list-style:none}.side-nav ul{padding:0;margin:0;overflow:hidden}.side-nav .nav-item a{font-size:16px;color:#5e6d82;line-height:40px;height:40px;margin:0;padding:0;text-decoration:none;display:block;position:relative;-webkit-transition:all .3s;transition:all .3s}.side-nav .nav-item a.active{color:#20a0ff}.side-nav .nav-item .nav-item a{display:block;height:40px;line-height:40px;font-size:13px;padding-left:24px}.side-nav .nav-item .nav-item a:hover{color:#20a0ff}.side-nav .nav-group__title{font-size:12px;color:#99a9bf;padding-left:8px;line-height:26px;margin-top:10px}\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader?minimize!./~/vue-loader/lib/style-rewriter.js?id=data-v-0a10052a!./~/vue-loader/lib/selector.js?type=styles&index=0!./docs/components/demo-list.vue\n// module id = 191\n// module chunks = 1","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('div', {\n staticClass: \"side-nav\"\n }, [_c('ul', _vm._l((_vm.data), function(item) {\n return _c('li', {\n staticClass: \"nav-item\"\n }, [(!item.path) ? _c('a', [_vm._v(_vm._s(item.name))]) : _c('router-link', {\n attrs: {\n \"active-class\": \"active\",\n \"to\": _vm.base + item.path,\n \"exact\": \"\"\n },\n domProps: {\n \"textContent\": _vm._s(item.title || item.name)\n }\n }), _vm._v(\" \"), (item.children) ? _c('ul', {\n staticClass: \"pure-menu-list sub-nav\"\n }, _vm._l((item.children), function(navItem) {\n return _c('li', {\n staticClass: \"nav-item\"\n }, [_c('router-link', {\n attrs: {\n \"active-class\": \"active\",\n \"to\": _vm.base + navItem.path\n },\n domProps: {\n \"textContent\": _vm._s(navItem.title || navItem.name)\n }\n })], 1)\n })) : _vm._e(), _vm._v(\" \"), (item.groups) ? _vm._l((item.groups), function(group) {\n return _c('div', {\n staticClass: \"nav-group\"\n }, [_c('div', {\n staticClass: \"nav-group__title\"\n }, [_vm._v(_vm._s(group.groupName))]), _vm._v(\" \"), _c('ul', {\n staticClass: \"pure-menu-list\"\n }, [_vm._l((group.list), function(navItem) {\n return [(!navItem.disabled) ? _c('li', {\n staticClass: \"nav-item\"\n }, [_c('router-link', {\n attrs: {\n \"active-class\": \"active\",\n \"to\": _vm.base + navItem.path\n },\n domProps: {\n \"textContent\": _vm._s(navItem.title)\n }\n })], 1) : _vm._e()]\n })], 2)])\n }) : _vm._e()], 2)\n }))])\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-0a10052a!./~/vue-loader/lib/selector.js?type=template&index=0!./docs/components/demo-list.vue\n// module id = 226\n// module chunks = 1","// style-loader: Adds some css to the DOM by adding a \n\n\n\n// WEBPACK FOOTER //\n// ExamplesDocsApp.vue?002448ff","\n\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// side-nav.vue?01bcfd9c","exports = module.exports = require(\"../../css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \".hljs{display:block;overflow-x:auto;padding:.5em;background:#fff}.hljs,.hljs-subst{color:#000}.hljs-addition,.hljs-meta,.hljs-string,.hljs-symbol,.hljs-template-tag,.hljs-template-variable{color:#756bb1}.hljs-comment,.hljs-quote{color:#636363}.hljs-bullet,.hljs-link,.hljs-literal,.hljs-number,.hljs-regexp{color:#31a354}.hljs-deletion,.hljs-variable{color:#88f}.hljs-built_in,.hljs-doctag,.hljs-keyword,.hljs-name,.hljs-section,.hljs-selector-class,.hljs-selector-id,.hljs-selector-tag,.hljs-strong,.hljs-tag,.hljs-title,.hljs-type{color:#3182bd}.hljs-emphasis{font-style:italic}.hljs-attribute{color:#e6550d}\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader!./~/postcss-loader!./~/highlight.js/styles/color-brewer.css\n// module id = 160\n// module chunks = 2","exports = module.exports = require(\"../../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \".side-nav{width:18%;box-sizing:border-box;padding:40px 20px;float:left;background:#f9fafb;height:inherit;overflow:auto}.side-nav li{list-style:none}.side-nav ul{padding:0;margin:0;overflow:hidden}.side-nav .nav-item a{font-size:16px;color:#5e6d82;line-height:40px;height:40px;margin:0;padding:0;text-decoration:none;display:block;position:relative;-webkit-transition:all .3s;transition:all .3s}.side-nav .nav-item a.active{color:#20a0ff}.side-nav .nav-item .nav-item a{display:block;height:40px;line-height:40px;font-size:13px;padding-left:24px}.side-nav .nav-item .nav-item a:hover{color:#20a0ff}.side-nav .nav-group__title{font-size:12px;color:#99a9bf;padding-left:8px;line-height:26px;margin-top:10px}\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader?minimize!./~/vue-loader/lib/style-rewriter.js?id=data-v-1d152e3b!./~/vue-loader/lib/selector.js?type=styles&index=0!./docs/components/side-nav.vue\n// module id = 161\n// module chunks = 2","exports = module.exports = require(\"../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \"a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}body,html{height:100%}body{font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;overflow:hidden;font-weight:400;-webkit-font-smoothing:antialiased}a{color:#4078c0;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit}ul{list-style:none}.hljs{line-height:1.8;font-family:Menlo,Monaco,Consolas,Courier,monospace;font-size:12px;padding:18px 24px;background-color:#f9fafc;border:1px solid #eaeefb;margin-bottom:25px;border-radius:4px;-webkit-font-smoothing:auto}.clearfix:after,.clearfix:before{display:table;content:\\\"\\\"}.clearfix:after{clear:both}.page-container{height:100%;overflow:scroll}.page-container h2{font-size:28px;color:#1f2d3d;margin:20px 0;line-height:40px}.page-container h3{font-size:22px;margin:23px 0}.page-container h2,.page-container h3,.page-container h4,.page-container h5{font-weight:400;color:#1f2f3d}.page-container h2 a,.page-container h3 a,.page-container h4 a,.page-container h5 a{float:left;margin-left:-20px;opacity:0;cursor:pointer}.page-container h2 a:hover,.page-container h2:hover a,.page-container h3 a:hover,.page-container h3:hover a,.page-container h4 a:hover,.page-container h4:hover a,.page-container h5 a:hover,.page-container h5:hover a{opacity:.4}.page-container p{font-size:14px;color:#5e6d82;margin:14px 0}.page-content{width:52%;box-sizing:border-box;float:left;padding:0 15px;overflow:auto;height:inherit}.mobile-wrapper{float:left;width:30%;height:300px;position:relative}.mobile{margin:20px 20px 0;height:100%;box-sizing:border-box;width:365px}.demo-page{width:100%;border:5px solid #f5f5f5;height:580px}.table{border-collapse:collapse;width:100%;background-color:#fff;color:#5e6d82;font-size:14px;margin-bottom:45px}.table th{text-align:left;border-top:1px solid #eaeefb;border-bottom:1px solid #eaeefb;background-color:#eff2f7;padding:10px}.table th:first-child{padding-left:10px}.table td{border-bottom:1px solid #eaeefb;padding:10px}\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader?minimize!./~/vue-loader/lib/style-rewriter.js?id=data-v-4a8d13f2!./~/vue-loader/lib/selector.js?type=styles&index=0!./docs/ExamplesDocsApp.vue\n// module id = 162\n// module chunks = 2","// style-loader: Adds some css to the DOM by adding a \n\n\n\n// WEBPACK FOOTER //\n// ExamplesApp.vue?b7199f7e","exports = module.exports = require(\"../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \"a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}a{color:#4078c0;text-decoration:none}.examples-container{padding-bottom:30px}.page-back{display:inline-block;position:absolute;top:12px;left:10px;width:40px;height:40px;text-align:center;color:#333;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.page-back i{font-size:24px;line-height:40px}.page-title{font-size:20px;margin:20px auto;text-align:center;display:block;line-height:1}.page-sub-title{font-size:16px;padding:10px 0}\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader?minimize!./~/vue-loader/lib/style-rewriter.js?id=data-v-ea483ea6!./~/vue-loader/lib/selector.js?type=styles&index=0!./docs/ExamplesApp.vue\n// module id = 163\n// module chunks = 3","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('div', {\n staticClass: \"examples-container\"\n }, [(_vm.visible) ? _c('router-link', {\n staticClass: \"page-back\",\n attrs: {\n \"to\": '/'\n }\n }, [_c('i', {\n staticClass: \"zui-icon zui-icon-arrow\"\n })]) : _vm._e(), _vm._v(\" \"), _c('router-view')], 1)\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-ea483ea6!./~/vue-loader/lib/selector.js?type=template&index=0!./docs/ExamplesApp.vue\n// module id = 169\n// module chunks = 3","// style-loader: Adds some css to the DOM by adding a