diff --git a/build/bin/build-entry.js b/build/bin/build-entry.js
index 3cb84161a..1eb734fc6 100644
--- a/build/bin/build-entry.js
+++ b/build/bin/build-entry.js
@@ -16,9 +16,9 @@ const install = function(Vue) {
};
// auto install
-// if (typeof window !== 'undefined' && window.Vue) {
-// install(window.Vue);
-// }
+if (typeof window !== 'undefined' && window.Vue) {
+ install(window.Vue);
+}
module.exports = {
install,
diff --git a/build/webpack.build.js b/build/webpack.build.js
index 7963aad45..15644942b 100644
--- a/build/webpack.build.js
+++ b/build/webpack.build.js
@@ -11,7 +11,7 @@ config.output = {
};
config.externals = {
- vue: 'Vue'
+ vue: 'vue'
};
delete config.devtool;
diff --git a/components.json b/components.json
index 4cd925021..2663baa6f 100644
--- a/components.json
+++ b/components.json
@@ -21,5 +21,6 @@
"badge-group": "./packages/badge-group/index.js",
"badge": "./packages/badge/index.js",
"search": "./packages/search/index.js",
- "step": "./packages/step/index.js"
+ "step": "./packages/step/index.js",
+ "image-preview": "./packages/image-preview/index.js"
}
diff --git a/docs/build/0.ce826a4b.js b/docs/build/0.ce826a4b.js
deleted file mode 100644
index 92b327559..000000000
--- a/docs/build/0.ce826a4b.js
+++ /dev/null
@@ -1,10952 +0,0 @@
-webpackJsonp([0],[
-/* 0 */,
-/* 1 */
-/***/ (function(module, exports, __webpack_require__) {
-
-var store = __webpack_require__(41)('wks')
- , uid = __webpack_require__(44)
- , Symbol = __webpack_require__(2).Symbol
- , USE_SYMBOL = typeof Symbol == 'function';
-
-var $exports = module.exports = function(name){
- return store[name] || (store[name] =
- USE_SYMBOL && Symbol[name] || (USE_SYMBOL ? Symbol : uid)('Symbol.' + name));
-};
-
-$exports.store = store;
-
-/***/ }),
-/* 2 */
-/***/ (function(module, exports) {
-
-// https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
-var global = module.exports = typeof window != 'undefined' && window.Math == Math
- ? window : typeof self != 'undefined' && self.Math == Math ? self : Function('return this')();
-if(typeof __g == 'number')__g = global; // eslint-disable-line no-undef
-
-/***/ }),
-/* 3 */,
-/* 4 */,
-/* 5 */
-/***/ (function(module, exports, __webpack_require__) {
-
-var isObject = __webpack_require__(18);
-module.exports = function(it){
- if(!isObject(it))throw TypeError(it + ' is not an object!');
- return it;
-};
-
-/***/ }),
-/* 6 */
-/***/ (function(module, exports, __webpack_require__) {
-
-var dP = __webpack_require__(19)
- , createDesc = __webpack_require__(40);
-module.exports = __webpack_require__(9) ? function(object, key, value){
- return dP.f(object, key, createDesc(1, value));
-} : function(object, key, value){
- object[key] = value;
- return object;
-};
-
-/***/ }),
-/* 7 */,
-/* 8 */
-/***/ (function(module, exports) {
-
-var core = module.exports = {version: '2.4.0'};
-if(typeof __e == 'number')__e = core; // eslint-disable-line no-undef
-
-/***/ }),
-/* 9 */
-/***/ (function(module, exports, __webpack_require__) {
-
-// Thank's IE8 for his funny defineProperty
-module.exports = !__webpack_require__(31)(function(){
- return Object.defineProperty({}, 'a', {get: function(){ return 7; }}).a != 7;
-});
-
-/***/ }),
-/* 10 */
-/***/ (function(module, exports) {
-
-module.exports = {};
-
-/***/ }),
-/* 11 */,
-/* 12 */,
-/* 13 */,
-/* 14 */,
-/* 15 */
-/***/ (function(module, exports) {
-
-var toString = {}.toString;
-
-module.exports = function(it){
- return toString.call(it).slice(8, -1);
-};
-
-/***/ }),
-/* 16 */
-/***/ (function(module, exports, __webpack_require__) {
-
-// optional / simple context binding
-var aFunction = __webpack_require__(20);
-module.exports = function(fn, that, length){
- aFunction(fn);
- if(that === undefined)return fn;
- switch(length){
- case 1: return function(a){
- return fn.call(that, a);
- };
- case 2: return function(a, b){
- return fn.call(that, a, b);
- };
- case 3: return function(a, b, c){
- return fn.call(that, a, b, c);
- };
- }
- return function(/* ...args */){
- return fn.apply(that, arguments);
- };
-};
-
-/***/ }),
-/* 17 */
-/***/ (function(module, exports) {
-
-var hasOwnProperty = {}.hasOwnProperty;
-module.exports = function(it, key){
- return hasOwnProperty.call(it, key);
-};
-
-/***/ }),
-/* 18 */
-/***/ (function(module, exports) {
-
-module.exports = function(it){
- return typeof it === 'object' ? it !== null : typeof it === 'function';
-};
-
-/***/ }),
-/* 19 */
-/***/ (function(module, exports, __webpack_require__) {
-
-var anObject = __webpack_require__(5)
- , IE8_DOM_DEFINE = __webpack_require__(100)
- , toPrimitive = __webpack_require__(119)
- , dP = Object.defineProperty;
-
-exports.f = __webpack_require__(9) ? Object.defineProperty : function defineProperty(O, P, Attributes){
- anObject(O);
- P = toPrimitive(P, true);
- anObject(Attributes);
- if(IE8_DOM_DEFINE)try {
- return dP(O, P, Attributes);
- } catch(e){ /* empty */ }
- if('get' in Attributes || 'set' in Attributes)throw TypeError('Accessors not supported!');
- if('value' in Attributes)O[P] = Attributes.value;
- return O;
-};
-
-/***/ }),
-/* 20 */
-/***/ (function(module, exports) {
-
-module.exports = function(it){
- if(typeof it != 'function')throw TypeError(it + ' is not a function!');
- return it;
-};
-
-/***/ }),
-/* 21 */
-/***/ (function(module, exports) {
-
-// 7.2.1 RequireObjectCoercible(argument)
-module.exports = function(it){
- if(it == undefined)throw TypeError("Can't call method on " + it);
- return it;
-};
-
-/***/ }),
-/* 22 */
-/***/ (function(module, exports, __webpack_require__) {
-
-var isObject = __webpack_require__(18)
- , document = __webpack_require__(2).document
- // in old IE typeof document.createElement is 'object'
- , is = isObject(document) && isObject(document.createElement);
-module.exports = function(it){
- return is ? document.createElement(it) : {};
-};
-
-/***/ }),
-/* 23 */
-/***/ (function(module, exports, __webpack_require__) {
-
-var def = __webpack_require__(19).f
- , has = __webpack_require__(17)
- , TAG = __webpack_require__(1)('toStringTag');
-
-module.exports = function(it, tag, stat){
- if(it && !has(it = stat ? it : it.prototype, TAG))def(it, TAG, {configurable: true, value: tag});
-};
-
-/***/ }),
-/* 24 */
-/***/ (function(module, exports, __webpack_require__) {
-
-var shared = __webpack_require__(41)('keys')
- , uid = __webpack_require__(44);
-module.exports = function(key){
- return shared[key] || (shared[key] = uid(key));
-};
-
-/***/ }),
-/* 25 */
-/***/ (function(module, exports) {
-
-// 7.1.4 ToInteger
-var ceil = Math.ceil
- , floor = Math.floor;
-module.exports = function(it){
- return isNaN(it = +it) ? 0 : (it > 0 ? floor : ceil)(it);
-};
-
-/***/ }),
-/* 26 */
-/***/ (function(module, exports, __webpack_require__) {
-
-// to indexed object, toObject with fallback for non-array-like ES3 strings
-var IObject = __webpack_require__(102)
- , defined = __webpack_require__(21);
-module.exports = function(it){
- return IObject(defined(it));
-};
-
-/***/ }),
-/* 27 */,
-/* 28 */,
-/* 29 */,
-/* 30 */
-/***/ (function(module, exports, __webpack_require__) {
-
-var global = __webpack_require__(2)
- , core = __webpack_require__(8)
- , ctx = __webpack_require__(16)
- , hide = __webpack_require__(6)
- , PROTOTYPE = 'prototype';
-
-var $export = function(type, name, source){
- var IS_FORCED = type & $export.F
- , IS_GLOBAL = type & $export.G
- , IS_STATIC = type & $export.S
- , IS_PROTO = type & $export.P
- , IS_BIND = type & $export.B
- , IS_WRAP = type & $export.W
- , exports = IS_GLOBAL ? core : core[name] || (core[name] = {})
- , expProto = exports[PROTOTYPE]
- , target = IS_GLOBAL ? global : IS_STATIC ? global[name] : (global[name] || {})[PROTOTYPE]
- , key, own, out;
- if(IS_GLOBAL)source = name;
- for(key in source){
- // contains in native
- own = !IS_FORCED && target && target[key] !== undefined;
- if(own && key in exports)continue;
- // export native or passed
- out = own ? target[key] : source[key];
- // prevent global pollution for namespaces
- exports[key] = IS_GLOBAL && typeof target[key] != 'function' ? source[key]
- // bind timers to global for call from export context
- : IS_BIND && own ? ctx(out, global)
- // wrap global constructors for prevent change them in library
- : IS_WRAP && target[key] == out ? (function(C){
- var F = function(a, b, c){
- if(this instanceof C){
- switch(arguments.length){
- case 0: return new C;
- case 1: return new C(a);
- case 2: return new C(a, b);
- } return new C(a, b, c);
- } return C.apply(this, arguments);
- };
- F[PROTOTYPE] = C[PROTOTYPE];
- return F;
- // make static versions for prototype methods
- })(out) : IS_PROTO && typeof out == 'function' ? ctx(Function.call, out) : out;
- // export proto methods to core.%CONSTRUCTOR%.methods.%NAME%
- if(IS_PROTO){
- (exports.virtual || (exports.virtual = {}))[key] = out;
- // export proto methods to core.%CONSTRUCTOR%.prototype.%NAME%
- if(type & $export.R && expProto && !expProto[key])hide(expProto, key, out);
- }
- }
-};
-// type bitmap
-$export.F = 1; // forced
-$export.G = 2; // global
-$export.S = 4; // static
-$export.P = 8; // proto
-$export.B = 16; // bind
-$export.W = 32; // wrap
-$export.U = 64; // safe
-$export.R = 128; // real proto method for `library`
-module.exports = $export;
-
-/***/ }),
-/* 31 */
-/***/ (function(module, exports) {
-
-module.exports = function(exec){
- try {
- return !!exec();
- } catch(e){
- return true;
- }
-};
-
-/***/ }),
-/* 32 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-
-var _cell = __webpack_require__(128);
-
-var _cell2 = _interopRequireDefault(_cell);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-exports.default = _cell2.default;
-
-/***/ }),
-/* 33 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-
-var _vue = __webpack_require__(3);
-
-var _vue2 = _interopRequireDefault(_vue);
-
-var _merge = __webpack_require__(34);
-
-var _merge2 = _interopRequireDefault(_merge);
-
-var _popupManager = __webpack_require__(91);
-
-var _popupManager2 = _interopRequireDefault(_popupManager);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var idSeed = 1;
-
-var getDOM = function getDOM(dom) {
- if (dom.nodeType === 3) {
- dom = dom.nextElementSibling || dom.nextSibling;
- getDOM(dom);
- }
- return dom;
-};
-
-exports.default = {
- props: {
- /**
- * popup当前显示状态
- */
- value: {
- type: Boolean,
- default: false
- },
- /**
- * 是否显示遮罩层
- */
- overlay: {
- type: Boolean,
- default: false
- },
- /**
- * 点击遮罩层是否关闭popup
- */
- closeOnClickOverlay: {
- type: Boolean,
- default: false
- },
- zIndex: [String, Number],
- /**
- * popup滚动时是否body内容也滚动
- * 默认为不滚动
- */
- lockOnScroll: {
- type: Boolean,
- default: true
- }
- },
-
- watch: {
- value: function value(val) {
- if (val) {
- if (this.opening) return;
- this.open();
- } else {
- if (this.closing) return;
- this.close();
- }
- }
- },
-
- beforeMount: function beforeMount() {
- this._popupId = 'popup-' + idSeed++;
- _popupManager2.default.register(this._popupId, this);
- },
- data: function data() {
- return {
- opening: false,
- opened: false,
- closing: false,
- bodyOverflow: null
- };
- },
-
-
- methods: {
- /**
- * 显示popup
- */
- open: function open(options) {
- if (this.opened) return;
-
- this.opening = true;
-
- this.$emit('input', true);
-
- var dom = getDOM(this.$el);
- var props = (0, _merge2.default)({}, this, options);
- var zIndex = props.zIndex;
-
- // 如果属性中传入了`zIndex`,则覆盖`PopupManager`中对应的`zIndex`
- if (zIndex) {
- _popupManager2.default.zIndex = zIndex;
- }
-
- // 如果显示遮罩层
- if (this.overlay) {
- if (this.closing) {
- _popupManager2.default.closeModal(this._popupId);
- this.closing = false;
- }
- _popupManager2.default.openModal(this._popupId, _popupManager2.default.nextZIndex(), dom);
-
- // 如果滚动时需要锁定
- if (this.lockOnScroll) {
- // 将原来的`bodyOverflow`存起来
- if (!this.bodyOverflow) {
- this.bodyOverflow = document.body.style.overflow;
- }
-
- document.body.style.overlay = 'hidden';
- }
- }
-
- dom.style.zIndex = _popupManager2.default.nextZIndex();
- this.opened = true;
- this.opening = false;
- },
-
-
- /**
- * 关闭popup
- */
- close: function close() {
- var _this = this;
-
- if (this.closing) return;
-
- this.closing = true;
-
- this.$emit('input', false);
-
- if (this.lockOnScroll) {
- setTimeout(function () {
- if (_this.modal && _this.bodyOverflow !== 'hidden') {
- document.body.style.overflow = _this.bodyOverflow;
- }
- _this.bodyOverflow = null;
- }, 200);
- }
-
- this.opened = false;
- this.doAfterClose();
- },
- doAfterClose: function doAfterClose() {
- this.closing = false;
- _popupManager2.default.closeModal(this._popupId);
- }
- },
-
- beforeDestroy: function beforeDestroy() {
- _popupManager2.default.deregister(this._popupId);
- _popupManager2.default.closeModal(this._popupId);
-
- if (this.modal && this.bodyOverflow !== null && this.bodyOverflow !== 'hidden') {
- document.body.style.overflow = this.bodyOverflow;
- }
- this.bodyOverflow = null;
- }
-};
-
-/***/ }),
-/* 34 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-
-exports.default = function (target) {
- for (var _len = arguments.length, sources = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
- sources[_key - 1] = arguments[_key];
- }
-
- for (var i = 0; i < sources.length; i++) {
- var source = sources[i] || {};
- for (var prop in source) {
- if (source.hasOwnProperty(prop)) {
- var value = source[prop];
- if (value !== undefined) {
- target[prop] = value;
- }
- }
- }
- }
-
- return target;
-};
-
-;
-
-/***/ }),
-/* 35 */
-/***/ (function(module, exports, __webpack_require__) {
-
-// getting tag from 19.1.3.6 Object.prototype.toString()
-var cof = __webpack_require__(15)
- , TAG = __webpack_require__(1)('toStringTag')
- // ES3 wrong here
- , ARG = cof(function(){ return arguments; }()) == 'Arguments';
-
-// fallback for IE11 Script Access Denied error
-var tryGet = function(it, key){
- try {
- return it[key];
- } catch(e){ /* empty */ }
-};
-
-module.exports = function(it){
- var O, T, B;
- return it === undefined ? 'Undefined' : it === null ? 'Null'
- // @@toStringTag case
- : typeof (T = tryGet(O = Object(it), TAG)) == 'string' ? T
- // builtinTag case
- : ARG ? cof(O)
- // ES3 arguments fallback
- : (B = cof(O)) == 'Object' && typeof O.callee == 'function' ? 'Arguments' : B;
-};
-
-/***/ }),
-/* 36 */
-/***/ (function(module, exports) {
-
-// IE 8- don't enum bug keys
-module.exports = (
- 'constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf'
-).split(',');
-
-/***/ }),
-/* 37 */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(2).document && document.documentElement;
-
-/***/ }),
-/* 38 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var LIBRARY = __webpack_require__(39)
- , $export = __webpack_require__(30)
- , redefine = __webpack_require__(114)
- , hide = __webpack_require__(6)
- , has = __webpack_require__(17)
- , Iterators = __webpack_require__(10)
- , $iterCreate = __webpack_require__(105)
- , setToStringTag = __webpack_require__(23)
- , getPrototypeOf = __webpack_require__(111)
- , ITERATOR = __webpack_require__(1)('iterator')
- , BUGGY = !([].keys && 'next' in [].keys()) // Safari has buggy iterators w/o `next`
- , FF_ITERATOR = '@@iterator'
- , KEYS = 'keys'
- , VALUES = 'values';
-
-var returnThis = function(){ return this; };
-
-module.exports = function(Base, NAME, Constructor, next, DEFAULT, IS_SET, FORCED){
- $iterCreate(Constructor, NAME, next);
- var getMethod = function(kind){
- if(!BUGGY && kind in proto)return proto[kind];
- switch(kind){
- case KEYS: return function keys(){ return new Constructor(this, kind); };
- case VALUES: return function values(){ return new Constructor(this, kind); };
- } return function entries(){ return new Constructor(this, kind); };
- };
- var TAG = NAME + ' Iterator'
- , DEF_VALUES = DEFAULT == VALUES
- , VALUES_BUG = false
- , proto = Base.prototype
- , $native = proto[ITERATOR] || proto[FF_ITERATOR] || DEFAULT && proto[DEFAULT]
- , $default = $native || getMethod(DEFAULT)
- , $entries = DEFAULT ? !DEF_VALUES ? $default : getMethod('entries') : undefined
- , $anyNative = NAME == 'Array' ? proto.entries || $native : $native
- , methods, key, IteratorPrototype;
- // Fix native
- if($anyNative){
- IteratorPrototype = getPrototypeOf($anyNative.call(new Base));
- if(IteratorPrototype !== Object.prototype){
- // Set @@toStringTag to native iterators
- setToStringTag(IteratorPrototype, TAG, true);
- // fix for some old engines
- if(!LIBRARY && !has(IteratorPrototype, ITERATOR))hide(IteratorPrototype, ITERATOR, returnThis);
- }
- }
- // fix Array#{values, @@iterator}.name in V8 / FF
- if(DEF_VALUES && $native && $native.name !== VALUES){
- VALUES_BUG = true;
- $default = function values(){ return $native.call(this); };
- }
- // Define iterator
- if((!LIBRARY || FORCED) && (BUGGY || VALUES_BUG || !proto[ITERATOR])){
- hide(proto, ITERATOR, $default);
- }
- // Plug for library
- Iterators[NAME] = $default;
- Iterators[TAG] = returnThis;
- if(DEFAULT){
- methods = {
- values: DEF_VALUES ? $default : getMethod(VALUES),
- keys: IS_SET ? $default : getMethod(KEYS),
- entries: $entries
- };
- if(FORCED)for(key in methods){
- if(!(key in proto))redefine(proto, key, methods[key]);
- } else $export($export.P + $export.F * (BUGGY || VALUES_BUG), NAME, methods);
- }
- return methods;
-};
-
-/***/ }),
-/* 39 */
-/***/ (function(module, exports) {
-
-module.exports = true;
-
-/***/ }),
-/* 40 */
-/***/ (function(module, exports) {
-
-module.exports = function(bitmap, value){
- return {
- enumerable : !(bitmap & 1),
- configurable: !(bitmap & 2),
- writable : !(bitmap & 4),
- value : value
- };
-};
-
-/***/ }),
-/* 41 */
-/***/ (function(module, exports, __webpack_require__) {
-
-var global = __webpack_require__(2)
- , SHARED = '__core-js_shared__'
- , store = global[SHARED] || (global[SHARED] = {});
-module.exports = function(key){
- return store[key] || (store[key] = {});
-};
-
-/***/ }),
-/* 42 */
-/***/ (function(module, exports, __webpack_require__) {
-
-var ctx = __webpack_require__(16)
- , invoke = __webpack_require__(101)
- , html = __webpack_require__(37)
- , cel = __webpack_require__(22)
- , global = __webpack_require__(2)
- , process = global.process
- , setTask = global.setImmediate
- , clearTask = global.clearImmediate
- , MessageChannel = global.MessageChannel
- , counter = 0
- , queue = {}
- , ONREADYSTATECHANGE = 'onreadystatechange'
- , defer, channel, port;
-var run = function(){
- var id = +this;
- if(queue.hasOwnProperty(id)){
- var fn = queue[id];
- delete queue[id];
- fn();
- }
-};
-var listener = function(event){
- run.call(event.data);
-};
-// Node.js 0.9+ & IE10+ has setImmediate, otherwise:
-if(!setTask || !clearTask){
- setTask = function setImmediate(fn){
- var args = [], i = 1;
- while(arguments.length > i)args.push(arguments[i++]);
- queue[++counter] = function(){
- invoke(typeof fn == 'function' ? fn : Function(fn), args);
- };
- defer(counter);
- return counter;
- };
- clearTask = function clearImmediate(id){
- delete queue[id];
- };
- // Node.js 0.8-
- if(__webpack_require__(15)(process) == 'process'){
- defer = function(id){
- process.nextTick(ctx(run, id, 1));
- };
- // Browsers with MessageChannel, includes WebWorkers
- } else if(MessageChannel){
- channel = new MessageChannel;
- port = channel.port2;
- channel.port1.onmessage = listener;
- defer = ctx(port.postMessage, port, 1);
- // Browsers with postMessage, skip WebWorkers
- // IE8 has postMessage, but it's sync & typeof its postMessage is 'object'
- } else if(global.addEventListener && typeof postMessage == 'function' && !global.importScripts){
- defer = function(id){
- global.postMessage(id + '', '*');
- };
- global.addEventListener('message', listener, false);
- // IE8-
- } else if(ONREADYSTATECHANGE in cel('script')){
- defer = function(id){
- html.appendChild(cel('script'))[ONREADYSTATECHANGE] = function(){
- html.removeChild(this);
- run.call(id);
- };
- };
- // Rest old browsers
- } else {
- defer = function(id){
- setTimeout(ctx(run, id, 1), 0);
- };
- }
-}
-module.exports = {
- set: setTask,
- clear: clearTask
-};
-
-/***/ }),
-/* 43 */
-/***/ (function(module, exports, __webpack_require__) {
-
-// 7.1.15 ToLength
-var toInteger = __webpack_require__(25)
- , min = Math.min;
-module.exports = function(it){
- return it > 0 ? min(toInteger(it), 0x1fffffffffffff) : 0; // pow(2, 53) - 1 == 9007199254740991
-};
-
-/***/ }),
-/* 44 */
-/***/ (function(module, exports) {
-
-var id = 0
- , px = Math.random();
-module.exports = function(key){
- return 'Symbol('.concat(key === undefined ? '' : key, ')_', (++id + px).toString(36));
-};
-
-/***/ }),
-/* 45 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var _index = __webpack_require__(69);
-
-var _index2 = _interopRequireDefault(_index);
-
-var _index3 = __webpack_require__(85);
-
-var _index4 = _interopRequireDefault(_index3);
-
-var _index5 = __webpack_require__(75);
-
-var _index6 = _interopRequireDefault(_index5);
-
-var _index7 = __webpack_require__(83);
-
-var _index8 = _interopRequireDefault(_index7);
-
-var _index9 = __webpack_require__(32);
-
-var _index10 = _interopRequireDefault(_index9);
-
-var _index11 = __webpack_require__(76);
-
-var _index12 = _interopRequireDefault(_index11);
-
-var _index13 = __webpack_require__(72);
-
-var _index14 = _interopRequireDefault(_index13);
-
-var _index15 = __webpack_require__(81);
-
-var _index16 = _interopRequireDefault(_index15);
-
-var _index17 = __webpack_require__(73);
-
-var _index18 = _interopRequireDefault(_index17);
-
-var _index19 = __webpack_require__(79);
-
-var _index20 = _interopRequireDefault(_index19);
-
-var _index21 = __webpack_require__(82);
-
-var _index22 = _interopRequireDefault(_index21);
-
-var _index23 = __webpack_require__(87);
-
-var _index24 = _interopRequireDefault(_index23);
-
-var _index25 = __webpack_require__(77);
-
-var _index26 = _interopRequireDefault(_index25);
-
-var _index27 = __webpack_require__(78);
-
-var _index28 = _interopRequireDefault(_index27);
-
-var _index29 = __webpack_require__(71);
-
-var _index30 = _interopRequireDefault(_index29);
-
-var _index31 = __webpack_require__(84);
-
-var _index32 = _interopRequireDefault(_index31);
-
-var _index33 = __webpack_require__(86);
-
-var _index34 = _interopRequireDefault(_index33);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var install = function install(Vue) {
- if (install.installed) return;
-
- Vue.component(_index2.default.name, _index2.default);
- Vue.component(_index4.default.name, _index4.default);
- Vue.component(_index6.default.name, _index6.default);
- Vue.component(_index8.default.name, _index8.default);
- Vue.component(_index10.default.name, _index10.default);
- Vue.component(_index12.default.name, _index12.default);
- Vue.component(_index14.default.name, _index14.default);
- Vue.component(_index16.default.name, _index16.default);
- Vue.component(_index20.default.name, _index20.default);
- Vue.component(_index22.default.name, _index22.default);
- Vue.component(_index26.default.name, _index26.default);
- Vue.component(_index28.default.name, _index28.default);
- Vue.component(_index30.default.name, _index30.default);
- Vue.component(_index32.default.name, _index32.default);
- Vue.component(_index34.default.name, _index34.default);
-};
-
-// auto install
-if (typeof window !== 'undefined' && window.Vue) {
- install(window.Vue);
-}
-
-module.exports = {
- install: install,
- version: '0.0.7',
- Button: _index2.default,
- Switch: _index4.default,
- Field: _index6.default,
- Radio: _index8.default,
- Cell: _index10.default,
- Icon: _index12.default,
- CellGroup: _index14.default,
- Popup: _index16.default,
- Dialog: _index18.default,
- Picker: _index20.default,
- RadioGroup: _index22.default,
- Waterfall: _index24.default,
- Loading: _index26.default,
- Panel: _index28.default,
- Card: _index30.default,
- Steps: _index32.default,
- Tag: _index34.default
-};
-
-/***/ }),
-/* 46 */,
-/* 47 */,
-/* 48 */,
-/* 49 */,
-/* 50 */,
-/* 51 */
-/***/ (function(module, exports, __webpack_require__) {
-
-// 19.1.2.14 / 15.2.3.14 Object.keys(O)
-var $keys = __webpack_require__(112)
- , enumBugKeys = __webpack_require__(36);
-
-module.exports = Object.keys || function keys(O){
- return $keys(O, enumBugKeys);
-};
-
-/***/ }),
-/* 52 */
-/***/ (function(module, exports, __webpack_require__) {
-
-// 7.1.13 ToObject(argument)
-var defined = __webpack_require__(21);
-module.exports = function(it){
- return Object(defined(it));
-};
-
-/***/ }),
-/* 53 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-exports.default = {
- name: 'zan-card',
- props: {
- thumb: {
- type: String,
- required: true
- },
- title: String,
- desc: String
- }
-};
-
-/***/ }),
-/* 54 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-//
-//
-//
-//
-//
-//
-
-exports.default = {
- name: 'zan-cell-group'
-};
-
-/***/ }),
-/* 55 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-exports.default = {
- name: 'zan-cell',
-
- props: {
- icon: String,
- title: String,
- value: [String, Number],
- url: String,
- label: String,
- isLink: Boolean
- },
-
- methods: {
- handleClick: function handleClick() {
- this.$emit('click');
- }
- }
-};
-
-/***/ }),
-/* 56 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-
-var _popup = __webpack_require__(33);
-
-var _popup2 = _interopRequireDefault(_popup);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var CANCEL_TEXT = '取消'; //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-var CONFIRM_TEXT = '确认';
-
-exports.default = {
- name: 'zan-dialog',
-
- mixins: [_popup2.default],
-
- props: {
- overlay: {
- default: true
- },
- closeOnClickOverlay: {
- default: true
- },
- lockOnScroll: {
- default: true
- }
- },
-
- data: function data() {
- return {
- title: '',
- message: '',
- type: '',
- showConfirmButton: true,
- showCancelButton: false,
- confirmButtonText: CONFIRM_TEXT,
- cancelButtonText: CANCEL_TEXT,
- callback: null
- };
- },
-
-
- methods: {
- handleAction: function handleAction(action) {
- this.value = false;
- this.callback && this.callback(action);
- },
- close: function close() {
- var _this = this;
-
- if (this.closing) return;
-
- this.closing = true;
-
- this.value = false;
-
- if (this.lockOnScroll) {
- setTimeout(function () {
- if (_this.modal && _this.bodyOverflow !== 'hidden') {
- document.body.style.overflow = _this.bodyOverflow;
- document.body.style.paddingRight = _this.bodyPaddingRight;
- }
- _this.bodyOverflow = null;
- _this.bodyPaddingRight = null;
- }, 200);
- }
-
- this.opened = false;
- this.doAfterClose();
- }
- }
-};
-
-/***/ }),
-/* 57 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-
-var _cell = __webpack_require__(32);
-
-var _cell2 = _interopRequireDefault(_cell);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-exports.default = {
- name: 'zan-field',
-
- components: {
- zCell: _cell2.default
- },
-
- props: {
- type: {
- type: String,
- default: 'text'
- },
- placeholder: String,
- value: String,
- label: String,
- disabled: Boolean,
- readonly: Boolean,
- maxlength: [String, Number]
- },
-
- data: function data() {
- return {
- currentValue: this.value
- };
- },
-
-
- watch: {
- value: function value(val) {
- this.currentValue = val;
- },
- currentValue: function currentValue(val) {
- this.$emit('input', val);
- console.log(val);
- }
- },
-
- methods: {
- handleInput: function handleInput(event) {
- this.currentValue = event.target.value;
- }
- }
-}; //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-/***/ }),
-/* 58 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-//
-//
-//
-//
-
-exports.default = {
- name: 'zan-icon',
-
- props: {
- name: String
- }
-};
-
-/***/ }),
-/* 59 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-//
-//
-//
-//
-
-exports.default = {
- name: 'zan-loading'
-};
-
-/***/ }),
-/* 60 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-exports.default = {
- name: 'zan-panel',
- props: {
- title: String,
- desc: String,
- status: String
- }
-};
-
-/***/ }),
-/* 61 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-
-var _transition = __webpack_require__(93);
-
-var _transition2 = _interopRequireDefault(_transition);
-
-var _draggable = __webpack_require__(80);
-
-var _draggable2 = _interopRequireDefault(_draggable);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-var DEFAULT_ITEM_HEIGHT = 44;
-
-exports.default = {
- name: 'zan-picker-column',
-
- props: {
- /**
- * 每一列可见备选元素的个数
- */
- visibileColumnCount: {
- type: Number,
- default: 5
- },
- /**
- * 该列所有的可选值
- */
- values: {
- type: Array,
- default: function _default() {
- return [];
- }
- },
- /**
- * 每列添加额外的`className`
- */
- className: {
- type: String,
- default: ''
- },
- /**
- * 行高
- */
- itemHeight: {
- type: Number,
- default: DEFAULT_ITEM_HEIGHT
- },
- value: {}
- },
-
- data: function data() {
- return {
- currentValue: this.value,
- currentValues: this.values,
- isDragging: false
- };
- },
-
-
- watch: {
- values: function values(val) {
- this.currentValues = val;
- },
- currentValues: function currentValues(val) {
- if (this.valueIndex === -1) {
- this.currentValue = (val || [])[0];
- }
- },
- currentValue: function currentValue(val) {
- this.doOnValueChange();
-
- this.$emit('change', this);
- }
- },
-
- computed: {
- /**
- * picker可见备选元素总高度
- */
- visibleContentHeight: function visibleContentHeight() {
- return this.itemHeight * this.visibileColumnCount;
- },
-
-
- /**
- * 当前选中值在`values`中的索引
- */
- valueIndex: function valueIndex() {
- return this.currentValues.indexOf(this.currentValue);
- },
-
-
- /**
- * 计算picker的拖动范围
- */
- dragRange: function dragRange() {
- var values = this.currentValues;
- var visibileColumnCount = this.visibileColumnCount;
- var itemHeight = this.itemHeight;
-
- return [-itemHeight * (values.length - Math.ceil(visibileColumnCount / 2)), itemHeight * Math.floor(visibileColumnCount / 2)];
- },
-
-
- /**
- * 计算`classNames`
- */
- classNames: function classNames() {
- return this.className.split(' ');
- }
- },
-
- mounted: function mounted() {
- this.initEvents();
- this.doOnValueChange();
- },
-
-
- methods: {
- /**
- * 将当前`value`值转换成需要垂直方向需要`translate`的值
- */
- value2Translate: function value2Translate(value) {
- var values = this.currentValues;
- var valueIndex = values.indexOf(value);
- var offset = Math.floor(this.visibileColumnCount / 2);
- var itemHeight = this.itemHeight;
-
- if (valueIndex !== -1) {
- return (valueIndex - offset) * -itemHeight;
- }
- },
-
-
- /**
- * 根据当前`translate`的值转换成当前选中的`value`
- */
- translate2Value: function translate2Value(translate) {
- var itemHeight = this.itemHeight;
- translate = Math.round(translate / itemHeight) * itemHeight;
-
- var index = -(translate - Math.floor(this.visibileColumnCount / 2) * itemHeight) / itemHeight;
-
- return this.currentValues[index];
- },
-
-
- /**
- * 初始化拖动事件
- */
- initEvents: function initEvents() {
- var _this = this;
-
- var el = this.$refs.wrapper;
- var dragState = {};
-
- var velocityTranslate;
- var prevTranslate;
- var pickerItems; // eslint-disable-line
-
- (0, _draggable2.default)(el, {
- start: function start(event) {
- // 存储当前状态
- dragState = {
- range: _this.dragRange,
- start: new Date(),
- startLeft: event.pageX,
- startTop: event.pageY,
- startTranslateTop: _transition2.default.getElementTranslate(el).top
- };
- pickerItems = el.querySelectorAll('.zan-picker-item'); // eslint-disable-line
- },
-
- drag: function drag(event) {
- _this.isDragging = true;
-
- dragState.left = event.pageX;
- dragState.top = event.pageY;
-
- var deltaY = dragState.top - dragState.startTop;
- var translate = dragState.startTranslateTop + deltaY;
-
- _transition2.default.translateElement(el, null, translate);
-
- velocityTranslate = translate - prevTranslate || translate;
-
- prevTranslate = translate;
- },
-
- end: function end() {
- if (_this.isDragging) {
- _this.isDragging = false;
-
- var momentumRatio = 7;
- var currentTranslate = _transition2.default.getElementTranslate(el).top;
- var duration = new Date() - dragState.start;
-
- var momentumTranslate;
- if (duration < 300) {
- momentumTranslate = currentTranslate + velocityTranslate * momentumRatio;
- }
-
- var dragRange = dragState.range;
-
- _this.$nextTick(function () {
- var translate;
- var itemHeight = _this.itemHeight;
-
- if (momentumTranslate) {
- translate = Math.round(momentumTranslate / itemHeight) * itemHeight;
- } else {
- translate = Math.round(currentTranslate / itemHeight) * itemHeight;
- }
-
- translate = Math.max(Math.min(translate, dragRange[1]), dragRange[0]);
-
- _transition2.default.translateElement(el, null, translate);
-
- _this.currentValue = _this.translate2Value(translate);
- });
- }
-
- dragState = {};
- }
- });
- },
-
-
- /**
- * `value`改变时调用
- */
- doOnValueChange: function doOnValueChange() {
- var value = this.currentValue;
- var wrapper = this.$refs.wrapper;
-
- this.$emit('input', this.currentValue);
-
- _transition2.default.translateElement(wrapper, null, this.value2Translate(value));
- }
- }
-};
-
-/***/ }),
-/* 62 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-
-var _pickerColumn = __webpack_require__(134);
-
-var _pickerColumn2 = _interopRequireDefault(_pickerColumn);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var DEFAULT_ITEM_HEIGHT = 44; //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-exports.default = {
- name: 'zan-picker',
-
- components: {
- PickerColumn: _pickerColumn2.default
- },
-
- props: {
- /**
- * 每一列可见备选元素的个数
- */
- visibileColumnCount: {
- type: Number,
- default: 5
- },
- /**
- * 选中元素区高度
- */
- itemHeight: {
- type: Number,
- default: DEFAULT_ITEM_HEIGHT
- },
- /**
- * 对象数组,配置每一列显示的数据
- */
- columns: {
- type: Array,
- default: function _default() {
- return [];
- }
- },
- /**
- * 否在组件顶部显示一个toolbar
- */
- showToolbar: {
- type: Boolean,
- default: true
- }
- },
-
- computed: {
- values: function values() {
- var columns = this.columns || [];
- var values = [];
-
- columns.forEach(function (column) {
- values.push(column.value || column.values[column.defaultIndex || 0]);
- });
-
- return values;
- }
- },
-
- methods: {
- /**
- * 处理列`change`事件
- */
- columnValueChange: function columnValueChange() {
- this.$emit('change', this, this.values);
- },
-
-
- /**
- * 获取对应索引的列的实例
- */
- getColumn: function getColumn(index) {
- var children = this.$children.filter(function (child) {
- return child.$options.name === 'zan-picker-column';
- });
- return children[index];
- },
-
-
- /**
- * 获取对应列中选中的值
- */
- getColumnValue: function getColumnValue(index) {
- var column = this.getColumn(index);
- return column && column.values[column.valueIndex];
- },
-
-
- /**
- * 设置对应列中选中的值
- */
- setColumnValue: function setColumnValue(index, value) {
- var column = this.getColumn(index);
- if (column) {
- column.currentValue = value;
- }
- },
-
-
- /**
- * 获取对应列中所有的备选值
- */
- getColumnValues: function getColumnValues(index) {
- var column = this.getColumn(index);
- return column && column.currentValues;
- },
-
-
- /**
- * 设置对应列中所有的备选值
- */
- setColumnValues: function setColumnValues(index, values) {
- var column = this.getColumn(index);
- if (column) {
- column.currentValues = values;
- }
- },
-
-
- /**
- * 获取所有列中被选中的值,返回一个数组
- */
- getValues: function getValues() {
- return this.values;
- },
-
-
- /**
- * `values`为一个数组,设置所有列中被选中的值
- */
- setValues: function setValues(values) {
- var _this = this;
-
- values.forEach(function (value, index) {
- _this.setColumnValue(index, value);
- });
- }
- }
-};
-
-/***/ }),
-/* 63 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-
-var _popup = __webpack_require__(33);
-
-var _popup2 = _interopRequireDefault(_popup);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-exports.default = {
- name: 'zan-popup',
-
- mixins: [_popup2.default],
-
- props: {
- overlay: {
- default: true
- },
-
- lockOnScroll: {
- default: false
- },
-
- closeOnClickOverlay: {
- default: true
- },
-
- transition: {
- type: String,
- default: 'popup-slide'
- },
-
- position: {
- type: String,
- default: ''
- }
- },
-
- data: function data() {
- return {
- currentValue: false,
- currentTransition: this.transition
- };
- },
-
-
- watch: {
- currentValue: function currentValue(val) {
- this.$emit('input', val);
- },
- value: function value(val) {
- this.currentValue = val;
- }
- },
-
- beforeMount: function beforeMount() {
- if (this.transition !== 'popup-fade') {
- this.currentTransition = 'popup-slide-' + this.position;
- }
- },
- mounted: function mounted() {
- if (this.value) {
- this.currentValue = true;
- this.open();
- }
- }
-}; //
-//
-//
-//
-//
-//
-//
-//
-
-/***/ }),
-/* 64 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-//
-//
-//
-//
-//
-//
-
-exports.default = {
- name: 'zan-radio-group',
-
- props: {
- value: {},
- disabled: Boolean
- },
-
- watch: {
- value: function value(_value) {
- this.$emit('change', _value);
- }
- }
-};
-
-/***/ }),
-/* 65 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-exports.default = {
- name: 'zan-radio',
-
- props: {
- disabled: Boolean,
- value: {},
- name: [String, Number]
- },
-
- computed: {
- isGroup: function isGroup() {
- return !!this.findRadioGroup();
- },
-
-
- currentValue: {
- get: function get() {
- return this.isGroup ? this.parentGroup && this.parentGroup.value : this.value;
- },
- set: function set(val) {
- if (this.isGroup) {
- this.parentGroup && this.parentGroup.$emit('input', val);
- } else {
- this.$emit('input', val);
- }
- }
- },
-
- isDisabled: function isDisabled() {
- return this.isGroup ? this.parentGroup && this.parentGroup.disabled || this.disabled : this.disabled;
- }
- },
-
- methods: {
- findRadioGroup: function findRadioGroup() {
- if (this.parentGroup) return;
-
- var parent = this.$parent;
- while (parent) {
- if (parent.$options.name === 'zan-radio-group') {
- this.parentGroup = parent;
- break;
- } else {
- parent = parent.$parent;
- }
- }
-
- return this.parentGroup;
- }
- }
-};
-
-/***/ }),
-/* 66 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-//
-//
-//
-//
-//
-//
-//
-
-exports.default = {
- name: 'Sample',
- props: ['author'],
- data: function data() {
- return {
- name: 'World'
- };
- }
-};
-
-/***/ }),
-/* 67 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-//
-//
-//
-//
-//
-//
-
-/**
- * o2-switch
- * @module components/switch
- * @desc 开关
- * @param {boolean} [checked=false] - 开关状态
- * @param {boolean} [disabled=false] - 禁用
- * @param {boolean} [loading=false] - loading状态
- * @param {callback} [onChange] - 开关状态改变回调函数。
- *
- * @example
- *
- */
-exports.default = {
- name: 'zan-switch',
- props: {
- checked: {
- type: Boolean,
- default: false
- },
- disabled: {
- type: Boolean,
- default: false
- },
- loading: {
- type: Boolean,
- default: false
- },
- onChange: {
- type: Function,
- default: function _default() {}
- }
- },
- computed: {
- switchState: function switchState() {
- var switchState = this.checked ? ['is-on'] : ['is-off'];
-
- if (this.disabled) switchState.push('is-disabled');
- if (this.loading) switchState.push('is-loading');
-
- return switchState;
- }
- },
- methods: {
- /*
- * 开关状态交互。
- */
- toggleState: function toggleState() {
- if (this.disabled || this.loading) return;
- this.onChange(!this.checked);
- }
- }
-};
-
-/***/ }),
-/* 68 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-//
-//
-//
-//
-//
-//
-
-exports.default = {
- name: 'zan-tag',
- props: {
- type: String,
- mark: Boolean,
- plain: Boolean
- }
-};
-
-/***/ }),
-/* 69 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-
-var _button = __webpack_require__(70);
-
-var _button2 = _interopRequireDefault(_button);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-exports.default = _button2.default;
-
-/***/ }),
-/* 70 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-/**
- * @module components/button
- * @desc 按钮
- * @param {string} [type=default] - 显示类型,接受 default, primary, danger
- * @param {boolean} [disabled=false] - 禁用
- * @param {string} [size=normal] - 尺寸,接受 normal, mini, small, large
- * @param {string} [native-type] - 原生 type 属性
- * @param {slot} - 显示文本
- *
- * @example
- * 按钮
- */
-
-var allowedSize = ['mini', 'small', 'normal', 'large'];
-var allowedType = ['default', 'danger', 'primary'];
-
-exports.default = {
- name: 'zan-button',
-
- props: {
- disabled: Boolean,
- loading: Boolean,
- block: Boolean,
- tag: {
- type: String,
- default: 'button'
- },
- nativeType: String,
- type: {
- type: String,
- default: 'default',
- validator: function validator(value) {
- return allowedType.indexOf(value) > -1;
- }
- },
- size: {
- type: String,
- default: 'normal',
- validator: function validator(value) {
- return allowedSize.indexOf(value) > -1;
- }
- }
- },
-
- methods: {
- handleClick: function handleClick() {
- this.$emit('click');
- }
- },
-
- render: function render(h) {
- var type = this.type,
- nativeType = this.nativeType,
- size = this.size,
- disabled = this.disabled,
- loading = this.loading,
- block = this.block;
-
- var Tag = this.tag;
-
- return h(
- Tag,
- {
- attrs: {
- type: nativeType,
- disabled: disabled
- },
- 'class': ['zan-button', 'zan-button--' + type, 'zan-button--' + size, {
- 'is-disabled': disabled,
- 'is-loading': loading,
- 'is-block': block
- }],
- on: {
- 'click': this.handleClick
- }
- },
- [loading ? h(
- 'i',
- { 'class': 'zan-icon-loading' },
- []
- ) : null, h(
- 'span',
- { 'class': 'zan-button-text' },
- [this.$slots.default]
- )]
- );
- }
-};
-
-/***/ }),
-/* 71 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-
-var _card = __webpack_require__(126);
-
-var _card2 = _interopRequireDefault(_card);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-exports.default = _card2.default;
-
-/***/ }),
-/* 72 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-
-var _cellGroup = __webpack_require__(127);
-
-var _cellGroup2 = _interopRequireDefault(_cellGroup);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-exports.default = _cellGroup2.default;
-
-/***/ }),
-/* 73 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-
-var _dialog = __webpack_require__(74);
-
-var _dialog2 = _interopRequireDefault(_dialog);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-exports.default = _dialog2.default;
-
-/***/ }),
-/* 74 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-
-var _promise = __webpack_require__(94);
-
-var _promise2 = _interopRequireDefault(_promise);
-
-var _vue = __webpack_require__(3);
-
-var _vue2 = _interopRequireDefault(_vue);
-
-var _dialog = __webpack_require__(129);
-
-var _dialog2 = _interopRequireDefault(_dialog);
-
-var _merge = __webpack_require__(34);
-
-var _merge2 = _interopRequireDefault(_merge);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var DialogConstructor = _vue2.default.extend(_dialog2.default);
-
-var currentDialog = void 0;
-var instance = void 0;
-var dialogQueue = [];
-
-var defaultCallback = function defaultCallback(action) {
- if (currentDialog) {
- var callback = currentDialog.callback;
-
- if (typeof callback === 'function') {
- callback(action);
- }
-
- if (currentDialog.resolve && action === 'confirm') {
- currentDialog.resolve(action);
- } else if (currentDialog.reject && action === 'cancel') {
- currentDialog.reject(action);
- }
- }
-};
-
-var initInstance = function initInstance() {
- instance = new DialogConstructor({
- el: document.createElement('div')
- });
-
- instance.callback = defaultCallback;
-};
-
-var showNextDialog = function showNextDialog() {
- if (!instance) {
- initInstance();
- }
-
- if (!instance.value && dialogQueue.length > 0) {
- currentDialog = dialogQueue.shift();
-
- var options = currentDialog.options;
-
- for (var prop in options) {
- if (options.hasOwnProperty(prop)) {
- instance[prop] = options[prop];
- }
- }
-
- if (options.callback === undefined) {
- instance.callback = defaultCallback;
- }
-
- document.body.appendChild(instance.$el);
-
- _vue2.default.nextTick(function () {
- instance.value = true;
- });
- }
-};
-
-var DialogBox = function DialogBox(options) {
- return new _promise2.default(function (resolve, reject) {
- // eslint-disable-line
- dialogQueue.push({
- options: (0, _merge2.default)({}, options),
- callback: options.callback,
- resolve: resolve,
- reject: reject
- });
-
- showNextDialog();
- });
-};
-
-DialogBox.alert = function (options) {
- return DialogBox((0, _merge2.default)({
- type: 'alert',
- closeOnClickOverlay: false,
- showCancelButton: false
- }, options));
-};
-
-DialogBox.confirm = function (options) {
- return DialogBox((0, _merge2.default)({
- type: 'confirm',
- closeOnClickOverlay: true,
- showCancelButton: true
- }, options));
-};
-
-DialogBox.close = function () {
- instance.value = false;
- dialogQueue = [];
- currentDialog = null;
-};
-
-exports.default = DialogBox;
-
-/***/ }),
-/* 75 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-
-var _field = __webpack_require__(130);
-
-var _field2 = _interopRequireDefault(_field);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-exports.default = _field2.default;
-
-/***/ }),
-/* 76 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-
-var _icon = __webpack_require__(131);
-
-var _icon2 = _interopRequireDefault(_icon);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-exports.default = _icon2.default;
-
-/***/ }),
-/* 77 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-
-var _loading = __webpack_require__(132);
-
-var _loading2 = _interopRequireDefault(_loading);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-exports.default = _loading2.default;
-
-/***/ }),
-/* 78 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-
-var _panel = __webpack_require__(133);
-
-var _panel2 = _interopRequireDefault(_panel);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-exports.default = _panel2.default;
-
-/***/ }),
-/* 79 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-
-var _picker = __webpack_require__(135);
-
-var _picker2 = _interopRequireDefault(_picker);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-exports.default = _picker2.default;
-
-/***/ }),
-/* 80 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-
-exports.default = function (element, options) {
- var moveFn = function moveFn(event) {
- if (options.drag) {
- options.drag(supportTouch ? event.changedTouches[0] || event.touches[0] : event);
- }
- };
-
- var endFn = function endFn(event) {
- if (!supportTouch) {
- document.removeEventListener('mousemove', moveFn);
- document.removeEventListener('mouseup', endFn);
- }
- document.onselectstart = null;
- document.ondragstart = null;
-
- isDragging = false;
-
- if (options.end) {
- options.end(supportTouch ? event.changedTouches[0] || event.touches[0] : event);
- }
- };
-
- element.addEventListener(supportTouch ? 'touchstart' : 'mousedown', function (event) {
- if (isDragging) return;
- document.onselectstart = function () {
- return false;
- };
- document.ondragstart = function () {
- return false;
- };
-
- if (!supportTouch) {
- document.addEventListener('mousemove', moveFn);
- document.addEventListener('mouseup', endFn);
- }
- isDragging = true;
-
- if (options.start) {
- event.preventDefault();
- options.start(supportTouch ? event.changedTouches[0] || event.touches[0] : event);
- }
- });
-
- if (supportTouch) {
- element.addEventListener('touchmove', moveFn);
- element.addEventListener('touchend', endFn);
- element.addEventListener('touchcancel', endFn);
- }
-};
-
-var _vue = __webpack_require__(3);
-
-var _vue2 = _interopRequireDefault(_vue);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var isDragging = false;
-
-var supportTouch = !_vue2.default.prototype.$isServer && 'ontouchstart' in window;
-
-;
-
-/***/ }),
-/* 81 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-
-var _popup = __webpack_require__(136);
-
-var _popup2 = _interopRequireDefault(_popup);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-exports.default = _popup2.default;
-
-/***/ }),
-/* 82 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-
-var _radioGroup = __webpack_require__(137);
-
-var _radioGroup2 = _interopRequireDefault(_radioGroup);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-exports.default = _radioGroup2.default;
-
-/***/ }),
-/* 83 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-
-var _radio = __webpack_require__(138);
-
-var _radio2 = _interopRequireDefault(_radio);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-exports.default = _radio2.default;
-
-/***/ }),
-/* 84 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-
-var _steps = __webpack_require__(139);
-
-var _steps2 = _interopRequireDefault(_steps);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-exports.default = _steps2.default;
-
-/***/ }),
-/* 85 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-
-var _switch = __webpack_require__(140);
-
-var _switch2 = _interopRequireDefault(_switch);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-exports.default = _switch2.default;
-
-/***/ }),
-/* 86 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-
-var _main = __webpack_require__(141);
-
-var _main2 = _interopRequireDefault(_main);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-exports.default = _main2.default;
-
-/***/ }),
-/* 87 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-
-var _main = __webpack_require__(89);
-
-var _main2 = _interopRequireDefault(_main);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-exports.default = _main2.default;
-
-/***/ }),
-/* 88 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-
-exports.default = function (type) {
- return {
- bind: function bind(el, binding, vnode) {
- if (!el[CONTEXT]) {
- el[CONTEXT] = {
- el: el,
- vm: vnode.context,
- cb: {}
- };
- }
- el[CONTEXT].cb[type] = binding.value;
-
- vnode.context.$on('hook:mounted', function () {
- if (_utils2.default.isAttached(el)) {
- doBindEvent.call(el[CONTEXT]);
- }
- });
- },
- update: function update(el) {
- el[CONTEXT].scrollEventListener();
- },
- unbind: function unbind(el) {
- var context = el[CONTEXT];
- context.scrollEventTarget.removeEventListener('scroll', context.scrollEventListener);
- }
- };
-};
-
-var _utils = __webpack_require__(90);
-
-var _utils2 = _interopRequireDefault(_utils);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var CONTEXT = '@@Waterfall';
-var OFFSET = 300;
-
-// 绑定事件到元素上
-// 读取基本的控制变量
-function doBindEvent() {
- var _this = this;
-
- this.scrollEventListener = _utils2.default.debounce(handleScrollEvent.bind(this), 200);
- this.scrollEventTarget = _utils2.default.getScrollEventTarget(this.el);
-
- var disabledExpr = this.el.getAttribute('waterfall-disabled');
- var disabled = false;
- if (disabledExpr) {
- this.vm.$watch(disabledExpr, function (value) {
- _this.disabled = value;
- });
- disabled = Boolean(this.vm[disabledExpr]);
- }
- this.disabled = disabled;
-
- var offset = this.el.getAttribute('waterfall-offset');
- this.offset = Number(offset) || OFFSET;
-
- this.scrollEventTarget.addEventListener('scroll', this.scrollEventListener);
-
- this.scrollEventListener();
-}
-
-// 处理滚动函数
-function handleScrollEvent() {
- var element = this.el;
- var scrollEventTarget = this.scrollEventTarget;
-
- // 已被禁止的滚动处理
- if (this.disabled) return;
-
- var targetScrollTop = _utils2.default.getScrollTop(scrollEventTarget);
- var targetBottom = targetScrollTop + _utils2.default.getVisibleHeight(scrollEventTarget);
-
- // 判断是否到了底
- var needLoadMoreToLower = false;
- if (element === scrollEventTarget) {
- needLoadMoreToLower = scrollEventTarget.scollHeight - targetBottom < this.offset;
- } else {
- var elementBottom = _utils2.default.getElementTop(element) - _utils2.default.getElementTop(scrollEventTarget) + _utils2.default.getVisibleHeight(element);
- needLoadMoreToLower = elementBottom - _utils2.default.getVisibleHeight(scrollEventTarget) < this.offset;
- }
- if (needLoadMoreToLower) {
- this.cb['lower'] && this.cb['lower']({ target: scrollEventTarget, top: targetScrollTop });
- }
-
- // 判断是否到了顶
- var needLoadMoreToUpper = false;
- if (element === scrollEventTarget) {
- needLoadMoreToUpper = targetScrollTop < this.offset;
- } else {
- var elementTop = _utils2.default.getElementTop(element) - _utils2.default.getElementTop(scrollEventTarget);
- needLoadMoreToUpper = elementTop + this.offset > 0;
- }
- if (needLoadMoreToUpper) {
- this.cb['upper'] && this.cb['upper']({ target: scrollEventTarget, top: targetScrollTop });
- }
-}
-
-;
-
-/***/ }),
-/* 89 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-
-var _directive = __webpack_require__(88);
-
-var _directive2 = _interopRequireDefault(_directive);
-
-var _vue = __webpack_require__(3);
-
-var _vue2 = _interopRequireDefault(_vue);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var install = function install(Vue) {
- Vue.directive('WaterfallLower', (0, _directive2.default)('lower'));
- Vue.directive('WaterfallUpper', (0, _directive2.default)('upper'));
-};
-
-if (!_vue2.default.prototype.$isServer) {
- _vue2.default.use(install);
-}
-
-_directive2.default.install = install;
-exports.default = _directive2.default;
-
-/***/ }),
-/* 90 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-exports.default = {
- debounce: function debounce(func, wait, immediate) {
- var timeout, args, context, timestamp, result;
- return function () {
- context = this;
- args = arguments;
- timestamp = new Date();
- var later = function later() {
- var last = new Date() - timestamp;
- if (last < wait) {
- timeout = setTimeout(later, wait - last);
- } else {
- timeout = null;
- result = func.apply(context, args);
- }
- };
- if (!timeout) {
- timeout = setTimeout(later, wait);
- }
- return result;
- };
- },
-
-
- // 找到最近的触发滚动事件的元素
- getScrollEventTarget: function getScrollEventTarget(element) {
- var currentNode = element;
- // bugfix, see http://w3help.org/zh-cn/causes/SD9013 and http://stackoverflow.com/questions/17016740/onscroll-function-is-not-working-for-chrome
- while (currentNode && currentNode.tagName !== 'HTML' && currentNode.tagName !== 'BODY' && currentNode.nodeType === 1) {
- var overflowY = this.getComputedStyle(currentNode).overflowY;
- if (overflowY === 'scroll' || overflowY === 'auto') {
- return currentNode;
- }
- currentNode = currentNode.parentNode;
- }
- return window;
- },
-
-
- // 判断元素是否被加入到页面节点内
- isAttached: function isAttached(element) {
- var currentNode = element.parentNode;
- while (currentNode) {
- if (currentNode.tagName === 'HTML') {
- return true;
- }
- if (currentNode.nodeType === 11) {
- return false;
- }
- currentNode = currentNode.parentNode;
- }
- return false;
- },
-
-
- // 获取滚动高度
- getScrollTop: function getScrollTop(element) {
- return 'scrollTop' in element ? element.scrollTop : element.pageYOffset;
- },
-
-
- // 获取元素距离顶部高度
- getElementTop: function getElementTop(element) {
- if (element === window) {
- return this.getScrollTop(window);
- }
- return element.getBoundingClientRect().top + this.getScrollTop(window);
- },
- getVisibleHeight: function getVisibleHeight(element) {
- if (element === window) {
- return element.innerHeight;
- }
-
- return element.getBoundingClientRect().height;
- },
-
-
- getComputedStyle: document.defaultView.getComputedStyle.bind(document.defaultView)
-};
-
-/***/ }),
-/* 91 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-
-var _dom = __webpack_require__(92);
-
-var hasModal = false;
-
-var getModal = function getModal() {
- var modalDom = PopupManager.modalDom;
- if (modalDom) {
- hasModal = true;
- } else {
- hasModal = false;
- modalDom = document.createElement('div');
- PopupManager.modalDom = modalDom;
-
- modalDom.addEventListener('touchmove', function (event) {
- event.preventDefault();
- event.stopPropagation();
- });
-
- modalDom.addEventListener('click', function () {
- PopupManager.handleOverlayClick && PopupManager.handleOverlayClick();
- });
- }
-
- return modalDom;
-};
-
-var instances = {};
-
-var PopupManager = {
- zIndex: 2000,
-
- modalStack: [],
-
- nextZIndex: function nextZIndex() {
- return this.zIndex++;
- },
- getInstance: function getInstance(id) {
- return instances[id];
- },
- register: function register(id, instance) {
- if (id && instance) {
- instances[id] = instance;
- }
- },
- deregister: function deregister(id) {
- if (id) {
- instances[id] = null;
- delete instances[id];
- }
- },
-
-
- /**
- * 遮罩层点击回调,`closeOnClickOverlay`为`true`时会关闭当前`popup`
- */
- handleOverlayClick: function handleOverlayClick() {
- var topModal = PopupManager.modalStack[PopupManager.modalStack.length - 1];
- if (!topModal) return;
-
- var instance = PopupManager.getInstance(topModal.id);
- if (instance && instance.closeOnClickOverlay) {
- instance.close();
- }
- },
- openModal: function openModal(id, zIndex, dom) {
- if (!id || zIndex === undefined) return;
-
- var modalStack = this.modalStack;
-
- for (var i = 0, len = modalStack.length; i < len; i++) {
- var item = modalStack[i];
- if (item.id === id) {
- return;
- }
- }
-
- var modalDom = getModal();
-
- (0, _dom.addClass)(modalDom, 'zan-modal');
-
- if (dom && dom.parentNode && dom.parentNode.nodeType !== 11) {
- dom.parentNode.appendChild(modalDom);
- } else {
- document.body.appendChild(modalDom);
- }
-
- if (zIndex) {
- modalDom.style.zIndex = zIndex;
- }
- modalDom.style.display = '';
-
- this.modalStack.push({ id: id, zIndex: zIndex });
- },
- closeModal: function closeModal(id) {
- var _this = this;
-
- var modalStack = this.modalStack;
- var modalDom = getModal();
-
- if (modalStack.length > 0) {
- var topItem = modalStack[modalStack.length - 1];
- if (topItem.id === id) {
- modalStack.pop();
- if (modalStack.length > 0) {
- modalDom.style.zIndex = modalStack[modalStack.length - 1].zIndex;
- }
- } else {
- for (var i = modalStack.length - 1; i >= 0; i--) {
- if (modalStack[i].id === id) {
- modalStack.splice(i, 1);
- break;
- }
- }
- }
- }
-
- if (modalStack.length === 0) {
- setTimeout(function () {
- if (modalStack.length === 0) {
- if (modalDom.parentNode) modalDom.parentNode.removeChild(modalDom);
-
- modalDom.style.display = 'none';
- _this.modalDom = null;
- }
- }, 200);
- }
- }
-};
-
-exports.default = PopupManager;
-
-/***/ }),
-/* 92 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-exports.hasClass = hasClass;
-exports.addClass = addClass;
-exports.removeClass = removeClass;
-var trim = function trim(string) {
- return (string || '').replace(/^[\s\uFEFF]+|[\s\uFEFF]+$/g, '');
-};
-
-function hasClass(el, cls) {
- if (!el || !cls) return false;
- if (cls.indexOf(' ') !== -1) throw new Error('className should not contain space.');
- if (el.classList) {
- return el.classList.contains(cls);
- } else {
- return (' ' + el.className + ' ').indexOf(' ' + cls + ' ') > -1;
- }
-};
-
-function addClass(el, cls) {
- if (!el) return;
- var curClass = el.className;
- var classes = (cls || '').split(' ');
-
- for (var i = 0, j = classes.length; i < j; i++) {
- var clsName = classes[i];
- if (!clsName) continue;
-
- if (el.classList) {
- el.classList.add(clsName);
- } else {
- if (!hasClass(el, clsName)) {
- curClass += ' ' + clsName;
- }
- }
- }
- if (!el.classList) {
- el.className = curClass;
- }
-};
-
-function removeClass(el, cls) {
- if (!el || !cls) return;
- var classes = cls.split(' ');
- var curClass = ' ' + el.className + ' ';
-
- for (var i = 0, j = classes.length; i < j; i++) {
- var clsName = classes[i];
- if (!clsName) continue;
-
- if (el.classList) {
- el.classList.remove(clsName);
- } else {
- if (hasClass(el, clsName)) {
- curClass = curClass.replace(' ' + clsName + ' ', ' ');
- }
- }
- }
- if (!el.classList) {
- el.className = trim(curClass);
- }
-};
-
-/***/ }),
-/* 93 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-
-var _vue = __webpack_require__(3);
-
-var _vue2 = _interopRequireDefault(_vue);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var exportObj = {};
-
-if (!_vue2.default.prototype.$isServer) {
- var docStyle = document.documentElement.style;
- var engine;
- var translate3d = false;
-
- if (window.opera && Object.prototype.toString.call(window.opera) === '[object Opera]') {
- engine = 'presto';
- } else if ('MozAppearance' in docStyle) {
- engine = 'gecko';
- } else if ('WebkitAppearance' in docStyle) {
- engine = 'webkit';
- } else if (typeof navigator.cpuClass === 'string') {
- engine = 'trident';
- }
-
- var cssPrefix = { trident: '-ms-', gecko: '-moz-', webkit: '-webkit-', presto: '-o-' }[engine];
-
- var vendorPrefix = { trident: 'ms', gecko: 'Moz', webkit: 'Webkit', presto: 'O' }[engine];
-
- var helperElem = document.createElement('div');
- var perspectiveProperty = vendorPrefix + 'Perspective';
- var transformProperty = vendorPrefix + 'Transform';
- var transformStyleName = cssPrefix + 'transform';
- var transitionProperty = vendorPrefix + 'Transition';
- var transitionStyleName = cssPrefix + 'transition';
- var transitionEndProperty = vendorPrefix.toLowerCase() + 'TransitionEnd';
-
- if (helperElem.style[perspectiveProperty] !== undefined) {
- translate3d = true;
- }
-
- var getTranslate = function getTranslate(element) {
- var result = { left: 0, top: 0 };
- if (element === null || element.style === null) return result;
-
- var transform = element.style[transformProperty];
- var matches = /translate\(\s*(-?\d+(\.?\d+?)?)px,\s*(-?\d+(\.\d+)?)px\)\s*translateZ\(0px\)/ig.exec(transform);
- if (matches) {
- result.left = +matches[1];
- result.top = +matches[3];
- }
-
- return result;
- };
-
- var translateElement = function translateElement(element, x, y) {
- if (x === null && y === null) return;
-
- if (element === null || element === undefined || element.style === null) return;
-
- if (!element.style[transformProperty] && x === 0 && y === 0) return;
-
- if (x === null || y === null) {
- var translate = getTranslate(element);
- if (x === null) {
- x = translate.left;
- }
- if (y === null) {
- y = translate.top;
- }
- }
-
- cancelTranslateElement(element);
-
- if (translate3d) {
- element.style[transformProperty] += ' translate(' + (x ? x + 'px' : '0px') + ',' + (y ? y + 'px' : '0px') + ') translateZ(0px)';
- } else {
- element.style[transformProperty] += ' translate(' + (x ? x + 'px' : '0px') + ',' + (y ? y + 'px' : '0px') + ')';
- }
- };
-
- var cancelTranslateElement = function cancelTranslateElement(element) {
- if (element === null || element.style === null) return;
-
- var transformValue = element.style[transformProperty];
-
- if (transformValue) {
- transformValue = transformValue.replace(/translate\(\s*(-?\d+(\.?\d+?)?)px,\s*(-?\d+(\.\d+)?)px\)\s*translateZ\(0px\)/g, '');
- element.style[transformProperty] = transformValue;
- }
- };
-
- exportObj = {
- transformProperty: transformProperty,
- transformStyleName: transformStyleName,
- transitionProperty: transitionProperty,
- transitionStyleName: transitionStyleName,
- transitionEndProperty: transitionEndProperty,
- getElementTranslate: getTranslate,
- translateElement: translateElement,
- cancelTranslateElement: cancelTranslateElement
- };
-};
-
-exports.default = exportObj;
-
-/***/ }),
-/* 94 */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = { "default": __webpack_require__(95), __esModule: true };
-
-/***/ }),
-/* 95 */
-/***/ (function(module, exports, __webpack_require__) {
-
-__webpack_require__(122);
-__webpack_require__(124);
-__webpack_require__(125);
-__webpack_require__(123);
-module.exports = __webpack_require__(8).Promise;
-
-/***/ }),
-/* 96 */
-/***/ (function(module, exports) {
-
-module.exports = function(){ /* empty */ };
-
-/***/ }),
-/* 97 */
-/***/ (function(module, exports) {
-
-module.exports = function(it, Constructor, name, forbiddenField){
- if(!(it instanceof Constructor) || (forbiddenField !== undefined && forbiddenField in it)){
- throw TypeError(name + ': incorrect invocation!');
- } return it;
-};
-
-/***/ }),
-/* 98 */
-/***/ (function(module, exports, __webpack_require__) {
-
-// false -> Array#indexOf
-// true -> Array#includes
-var toIObject = __webpack_require__(26)
- , toLength = __webpack_require__(43)
- , toIndex = __webpack_require__(118);
-module.exports = function(IS_INCLUDES){
- return function($this, el, fromIndex){
- var O = toIObject($this)
- , length = toLength(O.length)
- , index = toIndex(fromIndex, length)
- , value;
- // Array#includes uses SameValueZero equality algorithm
- if(IS_INCLUDES && el != el)while(length > index){
- value = O[index++];
- if(value != value)return true;
- // Array#toIndex ignores holes, Array#includes - not
- } else for(;length > index; index++)if(IS_INCLUDES || index in O){
- if(O[index] === el)return IS_INCLUDES || index || 0;
- } return !IS_INCLUDES && -1;
- };
-};
-
-/***/ }),
-/* 99 */
-/***/ (function(module, exports, __webpack_require__) {
-
-var ctx = __webpack_require__(16)
- , call = __webpack_require__(104)
- , isArrayIter = __webpack_require__(103)
- , anObject = __webpack_require__(5)
- , toLength = __webpack_require__(43)
- , getIterFn = __webpack_require__(120)
- , BREAK = {}
- , RETURN = {};
-var exports = module.exports = function(iterable, entries, fn, that, ITERATOR){
- var iterFn = ITERATOR ? function(){ return iterable; } : getIterFn(iterable)
- , f = ctx(fn, that, entries ? 2 : 1)
- , index = 0
- , length, step, iterator, result;
- if(typeof iterFn != 'function')throw TypeError(iterable + ' is not iterable!');
- // fast case for arrays with default iterator
- if(isArrayIter(iterFn))for(length = toLength(iterable.length); length > index; index++){
- result = entries ? f(anObject(step = iterable[index])[0], step[1]) : f(iterable[index]);
- if(result === BREAK || result === RETURN)return result;
- } else for(iterator = iterFn.call(iterable); !(step = iterator.next()).done; ){
- result = call(iterator, f, step.value, entries);
- if(result === BREAK || result === RETURN)return result;
- }
-};
-exports.BREAK = BREAK;
-exports.RETURN = RETURN;
-
-/***/ }),
-/* 100 */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = !__webpack_require__(9) && !__webpack_require__(31)(function(){
- return Object.defineProperty(__webpack_require__(22)('div'), 'a', {get: function(){ return 7; }}).a != 7;
-});
-
-/***/ }),
-/* 101 */
-/***/ (function(module, exports) {
-
-// fast apply, http://jsperf.lnkit.com/fast-apply/5
-module.exports = function(fn, args, that){
- var un = that === undefined;
- switch(args.length){
- case 0: return un ? fn()
- : fn.call(that);
- case 1: return un ? fn(args[0])
- : fn.call(that, args[0]);
- case 2: return un ? fn(args[0], args[1])
- : fn.call(that, args[0], args[1]);
- case 3: return un ? fn(args[0], args[1], args[2])
- : fn.call(that, args[0], args[1], args[2]);
- case 4: return un ? fn(args[0], args[1], args[2], args[3])
- : fn.call(that, args[0], args[1], args[2], args[3]);
- } return fn.apply(that, args);
-};
-
-/***/ }),
-/* 102 */
-/***/ (function(module, exports, __webpack_require__) {
-
-// fallback for non-array-like ES3 and non-enumerable old V8 strings
-var cof = __webpack_require__(15);
-module.exports = Object('z').propertyIsEnumerable(0) ? Object : function(it){
- return cof(it) == 'String' ? it.split('') : Object(it);
-};
-
-/***/ }),
-/* 103 */
-/***/ (function(module, exports, __webpack_require__) {
-
-// check on default Array iterator
-var Iterators = __webpack_require__(10)
- , ITERATOR = __webpack_require__(1)('iterator')
- , ArrayProto = Array.prototype;
-
-module.exports = function(it){
- return it !== undefined && (Iterators.Array === it || ArrayProto[ITERATOR] === it);
-};
-
-/***/ }),
-/* 104 */
-/***/ (function(module, exports, __webpack_require__) {
-
-// call something on iterator step with safe closing on error
-var anObject = __webpack_require__(5);
-module.exports = function(iterator, fn, value, entries){
- try {
- return entries ? fn(anObject(value)[0], value[1]) : fn(value);
- // 7.4.6 IteratorClose(iterator, completion)
- } catch(e){
- var ret = iterator['return'];
- if(ret !== undefined)anObject(ret.call(iterator));
- throw e;
- }
-};
-
-/***/ }),
-/* 105 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var create = __webpack_require__(109)
- , descriptor = __webpack_require__(40)
- , setToStringTag = __webpack_require__(23)
- , IteratorPrototype = {};
-
-// 25.1.2.1.1 %IteratorPrototype%[@@iterator]()
-__webpack_require__(6)(IteratorPrototype, __webpack_require__(1)('iterator'), function(){ return this; });
-
-module.exports = function(Constructor, NAME, next){
- Constructor.prototype = create(IteratorPrototype, {next: descriptor(1, next)});
- setToStringTag(Constructor, NAME + ' Iterator');
-};
-
-/***/ }),
-/* 106 */
-/***/ (function(module, exports, __webpack_require__) {
-
-var ITERATOR = __webpack_require__(1)('iterator')
- , SAFE_CLOSING = false;
-
-try {
- var riter = [7][ITERATOR]();
- riter['return'] = function(){ SAFE_CLOSING = true; };
- Array.from(riter, function(){ throw 2; });
-} catch(e){ /* empty */ }
-
-module.exports = function(exec, skipClosing){
- if(!skipClosing && !SAFE_CLOSING)return false;
- var safe = false;
- try {
- var arr = [7]
- , iter = arr[ITERATOR]();
- iter.next = function(){ return {done: safe = true}; };
- arr[ITERATOR] = function(){ return iter; };
- exec(arr);
- } catch(e){ /* empty */ }
- return safe;
-};
-
-/***/ }),
-/* 107 */
-/***/ (function(module, exports) {
-
-module.exports = function(done, value){
- return {value: value, done: !!done};
-};
-
-/***/ }),
-/* 108 */
-/***/ (function(module, exports, __webpack_require__) {
-
-var global = __webpack_require__(2)
- , macrotask = __webpack_require__(42).set
- , Observer = global.MutationObserver || global.WebKitMutationObserver
- , process = global.process
- , Promise = global.Promise
- , isNode = __webpack_require__(15)(process) == 'process';
-
-module.exports = function(){
- var head, last, notify;
-
- var flush = function(){
- var parent, fn;
- if(isNode && (parent = process.domain))parent.exit();
- while(head){
- fn = head.fn;
- head = head.next;
- try {
- fn();
- } catch(e){
- if(head)notify();
- else last = undefined;
- throw e;
- }
- } last = undefined;
- if(parent)parent.enter();
- };
-
- // Node.js
- if(isNode){
- notify = function(){
- process.nextTick(flush);
- };
- // browsers with MutationObserver
- } else if(Observer){
- var toggle = true
- , node = document.createTextNode('');
- new Observer(flush).observe(node, {characterData: true}); // eslint-disable-line no-new
- notify = function(){
- node.data = toggle = !toggle;
- };
- // environments with maybe non-completely correct, but existent Promise
- } else if(Promise && Promise.resolve){
- var promise = Promise.resolve();
- notify = function(){
- promise.then(flush);
- };
- // for other environments - macrotask based on:
- // - setImmediate
- // - MessageChannel
- // - window.postMessag
- // - onreadystatechange
- // - setTimeout
- } else {
- notify = function(){
- // strange IE + webpack dev server bug - use .call(global)
- macrotask.call(global, flush);
- };
- }
-
- return function(fn){
- var task = {fn: fn, next: undefined};
- if(last)last.next = task;
- if(!head){
- head = task;
- notify();
- } last = task;
- };
-};
-
-/***/ }),
-/* 109 */
-/***/ (function(module, exports, __webpack_require__) {
-
-// 19.1.2.2 / 15.2.3.5 Object.create(O [, Properties])
-var anObject = __webpack_require__(5)
- , dPs = __webpack_require__(110)
- , enumBugKeys = __webpack_require__(36)
- , IE_PROTO = __webpack_require__(24)('IE_PROTO')
- , Empty = function(){ /* empty */ }
- , PROTOTYPE = 'prototype';
-
-// Create object with fake `null` prototype: use iframe Object with cleared prototype
-var createDict = function(){
- // Thrash, waste and sodomy: IE GC bug
- var iframe = __webpack_require__(22)('iframe')
- , i = enumBugKeys.length
- , lt = '<'
- , gt = '>'
- , iframeDocument;
- iframe.style.display = 'none';
- __webpack_require__(37).appendChild(iframe);
- iframe.src = 'javascript:'; // eslint-disable-line no-script-url
- // createDict = iframe.contentWindow.Object;
- // html.removeChild(iframe);
- iframeDocument = iframe.contentWindow.document;
- iframeDocument.open();
- iframeDocument.write(lt + 'script' + gt + 'document.F=Object' + lt + '/script' + gt);
- iframeDocument.close();
- createDict = iframeDocument.F;
- while(i--)delete createDict[PROTOTYPE][enumBugKeys[i]];
- return createDict();
-};
-
-module.exports = Object.create || function create(O, Properties){
- var result;
- if(O !== null){
- Empty[PROTOTYPE] = anObject(O);
- result = new Empty;
- Empty[PROTOTYPE] = null;
- // add "__proto__" for Object.getPrototypeOf polyfill
- result[IE_PROTO] = O;
- } else result = createDict();
- return Properties === undefined ? result : dPs(result, Properties);
-};
-
-
-/***/ }),
-/* 110 */
-/***/ (function(module, exports, __webpack_require__) {
-
-var dP = __webpack_require__(19)
- , anObject = __webpack_require__(5)
- , getKeys = __webpack_require__(51);
-
-module.exports = __webpack_require__(9) ? Object.defineProperties : function defineProperties(O, Properties){
- anObject(O);
- var keys = getKeys(Properties)
- , length = keys.length
- , i = 0
- , P;
- while(length > i)dP.f(O, P = keys[i++], Properties[P]);
- return O;
-};
-
-/***/ }),
-/* 111 */
-/***/ (function(module, exports, __webpack_require__) {
-
-// 19.1.2.9 / 15.2.3.2 Object.getPrototypeOf(O)
-var has = __webpack_require__(17)
- , toObject = __webpack_require__(52)
- , IE_PROTO = __webpack_require__(24)('IE_PROTO')
- , ObjectProto = Object.prototype;
-
-module.exports = Object.getPrototypeOf || function(O){
- O = toObject(O);
- if(has(O, IE_PROTO))return O[IE_PROTO];
- if(typeof O.constructor == 'function' && O instanceof O.constructor){
- return O.constructor.prototype;
- } return O instanceof Object ? ObjectProto : null;
-};
-
-/***/ }),
-/* 112 */
-/***/ (function(module, exports, __webpack_require__) {
-
-var has = __webpack_require__(17)
- , toIObject = __webpack_require__(26)
- , arrayIndexOf = __webpack_require__(98)(false)
- , IE_PROTO = __webpack_require__(24)('IE_PROTO');
-
-module.exports = function(object, names){
- var O = toIObject(object)
- , i = 0
- , result = []
- , key;
- for(key in O)if(key != IE_PROTO)has(O, key) && result.push(key);
- // Don't enum bug & hidden keys
- while(names.length > i)if(has(O, key = names[i++])){
- ~arrayIndexOf(result, key) || result.push(key);
- }
- return result;
-};
-
-/***/ }),
-/* 113 */
-/***/ (function(module, exports, __webpack_require__) {
-
-var hide = __webpack_require__(6);
-module.exports = function(target, src, safe){
- for(var key in src){
- if(safe && target[key])target[key] = src[key];
- else hide(target, key, src[key]);
- } return target;
-};
-
-/***/ }),
-/* 114 */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(6);
-
-/***/ }),
-/* 115 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var global = __webpack_require__(2)
- , core = __webpack_require__(8)
- , dP = __webpack_require__(19)
- , DESCRIPTORS = __webpack_require__(9)
- , SPECIES = __webpack_require__(1)('species');
-
-module.exports = function(KEY){
- var C = typeof core[KEY] == 'function' ? core[KEY] : global[KEY];
- if(DESCRIPTORS && C && !C[SPECIES])dP.f(C, SPECIES, {
- configurable: true,
- get: function(){ return this; }
- });
-};
-
-/***/ }),
-/* 116 */
-/***/ (function(module, exports, __webpack_require__) {
-
-// 7.3.20 SpeciesConstructor(O, defaultConstructor)
-var anObject = __webpack_require__(5)
- , aFunction = __webpack_require__(20)
- , SPECIES = __webpack_require__(1)('species');
-module.exports = function(O, D){
- var C = anObject(O).constructor, S;
- return C === undefined || (S = anObject(C)[SPECIES]) == undefined ? D : aFunction(S);
-};
-
-/***/ }),
-/* 117 */
-/***/ (function(module, exports, __webpack_require__) {
-
-var toInteger = __webpack_require__(25)
- , defined = __webpack_require__(21);
-// true -> String#at
-// false -> String#codePointAt
-module.exports = function(TO_STRING){
- return function(that, pos){
- var s = String(defined(that))
- , i = toInteger(pos)
- , l = s.length
- , a, b;
- if(i < 0 || i >= l)return TO_STRING ? '' : undefined;
- a = s.charCodeAt(i);
- return a < 0xd800 || a > 0xdbff || i + 1 === l || (b = s.charCodeAt(i + 1)) < 0xdc00 || b > 0xdfff
- ? TO_STRING ? s.charAt(i) : a
- : TO_STRING ? s.slice(i, i + 2) : (a - 0xd800 << 10) + (b - 0xdc00) + 0x10000;
- };
-};
-
-/***/ }),
-/* 118 */
-/***/ (function(module, exports, __webpack_require__) {
-
-var toInteger = __webpack_require__(25)
- , max = Math.max
- , min = Math.min;
-module.exports = function(index, length){
- index = toInteger(index);
- return index < 0 ? max(index + length, 0) : min(index, length);
-};
-
-/***/ }),
-/* 119 */
-/***/ (function(module, exports, __webpack_require__) {
-
-// 7.1.1 ToPrimitive(input [, PreferredType])
-var isObject = __webpack_require__(18);
-// instead of the ES6 spec version, we didn't implement @@toPrimitive case
-// and the second argument - flag - preferred type is a string
-module.exports = function(it, S){
- if(!isObject(it))return it;
- var fn, val;
- if(S && typeof (fn = it.toString) == 'function' && !isObject(val = fn.call(it)))return val;
- if(typeof (fn = it.valueOf) == 'function' && !isObject(val = fn.call(it)))return val;
- if(!S && typeof (fn = it.toString) == 'function' && !isObject(val = fn.call(it)))return val;
- throw TypeError("Can't convert object to primitive value");
-};
-
-/***/ }),
-/* 120 */
-/***/ (function(module, exports, __webpack_require__) {
-
-var classof = __webpack_require__(35)
- , ITERATOR = __webpack_require__(1)('iterator')
- , Iterators = __webpack_require__(10);
-module.exports = __webpack_require__(8).getIteratorMethod = function(it){
- if(it != undefined)return it[ITERATOR]
- || it['@@iterator']
- || Iterators[classof(it)];
-};
-
-/***/ }),
-/* 121 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var addToUnscopables = __webpack_require__(96)
- , step = __webpack_require__(107)
- , Iterators = __webpack_require__(10)
- , toIObject = __webpack_require__(26);
-
-// 22.1.3.4 Array.prototype.entries()
-// 22.1.3.13 Array.prototype.keys()
-// 22.1.3.29 Array.prototype.values()
-// 22.1.3.30 Array.prototype[@@iterator]()
-module.exports = __webpack_require__(38)(Array, 'Array', function(iterated, kind){
- this._t = toIObject(iterated); // target
- this._i = 0; // next index
- this._k = kind; // kind
-// 22.1.5.2.1 %ArrayIteratorPrototype%.next()
-}, function(){
- var O = this._t
- , kind = this._k
- , index = this._i++;
- if(!O || index >= O.length){
- this._t = undefined;
- return step(1);
- }
- if(kind == 'keys' )return step(0, index);
- if(kind == 'values')return step(0, O[index]);
- return step(0, [index, O[index]]);
-}, 'values');
-
-// argumentsList[@@iterator] is %ArrayProto_values% (9.4.4.6, 9.4.4.7)
-Iterators.Arguments = Iterators.Array;
-
-addToUnscopables('keys');
-addToUnscopables('values');
-addToUnscopables('entries');
-
-/***/ }),
-/* 122 */
-/***/ (function(module, exports) {
-
-
-
-/***/ }),
-/* 123 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var LIBRARY = __webpack_require__(39)
- , global = __webpack_require__(2)
- , ctx = __webpack_require__(16)
- , classof = __webpack_require__(35)
- , $export = __webpack_require__(30)
- , isObject = __webpack_require__(18)
- , aFunction = __webpack_require__(20)
- , anInstance = __webpack_require__(97)
- , forOf = __webpack_require__(99)
- , speciesConstructor = __webpack_require__(116)
- , task = __webpack_require__(42).set
- , microtask = __webpack_require__(108)()
- , PROMISE = 'Promise'
- , TypeError = global.TypeError
- , process = global.process
- , $Promise = global[PROMISE]
- , process = global.process
- , isNode = classof(process) == 'process'
- , empty = function(){ /* empty */ }
- , Internal, GenericPromiseCapability, Wrapper;
-
-var USE_NATIVE = !!function(){
- try {
- // correct subclassing with @@species support
- var promise = $Promise.resolve(1)
- , FakePromise = (promise.constructor = {})[__webpack_require__(1)('species')] = function(exec){ exec(empty, empty); };
- // unhandled rejections tracking support, NodeJS Promise without it fails @@species test
- return (isNode || typeof PromiseRejectionEvent == 'function') && promise.then(empty) instanceof FakePromise;
- } catch(e){ /* empty */ }
-}();
-
-// helpers
-var sameConstructor = function(a, b){
- // with library wrapper special case
- return a === b || a === $Promise && b === Wrapper;
-};
-var isThenable = function(it){
- var then;
- return isObject(it) && typeof (then = it.then) == 'function' ? then : false;
-};
-var newPromiseCapability = function(C){
- return sameConstructor($Promise, C)
- ? new PromiseCapability(C)
- : new GenericPromiseCapability(C);
-};
-var PromiseCapability = GenericPromiseCapability = function(C){
- var resolve, reject;
- this.promise = new C(function($$resolve, $$reject){
- if(resolve !== undefined || reject !== undefined)throw TypeError('Bad Promise constructor');
- resolve = $$resolve;
- reject = $$reject;
- });
- this.resolve = aFunction(resolve);
- this.reject = aFunction(reject);
-};
-var perform = function(exec){
- try {
- exec();
- } catch(e){
- return {error: e};
- }
-};
-var notify = function(promise, isReject){
- if(promise._n)return;
- promise._n = true;
- var chain = promise._c;
- microtask(function(){
- var value = promise._v
- , ok = promise._s == 1
- , i = 0;
- var run = function(reaction){
- var handler = ok ? reaction.ok : reaction.fail
- , resolve = reaction.resolve
- , reject = reaction.reject
- , domain = reaction.domain
- , result, then;
- try {
- if(handler){
- if(!ok){
- if(promise._h == 2)onHandleUnhandled(promise);
- promise._h = 1;
- }
- if(handler === true)result = value;
- else {
- if(domain)domain.enter();
- result = handler(value);
- if(domain)domain.exit();
- }
- if(result === reaction.promise){
- reject(TypeError('Promise-chain cycle'));
- } else if(then = isThenable(result)){
- then.call(result, resolve, reject);
- } else resolve(result);
- } else reject(value);
- } catch(e){
- reject(e);
- }
- };
- while(chain.length > i)run(chain[i++]); // variable length - can't use forEach
- promise._c = [];
- promise._n = false;
- if(isReject && !promise._h)onUnhandled(promise);
- });
-};
-var onUnhandled = function(promise){
- task.call(global, function(){
- var value = promise._v
- , abrupt, handler, console;
- if(isUnhandled(promise)){
- abrupt = perform(function(){
- if(isNode){
- process.emit('unhandledRejection', value, promise);
- } else if(handler = global.onunhandledrejection){
- handler({promise: promise, reason: value});
- } else if((console = global.console) && console.error){
- console.error('Unhandled promise rejection', value);
- }
- });
- // Browsers should not trigger `rejectionHandled` event if it was handled here, NodeJS - should
- promise._h = isNode || isUnhandled(promise) ? 2 : 1;
- } promise._a = undefined;
- if(abrupt)throw abrupt.error;
- });
-};
-var isUnhandled = function(promise){
- if(promise._h == 1)return false;
- var chain = promise._a || promise._c
- , i = 0
- , reaction;
- while(chain.length > i){
- reaction = chain[i++];
- if(reaction.fail || !isUnhandled(reaction.promise))return false;
- } return true;
-};
-var onHandleUnhandled = function(promise){
- task.call(global, function(){
- var handler;
- if(isNode){
- process.emit('rejectionHandled', promise);
- } else if(handler = global.onrejectionhandled){
- handler({promise: promise, reason: promise._v});
- }
- });
-};
-var $reject = function(value){
- var promise = this;
- if(promise._d)return;
- promise._d = true;
- promise = promise._w || promise; // unwrap
- promise._v = value;
- promise._s = 2;
- if(!promise._a)promise._a = promise._c.slice();
- notify(promise, true);
-};
-var $resolve = function(value){
- var promise = this
- , then;
- if(promise._d)return;
- promise._d = true;
- promise = promise._w || promise; // unwrap
- try {
- if(promise === value)throw TypeError("Promise can't be resolved itself");
- if(then = isThenable(value)){
- microtask(function(){
- var wrapper = {_w: promise, _d: false}; // wrap
- try {
- then.call(value, ctx($resolve, wrapper, 1), ctx($reject, wrapper, 1));
- } catch(e){
- $reject.call(wrapper, e);
- }
- });
- } else {
- promise._v = value;
- promise._s = 1;
- notify(promise, false);
- }
- } catch(e){
- $reject.call({_w: promise, _d: false}, e); // wrap
- }
-};
-
-// constructor polyfill
-if(!USE_NATIVE){
- // 25.4.3.1 Promise(executor)
- $Promise = function Promise(executor){
- anInstance(this, $Promise, PROMISE, '_h');
- aFunction(executor);
- Internal.call(this);
- try {
- executor(ctx($resolve, this, 1), ctx($reject, this, 1));
- } catch(err){
- $reject.call(this, err);
- }
- };
- Internal = function Promise(executor){
- this._c = []; // <- awaiting reactions
- this._a = undefined; // <- checked in isUnhandled reactions
- this._s = 0; // <- state
- this._d = false; // <- done
- this._v = undefined; // <- value
- this._h = 0; // <- rejection state, 0 - default, 1 - handled, 2 - unhandled
- this._n = false; // <- notify
- };
- Internal.prototype = __webpack_require__(113)($Promise.prototype, {
- // 25.4.5.3 Promise.prototype.then(onFulfilled, onRejected)
- then: function then(onFulfilled, onRejected){
- var reaction = newPromiseCapability(speciesConstructor(this, $Promise));
- reaction.ok = typeof onFulfilled == 'function' ? onFulfilled : true;
- reaction.fail = typeof onRejected == 'function' && onRejected;
- reaction.domain = isNode ? process.domain : undefined;
- this._c.push(reaction);
- if(this._a)this._a.push(reaction);
- if(this._s)notify(this, false);
- return reaction.promise;
- },
- // 25.4.5.1 Promise.prototype.catch(onRejected)
- 'catch': function(onRejected){
- return this.then(undefined, onRejected);
- }
- });
- PromiseCapability = function(){
- var promise = new Internal;
- this.promise = promise;
- this.resolve = ctx($resolve, promise, 1);
- this.reject = ctx($reject, promise, 1);
- };
-}
-
-$export($export.G + $export.W + $export.F * !USE_NATIVE, {Promise: $Promise});
-__webpack_require__(23)($Promise, PROMISE);
-__webpack_require__(115)(PROMISE);
-Wrapper = __webpack_require__(8)[PROMISE];
-
-// statics
-$export($export.S + $export.F * !USE_NATIVE, PROMISE, {
- // 25.4.4.5 Promise.reject(r)
- reject: function reject(r){
- var capability = newPromiseCapability(this)
- , $$reject = capability.reject;
- $$reject(r);
- return capability.promise;
- }
-});
-$export($export.S + $export.F * (LIBRARY || !USE_NATIVE), PROMISE, {
- // 25.4.4.6 Promise.resolve(x)
- resolve: function resolve(x){
- // instanceof instead of internal slot check because we should fix it without replacement native Promise core
- if(x instanceof $Promise && sameConstructor(x.constructor, this))return x;
- var capability = newPromiseCapability(this)
- , $$resolve = capability.resolve;
- $$resolve(x);
- return capability.promise;
- }
-});
-$export($export.S + $export.F * !(USE_NATIVE && __webpack_require__(106)(function(iter){
- $Promise.all(iter)['catch'](empty);
-})), PROMISE, {
- // 25.4.4.1 Promise.all(iterable)
- all: function all(iterable){
- var C = this
- , capability = newPromiseCapability(C)
- , resolve = capability.resolve
- , reject = capability.reject;
- var abrupt = perform(function(){
- var values = []
- , index = 0
- , remaining = 1;
- forOf(iterable, false, function(promise){
- var $index = index++
- , alreadyCalled = false;
- values.push(undefined);
- remaining++;
- C.resolve(promise).then(function(value){
- if(alreadyCalled)return;
- alreadyCalled = true;
- values[$index] = value;
- --remaining || resolve(values);
- }, reject);
- });
- --remaining || resolve(values);
- });
- if(abrupt)reject(abrupt.error);
- return capability.promise;
- },
- // 25.4.4.4 Promise.race(iterable)
- race: function race(iterable){
- var C = this
- , capability = newPromiseCapability(C)
- , reject = capability.reject;
- var abrupt = perform(function(){
- forOf(iterable, false, function(promise){
- C.resolve(promise).then(capability.resolve, reject);
- });
- });
- if(abrupt)reject(abrupt.error);
- return capability.promise;
- }
-});
-
-/***/ }),
-/* 124 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var $at = __webpack_require__(117)(true);
-
-// 21.1.3.27 String.prototype[@@iterator]()
-__webpack_require__(38)(String, 'String', function(iterated){
- this._t = String(iterated); // target
- this._i = 0; // next index
-// 21.1.5.2.1 %StringIteratorPrototype%.next()
-}, function(){
- var O = this._t
- , index = this._i
- , point;
- if(index >= O.length)return {value: undefined, done: true};
- point = $at(O, index);
- this._i += point.length;
- return {value: point, done: false};
-});
-
-/***/ }),
-/* 125 */
-/***/ (function(module, exports, __webpack_require__) {
-
-__webpack_require__(121);
-var global = __webpack_require__(2)
- , hide = __webpack_require__(6)
- , Iterators = __webpack_require__(10)
- , TO_STRING_TAG = __webpack_require__(1)('toStringTag');
-
-for(var collections = ['NodeList', 'DOMTokenList', 'MediaList', 'StyleSheetList', 'CSSRuleList'], i = 0; i < 5; i++){
- var NAME = collections[i]
- , Collection = global[NAME]
- , proto = Collection && Collection.prototype;
- if(proto && !proto[TO_STRING_TAG])hide(proto, TO_STRING_TAG, NAME);
- Iterators[NAME] = Iterators.Array;
-}
-
-/***/ }),
-/* 126 */
-/***/ (function(module, exports, __webpack_require__) {
-
-var Component = __webpack_require__(0)(
- /* script */
- __webpack_require__(53),
- /* template */
- __webpack_require__(144),
- /* scopeId */
- null,
- /* cssModules */
- null
-)
-
-module.exports = Component.exports
-
-
-/***/ }),
-/* 127 */
-/***/ (function(module, exports, __webpack_require__) {
-
-var Component = __webpack_require__(0)(
- /* script */
- __webpack_require__(54),
- /* template */
- __webpack_require__(146),
- /* scopeId */
- null,
- /* cssModules */
- null
-)
-
-module.exports = Component.exports
-
-
-/***/ }),
-/* 128 */
-/***/ (function(module, exports, __webpack_require__) {
-
-var Component = __webpack_require__(0)(
- /* script */
- __webpack_require__(55),
- /* template */
- __webpack_require__(151),
- /* scopeId */
- null,
- /* cssModules */
- null
-)
-
-module.exports = Component.exports
-
-
-/***/ }),
-/* 129 */
-/***/ (function(module, exports, __webpack_require__) {
-
-var Component = __webpack_require__(0)(
- /* script */
- __webpack_require__(56),
- /* template */
- __webpack_require__(147),
- /* scopeId */
- null,
- /* cssModules */
- null
-)
-
-module.exports = Component.exports
-
-
-/***/ }),
-/* 130 */
-/***/ (function(module, exports, __webpack_require__) {
-
-var Component = __webpack_require__(0)(
- /* script */
- __webpack_require__(57),
- /* template */
- __webpack_require__(153),
- /* scopeId */
- null,
- /* cssModules */
- null
-)
-
-module.exports = Component.exports
-
-
-/***/ }),
-/* 131 */
-/***/ (function(module, exports, __webpack_require__) {
-
-var Component = __webpack_require__(0)(
- /* script */
- __webpack_require__(58),
- /* template */
- __webpack_require__(150),
- /* scopeId */
- null,
- /* cssModules */
- null
-)
-
-module.exports = Component.exports
-
-
-/***/ }),
-/* 132 */
-/***/ (function(module, exports, __webpack_require__) {
-
-var Component = __webpack_require__(0)(
- /* script */
- __webpack_require__(59),
- /* template */
- __webpack_require__(152),
- /* scopeId */
- null,
- /* cssModules */
- null
-)
-
-module.exports = Component.exports
-
-
-/***/ }),
-/* 133 */
-/***/ (function(module, exports, __webpack_require__) {
-
-var Component = __webpack_require__(0)(
- /* script */
- __webpack_require__(60),
- /* template */
- __webpack_require__(149),
- /* scopeId */
- null,
- /* cssModules */
- null
-)
-
-module.exports = Component.exports
-
-
-/***/ }),
-/* 134 */
-/***/ (function(module, exports, __webpack_require__) {
-
-var Component = __webpack_require__(0)(
- /* script */
- __webpack_require__(61),
- /* template */
- __webpack_require__(156),
- /* scopeId */
- null,
- /* cssModules */
- null
-)
-
-module.exports = Component.exports
-
-
-/***/ }),
-/* 135 */
-/***/ (function(module, exports, __webpack_require__) {
-
-var Component = __webpack_require__(0)(
- /* script */
- __webpack_require__(62),
- /* template */
- __webpack_require__(145),
- /* scopeId */
- null,
- /* cssModules */
- null
-)
-
-module.exports = Component.exports
-
-
-/***/ }),
-/* 136 */
-/***/ (function(module, exports, __webpack_require__) {
-
-var Component = __webpack_require__(0)(
- /* script */
- __webpack_require__(63),
- /* template */
- __webpack_require__(157),
- /* scopeId */
- null,
- /* cssModules */
- null
-)
-
-module.exports = Component.exports
-
-
-/***/ }),
-/* 137 */
-/***/ (function(module, exports, __webpack_require__) {
-
-var Component = __webpack_require__(0)(
- /* script */
- __webpack_require__(64),
- /* template */
- __webpack_require__(142),
- /* scopeId */
- null,
- /* cssModules */
- null
-)
-
-module.exports = Component.exports
-
-
-/***/ }),
-/* 138 */
-/***/ (function(module, exports, __webpack_require__) {
-
-var Component = __webpack_require__(0)(
- /* script */
- __webpack_require__(65),
- /* template */
- __webpack_require__(154),
- /* scopeId */
- null,
- /* cssModules */
- null
-)
-
-module.exports = Component.exports
-
-
-/***/ }),
-/* 139 */
-/***/ (function(module, exports, __webpack_require__) {
-
-var Component = __webpack_require__(0)(
- /* script */
- __webpack_require__(66),
- /* template */
- __webpack_require__(148),
- /* scopeId */
- null,
- /* cssModules */
- null
-)
-
-module.exports = Component.exports
-
-
-/***/ }),
-/* 140 */
-/***/ (function(module, exports, __webpack_require__) {
-
-var Component = __webpack_require__(0)(
- /* script */
- __webpack_require__(67),
- /* template */
- __webpack_require__(155),
- /* scopeId */
- null,
- /* cssModules */
- null
-)
-
-module.exports = Component.exports
-
-
-/***/ }),
-/* 141 */
-/***/ (function(module, exports, __webpack_require__) {
-
-var Component = __webpack_require__(0)(
- /* script */
- __webpack_require__(68),
- /* template */
- __webpack_require__(143),
- /* scopeId */
- null,
- /* cssModules */
- null
-)
-
-module.exports = Component.exports
-
-
-/***/ }),
-/* 142 */
-/***/ (function(module, exports) {
-
-module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
- return _c('div', {
- staticClass: "zan-radio-group"
- }, [_vm._t("default")], 2)
-},staticRenderFns: []}
-
-/***/ }),
-/* 143 */
-/***/ (function(module, exports) {
-
-module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
- return _c('span', {
- staticClass: "zan-tag",
- class: [_vm.type ? ("zan-tag--" + _vm.type) : '', {
- 'is-plain': _vm.plain,
- 'is-mark': _vm.mark
- }]
- }, [_vm._t("default")], 2)
-},staticRenderFns: []}
-
-/***/ }),
-/* 144 */
-/***/ (function(module, exports) {
-
-module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
- return _c('div', {
- staticClass: "zan-card"
- }, [_c('img', {
- staticClass: "zan-card__img",
- attrs: {
- "src": _vm.thumb,
- "alt": ""
- }
- }), _vm._v(" "), _c('div', {
- staticClass: "zan-card__content",
- class: {
- 'is-center': !this.$slots.footer
- }
- }, [_c('div', {
- staticClass: "zan-card__info"
- }, [_vm._t("title", [_c('h4', {
- staticClass: "zan-card__title",
- domProps: {
- "textContent": _vm._s(_vm.title)
- }
- })]), _vm._v(" "), _vm._t("desc", [(_vm.desc) ? _c('p', {
- staticClass: "zan-card__title",
- domProps: {
- "textContent": _vm._s(_vm.desc)
- }
- }) : _vm._e()]), _vm._v(" "), _vm._t("tags")], 2), _vm._v(" "), _vm._t("footer")], 2)])
-},staticRenderFns: []}
-
-/***/ }),
-/* 145 */
-/***/ (function(module, exports) {
-
-module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
- return _c('div', {
- staticClass: "zan-picker"
- }, [_c('div', {
- staticClass: "zan-picker__toolbar"
- }, [_vm._t("default")], 2), _vm._v(" "), _c('div', {
- staticClass: "zan-picker__columns",
- class: ['zan-picker__columns--' + _vm.columns.length]
- }, [_vm._l((_vm.columns), function(item, index) {
- return _c('picker-column', {
- attrs: {
- "values": item.values,
- "class-name": item.className,
- "itemHeight": _vm.itemHeight,
- "visible-item-count": _vm.visibleItemCount
- },
- on: {
- "change": _vm.columnValueChange
- },
- model: {
- value: (_vm.values[index]),
- callback: function($$v) {
- var $$exp = _vm.values,
- $$idx = index;
- if (!Array.isArray($$exp)) {
- _vm.values[index] = $$v
- } else {
- $$exp.splice($$idx, 1, $$v)
- }
- }
- }
- })
- }), _vm._v(" "), _c('div', {
- staticClass: "zan-picker-center-highlight",
- style: ({
- height: _vm.itemHeight + 'px',
- marginTop: -_vm.itemHeight / 2 + 'px'
- })
- })], 2)])
-},staticRenderFns: []}
-
-/***/ }),
-/* 146 */
-/***/ (function(module, exports) {
-
-module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
- return _c('div', {
- staticClass: "zan-cell-group"
- }, [_vm._t("default")], 2)
-},staticRenderFns: []}
-
-/***/ }),
-/* 147 */
-/***/ (function(module, exports) {
-
-module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
- return _c('transition', {
- attrs: {
- "name": "dialog-bounce"
- }
- }, [_c('div', {
- staticClass: "zan-dialog-wrapper"
- }, [_c('div', {
- directives: [{
- name: "show",
- rawName: "v-show",
- value: (_vm.value),
- expression: "value"
- }],
- staticClass: "zan-dialog"
- }, [(_vm.title) ? _c('div', {
- staticClass: "zan-dialog__header"
- }, [_c('div', {
- staticClass: "zan-dialog__title",
- domProps: {
- "textContent": _vm._s(_vm.title)
- }
- })]) : _vm._e(), _vm._v(" "), (_vm.message) ? _c('div', {
- staticClass: "zan-dialog__content"
- }, [_c('div', {
- staticClass: "zan-dialog__message",
- domProps: {
- "innerHTML": _vm._s(_vm.message)
- }
- })]) : _vm._e(), _vm._v(" "), _c('div', {
- staticClass: "zan-dialog__footer",
- class: {
- 'is-twobtn': _vm.showCancelButton && _vm.showConfirmButton
- }
- }, [_c('button', {
- directives: [{
- name: "show",
- rawName: "v-show",
- value: (_vm.showCancelButton),
- expression: "showCancelButton"
- }],
- staticClass: "zan-dialog__btn zan-dialog__cancel",
- on: {
- "click": function($event) {
- _vm.handleAction('cancel')
- }
- }
- }, [_vm._v(_vm._s(_vm.cancelButtonText))]), _vm._v(" "), _c('button', {
- directives: [{
- name: "show",
- rawName: "v-show",
- value: (_vm.showConfirmButton),
- expression: "showConfirmButton"
- }],
- staticClass: "zan-dialog__btn zan-dialog__confirm",
- on: {
- "click": function($event) {
- _vm.handleAction('confirm')
- }
- }
- }, [_vm._v(_vm._s(_vm.confirmButtonText))])])])])])
-},staticRenderFns: []}
-
-/***/ }),
-/* 148 */
-/***/ (function(module, exports) {
-
-module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
- return _c('div', [_c('h2', [_vm._v("author: " + _vm._s(_vm.author))]), _vm._v(" "), _c('div', [_vm._v("Hello " + _vm._s(_vm.name))])])
-},staticRenderFns: []}
-
-/***/ }),
-/* 149 */
-/***/ (function(module, exports) {
-
-module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
- return _c('div', {
- staticClass: "zan-panel"
- }, [_c('div', {
- staticClass: "zan-panel__header"
- }, [_vm._t("header", [_c('h4', {
- staticClass: "zan-panel__title",
- domProps: {
- "textContent": _vm._s(_vm.title)
- }
- }), _vm._v(" "), (_vm.desc) ? _c('span', {
- staticClass: "zan-panel__desc",
- domProps: {
- "textContent": _vm._s(_vm.desc)
- }
- }) : _vm._e(), _vm._v(" "), (_vm.status) ? _c('span', {
- staticClass: "zan-panel__status",
- domProps: {
- "textContent": _vm._s(_vm.status)
- }
- }) : _vm._e()])], 2), _vm._v(" "), _c('div', {
- staticClass: "zan-panel__content"
- }, [_vm._t("default")], 2), _vm._v(" "), (this.$slots.footer) ? _c('div', {
- staticClass: "zan-panel__footer"
- }, [_vm._t("footer")], 2) : _vm._e()])
-},staticRenderFns: []}
-
-/***/ }),
-/* 150 */
-/***/ (function(module, exports) {
-
-module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
- return _c('i', {
- staticClass: "zanui-icon",
- class: 'zan-icon-' + _vm.name
- })
-},staticRenderFns: []}
-
-/***/ }),
-/* 151 */
-/***/ (function(module, exports) {
-
-module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
- return _c('a', {
- staticClass: "zan-cell",
- attrs: {
- "href": _vm.url
- },
- on: {
- "click": _vm.handleClick
- }
- }, [_c('div', {
- staticClass: "zan-cell__title"
- }, [_vm._t("icon", [(_vm.icon) ? _c('i', {
- staticClass: "zan-icon",
- class: 'zan-icon-' + _vm.icon
- }) : _vm._e()]), _vm._v(" "), _vm._t("title", [_c('span', {
- staticClass: "zan-cell__text",
- domProps: {
- "textContent": _vm._s(_vm.title)
- }
- }), _vm._v(" "), (_vm.label) ? _c('span', {
- staticClass: "zan-cell__label",
- domProps: {
- "textContent": _vm._s(_vm.label)
- }
- }) : _vm._e()])], 2), _vm._v(" "), _c('div', {
- staticClass: "zan-cell__value",
- class: {
- 'is-link': _vm.isLink,
- 'is-alone': !_vm.title && !_vm.label
- }
- }, [_vm._t("default", [_c('span', {
- domProps: {
- "textContent": _vm._s(_vm.value)
- }
- })])], 2), _vm._v(" "), (_vm.isLink) ? _c('i', {
- staticClass: "zan-icon zan-icon-arrow"
- }) : _vm._e()])
-},staticRenderFns: []}
-
-/***/ }),
-/* 152 */
-/***/ (function(module, exports) {
-
-module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
- return _c('div', {
- staticClass: "zan-loading"
- })
-},staticRenderFns: []}
-
-/***/ }),
-/* 153 */
-/***/ (function(module, exports) {
-
-module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
- return _c('zan-cell', {
- staticClass: "zan-field",
- class: {
- 'is-textarea': _vm.type === 'textarea',
- 'is-nolabel': !_vm.label
- },
- attrs: {
- "title": _vm.label
- }
- }, [(_vm.type === 'textarea') ? _c('textarea', {
- directives: [{
- name: "model",
- rawName: "v-model",
- value: (_vm.currentValue),
- expression: "currentValue"
- }],
- staticClass: "zan-field__control",
- attrs: {
- "placeholder": _vm.placeholder,
- "maxlength": _vm.maxlength,
- "disabled": _vm.disabled,
- "readonly": _vm.readonly
- },
- domProps: {
- "value": (_vm.currentValue)
- },
- on: {
- "change": function($event) {
- _vm.$emit('change', _vm.currentValue)
- },
- "input": function($event) {
- if ($event.target.composing) { return; }
- _vm.currentValue = $event.target.value
- }
- }
- }) : _c('input', {
- staticClass: "zan-field__control",
- attrs: {
- "type": _vm.type,
- "placeholder": _vm.placeholder,
- "maxlength": _vm.maxlength,
- "disabled": _vm.disabled,
- "readonly": _vm.readonly
- },
- domProps: {
- "value": _vm.currentValue
- },
- on: {
- "change": function($event) {
- _vm.$emit('change', _vm.currentValue)
- },
- "input": _vm.handleInput
- }
- })])
-},staticRenderFns: []}
-
-/***/ }),
-/* 154 */
-/***/ (function(module, exports) {
-
-module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
- return _c('div', {
- staticClass: "zan-radio",
- class: {
- 'is-disabled': _vm.isDisabled
- }
- }, [_c('span', {
- staticClass: "zan-radio__input"
- }, [_c('input', {
- directives: [{
- name: "model",
- rawName: "v-model",
- value: (_vm.currentValue),
- expression: "currentValue"
- }],
- staticClass: "zan-radio__control",
- attrs: {
- "type": "radio",
- "disabled": _vm.isDisabled
- },
- domProps: {
- "value": _vm.name,
- "checked": _vm._q(_vm.currentValue, _vm.name)
- },
- on: {
- "__c": function($event) {
- _vm.currentValue = _vm.name
- }
- }
- }), _vm._v(" "), _c('span', {
- staticClass: "zan-icon",
- class: {
- 'zan-icon-checked': _vm.currentValue === _vm.name,
- 'zan-icon-check': _vm.currentValue !== _vm.name
- }
- })]), _vm._v(" "), _c('span', {
- staticClass: "zan-radio__label"
- }, [_vm._t("default")], 2)])
-},staticRenderFns: []}
-
-/***/ }),
-/* 155 */
-/***/ (function(module, exports) {
-
-module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
- return _c('div', {
- staticClass: "zan-switch",
- class: _vm.switchState,
- on: {
- "click": _vm.toggleState
- }
- }, [_c('div', {
- staticClass: "zan-switch__node",
- class: _vm.switchState
- })])
-},staticRenderFns: []}
-
-/***/ }),
-/* 156 */
-/***/ (function(module, exports) {
-
-module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
- return _c('div', {
- staticClass: "zan-picker-column",
- class: _vm.classNames
- }, [_c('div', {
- ref: "wrapper",
- staticClass: "zan-picker-column-wrapper",
- class: {
- dragging: _vm.isDragging
- },
- style: ({
- height: _vm.visibleContentHeight + 'px'
- })
- }, _vm._l((_vm.currentValues), function(item) {
- return _c('div', {
- staticClass: "zan-picker-column__item",
- class: {
- 'zan-picker-column__item--selected': item === _vm.currentValue
- },
- style: ({
- height: _vm.itemHeight + 'px',
- lineHeight: _vm.itemHeight + 'px'
- })
- }, [_vm._v("\n " + _vm._s(item) + "\n ")])
- }))])
-},staticRenderFns: []}
-
-/***/ }),
-/* 157 */
-/***/ (function(module, exports) {
-
-module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
- return _c('transition', {
- attrs: {
- "name": _vm.currentTransition
- }
- }, [_c('div', {
- directives: [{
- name: "show",
- rawName: "v-show",
- value: (_vm.currentValue),
- expression: "currentValue"
- }],
- staticClass: "zan-popup",
- class: [_vm.position ? 'zan-popup--' + _vm.position : '']
- }, [_vm._t("default")], 2)])
-},staticRenderFns: []}
-
-/***/ }),
-/* 158 */
-/***/ (function(module, exports, __webpack_require__) {
-
-var map = {
- "./examples/button.vue": 209,
- "./examples/card.vue": 210,
- "./examples/cell.vue": 211,
- "./examples/dialog.vue": 212,
- "./examples/field.vue": 213,
- "./examples/panel.vue": 214,
- "./examples/picker.vue": 215,
- "./examples/popup.vue": 216,
- "./examples/radio.vue": 217,
- "./examples/switch.vue": 218,
- "./examples/tag.vue": 219,
- "./examples/waterfall.vue": 220
-};
-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 = 158;
-
-
-/***/ }),
-/* 159 */
-/***/ (function(module, exports, __webpack_require__) {
-
-var map = {
- "./examples-docs/button.md": 275,
- "./examples-docs/card.md": 276,
- "./examples-docs/cell.md": 277,
- "./examples-docs/checkbox.md": 278,
- "./examples-docs/dialog.md": 279,
- "./examples-docs/field.md": 280,
- "./examples-docs/panel.md": 281,
- "./examples-docs/picker.md": 282,
- "./examples-docs/popup.md": 283,
- "./examples-docs/radio.md": 284,
- "./examples-docs/steps.md": 285,
- "./examples-docs/switch.md": 286,
- "./examples-docs/tag.md": 287,
- "./examples-docs/waterfall.md": 288
-};
-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 = 159;
-
-
-/***/ }),
-/* 160 */,
-/* 161 */,
-/* 162 */,
-/* 163 */,
-/* 164 */,
-/* 165 */,
-/* 166 */,
-/* 167 */,
-/* 168 */,
-/* 169 */,
-/* 170 */,
-/* 171 */,
-/* 172 */,
-/* 173 */,
-/* 174 */,
-/* 175 */,
-/* 176 */,
-/* 177 */,
-/* 178 */,
-/* 179 */,
-/* 180 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-exports.default = {
- methods: {
- handleClick: function handleClick() {
- console.log('cell click');
- }
- }
-};
-
-/***/ }),
-/* 181 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-
-var _index = __webpack_require__(45);
-
-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);
- });
- }
- }
-}; //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-/***/ }),
-/* 182 */
-/***/ (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);
- }
- }
-};
-
-/***/ }),
-/* 183 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-
-var _keys = __webpack_require__(192);
-
-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]]);
- }
- }
-};
-
-/***/ }),
-/* 184 */
-/***/ (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);
- }
- }
- }
-};
-
-/***/ }),
-/* 185 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-exports.default = {
- data: function data() {
- return {
- radio1: '1',
- radio2: '2',
- radio3: '1',
- radio4: '1'
- };
- }
-};
-
-/***/ }),
-/* 186 */
-/***/ (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;
- }
- }
-};
-
-/***/ }),
-/* 187 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-exports.default = {
- methods: {}
-};
-
-/***/ }),
-/* 188 */
-/***/ (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;
- }
- }
-};
-
-/***/ }),
-/* 189 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-exports.default = {
- methods: {
- handleClick: function handleClick() {
- console.log('cell click');
- }
- }
-};
-
-/***/ }),
-/* 190 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-
-var _index = __webpack_require__(45);
-
-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);
- });
- }
- }
-}; //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-/***/ }),
-/* 191 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-exports.default = {
- data: function data() {
- return {
- radio: '1'
- };
- }
-};
-
-/***/ }),
-/* 192 */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = { "default": __webpack_require__(193), __esModule: true };
-
-/***/ }),
-/* 193 */
-/***/ (function(module, exports, __webpack_require__) {
-
-__webpack_require__(195);
-module.exports = __webpack_require__(8).Object.keys;
-
-/***/ }),
-/* 194 */
-/***/ (function(module, exports, __webpack_require__) {
-
-// most Object methods by ES6 should accept primitives
-var $export = __webpack_require__(30)
- , core = __webpack_require__(8)
- , fails = __webpack_require__(31);
-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);
-};
-
-/***/ }),
-/* 195 */
-/***/ (function(module, exports, __webpack_require__) {
-
-// 19.1.2.14 Object.keys(O)
-var toObject = __webpack_require__(52)
- , $keys = __webpack_require__(51);
-
-__webpack_require__(194)('keys', function(){
- return function keys(it){
- return $keys(toObject(it));
- };
-});
-
-/***/ }),
-/* 196 */
-/***/ (function(module, exports, __webpack_require__) {
-
-exports = module.exports = __webpack_require__(4)();
-// imports
-
-
-// module
-exports.push([module.i, ".page-sub-title{padding:15px}", ""]);
-
-// exports
-
-
-/***/ }),
-/* 197 */,
-/* 198 */
-/***/ (function(module, exports, __webpack_require__) {
-
-exports = module.exports = __webpack_require__(4)();
-// imports
-
-
-// module
-exports.push([module.i, ".page-sub-title{padding:20px 15px}", ""]);
-
-// exports
-
-
-/***/ }),
-/* 199 */
-/***/ (function(module, exports, __webpack_require__) {
-
-exports = module.exports = __webpack_require__(4)();
-// imports
-
-
-// module
-exports.push([module.i, ".official-img{width:31px;vertical-align:middle;border:0}", ""]);
-
-// exports
-
-
-/***/ }),
-/* 200 */
-/***/ (function(module, exports, __webpack_require__) {
-
-exports = module.exports = __webpack_require__(4)();
-// imports
-
-
-// module
-exports.push([module.i, ".page-dialog{padding:0 15px}.page-dialog .zan-button-1{margin-bottom:10px}", ""]);
-
-// exports
-
-
-/***/ }),
-/* 201 */
-/***/ (function(module, exports, __webpack_require__) {
-
-exports = module.exports = __webpack_require__(4)();
-// imports
-
-
-// module
-exports.push([module.i, ".official-img{width:31px;vertical-align:middle;border:0}.page-sub-title{padding:25px 15px}", ""]);
-
-// exports
-
-
-/***/ }),
-/* 202 */
-/***/ (function(module, exports, __webpack_require__) {
-
-exports = module.exports = __webpack_require__(4)();
-// imports
-
-
-// module
-exports.push([module.i, ".zan-popup-1{width:100%;height:200px}.zan-popup-2{width:100%;line-height:44px;background-color:rgba(0,0,0,.701961);text-align:center;color:#fff}.zan-popup-3{width:100%;height:100%;background-color:#fff}.zan-popup-4{width:50%;height:200px;background:#fff;border-radius:10px}.page-popup .zan-button-1{margin-bottom:10px}.page-sub-title{padding:20px 15px}", ""]);
-
-// exports
-
-
-/***/ }),
-/* 203 */
-/***/ (function(module, exports, __webpack_require__) {
-
-exports = module.exports = __webpack_require__(4)();
-// imports
-
-
-// module
-exports.push([module.i, ".page-sub-title{padding:25px 15px}.tags-container{padding:5px 15px}.tags-container .zan-tag+.zan-tag{margin-left:10px}", ""]);
-
-// exports
-
-
-/***/ }),
-/* 204 */
-/***/ (function(module, exports, __webpack_require__) {
-
-exports = module.exports = __webpack_require__(4)();
-// imports
-
-
-// module
-exports.push([module.i, ".page-sub-title{padding:15px}", ""]);
-
-// exports
-
-
-/***/ }),
-/* 205 */
-/***/ (function(module, exports, __webpack_require__) {
-
-exports = module.exports = __webpack_require__(4)();
-// imports
-
-
-// module
-exports.push([module.i, ".page-button{padding:0 20px}.zan-button-group .zan-button-1{margin-bottom:10px}", ""]);
-
-// exports
-
-
-/***/ }),
-/* 206 */
-/***/ (function(module, exports, __webpack_require__) {
-
-exports = module.exports = __webpack_require__(4)();
-// imports
-
-
-// module
-exports.push([module.i, ".demo-wrapper{padding:0 15px}.demo-wrapper .zan-radio{margin:10px 0}", ""]);
-
-// exports
-
-
-/***/ }),
-/* 207 */
-/***/ (function(module, exports, __webpack_require__) {
-
-exports = module.exports = __webpack_require__(4)();
-// imports
-
-
-// module
-exports.push([module.i, ".zan-panel-sum{background:#fff;text-align:right;font-size:14px;color:#333;line-height:30px;padding-right:15px}.zan-panel-sum span{color:red}.zan-panel-buttons{text-align:right}.zan-panel-buttons .zan-button{margin-left:5px}", ""]);
-
-// exports
-
-
-/***/ }),
-/* 208 */
-/***/ (function(module, exports, __webpack_require__) {
-
-exports = module.exports = __webpack_require__(4)();
-// 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
-
-
-/***/ }),
-/* 209 */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-/* styles */
-__webpack_require__(271)
-
-var Component = __webpack_require__(0)(
- /* script */
- null,
- /* template */
- __webpack_require__(256),
- /* scopeId */
- null,
- /* cssModules */
- null
-)
-
-module.exports = Component.exports
-
-
-/***/ }),
-/* 210 */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-/* styles */
-__webpack_require__(262)
-
-var Component = __webpack_require__(0)(
- /* script */
- null,
- /* template */
- __webpack_require__(235),
- /* scopeId */
- null,
- /* cssModules */
- null
-)
-
-module.exports = Component.exports
-
-
-/***/ }),
-/* 211 */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-/* styles */
-__webpack_require__(267)
-
-var Component = __webpack_require__(0)(
- /* script */
- __webpack_require__(180),
- /* template */
- __webpack_require__(250),
- /* scopeId */
- null,
- /* cssModules */
- null
-)
-
-module.exports = Component.exports
-
-
-/***/ }),
-/* 212 */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-/* styles */
-__webpack_require__(266)
-
-var Component = __webpack_require__(0)(
- /* script */
- __webpack_require__(181),
- /* template */
- __webpack_require__(248),
- /* scopeId */
- null,
- /* cssModules */
- null
-)
-
-module.exports = Component.exports
-
-
-/***/ }),
-/* 213 */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-/* styles */
-__webpack_require__(264)
-
-var Component = __webpack_require__(0)(
- /* script */
- __webpack_require__(182),
- /* template */
- __webpack_require__(244),
- /* scopeId */
- null,
- /* cssModules */
- null
-)
-
-module.exports = Component.exports
-
-
-/***/ }),
-/* 214 */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-/* styles */
-__webpack_require__(273)
-
-var Component = __webpack_require__(0)(
- /* script */
- null,
- /* template */
- __webpack_require__(260),
- /* scopeId */
- null,
- /* cssModules */
- null
-)
-
-module.exports = Component.exports
-
-
-/***/ }),
-/* 215 */
-/***/ (function(module, exports, __webpack_require__) {
-
-var Component = __webpack_require__(0)(
- /* script */
- __webpack_require__(183),
- /* template */
- __webpack_require__(247),
- /* scopeId */
- null,
- /* cssModules */
- null
-)
-
-module.exports = Component.exports
-
-
-/***/ }),
-/* 216 */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-/* styles */
-__webpack_require__(268)
-
-var Component = __webpack_require__(0)(
- /* script */
- __webpack_require__(184),
- /* template */
- __webpack_require__(251),
- /* scopeId */
- null,
- /* cssModules */
- null
-)
-
-module.exports = Component.exports
-
-
-/***/ }),
-/* 217 */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-/* styles */
-__webpack_require__(272)
-
-var Component = __webpack_require__(0)(
- /* script */
- __webpack_require__(185),
- /* template */
- __webpack_require__(259),
- /* scopeId */
- null,
- /* cssModules */
- null
-)
-
-module.exports = Component.exports
-
-
-/***/ }),
-/* 218 */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-/* styles */
-__webpack_require__(274)
-
-var Component = __webpack_require__(0)(
- /* script */
- __webpack_require__(186),
- /* template */
- __webpack_require__(261),
- /* scopeId */
- null,
- /* cssModules */
- null
-)
-
-module.exports = Component.exports
-
-
-/***/ }),
-/* 219 */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-/* styles */
-__webpack_require__(269)
-
-var Component = __webpack_require__(0)(
- /* script */
- __webpack_require__(187),
- /* template */
- __webpack_require__(252),
- /* scopeId */
- null,
- /* cssModules */
- null
-)
-
-module.exports = Component.exports
-
-
-/***/ }),
-/* 220 */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-/* styles */
-__webpack_require__(270)
-
-var Component = __webpack_require__(0)(
- /* script */
- __webpack_require__(188),
- /* template */
- __webpack_require__(253),
- /* scopeId */
- null,
- /* cssModules */
- null
-)
-
-module.exports = Component.exports
-
-
-/***/ }),
-/* 221 */
-/***/ (function(module, exports, __webpack_require__) {
-
-var Component = __webpack_require__(0)(
- /* script */
- null,
- /* template */
- __webpack_require__(243),
- /* scopeId */
- null,
- /* cssModules */
- null
-)
-
-module.exports = Component.exports
-
-
-/***/ }),
-/* 222 */
-/***/ (function(module, exports, __webpack_require__) {
-
-var Component = __webpack_require__(0)(
- /* script */
- null,
- /* template */
- __webpack_require__(245),
- /* scopeId */
- null,
- /* cssModules */
- null
-)
-
-module.exports = Component.exports
-
-
-/***/ }),
-/* 223 */
-/***/ (function(module, exports, __webpack_require__) {
-
-
-/* styles */
-__webpack_require__(265)
-
-var Component = __webpack_require__(0)(
- /* script */
- __webpack_require__(189),
- /* template */
- __webpack_require__(246),
- /* scopeId */
- null,
- /* cssModules */
- null
-)
-
-module.exports = Component.exports
-
-
-/***/ }),
-/* 224 */
-/***/ (function(module, exports, __webpack_require__) {
-
-var Component = __webpack_require__(0)(
- /* script */
- null,
- /* template */
- __webpack_require__(255),
- /* scopeId */
- null,
- /* cssModules */
- null
-)
-
-module.exports = Component.exports
-
-
-/***/ }),
-/* 225 */
-/***/ (function(module, exports, __webpack_require__) {
-
-var Component = __webpack_require__(0)(
- /* script */
- __webpack_require__(190),
- /* template */
- __webpack_require__(254),
- /* scopeId */
- null,
- /* cssModules */
- null
-)
-
-module.exports = Component.exports
-
-
-/***/ }),
-/* 226 */
-/***/ (function(module, exports, __webpack_require__) {
-
-var Component = __webpack_require__(0)(
- /* script */
- null,
- /* template */
- __webpack_require__(242),
- /* scopeId */
- null,
- /* cssModules */
- null
-)
-
-module.exports = Component.exports
-
-
-/***/ }),
-/* 227 */
-/***/ (function(module, exports, __webpack_require__) {
-
-var Component = __webpack_require__(0)(
- /* script */
- null,
- /* template */
- __webpack_require__(241),
- /* scopeId */
- null,
- /* cssModules */
- null
-)
-
-module.exports = Component.exports
-
-
-/***/ }),
-/* 228 */
-/***/ (function(module, exports, __webpack_require__) {
-
-var Component = __webpack_require__(0)(
- /* script */
- null,
- /* template */
- __webpack_require__(239),
- /* scopeId */
- null,
- /* cssModules */
- null
-)
-
-module.exports = Component.exports
-
-
-/***/ }),
-/* 229 */
-/***/ (function(module, exports, __webpack_require__) {
-
-var Component = __webpack_require__(0)(
- /* script */
- null,
- /* template */
- __webpack_require__(238),
- /* scopeId */
- null,
- /* cssModules */
- null
-)
-
-module.exports = Component.exports
-
-
-/***/ }),
-/* 230 */
-/***/ (function(module, exports, __webpack_require__) {
-
-var Component = __webpack_require__(0)(
- /* script */
- __webpack_require__(191),
- /* template */
- __webpack_require__(257),
- /* scopeId */
- null,
- /* cssModules */
- null
-)
-
-module.exports = Component.exports
-
-
-/***/ }),
-/* 231 */
-/***/ (function(module, exports, __webpack_require__) {
-
-var Component = __webpack_require__(0)(
- /* script */
- null,
- /* template */
- __webpack_require__(249),
- /* scopeId */
- null,
- /* cssModules */
- null
-)
-
-module.exports = Component.exports
-
-
-/***/ }),
-/* 232 */
-/***/ (function(module, exports, __webpack_require__) {
-
-var Component = __webpack_require__(0)(
- /* script */
- null,
- /* template */
- __webpack_require__(236),
- /* scopeId */
- null,
- /* cssModules */
- null
-)
-
-module.exports = Component.exports
-
-
-/***/ }),
-/* 233 */
-/***/ (function(module, exports, __webpack_require__) {
-
-var Component = __webpack_require__(0)(
- /* script */
- null,
- /* template */
- __webpack_require__(258),
- /* scopeId */
- null,
- /* cssModules */
- null
-)
-
-module.exports = Component.exports
-
-
-/***/ }),
-/* 234 */
-/***/ (function(module, exports, __webpack_require__) {
-
-var Component = __webpack_require__(0)(
- /* script */
- null,
- /* template */
- __webpack_require__(240),
- /* scopeId */
- null,
- /* cssModules */
- null
-)
-
-module.exports = Component.exports
-
-
-/***/ }),
-/* 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-card"
- }, [_c('h1', {
- staticClass: "page-title"
- }, [_vm._v("Card")]), _vm._v(" "), _c('h2', {
- staticClass: "page-sub-title"
- }, [_vm._v("基础用法")]), _vm._v(" "), _c('zan-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('zan-card', {
- attrs: {
- "title": "商品名称是什么,两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余",
- "desc": "商品SKU1,商品SKU2",
- "thumb": "https://img.yzcdn.cn/upload_files/2017/02/17/FnDwvwHmU-OiqsbjAO5X7wh1KWrR.jpg!100x100.jpg"
- }
- }, [_c('div', {
- staticClass: "zan-card__row",
- slot: "title"
- }, [_c('h4', {
- staticClass: "zan-card__title"
- }, [_vm._v("商品名称是什么,两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余")]), _vm._v(" "), _c('span', {
- staticClass: "zan-card__price"
- }, [_vm._v("¥ 2.00")])]), _vm._v(" "), _c('div', {
- staticClass: "zan-card__row",
- slot: "desc"
- }, [_c('h4', {
- staticClass: "zan-card__desc"
- }, [_vm._v("商品sku")]), _vm._v(" "), _c('span', {
- staticClass: "zan-card__num"
- }, [_vm._v("x 2")])]), _vm._v(" "), _c('div', {
- staticClass: "zan-card__footer",
- slot: "footer"
- }, [_c('zan-button', {
- attrs: {
- "size": "mini"
- }
- }, [_vm._v("按钮一")]), _vm._v(" "), _c('zan-button', {
- attrs: {
- "size": "mini"
- }
- }, [_vm._v("按钮二")])], 1)])], 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": "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(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("o2-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__text\"")]), _vm._v(">")]), _c('span', [_vm._v("{{")]), _vm._v("switchStateText"), _c('span', [_vm._v("}}")]), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("div")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("div")]), _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(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("o2-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__text\"")]), _vm._v(">")]), _vm._v("ON, DISABLED"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("div")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("div")]), _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(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("o2-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__text\"")]), _vm._v(">")]), _vm._v("OFF, DISABLED"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("div")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("div")]), _vm._v(">")]), _vm._v("\n"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("div")]), _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(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("script")]), _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("-")])])])])])
-}]}
-
-/***/ }),
-/* 237 */,
-/* 238 */
-/***/ (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("\"zan-button-1\"")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v("<"), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-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(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-button")]), _vm._v(">")]), _vm._v("\n"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("div")]), _vm._v(">")]), _vm._v("\n"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v("<"), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-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("\"zan-popup-1\"")]), _vm._v(">")]), _vm._v("\n xxxx\n"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-popup")]), _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("\"zan-button-1\"")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v("<"), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-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(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-button")]), _vm._v(">")]), _vm._v("\n"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("div")]), _vm._v(">")]), _vm._v("\n"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v("<"), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-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("\"zan-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(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-popup")]), _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("\"zan-button-1\"")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v("<"), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-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(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-button")]), _vm._v(">")]), _vm._v("\n"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("div")]), _vm._v(">")]), _vm._v("\n"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v("<"), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-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("\"zan-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("zan-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(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-button")]), _vm._v(">")]), _vm._v("\n"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-popup")]), _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("\"zan-button-1\"")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v("<"), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-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(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-button")]), _vm._v(">")]), _vm._v("\n"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("div")]), _vm._v(">")]), _vm._v("\n"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v("<"), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-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("\"zan-popup-4\"")]), _vm._v(">")]), _vm._v("\n 一些内容\n"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-popup")]), _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(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("script")]), _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')])])])])
-}]}
-
-/***/ }),
-/* 239 */
-/***/ (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("zan-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(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-picker")]), _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("为一个数组,设置所有列中被选中的值")])])])])])
-}]}
-
-/***/ }),
-/* 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": "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(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("div")]), _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(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("div")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("div")]), _vm._v(">")]), _vm._v("\n"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("div")]), _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(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("script")]), _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')])])])])
-}]}
-
-/***/ }),
-/* 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": "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("zan-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("zan-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("\"zan-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("\"zan-card__title\"")]), _vm._v(">")]), _vm._v("商品名称是什么,两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("h4")]), _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("\"zan-card__price\"")]), _vm._v(">")]), _vm._v("¥ 2.00"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("span")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("div")]), _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("\"zan-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("\"zan-card__desc\"")]), _vm._v(">")]), _vm._v("商品sku"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("h4")]), _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("\"zan-card__num\"")]), _vm._v(">")]), _vm._v("x 2"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("span")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("div")]), _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("\"zan-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("zan-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(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-button")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v("<"), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-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(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-button")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("div")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-card")]), _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("\"zan-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(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("span")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("div")]), _vm._v(">")]), _vm._v("\n"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-panel")]), _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("zan-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("zan-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("\"zan-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("\"zan-card__title\"")]), _vm._v(">")]), _vm._v("商品名称是什么,两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("h4")]), _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("\"zan-card__price\"")]), _vm._v(">")]), _vm._v("¥ 2.00"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("span")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("div")]), _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("\"zan-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("\"zan-card__desc\"")]), _vm._v(">")]), _vm._v("商品sku"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("h4")]), _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("\"zan-card__num\"")]), _vm._v(">")]), _vm._v("x 2"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("span")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("div")]), _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("\"zan-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("zan-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(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-button")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v("<"), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-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(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-button")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("div")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-card")]), _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("\"zan-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(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("span")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("div")]), _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("\"zan-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("zan-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(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-button")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v("<"), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-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(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-button")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("div")]), _vm._v(">")]), _vm._v("\n"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-panel")]), _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")])])])])])
-}]}
-
-/***/ }),
-/* 242 */
-/***/ (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("zan-cell-group")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v("<"), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-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(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-field")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v("<"), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-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(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-field")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v("<"), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-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(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-field")]), _vm._v(">")]), _vm._v("\n"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-cell-group")]), _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("zan-cell-group")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v("<"), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-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(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-field")]), _vm._v(">")]), _vm._v("\n"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-cell-group")]), _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("zan-cell-group")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v("<"), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-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(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-field")]), _vm._v(">")]), _vm._v("\n"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-cell-group")]), _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')])])])])
-}]}
-
-/***/ }),
-/* 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": "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("\"zan-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("\"zan-button-1\"")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v("<"), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-button")]), _vm._v(">")]), _vm._v("default"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-button")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("div")]), _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("\"zan-button-1\"")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v("<"), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-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(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-button")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("div")]), _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("\"zan-button-1\"")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v("<"), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-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(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-button")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("div")]), _vm._v(">")]), _vm._v("\n"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("div")]), _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("\"zan-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("\"zan-button-1\"")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v("<"), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-button")]), _vm._v(" "), _c('span', {
- staticClass: "hljs-attr"
- }, [_vm._v("disabled")]), _vm._v(">")]), _vm._v("diabled"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-button")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("div")]), _vm._v(">")]), _vm._v("\n"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("div")]), _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("\"zan-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("\"zan-button-1\"")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v("<"), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-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(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-button")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("div")]), _vm._v(">")]), _vm._v("\n"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("div")]), _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("\"zan-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("\"zan-button-3\"")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v("<"), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-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(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-button")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("div")]), _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("\"zan-button-3\"")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v("<"), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-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(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-button")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("div")]), _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("\"zan-button-3\"")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v("<"), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-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(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-button")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("div")]), _vm._v(">")]), _vm._v("\n"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("div")]), _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("\"zan-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("\"zan-button-1\"")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v("<"), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-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(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-button")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("div")]), _vm._v(">")]), _vm._v("\n"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("div")]), _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("\"zan-button-group\"")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v("<"), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-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(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-button")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v("<"), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-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(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-button")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v("<"), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-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(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-button")]), _vm._v(">")]), _vm._v("\n"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("div")]), _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')])])])])
-}]}
-
-/***/ }),
-/* 244 */
-/***/ (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('zan-cell-group', [_c('zan-field', {
- attrs: {
- "type": "text",
- "label": "用户名:",
- "placeholder": "请输入用户名"
- }
- }), _vm._v(" "), _c('zan-field', {
- attrs: {
- "type": "password",
- "label": "密码:",
- "placeholder": "请输入密码"
- }
- }), _vm._v(" "), _c('zan-field', {
- attrs: {
- "type": "textarea",
- "label": "个人介绍:",
- "placeholder": "请输入个人介绍"
- }
- })], 1), _vm._v(" "), _c('h2', {
- staticClass: "page-sub-title"
- }, [_vm._v("无label的输入框")]), _vm._v(" "), _c('zan-cell-group', [_c('zan-field', {
- attrs: {
- "type": "text",
- "placeholder": "请输入用户名"
- }
- })], 1), _vm._v(" "), _c('h2', {
- staticClass: "page-sub-title"
- }, [_vm._v("监听change事件")]), _vm._v(" "), _c('zan-cell-group', [_c('zan-field', {
- attrs: {
- "type": "text",
- "label": "用户名:",
- "placeholder": "请输入用户名"
- },
- on: {
- "change": _vm.handleChange
- }
- })], 1)], 1)
-},staticRenderFns: []}
-
-/***/ }),
-/* 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": "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("zan-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(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-card")]), _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("zan-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("\"zan-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("\"zan-card__title\"")]), _vm._v(">")]), _vm._v("商品名称是什么,两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("h4")]), _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("\"zan-card__price\"")]), _vm._v(">")]), _vm._v("¥ 2.00"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("span")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("div")]), _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("\"zan-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("\"zan-card__desc\"")]), _vm._v(">")]), _vm._v("商品sku"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("h4")]), _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("\"zan-card__num\"")]), _vm._v(">")]), _vm._v("x 2"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("span")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("div")]), _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("\"zan-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("zan-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(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-button")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v("<"), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-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(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-button")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("div")]), _vm._v(">")]), _vm._v("\n"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-card")]), _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")])])])])])
-}]}
-
-/***/ }),
-/* 246 */
-/***/ (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("zan-cell-group")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v("<"), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-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(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-cell")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v("<"), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-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(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-cell")]), _vm._v(">")]), _vm._v("\n"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-cell-group")]), _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("zan-cell-group")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v("<"), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-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(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-cell")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v("<"), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-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(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-cell")]), _vm._v(">")]), _vm._v("\n"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-cell-group")]), _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("zan-cell-group")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v("<"), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-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(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-cell")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v("<"), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-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(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-cell")]), _vm._v(">")]), _vm._v("\n"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-cell-group")]), _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("zan-cell-group")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v("<"), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-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(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-cell")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v("<"), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-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(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-cell")]), _vm._v(">")]), _vm._v("\n"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-cell-group")]), _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("zan-cell-group")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v("<"), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-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("\"zan-cell-text\"")]), _vm._v(">")]), _vm._v("起码运动馆"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("span")]), _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(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("template")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-cell")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v("<"), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-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(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-cell")]), _vm._v(">")]), _vm._v("\n"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-cell-group")]), _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")])])])])])
-}]}
-
-/***/ }),
-/* 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-picker"
- }, [_c('h1', {
- staticClass: "page-title"
- }, [_vm._v("Picker")]), _vm._v(" "), _c('h2', {
- staticClass: "page-sub-title"
- }, [_vm._v("基础用法")]), _vm._v(" "), _c('zan-picker', {
- attrs: {
- "columns": _vm.pickerColumns
- },
- on: {
- "change": _vm.handlePickerChange
- }
- })], 1)
-},staticRenderFns: []}
-
-/***/ }),
-/* 248 */
-/***/ (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: "zan-button-1"
- }, [_c('zan-button', {
- on: {
- "click": _vm.handleAlertClick
- }
- }, [_vm._v("点击我打开alert提示框")])], 1), _vm._v(" "), _c('div', {
- staticClass: "zan-button-1"
- }, [_c('zan-button', {
- on: {
- "click": _vm.handleConfirmClick
- }
- }, [_vm._v("点击我打开confirm提示框")])], 1)])
-},staticRenderFns: []}
-
-/***/ }),
-/* 249 */
-/***/ (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 步骤条")])])
-}]}
-
-/***/ }),
-/* 250 */
-/***/ (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('zan-cell-group', [_c('zan-cell', {
- attrs: {
- "title": "单元格1",
- "value": "单元格1内容"
- }
- }), _vm._v(" "), _c('zan-cell', {
- attrs: {
- "title": "单元格2",
- "value": "单元格2内容"
- }
- })], 1), _vm._v(" "), _c('h2', {
- staticClass: "page-sub-title"
- }, [_vm._v("标题带描述信息")]), _vm._v(" "), _c('zan-cell-group', [_c('zan-cell', {
- attrs: {
- "title": "单元格1",
- "label": "描述信息",
- "is-link": "",
- "url": "javascript:void(0)"
- },
- on: {
- "click": _vm.handleClick
- }
- }), _vm._v(" "), _c('zan-cell', {
- attrs: {
- "title": "单元格2",
- "label": "描述信息"
- }
- })], 1), _vm._v(" "), _c('h2', {
- staticClass: "page-sub-title"
- }, [_vm._v("带图标")]), _vm._v(" "), _c('zan-cell-group', [_c('zan-cell', {
- attrs: {
- "title": "起码运动馆",
- "icon": "home"
- }
- }), _vm._v(" "), _c('zan-cell', {
- attrs: {
- "title": "线下门店",
- "icon": "location"
- }
- })], 1), _vm._v(" "), _c('h2', {
- staticClass: "page-sub-title"
- }, [_vm._v("可点击的链接")]), _vm._v(" "), _c('zan-cell-group', [_c('zan-cell', {
- attrs: {
- "title": "起码运动馆",
- "value": "进入店铺",
- "icon": "home",
- "url": "http://youzan.com",
- "is-link": ""
- }
- }), _vm._v(" "), _c('zan-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('zan-cell-group', [_c('zan-cell', {
- attrs: {
- "value": "进入店铺",
- "icon": "home",
- "url": "http://youzan.com",
- "is-link": ""
- }
- }, [_c('template', {
- slot: "title"
- }, [_c('span', {
- staticClass: "zan-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('zan-cell', {
- attrs: {
- "title": "线下门店",
- "icon": "location",
- "url": "http://youzan.com",
- "is-link": ""
- }
- })], 1)], 1)
-},staticRenderFns: []}
-
-/***/ }),
-/* 251 */
-/***/ (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: "zan-button-1"
- }, [_c('zan-button', {
- on: {
- "click": function($event) {
- _vm.popupShow1 = true
- }
- }
- }, [_vm._v("从下方弹出popup")])], 1), _vm._v(" "), _c('zan-popup', {
- staticClass: "zan-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: "zan-button-1"
- }, [_c('zan-button', {
- on: {
- "click": function($event) {
- _vm.popupShow2 = true
- }
- }
- }, [_vm._v("从上方方弹出popup")])], 1), _vm._v(" "), _c('zan-popup', {
- staticClass: "zan-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: "zan-button-1"
- }, [_c('zan-button', {
- on: {
- "click": function($event) {
- _vm.popupShow3 = true
- }
- }
- }, [_vm._v("从右方弹出popup")])], 1), _vm._v(" "), _c('zan-popup', {
- staticClass: "zan-popup-3",
- attrs: {
- "position": "right",
- "overlay": false
- },
- model: {
- value: (_vm.popupShow3),
- callback: function($$v) {
- _vm.popupShow3 = $$v
- }
- }
- }, [_c('zan-button', {
- nativeOn: {
- "click": function($event) {
- _vm.popupShow3 = false
- }
- }
- }, [_vm._v("关闭 popup")])], 1), _vm._v(" "), _c('div', {
- staticClass: "zan-button-1"
- }, [_c('zan-button', {
- on: {
- "click": function($event) {
- _vm.popupShow4 = true
- }
- }
- }, [_vm._v("从中间弹出popup")])], 1), _vm._v(" "), _c('zan-popup', {
- staticClass: "zan-popup-4",
- attrs: {
- "transition": "popup-fade"
- },
- model: {
- value: (_vm.popupShow4),
- callback: function($$v) {
- _vm.popupShow4 = $$v
- }
- }
- }, [_vm._v("\n 一些内容\n ")])], 1)
-},staticRenderFns: []}
-
-/***/ }),
-/* 252 */
-/***/ (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("Tag")]), _vm._v(" "), _c('h2', {
- staticClass: "page-sub-title"
- }, [_vm._v("基础用法")]), _vm._v(" "), _c('div', [_c('div', {
- staticClass: "tags-container"
- }, [_c('zan-tag', [_vm._v("返现")]), _vm._v(" "), _c('zan-tag', {
- attrs: {
- "plain": true
- }
- }, [_vm._v("返现")])], 1), _vm._v(" "), _c('div', {
- staticClass: "tags-container"
- }, [_c('zan-tag', {
- attrs: {
- "type": "danger"
- }
- }, [_vm._v("返现")]), _vm._v(" "), _c('zan-tag', {
- attrs: {
- "type": "danger"
- }
- }, [_vm._v("四字标签")]), _vm._v(" "), _c('zan-tag', {
- attrs: {
- "type": "danger"
- }
- }, [_vm._v("一")])], 1), _vm._v(" "), _c('div', {
- staticClass: "tags-container"
- }, [_c('zan-tag', {
- attrs: {
- "type": "danger"
- }
- }, [_vm._v("返现")]), _vm._v(" "), _c('zan-tag', {
- attrs: {
- "plain": true,
- "type": "danger"
- }
- }, [_vm._v("返现")])], 1), _vm._v(" "), _c('div', {
- staticClass: "tags-container"
- }, [_c('zan-tag', {
- attrs: {
- "type": "primary"
- }
- }, [_vm._v("返现")]), _vm._v(" "), _c('zan-tag', {
- attrs: {
- "plain": true,
- "type": "primary"
- }
- }, [_vm._v("返现")])], 1), _vm._v(" "), _c('div', {
- staticClass: "tags-container"
- }, [_c('zan-tag', {
- attrs: {
- "type": "success"
- }
- }, [_vm._v("返现")]), _vm._v(" "), _c('zan-tag', {
- attrs: {
- "plain": true,
- "type": "success"
- }
- }, [_vm._v("返现")])], 1), _vm._v(" "), _c('div', {
- staticClass: "tags-container"
- }, [_c('zan-tag', {
- attrs: {
- "type": "danger",
- "mark": true
- }
- }, [_vm._v("返现")])], 1)])])
-},staticRenderFns: []}
-
-/***/ }),
-/* 253 */
-/***/ (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', [_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: "zan-cell",
- staticStyle: {
- "text-align": "center"
- }
- }, [_vm._v(_vm._s(item))])
- }), _vm._v(" "), _c('div', {
- staticStyle: {
- "text-align": "center"
- }
- }, [_vm._v("loading")])], 2)])])
-},staticRenderFns: []}
-
-/***/ }),
-/* 254 */
-/***/ (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("zan-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(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-button")]), _vm._v(">")]), _vm._v("\n\n"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v("<"), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-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(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-button")]), _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(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("script")]), _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')])])])])
-}]}
-
-/***/ }),
-/* 255 */
-/***/ (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组件")])])
-}]}
-
-/***/ }),
-/* 256 */
-/***/ (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: "zan-button-group"
- }, [_c('div', {
- staticClass: "zan-button-1"
- }, [_c('zan-button', [_vm._v("default")])], 1), _vm._v(" "), _c('div', {
- staticClass: "zan-button-1"
- }, [_c('zan-button', {
- attrs: {
- "type": "primary"
- }
- }, [_vm._v("primary")])], 1), _vm._v(" "), _c('div', {
- staticClass: "zan-button-1"
- }, [_c('zan-button', {
- attrs: {
- "type": "danger"
- }
- }, [_vm._v("danger")])], 1)]), _vm._v(" "), _c('h2', {
- staticClass: "page-sub-title"
- }, [_vm._v("禁用状态")]), _vm._v(" "), _c('div', {
- staticClass: "zan-button-group"
- }, [_c('div', {
- staticClass: "zan-button-1"
- }, [_c('zan-button', {
- attrs: {
- "disabled": ""
- }
- }, [_vm._v("diabled")])], 1)]), _vm._v(" "), _c('h2', {
- staticClass: "page-sub-title"
- }, [_vm._v("按钮尺寸")]), _vm._v(" "), _c('div', {
- staticClass: "zan-button-group"
- }, [_c('div', {
- staticClass: "zan-button-1"
- }, [_c('zan-button', {
- attrs: {
- "size": "large"
- }
- }, [_vm._v("large")])], 1)]), _vm._v(" "), _c('div', {
- staticClass: "zan-button-group"
- }, [_c('div', {
- staticClass: "zan-button-3"
- }, [_c('zan-button', {
- attrs: {
- "type": "primary"
- }
- }, [_vm._v("normal")])], 1), _vm._v(" "), _c('div', {
- staticClass: "zan-button-3"
- }, [_c('zan-button', {
- attrs: {
- "size": "small"
- }
- }, [_vm._v("small")])], 1), _vm._v(" "), _c('div', {
- staticClass: "zan-button-3"
- }, [_c('zan-button', {
- attrs: {
- "size": "mini"
- }
- }, [_vm._v("mini")])], 1)]), _vm._v(" "), _c('h2', {
- staticClass: "page-sub-title"
- }, [_vm._v("自定义按钮标签")]), _vm._v(" "), _c('div', {
- staticClass: "zan-button-group"
- }, [_c('div', {
- staticClass: "zan-button-1"
- }, [_c('zan-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: "zan-button-group"
- }, [_c('zan-button', {
- attrs: {
- "type": "primary",
- "size": "small"
- }
- }, [_vm._v("确认付款")]), _vm._v(" "), _c('zan-button', {
- attrs: {
- "size": "small"
- }
- }, [_vm._v("确认收货")]), _vm._v(" "), _c('zan-button', {
- attrs: {
- "size": "small"
- }
- }, [_vm._v("取消订单")])], 1)])
-},staticRenderFns: []}
-
-/***/ }),
-/* 257 */
-/***/ (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('pre', [_c('code', {
- staticClass: "hljs language-html"
- }, [_c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v("<"), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-radio")]), _vm._v(" "), _c('span', {
- staticClass: "hljs-attr"
- }, [_vm._v("name")]), _vm._v("="), _c('span', {
- staticClass: "hljs-string"
- }, [_vm._v("\"1\"")]), _vm._v(" "), _c('span', {
- staticClass: "hljs-attr"
- }, [_vm._v("v-model")]), _vm._v("="), _c('span', {
- staticClass: "hljs-string"
- }, [_vm._v("\"radio1\"")]), _vm._v(">")]), _vm._v("单选框1"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-radio")]), _vm._v(">")]), _vm._v("\n"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v("<"), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-radio")]), _vm._v(" "), _c('span', {
- staticClass: "hljs-attr"
- }, [_vm._v("name")]), _vm._v("="), _c('span', {
- staticClass: "hljs-string"
- }, [_vm._v("\"2\"")]), _vm._v(" "), _c('span', {
- staticClass: "hljs-attr"
- }, [_vm._v("v-model")]), _vm._v("="), _c('span', {
- staticClass: "hljs-string"
- }, [_vm._v("\"radio1\"")]), _vm._v(">")]), _vm._v("单选框2"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-radio")]), _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("radio1")]), _vm._v(": "), _c('span', {
- staticClass: "hljs-string"
- }, [_vm._v("'1'")]), _vm._v("\n }\n }\n};\n")]), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("script")]), _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("zan-radio")]), _vm._v(" "), _c('span', {
- staticClass: "hljs-attr"
- }, [_vm._v("name")]), _vm._v("="), _c('span', {
- staticClass: "hljs-string"
- }, [_vm._v("\"1\"")]), _vm._v(" "), _c('span', {
- staticClass: "hljs-attr"
- }, [_vm._v("v-model")]), _vm._v("="), _c('span', {
- staticClass: "hljs-string"
- }, [_vm._v("\"radio2\"")]), _vm._v(" "), _c('span', {
- staticClass: "hljs-attr"
- }, [_vm._v("disabled")]), _vm._v(">")]), _vm._v("未选中禁用"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-radio")]), _vm._v(">")]), _vm._v("\n"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v("<"), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-radio")]), _vm._v(" "), _c('span', {
- staticClass: "hljs-attr"
- }, [_vm._v("name")]), _vm._v("="), _c('span', {
- staticClass: "hljs-string"
- }, [_vm._v("\"2\"")]), _vm._v(" "), _c('span', {
- staticClass: "hljs-attr"
- }, [_vm._v("v-model")]), _vm._v("="), _c('span', {
- staticClass: "hljs-string"
- }, [_vm._v("\"radio2\"")]), _vm._v(" "), _c('span', {
- staticClass: "hljs-attr"
- }, [_vm._v("disabled")]), _vm._v(">")]), _vm._v("选中且禁用"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-radio")]), _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("radio2")]), _vm._v(": "), _c('span', {
- staticClass: "hljs-string"
- }, [_vm._v("'2'")]), _vm._v("\n }\n }\n};\n")]), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("script")]), _vm._v(">")]), _vm._v("\n")])]), _vm._v(" "), _c('h3', {
- attrs: {
- "id": "radio-zu"
- }
- }, [_c('a', {
- staticClass: "header-anchor",
- attrs: {
- "href": "#radio-zu",
- "aria-hidden": "true"
- }
- }, [_vm._v("¶")]), _vm._v(" radio组")]), _vm._v(" "), _c('pre', [_c('code', {
- staticClass: "hljs language-html"
- }, [_c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v("<"), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-radio-group")]), _vm._v(" "), _c('span', {
- staticClass: "hljs-attr"
- }, [_vm._v("v-model")]), _vm._v("="), _c('span', {
- staticClass: "hljs-string"
- }, [_vm._v("\"radio3\"")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v("<"), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-radio")]), _vm._v(" "), _c('span', {
- staticClass: "hljs-attr"
- }, [_vm._v("name")]), _vm._v("="), _c('span', {
- staticClass: "hljs-string"
- }, [_vm._v("\"1\"")]), _vm._v(">")]), _vm._v("单选框1"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-radio")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v("<"), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-radio")]), _vm._v(" "), _c('span', {
- staticClass: "hljs-attr"
- }, [_vm._v("name")]), _vm._v("="), _c('span', {
- staticClass: "hljs-string"
- }, [_vm._v("\"2\"")]), _vm._v(">")]), _vm._v("单选框2"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-radio")]), _vm._v(">")]), _vm._v("\n"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-radio-group")]), _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("radio3")]), _vm._v(": "), _c('span', {
- staticClass: "hljs-string"
- }, [_vm._v("'1'")]), _vm._v("\n }\n }\n};\n")]), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("script")]), _vm._v(">")]), _vm._v("\n")])]), _vm._v(" "), _c('h3', {
- attrs: {
- "id": "yu-cell-zu-jian-yi-qi-shi-yong"
- }
- }, [_c('a', {
- staticClass: "header-anchor",
- attrs: {
- "href": "#yu-cell-zu-jian-yi-qi-shi-yong",
- "aria-hidden": "true"
- }
- }, [_vm._v("¶")]), _vm._v(" 与Cell组件一起使用")]), _vm._v(" "), _c('pre', [_c('code', {
- staticClass: "hljs language-html"
- }, [_c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v("<"), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-radio-group")]), _vm._v(" "), _c('span', {
- staticClass: "hljs-attr"
- }, [_vm._v("v-model")]), _vm._v("="), _c('span', {
- staticClass: "hljs-string"
- }, [_vm._v("\"radio4\"")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v("<"), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-cell-group")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v("<"), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-cell")]), _vm._v(">")]), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v("<"), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-radio")]), _vm._v(" "), _c('span', {
- staticClass: "hljs-attr"
- }, [_vm._v("name")]), _vm._v("="), _c('span', {
- staticClass: "hljs-string"
- }, [_vm._v("\"1\"")]), _vm._v(">")]), _vm._v("单选框1"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-radio")]), _vm._v(">")]), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-cell")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v("<"), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-cell")]), _vm._v(">")]), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v("<"), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-radio")]), _vm._v(" "), _c('span', {
- staticClass: "hljs-attr"
- }, [_vm._v("name")]), _vm._v("="), _c('span', {
- staticClass: "hljs-string"
- }, [_vm._v("\"2\"")]), _vm._v(">")]), _vm._v("单选框2"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-radio")]), _vm._v(">")]), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-cell")]), _vm._v(">")]), _vm._v("\n "), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-cell-group")]), _vm._v(">")]), _vm._v("\n"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-radio-group")]), _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("radio4")]), _vm._v(": "), _c('span', {
- staticClass: "hljs-string"
- }, [_vm._v("'1'")]), _vm._v("\n }\n }\n};\n")]), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("script")]), _vm._v(">")]), _vm._v("\n")])]), _vm._v(" "), _c('h3', {
- attrs: {
- "id": "radio-api"
- }
- }, [_c('a', {
- staticClass: "header-anchor",
- attrs: {
- "href": "#radio-api",
- "aria-hidden": "true"
- }
- }, [_vm._v("¶")]), _vm._v(" Radio 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')]), _vm._v(" "), _c('tr', [_c('td', [_vm._v("name")]), _vm._v(" "), _c('td', [_vm._v("根据这个来判断radio是否选中")]), _vm._v(" "), _c('td', [_vm._v("Boolean")]), _vm._v(" "), _c('td', [_vm._v("false")]), _vm._v(" "), _c('td')])])]), _vm._v(" "), _c('h3', {
- attrs: {
- "id": "radiogroup-api"
- }
- }, [_c('a', {
- staticClass: "header-anchor",
- attrs: {
- "href": "#radiogroup-api",
- "aria-hidden": "true"
- }
- }, [_vm._v("¶")]), _vm._v(" RadioGroup 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')])])])])
-}]}
-
-/***/ }),
-/* 258 */
-/***/ (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": "tag-zu-jian"
- }
- }, [_c('a', {
- staticClass: "header-anchor",
- attrs: {
- "href": "#tag-zu-jian",
- "aria-hidden": "true"
- }
- }, [_vm._v("¶")]), _vm._v(" Tag 组件")]), _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("zan-tag")]), _vm._v(">")]), _vm._v("返现"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-tag")]), _vm._v(">")]), _vm._v("\n"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v("<"), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-tag")]), _vm._v(" "), _c('span', {
- staticClass: "hljs-attr"
- }, [_vm._v(":plain")]), _vm._v("="), _c('span', {
- staticClass: "hljs-string"
- }, [_vm._v("\"true\"")]), _vm._v(">")]), _vm._v("返现"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-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('pre', [_c('code', {
- staticClass: "hljs language-html"
- }, [_c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v("<"), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-tag")]), _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(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-tag")]), _vm._v(">")]), _vm._v("\n"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v("<"), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-tag")]), _vm._v(" "), _c('span', {
- staticClass: "hljs-attr"
- }, [_vm._v("type")]), _vm._v("="), _c('span', {
- staticClass: "hljs-string"
- }, [_vm._v("\"success\"")]), _vm._v(">")]), _vm._v("返现"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-tag")]), _vm._v(">")]), _vm._v("\n"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v("<"), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-tag")]), _vm._v(" "), _c('span', {
- staticClass: "hljs-attr"
- }, [_vm._v("type")]), _vm._v("="), _c('span', {
- staticClass: "hljs-string"
- }, [_vm._v("\"success\"")]), _vm._v(" "), _c('span', {
- staticClass: "hljs-attr"
- }, [_vm._v(":plain")]), _vm._v("="), _c('span', {
- staticClass: "hljs-string"
- }, [_vm._v("\"true\"")]), _vm._v(">")]), _vm._v("返现"), _c('span', {
- staticClass: "hljs-tag"
- }, [_vm._v(""), _c('span', {
- staticClass: "hljs-name"
- }, [_vm._v("zan-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("plain")]), _vm._v(" "), _c('td', [_vm._v("是否是空心tag")]), _vm._v(" "), _c('td', [_vm._v("boolean")]), _vm._v(" "), _c('td', [_vm._v("false")]), _vm._v(" "), _c('td', [_vm._v("''")])]), _vm._v(" "), _c('tr', [_c('td', [_vm._v("mark")]), _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("''")])]), _vm._v(" "), _c('tr', [_c('td', [_vm._v("type")]), _vm._v(" "), _c('td', [_vm._v("tag类型")]), _vm._v(" "), _c('td', [_vm._v("string")]), _vm._v(" "), _c('td', [_vm._v("''")]), _vm._v(" "), _c('td', [_vm._v("'primary', 'success', 'danger'")])])])]), _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("自定义tag显示内容")])])])])])
-}]}
-
-/***/ }),
-/* 259 */
-/***/ (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-radio"
- }, [_c('h1', {
- staticClass: "page-title"
- }, [_vm._v("Radio")]), _vm._v(" "), _c('div', {
- staticClass: "demo-wrapper"
- }, [_c('h2', {
- staticClass: "page-sub-title"
- }, [_vm._v("基础用法")]), _vm._v(" "), _c('zan-radio', {
- attrs: {
- "name": "1"
- },
- model: {
- value: (_vm.radio1),
- callback: function($$v) {
- _vm.radio1 = $$v
- }
- }
- }, [_vm._v("单选框1")]), _vm._v(" "), _c('zan-radio', {
- attrs: {
- "name": "2"
- },
- model: {
- value: (_vm.radio1),
- callback: function($$v) {
- _vm.radio1 = $$v
- }
- }
- }, [_vm._v("单选框2")]), _vm._v(" "), _c('h2', {
- staticClass: "page-sub-title"
- }, [_vm._v("禁用状态")]), _vm._v(" "), _c('zan-radio', {
- attrs: {
- "name": "1",
- "disabled": ""
- },
- model: {
- value: (_vm.radio2),
- callback: function($$v) {
- _vm.radio2 = $$v
- }
- }
- }, [_vm._v("未选中禁用")]), _vm._v(" "), _c('zan-radio', {
- attrs: {
- "name": "2",
- "disabled": ""
- },
- model: {
- value: (_vm.radio2),
- callback: function($$v) {
- _vm.radio2 = $$v
- }
- }
- }, [_vm._v("选中且禁用")]), _vm._v(" "), _c('h2', {
- staticClass: "page-sub-title"
- }, [_vm._v("radio组")]), _vm._v(" "), _c('zan-radio-group', {
- model: {
- value: (_vm.radio3),
- callback: function($$v) {
- _vm.radio3 = $$v
- }
- }
- }, [_c('zan-radio', {
- attrs: {
- "name": "1"
- }
- }, [_vm._v("单选框1")]), _vm._v(" "), _c('zan-radio', {
- attrs: {
- "name": "2"
- }
- }, [_vm._v("单选框2")])], 1), _vm._v(" "), _c('h2', {
- staticClass: "page-sub-title"
- }, [_vm._v("与Cell组件一起使用")])], 1), _vm._v(" "), _c('zan-radio-group', {
- model: {
- value: (_vm.radio4),
- callback: function($$v) {
- _vm.radio4 = $$v
- }
- }
- }, [_c('zan-cell-group', [_c('zan-cell', [_c('zan-radio', {
- attrs: {
- "name": "1"
- }
- }, [_vm._v("单选框1")])], 1), _vm._v(" "), _c('zan-cell', [_c('zan-radio', {
- attrs: {
- "name": "2"
- }
- }, [_vm._v("单选框2")])], 1)], 1)], 1)], 1)
-},staticRenderFns: []}
-
-/***/ }),
-/* 260 */
-/***/ (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('zan-panel', {
- attrs: {
- "title": "标题",
- "desc": "标题描述",
- "status": "状态"
- }
- }, [_c('zan-card', {
- attrs: {
- "title": "商品名称是什么,两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余",
- "desc": "商品SKU1,商品SKU2",
- "thumb": "https://img.yzcdn.cn/upload_files/2017/02/17/FnDwvwHmU-OiqsbjAO5X7wh1KWrR.jpg!100x100.jpg"
- }
- }, [_c('div', {
- staticClass: "zan-card__row",
- slot: "title"
- }, [_c('h4', {
- staticClass: "zan-card__title"
- }, [_vm._v("商品名称是什么,两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余")]), _vm._v(" "), _c('span', {
- staticClass: "zan-card__price"
- }, [_vm._v("¥ 2.00")])]), _vm._v(" "), _c('div', {
- staticClass: "zan-card__row",
- slot: "desc"
- }, [_c('h4', {
- staticClass: "zan-card__desc"
- }, [_vm._v("商品sku")]), _vm._v(" "), _c('span', {
- staticClass: "zan-card__num"
- }, [_vm._v("x 2")])]), _vm._v(" "), _c('div', {
- staticClass: "zan-card__footer",
- slot: "footer"
- }, [_c('zan-button', {
- attrs: {
- "size": "mini"
- }
- }, [_vm._v("按钮一")]), _vm._v(" "), _c('zan-button', {
- attrs: {
- "size": "mini"
- }
- }, [_vm._v("按钮二")])], 1)]), _vm._v(" "), _c('div', {
- staticClass: "zan-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('zan-panel', {
- attrs: {
- "title": "标题",
- "desc": "标题描述",
- "status": "状态"
- }
- }, [_c('zan-card', {
- attrs: {
- "title": "商品名称是什么,两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余",
- "desc": "商品SKU1,商品SKU2",
- "thumb": "https://img.yzcdn.cn/upload_files/2017/02/17/FnDwvwHmU-OiqsbjAO5X7wh1KWrR.jpg!100x100.jpg"
- }
- }, [_c('div', {
- staticClass: "zan-card__row",
- slot: "title"
- }, [_c('h4', {
- staticClass: "zan-card__title"
- }, [_vm._v("商品名称是什么,两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余")]), _vm._v(" "), _c('span', {
- staticClass: "zan-card__price"
- }, [_vm._v("¥ 2.00")])]), _vm._v(" "), _c('div', {
- staticClass: "zan-card__row",
- slot: "desc"
- }, [_c('h4', {
- staticClass: "zan-card__desc"
- }, [_vm._v("商品sku")]), _vm._v(" "), _c('span', {
- staticClass: "zan-card__num"
- }, [_vm._v("x 2")])]), _vm._v(" "), _c('div', {
- staticClass: "zan-card__footer",
- slot: "footer"
- }, [_c('zan-button', {
- attrs: {
- "size": "mini"
- }
- }, [_vm._v("按钮一")]), _vm._v(" "), _c('zan-button', {
- attrs: {
- "size": "mini"
- }
- }, [_vm._v("按钮二")])], 1)]), _vm._v(" "), _c('div', {
- staticClass: "zan-panel-sum"
- }, [_vm._v("\n 合计:"), _c('span', [_vm._v("¥ 1999.90")])]), _vm._v(" "), _c('div', {
- staticClass: "zan-panel-buttons",
- slot: "footer"
- }, [_c('zan-button', {
- attrs: {
- "size": "small"
- }
- }, [_vm._v("按钮一")]), _vm._v(" "), _c('zan-button', {
- attrs: {
- "size": "small",
- "type": "danger"
- }
- }, [_vm._v("按钮二")])], 1)], 1)], 1)
-},staticRenderFns: []}
-
-/***/ }),
-/* 261 */
-/***/ (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('zan-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('zan-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('zan-switch', {
- staticClass: "some-customized-class",
- attrs: {
- "checked": false,
- "disabled": true
- }
- }), _vm._v(" "), _c('div', {
- staticClass: "page-switch__text"
- }, [_vm._v("OFF, DISABLED")])], 1)])])
-},staticRenderFns: []}
-
-/***/ }),
-/* 262 */
-/***/ (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?5c044ccf","\n \n
Dialog
\n\n
\n 点击我打开alert提示框\n
\n\n
\n 点击我打开confirm提示框\n
\n\n
\n\n\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// dialog.vue?176adc72","\n \n
Field
\n\n 基础用法
\n \n \n \n \n \n\n 无label的输入框
\n \n \n \n\n 监听change事件
\n \n \n \n
\n\n\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// field.vue?4c841cc7","\n \n
Picker
\n\n 基础用法
\n \n \n\n\n\n\n\n\n// WEBPACK FOOTER //\n// picker.vue?0b423d48","\n \n\n\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// popup.vue?b3532420","\n \n
Radio
\n\n
\n
基础用法
\n 单选框1\n 单选框2\n\n 禁用状态
\n 未选中禁用\n 选中且禁用\n\n radio组
\n \n 单选框1\n 单选框2\n \n\n 与Cell组件一起使用
\n \n\n
\n \n 单选框1\n 单选框2\n \n \n
\n\n\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// radio.vue?0933b976","\n \n
Switch
\n\n
基础用法
\n
\n
\n
\n
{{switchStateText}}
\n
\n
\n
\n
\n
\n\n\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// switch.vue?30eaac2e","\n \n
Tag
\n\n
基础用法
\n
\n
\n 返现\n 返现\n
\n
\n 返现\n 四字标签\n 一\n
\n
\n 返现\n 返现\n
\n
\n 返现\n 返现\n
\n
\n 返现\n 返现\n
\n
\n 返现\n
\n
\n
\n\n\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// tag.vue?47a3f4bc","\n \n
Waterfall
\n\n
基础用法
\n
\n
\n
{{ item }}
\n \n
loading
\n
\n
\n
\n\n\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// waterfall.vue?a886dbe8","\n\n Cell 组件
\n 基础用法
\n<zan-cell-group>\n <zan-cell title=\"单元格1\" value=\"单元格1内容\"></zan-cell>\n <zan-cell title=\"单元格2\" value=\"单元格2内容\"></zan-cell>\n</zan-cell-group>\n
\n 标题带描述信息
\n传入label
属性,属性值为描述信息的值。
\n<zan-cell-group>\n <zan-cell title=\"单元格1\" label=\"描述信息\" is-link url=\"javascript:void(0)\" @click=\"handleClick\"></zan-cell>\n <zan-cell title=\"单元格2\" label=\"描述信息\"></zan-cell>\n</zan-cell-group>\n
\n 带图标
\n传入icon
属性。
\n<zan-cell-group>\n <zan-cell title=\"起码运动馆\" icon=\"home\"></zan-cell>\n <zan-cell title=\"线下门店\" icon=\"location\"></zan-cell>\n</zan-cell-group>\n
\n 可点击的链接
\n传入url
属性,传入isLink
属性则会在右侧显示箭头。
\n<zan-cell-group>\n <zan-cell title=\"起码运动馆\" value=\"进入店铺\" icon=\"home\" url=\"http://youzan.com\" is-link></zan-cell>\n <zan-cell title=\"线下门店\" icon=\"location\" url=\"http://youzan.com\" is-link></zan-cell>\n</zan-cell-group>\n
\n 高级用法
\n如以上用法不能满足你的需求,可以使用对应的slot
来自定义显示的内容。包含三个slot
,默认slot
,icon
和title
的slot
。
\n<zan-cell-group>\n <zan-cell value=\"进入店铺\" icon=\"home\" url=\"http://youzan.com\" is-link>\n <template slot=\"title\">\n <span class=\"zan-cell-text\">起码运动馆</span>\n <img src=\"//su.yzcdn.cn/v2/image/account/icon_guan_160421.png\" class=\"official-img\">\n </template>\n </zan-cell>\n <zan-cell title=\"线下门店\" icon=\"location\" url=\"http://youzan.com\" is-link></zan-cell>\n</zan-cell-group>\n
\n API
\n\n\n参数 | \n说明 | \n类型 | \n默认值 | \n可选值 | \n
\n\n\n\nicon | \n左侧图标 | \nstring | \n'' | \n'' | \n
\n\ntitle | \n左侧标题 | \nstring | \n'' | \n'' | \n
\n\nvalue | \n右侧内容 | \nstring | \n'' | \n'' | \n
\n\nisLink | \n是否为链接,链接会在右侧出现箭头 | \nboolean | \n'' | \n'' | \n
\n\nurl | \n跳转链接 | \nstring | \n'' | \n'' | \n
\n\nlabel | \n描述信息,显示在标题下方 | \nstring | \n'' | \n'' | \n
\n\n
\n Slot
\n\n\nname | \n描述 | \n
\n\n\n\n- | \n自定义显示内容 | \n
\n\nicon | \n自定义icon | \n
\n\ntitle | \n自定义title | \n
\n\n
\n\n\n\n\n\n// WEBPACK FOOTER //\n// cell-1.vue?6906a568","\n Dialog组件
\n 基础用法
\n<zan-button @click=\"handleAlertClick\">alert</zan-button>\n\n<zan-button @click=\"handleConfirmClick\">confirm</zan-button>\n\n<script>\nimport { Dialog } from 'src/index';\n\nexport default {\n methods: {\n handleAlertClick() {\n Dialog.alert({\n title: 'alert标题',\n message: '弹窗提示文字,左右始终距离边20PX,上下距离20PX,文字左对齐。弹窗提示文字,左右始终距离边20PX,上下距离20PX,文字左对齐。'\n }).then((action) => {\n console.log(action);\n });\n },\n\n handleConfirmClick() {\n Dialog.confirm({\n title: 'confirm标题',\n message: '弹窗提示文字,左右始终距离边20PX,上下距离20PX,文字左对齐。弹窗提示文字,左右始终距离边20PX,上下距离20PX,文字左对齐。'\n }).then((action) => {\n console.log(action);\n }, (error) => {\n console.log(error);\n });\n }\n }\n};\n</script>\n
\n API
\n\n\n参数 | \n说明 | \n类型 | \n默认值 | \n可选值 | \n
\n\n\n\ntitle | \n标题 | \nString | \n'' | \n | \n
\n\nmessage | \n内容 | \nString | \n'' | \n | \n
\n\n
\n\n\n\n\n\n// WEBPACK FOOTER //\n// dialog-6.vue?bb0653ca","\n Radio组件
\n 基础用法
\n<zan-radio name=\"1\" v-model=\"radio1\">单选框1</zan-radio>\n<zan-radio name=\"2\" v-model=\"radio1\">单选框2</zan-radio>\n\n<script>\nexport default {\n data() {\n return {\n radio1: '1'\n }\n }\n};\n</script>\n
\n 禁用状态
\n<zan-radio name=\"1\" v-model=\"radio2\" disabled>未选中禁用</zan-radio>\n<zan-radio name=\"2\" v-model=\"radio2\" disabled>选中且禁用</zan-radio>\n\n<script>\nexport default {\n data() {\n return {\n radio2: '2'\n }\n }\n};\n</script>\n
\n radio组
\n<zan-radio-group v-model=\"radio3\">\n <zan-radio name=\"1\">单选框1</zan-radio>\n <zan-radio name=\"2\">单选框2</zan-radio>\n</zan-radio-group>\n\n<script>\nexport default {\n data() {\n return {\n radio3: '1'\n }\n }\n};\n</script>\n
\n 与Cell组件一起使用
\n<zan-radio-group v-model=\"radio4\">\n <zan-cell-group>\n <zan-cell><zan-radio name=\"1\">单选框1</zan-radio></zan-cell>\n <zan-cell><zan-radio name=\"2\">单选框2</zan-radio></zan-cell>\n </zan-cell-group>\n</zan-radio-group>\n\n<script>\nexport default {\n data() {\n return {\n radio4: '1'\n }\n }\n};\n</script>\n
\n Radio API
\n\n\n参数 | \n说明 | \n类型 | \n默认值 | \n可选值 | \n
\n\n\n\ndisabled | \n是否禁用单选框 | \nBoolean | \nfalse | \n | \n
\n\nname | \n根据这个来判断radio是否选中 | \nBoolean | \nfalse | \n | \n
\n\n
\n RadioGroup API
\n\n\n参数 | \n说明 | \n类型 | \n默认值 | \n可选值 | \n
\n\n\n\ndisabled | \n是否禁用单选框 | \nBoolean | \nfalse | \n | \n
\n\n
\n\n\n\n\n\n// WEBPACK FOOTER //\n// radio-9.vue?64e30c52","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 = 192\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 = 193\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 = 194\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 = 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, \".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 = 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, \".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 = 198\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 = 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-dialog{padding:0 15px}.page-dialog .zan-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 = 200\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 = 201\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, \".zan-popup-1{width:100%;height:200px}.zan-popup-2{width:100%;line-height:44px;background-color:rgba(0,0,0,.701961);text-align:center;color:#fff}.zan-popup-3{width:100%;height:100%;background-color:#fff}.zan-popup-4{width:50%;height:200px;background:#fff;border-radius:10px}.page-popup .zan-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 = 202\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:25px 15px}.tags-container{padding:5px 15px}.tags-container .zan-tag+.zan-tag{margin-left:10px}\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader?minimize!./~/vue-loader/lib/style-rewriter.js?id=data-v-72098bef!./~/vue-loader/lib/selector.js?type=styles&index=0!./docs/examples/tag.vue\n// module id = 203\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-726870b2!./~/vue-loader/lib/selector.js?type=styles&index=0!./docs/examples/waterfall.vue\n// module id = 204\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}.zan-button-group .zan-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 = 205\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, \".demo-wrapper{padding:0 15px}.demo-wrapper .zan-radio{margin: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-9a73e6e0!./~/vue-loader/lib/selector.js?type=styles&index=0!./docs/examples/radio.vue\n// module id = 206\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, \".zan-panel-sum{background:#fff;text-align:right;font-size:14px;color:#333;line-height:30px;padding-right:15px}.zan-panel-sum span{color:red}.zan-panel-buttons{text-align:right}.zan-panel-buttons .zan-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 = 207\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 = 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-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 = 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-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 = 210\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 = 211\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 = 212\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 = 213\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 = 214\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 = 215\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 = 216\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-9a73e6e0!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./radio.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!./radio.vue\"),\n /* template */\n require(\"!!../../node_modules/vue-loader/lib/template-compiler?id=data-v-9a73e6e0!../../node_modules/vue-loader/lib/selector?type=template&index=0!./radio.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/radio.vue\n// module id = 217\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 = 218\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-72098bef!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./tag.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!./tag.vue\"),\n /* template */\n require(\"!!../../node_modules/vue-loader/lib/template-compiler?id=data-v-72098bef!../../node_modules/vue-loader/lib/selector?type=template&index=0!./tag.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/tag.vue\n// module id = 219\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 = 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-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 = 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-4e796d23!../../vue-loader/lib/selector?type=template&index=0!./card-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/card-5.vue\n// module id = 222\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 = 223\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 = 224\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-6.vue\"),\n /* template */\n require(\"!!../../vue-loader/lib/template-compiler?id=data-v-74d157c8!../../vue-loader/lib/selector?type=template&index=0!./dialog-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/dialog-6.vue\n// module id = 225\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-2d7d2a74!../../vue-loader/lib/selector?type=template&index=0!./field-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/field-4.vue\n// module id = 226\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-1e80aad3!../../vue-loader/lib/selector?type=template&index=0!./panel-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/panel-7.vue\n// module id = 227\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-17296eba!../../vue-loader/lib/selector?type=template&index=0!./picker-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/picker-10.vue\n// module id = 228\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-1670ea08!../../vue-loader/lib/selector?type=template&index=0!./popup-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/popup-8.vue\n// module id = 229\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 = 230\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 = 231\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-08805141!../../vue-loader/lib/selector?type=template&index=0!./switch-14.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-14.vue\n// module id = 232\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-8c4138c2!../../vue-loader/lib/selector?type=template&index=0!./tag-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/tag-12.vue\n// module id = 233\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-182bff30!../../vue-loader/lib/selector?type=template&index=0!./waterfall-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/waterfall-13.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-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('zan-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('zan-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: \"zan-card__row\",\n slot: \"title\"\n }, [_c('h4', {\n staticClass: \"zan-card__title\"\n }, [_vm._v(\"商品名称是什么,两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"zan-card__price\"\n }, [_vm._v(\"¥ 2.00\")])]), _vm._v(\" \"), _c('div', {\n staticClass: \"zan-card__row\",\n slot: \"desc\"\n }, [_c('h4', {\n staticClass: \"zan-card__desc\"\n }, [_vm._v(\"商品sku\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"zan-card__num\"\n }, [_vm._v(\"x 2\")])]), _vm._v(\" \"), _c('div', {\n staticClass: \"zan-card__footer\",\n slot: \"footer\"\n }, [_c('zan-button', {\n attrs: {\n \"size\": \"mini\"\n }\n }, [_vm._v(\"按钮一\")]), _vm._v(\" \"), _c('zan-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 = 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\": \"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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"o2-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__text\\\"\")]), _vm._v(\">\")]), _c('span', [_vm._v(\"{{\")]), _vm._v(\"switchStateText\"), _c('span', [_vm._v(\"}}\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _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(\">\")]), _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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"o2-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__text\\\"\")]), _vm._v(\">\")]), _vm._v(\"ON, DISABLED\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _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(\">\")]), _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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"o2-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__text\\\"\")]), _vm._v(\">\")]), _vm._v(\"OFF, DISABLED\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _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(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"script\")]), _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-08805141!./~/vue-loader/lib/selector.js?type=template&index=0!./~/vue-markdown-loader/_cache/switch-14.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 _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(\"\\\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _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(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"\\\"zan-popup-1\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n xxxx\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-popup\")]), _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(\"\\\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _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(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"\\\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-popup\")]), _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(\"\\\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _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(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"\\\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _vm._v(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-popup\")]), _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(\"\\\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _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(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"\\\"zan-popup-4\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n 一些内容\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-popup\")]), _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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"script\")]), _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-1670ea08!./~/vue-loader/lib/selector.js?type=template&index=0!./~/vue-markdown-loader/_cache/popup-8.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 _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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-picker\")]), _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-17296eba!./~/vue-loader/lib/selector.js?type=template&index=0!./~/vue-markdown-loader/_cache/picker-10.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\": \"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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _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(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"script\")]), _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-182bff30!./~/vue-loader/lib/selector.js?type=template&index=0!./~/vue-markdown-loader/_cache/waterfall-13.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\": \"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(\"zan-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(\"zan-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(\"\\\"zan-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(\"\\\"zan-card__title\\\"\")]), _vm._v(\">\")]), _vm._v(\"商品名称是什么,两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"h4\")]), _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(\"\\\"zan-card__price\\\"\")]), _vm._v(\">\")]), _vm._v(\"¥ 2.00\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"span\")]), _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(\">\")]), _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(\"\\\"zan-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(\"\\\"zan-card__desc\\\"\")]), _vm._v(\">\")]), _vm._v(\"商品sku\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"h4\")]), _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(\"\\\"zan-card__num\\\"\")]), _vm._v(\">\")]), _vm._v(\"x 2\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"span\")]), _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(\">\")]), _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(\"\\\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _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(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-card\")]), _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(\"\\\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"span\")]), _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(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-panel\")]), _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(\"zan-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(\"zan-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(\"\\\"zan-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(\"\\\"zan-card__title\\\"\")]), _vm._v(\">\")]), _vm._v(\"商品名称是什么,两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"h4\")]), _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(\"\\\"zan-card__price\\\"\")]), _vm._v(\">\")]), _vm._v(\"¥ 2.00\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"span\")]), _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(\">\")]), _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(\"\\\"zan-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(\"\\\"zan-card__desc\\\"\")]), _vm._v(\">\")]), _vm._v(\"商品sku\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"h4\")]), _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(\"\\\"zan-card__num\\\"\")]), _vm._v(\">\")]), _vm._v(\"x 2\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"span\")]), _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(\">\")]), _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(\"\\\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _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(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-card\")]), _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(\"\\\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"span\")]), _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(\">\")]), _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(\"\\\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _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(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-panel\")]), _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-1e80aad3!./~/vue-loader/lib/selector.js?type=template&index=0!./~/vue-markdown-loader/_cache/panel-7.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 _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(\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-field\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-field\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-field\")]), _vm._v(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell-group\")]), _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(\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-field\")]), _vm._v(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell-group\")]), _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(\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-field\")]), _vm._v(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell-group\")]), _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-2d7d2a74!./~/vue-loader/lib/selector.js?type=template&index=0!./~/vue-markdown-loader/_cache/field-4.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\": \"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(\"\\\"zan-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(\"\\\"zan-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(\"zan-button\")]), _vm._v(\">\")]), _vm._v(\"default\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _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(\">\")]), _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(\"\\\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _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(\">\")]), _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(\"\\\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _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(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _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(\"\\\"zan-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(\"\\\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _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(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _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(\"\\\"zan-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(\"\\\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _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(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _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(\"\\\"zan-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(\"\\\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _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(\">\")]), _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(\"\\\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _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(\">\")]), _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(\"\\\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _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(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _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(\"\\\"zan-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(\"\\\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _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(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _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(\"\\\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _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(\">\")]), _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 = 243\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('zan-cell-group', [_c('zan-field', {\n attrs: {\n \"type\": \"text\",\n \"label\": \"用户名:\",\n \"placeholder\": \"请输入用户名\"\n }\n }), _vm._v(\" \"), _c('zan-field', {\n attrs: {\n \"type\": \"password\",\n \"label\": \"密码:\",\n \"placeholder\": \"请输入密码\"\n }\n }), _vm._v(\" \"), _c('zan-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('zan-cell-group', [_c('zan-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('zan-cell-group', [_c('zan-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 = 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\": \"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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-card\")]), _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(\"zan-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(\"\\\"zan-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(\"\\\"zan-card__title\\\"\")]), _vm._v(\">\")]), _vm._v(\"商品名称是什么,两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"h4\")]), _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(\"\\\"zan-card__price\\\"\")]), _vm._v(\">\")]), _vm._v(\"¥ 2.00\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"span\")]), _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(\">\")]), _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(\"\\\"zan-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(\"\\\"zan-card__desc\\\"\")]), _vm._v(\">\")]), _vm._v(\"商品sku\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"h4\")]), _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(\"\\\"zan-card__num\\\"\")]), _vm._v(\">\")]), _vm._v(\"x 2\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"span\")]), _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(\">\")]), _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(\"\\\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _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(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-card\")]), _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-4e796d23!./~/vue-loader/lib/selector.js?type=template&index=0!./~/vue-markdown-loader/_cache/card-5.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 _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(\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell\")]), _vm._v(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell-group\")]), _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(\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell\")]), _vm._v(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell-group\")]), _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(\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell\")]), _vm._v(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell-group\")]), _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(\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell\")]), _vm._v(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell-group\")]), _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(\"zan-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(\"zan-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(\"\\\"zan-cell-text\\\"\")]), _vm._v(\">\")]), _vm._v(\"起码运动馆\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"span\")]), _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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"template\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell\")]), _vm._v(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell-group\")]), _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 = 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-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('zan-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 = 247\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: \"zan-button-1\"\n }, [_c('zan-button', {\n on: {\n \"click\": _vm.handleAlertClick\n }\n }, [_vm._v(\"点击我打开alert提示框\")])], 1), _vm._v(\" \"), _c('div', {\n staticClass: \"zan-button-1\"\n }, [_c('zan-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 = 248\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 = 249\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('zan-cell-group', [_c('zan-cell', {\n attrs: {\n \"title\": \"单元格1\",\n \"value\": \"单元格1内容\"\n }\n }), _vm._v(\" \"), _c('zan-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('zan-cell-group', [_c('zan-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('zan-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('zan-cell-group', [_c('zan-cell', {\n attrs: {\n \"title\": \"起码运动馆\",\n \"icon\": \"home\"\n }\n }), _vm._v(\" \"), _c('zan-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('zan-cell-group', [_c('zan-cell', {\n attrs: {\n \"title\": \"起码运动馆\",\n \"value\": \"进入店铺\",\n \"icon\": \"home\",\n \"url\": \"http://youzan.com\",\n \"is-link\": \"\"\n }\n }), _vm._v(\" \"), _c('zan-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('zan-cell-group', [_c('zan-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: \"zan-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('zan-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 = 250\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: \"zan-button-1\"\n }, [_c('zan-button', {\n on: {\n \"click\": function($event) {\n _vm.popupShow1 = true\n }\n }\n }, [_vm._v(\"从下方弹出popup\")])], 1), _vm._v(\" \"), _c('zan-popup', {\n staticClass: \"zan-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: \"zan-button-1\"\n }, [_c('zan-button', {\n on: {\n \"click\": function($event) {\n _vm.popupShow2 = true\n }\n }\n }, [_vm._v(\"从上方方弹出popup\")])], 1), _vm._v(\" \"), _c('zan-popup', {\n staticClass: \"zan-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: \"zan-button-1\"\n }, [_c('zan-button', {\n on: {\n \"click\": function($event) {\n _vm.popupShow3 = true\n }\n }\n }, [_vm._v(\"从右方弹出popup\")])], 1), _vm._v(\" \"), _c('zan-popup', {\n staticClass: \"zan-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('zan-button', {\n nativeOn: {\n \"click\": function($event) {\n _vm.popupShow3 = false\n }\n }\n }, [_vm._v(\"关闭 popup\")])], 1), _vm._v(\" \"), _c('div', {\n staticClass: \"zan-button-1\"\n }, [_c('zan-button', {\n on: {\n \"click\": function($event) {\n _vm.popupShow4 = true\n }\n }\n }, [_vm._v(\"从中间弹出popup\")])], 1), _vm._v(\" \"), _c('zan-popup', {\n staticClass: \"zan-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 = 251\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(\"Tag\")]), _vm._v(\" \"), _c('h2', {\n staticClass: \"page-sub-title\"\n }, [_vm._v(\"基础用法\")]), _vm._v(\" \"), _c('div', [_c('div', {\n staticClass: \"tags-container\"\n }, [_c('zan-tag', [_vm._v(\"返现\")]), _vm._v(\" \"), _c('zan-tag', {\n attrs: {\n \"plain\": true\n }\n }, [_vm._v(\"返现\")])], 1), _vm._v(\" \"), _c('div', {\n staticClass: \"tags-container\"\n }, [_c('zan-tag', {\n attrs: {\n \"type\": \"danger\"\n }\n }, [_vm._v(\"返现\")]), _vm._v(\" \"), _c('zan-tag', {\n attrs: {\n \"type\": \"danger\"\n }\n }, [_vm._v(\"四字标签\")]), _vm._v(\" \"), _c('zan-tag', {\n attrs: {\n \"type\": \"danger\"\n }\n }, [_vm._v(\"一\")])], 1), _vm._v(\" \"), _c('div', {\n staticClass: \"tags-container\"\n }, [_c('zan-tag', {\n attrs: {\n \"type\": \"danger\"\n }\n }, [_vm._v(\"返现\")]), _vm._v(\" \"), _c('zan-tag', {\n attrs: {\n \"plain\": true,\n \"type\": \"danger\"\n }\n }, [_vm._v(\"返现\")])], 1), _vm._v(\" \"), _c('div', {\n staticClass: \"tags-container\"\n }, [_c('zan-tag', {\n attrs: {\n \"type\": \"primary\"\n }\n }, [_vm._v(\"返现\")]), _vm._v(\" \"), _c('zan-tag', {\n attrs: {\n \"plain\": true,\n \"type\": \"primary\"\n }\n }, [_vm._v(\"返现\")])], 1), _vm._v(\" \"), _c('div', {\n staticClass: \"tags-container\"\n }, [_c('zan-tag', {\n attrs: {\n \"type\": \"success\"\n }\n }, [_vm._v(\"返现\")]), _vm._v(\" \"), _c('zan-tag', {\n attrs: {\n \"plain\": true,\n \"type\": \"success\"\n }\n }, [_vm._v(\"返现\")])], 1), _vm._v(\" \"), _c('div', {\n staticClass: \"tags-container\"\n }, [_c('zan-tag', {\n attrs: {\n \"type\": \"danger\",\n \"mark\": true\n }\n }, [_vm._v(\"返现\")])], 1)])])\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-72098bef!./~/vue-loader/lib/selector.js?type=template&index=0!./docs/examples/tag.vue\n// module id = 252\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', [_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: \"zan-cell\",\n staticStyle: {\n \"text-align\": \"center\"\n }\n }, [_vm._v(_vm._s(item))])\n }), _vm._v(\" \"), _c('div', {\n staticStyle: {\n \"text-align\": \"center\"\n }\n }, [_vm._v(\"loading\")])], 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 = 253\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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _vm._v(\">\")]), _vm._v(\"\\n\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"script\")]), _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-74d157c8!./~/vue-loader/lib/selector.js?type=template&index=0!./~/vue-markdown-loader/_cache/dialog-6.vue\n// module id = 254\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 = 255\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: \"zan-button-group\"\n }, [_c('div', {\n staticClass: \"zan-button-1\"\n }, [_c('zan-button', [_vm._v(\"default\")])], 1), _vm._v(\" \"), _c('div', {\n staticClass: \"zan-button-1\"\n }, [_c('zan-button', {\n attrs: {\n \"type\": \"primary\"\n }\n }, [_vm._v(\"primary\")])], 1), _vm._v(\" \"), _c('div', {\n staticClass: \"zan-button-1\"\n }, [_c('zan-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: \"zan-button-group\"\n }, [_c('div', {\n staticClass: \"zan-button-1\"\n }, [_c('zan-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: \"zan-button-group\"\n }, [_c('div', {\n staticClass: \"zan-button-1\"\n }, [_c('zan-button', {\n attrs: {\n \"size\": \"large\"\n }\n }, [_vm._v(\"large\")])], 1)]), _vm._v(\" \"), _c('div', {\n staticClass: \"zan-button-group\"\n }, [_c('div', {\n staticClass: \"zan-button-3\"\n }, [_c('zan-button', {\n attrs: {\n \"type\": \"primary\"\n }\n }, [_vm._v(\"normal\")])], 1), _vm._v(\" \"), _c('div', {\n staticClass: \"zan-button-3\"\n }, [_c('zan-button', {\n attrs: {\n \"size\": \"small\"\n }\n }, [_vm._v(\"small\")])], 1), _vm._v(\" \"), _c('div', {\n staticClass: \"zan-button-3\"\n }, [_c('zan-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: \"zan-button-group\"\n }, [_c('div', {\n staticClass: \"zan-button-1\"\n }, [_c('zan-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: \"zan-button-group\"\n }, [_c('zan-button', {\n attrs: {\n \"type\": \"primary\",\n \"size\": \"small\"\n }\n }, [_vm._v(\"确认付款\")]), _vm._v(\" \"), _c('zan-button', {\n attrs: {\n \"size\": \"small\"\n }\n }, [_vm._v(\"确认收货\")]), _vm._v(\" \"), _c('zan-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 = 256\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('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(\"zan-radio\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"name\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"1\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"v-model\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"radio1\\\"\")]), _vm._v(\">\")]), _vm._v(\"单选框1\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-radio\")]), _vm._v(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-radio\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"name\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"2\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"v-model\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"radio1\\\"\")]), _vm._v(\">\")]), _vm._v(\"单选框2\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-radio\")]), _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(\"radio1\")]), _vm._v(\": \"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"'1'\")]), _vm._v(\"\\n }\\n }\\n};\\n\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"script\")]), _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(\"zan-radio\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"name\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"1\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"v-model\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"radio2\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"disabled\")]), _vm._v(\">\")]), _vm._v(\"未选中禁用\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-radio\")]), _vm._v(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-radio\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"name\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"2\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"v-model\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"radio2\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"disabled\")]), _vm._v(\">\")]), _vm._v(\"选中且禁用\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-radio\")]), _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(\"radio2\")]), _vm._v(\": \"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"'2'\")]), _vm._v(\"\\n }\\n }\\n};\\n\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"script\")]), _vm._v(\">\")]), _vm._v(\"\\n\")])]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"radio-zu\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#radio-zu\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" radio组\")]), _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(\"zan-radio-group\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"v-model\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"radio3\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-radio\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"name\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"1\\\"\")]), _vm._v(\">\")]), _vm._v(\"单选框1\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-radio\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-radio\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"name\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"2\\\"\")]), _vm._v(\">\")]), _vm._v(\"单选框2\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-radio\")]), _vm._v(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-radio-group\")]), _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(\"radio3\")]), _vm._v(\": \"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"'1'\")]), _vm._v(\"\\n }\\n }\\n};\\n\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"script\")]), _vm._v(\">\")]), _vm._v(\"\\n\")])]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"yu-cell-zu-jian-yi-qi-shi-yong\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#yu-cell-zu-jian-yi-qi-shi-yong\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" 与Cell组件一起使用\")]), _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(\"zan-radio-group\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"v-model\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"radio4\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"zan-cell\")]), _vm._v(\">\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-radio\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"name\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"1\\\"\")]), _vm._v(\">\")]), _vm._v(\"单选框1\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-radio\")]), _vm._v(\">\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell\")]), _vm._v(\">\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-radio\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"name\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"2\\\"\")]), _vm._v(\">\")]), _vm._v(\"单选框2\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-radio\")]), _vm._v(\">\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"zan-radio-group\")]), _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(\"radio4\")]), _vm._v(\": \"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"'1'\")]), _vm._v(\"\\n }\\n }\\n};\\n\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"script\")]), _vm._v(\">\")]), _vm._v(\"\\n\")])]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"radio-api\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#radio-api\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" Radio 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')]), _vm._v(\" \"), _c('tr', [_c('td', [_vm._v(\"name\")]), _vm._v(\" \"), _c('td', [_vm._v(\"根据这个来判断radio是否选中\")]), _vm._v(\" \"), _c('td', [_vm._v(\"Boolean\")]), _vm._v(\" \"), _c('td', [_vm._v(\"false\")]), _vm._v(\" \"), _c('td')])])]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"radiogroup-api\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#radiogroup-api\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" RadioGroup 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 = 257\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\": \"tag-zu-jian\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#tag-zu-jian\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" Tag 组件\")]), _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(\"zan-tag\")]), _vm._v(\">\")]), _vm._v(\"返现\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-tag\")]), _vm._v(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-tag\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\":plain\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"true\\\"\")]), _vm._v(\">\")]), _vm._v(\"返现\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-tag\")]), _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('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(\"zan-tag\")]), _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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-tag\")]), _vm._v(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-tag\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"type\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"success\\\"\")]), _vm._v(\">\")]), _vm._v(\"返现\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-tag\")]), _vm._v(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-tag\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"type\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"success\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\":plain\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"true\\\"\")]), _vm._v(\">\")]), _vm._v(\"返现\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-tag\")]), _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(\"plain\")]), _vm._v(\" \"), _c('td', [_vm._v(\"是否是空心tag\")]), _vm._v(\" \"), _c('td', [_vm._v(\"boolean\")]), _vm._v(\" \"), _c('td', [_vm._v(\"false\")]), _vm._v(\" \"), _c('td', [_vm._v(\"''\")])]), _vm._v(\" \"), _c('tr', [_c('td', [_vm._v(\"mark\")]), _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(\"''\")])]), _vm._v(\" \"), _c('tr', [_c('td', [_vm._v(\"type\")]), _vm._v(\" \"), _c('td', [_vm._v(\"tag类型\")]), _vm._v(\" \"), _c('td', [_vm._v(\"string\")]), _vm._v(\" \"), _c('td', [_vm._v(\"''\")]), _vm._v(\" \"), _c('td', [_vm._v(\"'primary', 'success', 'danger'\")])])])]), _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(\"自定义tag显示内容\")])])])])])\n}]}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-8c4138c2!./~/vue-loader/lib/selector.js?type=template&index=0!./~/vue-markdown-loader/_cache/tag-12.vue\n// module id = 258\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-radio\"\n }, [_c('h1', {\n staticClass: \"page-title\"\n }, [_vm._v(\"Radio\")]), _vm._v(\" \"), _c('div', {\n staticClass: \"demo-wrapper\"\n }, [_c('h2', {\n staticClass: \"page-sub-title\"\n }, [_vm._v(\"基础用法\")]), _vm._v(\" \"), _c('zan-radio', {\n attrs: {\n \"name\": \"1\"\n },\n model: {\n value: (_vm.radio1),\n callback: function($$v) {\n _vm.radio1 = $$v\n }\n }\n }, [_vm._v(\"单选框1\")]), _vm._v(\" \"), _c('zan-radio', {\n attrs: {\n \"name\": \"2\"\n },\n model: {\n value: (_vm.radio1),\n callback: function($$v) {\n _vm.radio1 = $$v\n }\n }\n }, [_vm._v(\"单选框2\")]), _vm._v(\" \"), _c('h2', {\n staticClass: \"page-sub-title\"\n }, [_vm._v(\"禁用状态\")]), _vm._v(\" \"), _c('zan-radio', {\n attrs: {\n \"name\": \"1\",\n \"disabled\": \"\"\n },\n model: {\n value: (_vm.radio2),\n callback: function($$v) {\n _vm.radio2 = $$v\n }\n }\n }, [_vm._v(\"未选中禁用\")]), _vm._v(\" \"), _c('zan-radio', {\n attrs: {\n \"name\": \"2\",\n \"disabled\": \"\"\n },\n model: {\n value: (_vm.radio2),\n callback: function($$v) {\n _vm.radio2 = $$v\n }\n }\n }, [_vm._v(\"选中且禁用\")]), _vm._v(\" \"), _c('h2', {\n staticClass: \"page-sub-title\"\n }, [_vm._v(\"radio组\")]), _vm._v(\" \"), _c('zan-radio-group', {\n model: {\n value: (_vm.radio3),\n callback: function($$v) {\n _vm.radio3 = $$v\n }\n }\n }, [_c('zan-radio', {\n attrs: {\n \"name\": \"1\"\n }\n }, [_vm._v(\"单选框1\")]), _vm._v(\" \"), _c('zan-radio', {\n attrs: {\n \"name\": \"2\"\n }\n }, [_vm._v(\"单选框2\")])], 1), _vm._v(\" \"), _c('h2', {\n staticClass: \"page-sub-title\"\n }, [_vm._v(\"与Cell组件一起使用\")])], 1), _vm._v(\" \"), _c('zan-radio-group', {\n model: {\n value: (_vm.radio4),\n callback: function($$v) {\n _vm.radio4 = $$v\n }\n }\n }, [_c('zan-cell-group', [_c('zan-cell', [_c('zan-radio', {\n attrs: {\n \"name\": \"1\"\n }\n }, [_vm._v(\"单选框1\")])], 1), _vm._v(\" \"), _c('zan-cell', [_c('zan-radio', {\n attrs: {\n \"name\": \"2\"\n }\n }, [_vm._v(\"单选框2\")])], 1)], 1)], 1)], 1)\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-9a73e6e0!./~/vue-loader/lib/selector.js?type=template&index=0!./docs/examples/radio.vue\n// module id = 259\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('zan-panel', {\n attrs: {\n \"title\": \"标题\",\n \"desc\": \"标题描述\",\n \"status\": \"状态\"\n }\n }, [_c('zan-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: \"zan-card__row\",\n slot: \"title\"\n }, [_c('h4', {\n staticClass: \"zan-card__title\"\n }, [_vm._v(\"商品名称是什么,两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"zan-card__price\"\n }, [_vm._v(\"¥ 2.00\")])]), _vm._v(\" \"), _c('div', {\n staticClass: \"zan-card__row\",\n slot: \"desc\"\n }, [_c('h4', {\n staticClass: \"zan-card__desc\"\n }, [_vm._v(\"商品sku\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"zan-card__num\"\n }, [_vm._v(\"x 2\")])]), _vm._v(\" \"), _c('div', {\n staticClass: \"zan-card__footer\",\n slot: \"footer\"\n }, [_c('zan-button', {\n attrs: {\n \"size\": \"mini\"\n }\n }, [_vm._v(\"按钮一\")]), _vm._v(\" \"), _c('zan-button', {\n attrs: {\n \"size\": \"mini\"\n }\n }, [_vm._v(\"按钮二\")])], 1)]), _vm._v(\" \"), _c('div', {\n staticClass: \"zan-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('zan-panel', {\n attrs: {\n \"title\": \"标题\",\n \"desc\": \"标题描述\",\n \"status\": \"状态\"\n }\n }, [_c('zan-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: \"zan-card__row\",\n slot: \"title\"\n }, [_c('h4', {\n staticClass: \"zan-card__title\"\n }, [_vm._v(\"商品名称是什么,两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"zan-card__price\"\n }, [_vm._v(\"¥ 2.00\")])]), _vm._v(\" \"), _c('div', {\n staticClass: \"zan-card__row\",\n slot: \"desc\"\n }, [_c('h4', {\n staticClass: \"zan-card__desc\"\n }, [_vm._v(\"商品sku\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"zan-card__num\"\n }, [_vm._v(\"x 2\")])]), _vm._v(\" \"), _c('div', {\n staticClass: \"zan-card__footer\",\n slot: \"footer\"\n }, [_c('zan-button', {\n attrs: {\n \"size\": \"mini\"\n }\n }, [_vm._v(\"按钮一\")]), _vm._v(\" \"), _c('zan-button', {\n attrs: {\n \"size\": \"mini\"\n }\n }, [_vm._v(\"按钮二\")])], 1)]), _vm._v(\" \"), _c('div', {\n staticClass: \"zan-panel-sum\"\n }, [_vm._v(\"\\n 合计:\"), _c('span', [_vm._v(\"¥ 1999.90\")])]), _vm._v(\" \"), _c('div', {\n staticClass: \"zan-panel-buttons\",\n slot: \"footer\"\n }, [_c('zan-button', {\n attrs: {\n \"size\": \"small\"\n }\n }, [_vm._v(\"按钮一\")]), _vm._v(\" \"), _c('zan-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 = 260\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('zan-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('zan-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('zan-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 = 261\n// module chunks = 0","// style-loader: Adds some css to the DOM by adding a \n\n\n\n// WEBPACK FOOTER //\n// cell.vue?5c044ccf","\n \n
Checkbox
\n\n
\n
基础用法
\n 复选框1\n\n 禁用状态
\n 复选框2\n\n Checkbox组
\n \n 复选框{{item}}\n \n\n 禁用Checkbox组
\n \n 复选框{{item}}\n \n\n 与Cell组件一起使用
\n \n\n
\n \n \n 复选框{{item}}\n \n \n \n
\n\n\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// checkbox.vue?b18f2b50","\n \n
Dialog
\n\n
\n 点击我打开alert提示框\n
\n\n
\n 点击我打开confirm提示框\n
\n\n
\n\n\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// dialog.vue?176adc72","\n \n
Field
\n\n 基础用法
\n \n \n \n \n \n\n 无label的输入框
\n \n \n \n\n 监听change事件
\n \n \n \n \n\n\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// field.vue?4c841cc7","\n \n
Picker
\n\n 基础用法
\n \n \n\n\n\n\n\n\n// WEBPACK FOOTER //\n// picker.vue?0b423d48","\n \n\n\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// popup.vue?b3532420","\n \n
Radio
\n\n
\n
基础用法
\n 单选框1\n 单选框2\n\n 禁用状态
\n 未选中禁用\n 选中且禁用\n\n radio组
\n \n 单选框1\n 单选框2\n \n\n 禁用radio组
\n \n 单选框1\n 单选框2\n \n\n 与Cell组件一起使用
\n \n\n
\n \n 单选框1\n 单选框2\n \n \n
\n\n\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// radio.vue?3e6d5dc4","\n\n \n
Search
\n \n 基础用法
\n \n \n \n\n\n\n\n// WEBPACK FOOTER //\n// search.vue?169a1a00","\n \n
Switch
\n\n
基础用法
\n
\n
\n
\n
{{switchStateText}}
\n
\n
\n
\n
\n
\n
\n
\n\n\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// switch.vue?03aa306f","\n \n
Tag
\n\n
基础用法
\n
\n
\n 返现\n 返现\n
\n
\n 返现\n 四字标签\n 一\n
\n
\n 返现\n 返现\n
\n
\n 返现\n 返现\n
\n
\n 返现\n 返现\n
\n
\n 返现\n
\n
\n
\n\n\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// tag.vue?47a3f4bc","\n \n
Waterfall
\n\n
基础用法
\n
\n
\n
{{ item }}
\n \n
loading
\n
\n
\n
\n\n\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// waterfall.vue?a886dbe8","\n\n Cell 组件
\n 基础用法
\n<zan-cell-group>\n <zan-cell title=\"单元格1\" value=\"单元格1内容\"></zan-cell>\n <zan-cell title=\"单元格2\" value=\"单元格2内容\"></zan-cell>\n</zan-cell-group>\n
\n 标题带描述信息
\n传入label
属性,属性值为描述信息的值。
\n<zan-cell-group>\n <zan-cell title=\"单元格1\" label=\"描述信息\" is-link url=\"javascript:void(0)\" @click=\"handleClick\"></zan-cell>\n <zan-cell title=\"单元格2\" label=\"描述信息\"></zan-cell>\n</zan-cell-group>\n
\n 带图标
\n传入icon
属性。
\n<zan-cell-group>\n <zan-cell title=\"起码运动馆\" icon=\"home\"></zan-cell>\n <zan-cell title=\"线下门店\" icon=\"location\"></zan-cell>\n</zan-cell-group>\n
\n 可点击的链接
\n传入url
属性,传入isLink
属性则会在右侧显示箭头。
\n<zan-cell-group>\n <zan-cell title=\"起码运动馆\" value=\"进入店铺\" icon=\"home\" url=\"http://youzan.com\" is-link></zan-cell>\n <zan-cell title=\"线下门店\" icon=\"location\" url=\"http://youzan.com\" is-link></zan-cell>\n</zan-cell-group>\n
\n 高级用法
\n如以上用法不能满足你的需求,可以使用对应的slot
来自定义显示的内容。包含三个slot
,默认slot
,icon
和title
的slot
。
\n<zan-cell-group>\n <zan-cell value=\"进入店铺\" icon=\"home\" url=\"http://youzan.com\" is-link>\n <template slot=\"title\">\n <span class=\"zan-cell-text\">起码运动馆</span>\n <img src=\"//su.yzcdn.cn/v2/image/account/icon_guan_160421.png\" class=\"official-img\">\n </template>\n </zan-cell>\n <zan-cell title=\"线下门店\" icon=\"location\" url=\"http://youzan.com\" is-link></zan-cell>\n</zan-cell-group>\n
\n API
\n\n\n参数 | \n说明 | \n类型 | \n默认值 | \n可选值 | \n
\n\n\n\nicon | \n左侧图标 | \nstring | \n'' | \n'' | \n
\n\ntitle | \n左侧标题 | \nstring | \n'' | \n'' | \n
\n\nvalue | \n右侧内容 | \nstring | \n'' | \n'' | \n
\n\nisLink | \n是否为链接,链接会在右侧出现箭头 | \nboolean | \n'' | \n'' | \n
\n\nurl | \n跳转链接 | \nstring | \n'' | \n'' | \n
\n\nlabel | \n描述信息,显示在标题下方 | \nstring | \n'' | \n'' | \n
\n\n
\n Slot
\n\n\nname | \n描述 | \n
\n\n\n\n- | \n自定义显示内容 | \n
\n\nicon | \n自定义icon | \n
\n\ntitle | \n自定义title | \n
\n\n
\n\n\n\n\n\n// WEBPACK FOOTER //\n// cell-3.vue?13acddea","\n Dialog组件
\n 基础用法
\n<zan-button @click=\"handleAlertClick\">alert</zan-button>\n\n<zan-button @click=\"handleConfirmClick\">confirm</zan-button>\n\n<script>\nimport { Dialog } from 'src/index';\n\nexport default {\n methods: {\n handleAlertClick() {\n Dialog.alert({\n title: 'alert标题',\n message: '弹窗提示文字,左右始终距离边20PX,上下距离20PX,文字左对齐。弹窗提示文字,左右始终距离边20PX,上下距离20PX,文字左对齐。'\n }).then((action) => {\n console.log(action);\n });\n },\n\n handleConfirmClick() {\n Dialog.confirm({\n title: 'confirm标题',\n message: '弹窗提示文字,左右始终距离边20PX,上下距离20PX,文字左对齐。弹窗提示文字,左右始终距离边20PX,上下距离20PX,文字左对齐。'\n }).then((action) => {\n console.log(action);\n }, (error) => {\n console.log(error);\n });\n }\n }\n};\n</script>\n
\n API
\n\n\n参数 | \n说明 | \n类型 | \n默认值 | \n可选值 | \n
\n\n\n\ntitle | \n标题 | \nString | \n'' | \n | \n
\n\nmessage | \n内容 | \nString | \n'' | \n | \n
\n\n
\n\n\n\n\n\n// WEBPACK FOOTER //\n// dialog-8.vue?04205259","\n Radio组件
\n 基础用法
\n<zan-radio name=\"1\" v-model=\"radio1\">单选框1</zan-radio>\n<zan-radio name=\"2\" v-model=\"radio1\">单选框2</zan-radio>\n\n<script>\nexport default {\n data() {\n return {\n radio1: '1'\n }\n }\n};\n</script>\n
\n 禁用状态
\n<zan-radio name=\"1\" v-model=\"radio2\" disabled>未选中禁用</zan-radio>\n<zan-radio name=\"2\" v-model=\"radio2\" disabled>选中且禁用</zan-radio>\n\n<script>\nexport default {\n data() {\n return {\n radio2: '2'\n }\n }\n};\n</script>\n
\n radio组
\n<zan-radio-group v-model=\"radio3\">\n <zan-radio name=\"1\">单选框1</zan-radio>\n <zan-radio name=\"2\">单选框2</zan-radio>\n</zan-radio-group>\n\n<script>\nexport default {\n data() {\n return {\n radio3: '1'\n }\n }\n};\n</script>\n
\n 与Cell组件一起使用
\n<zan-radio-group v-model=\"radio4\">\n <zan-cell-group>\n <zan-cell><zan-radio name=\"1\">单选框1</zan-radio></zan-cell>\n <zan-cell><zan-radio name=\"2\">单选框2</zan-radio></zan-cell>\n </zan-cell-group>\n</zan-radio-group>\n\n<script>\nexport default {\n data() {\n return {\n radio4: '1'\n }\n }\n};\n</script>\n
\n Radio API
\n\n\n参数 | \n说明 | \n类型 | \n默认值 | \n可选值 | \n
\n\n\n\ndisabled | \n是否禁用单选框 | \nBoolean | \nfalse | \n | \n
\n\nname | \n根据这个来判断radio是否选中 | \nBoolean | \nfalse | \n | \n
\n\n
\n RadioGroup API
\n\n\n参数 | \n说明 | \n类型 | \n默认值 | \n可选值 | \n
\n\n\n\ndisabled | \n是否禁用单选框 | \nBoolean | \nfalse | \n | \n
\n\n
\n RadioGroup Event
\n\n\n事件名称 | \n说明 | \n回调参数 | \n
\n\n\n\nchange | \n当绑定值变化时触发的事件 | \n当前组件的值 | \n
\n\n
\n\n\n\n\n\n// WEBPACK FOOTER //\n// radio-10.vue?5237e49b","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 = 219\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 = 220\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 = 221\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 = 222\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 = 223\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 = 225\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, \".checkbox-demo-wrapper{padding:0 15px}.checkbox-demo-wrapper .zan-checkbox{margin: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-42176c3e!./~/vue-loader/lib/selector.js?type=styles&index=0!./docs/examples/checkbox.vue\n// module id = 226\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-514c721a!./~/vue-loader/lib/selector.js?type=styles&index=0!./~/vue-markdown-loader/_cache/cell-3.vue\n// module id = 227\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 .zan-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 = 228\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-badge{padding:0 15px}\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader?minimize!./~/vue-loader/lib/style-rewriter.js?id=data-v-6a888038!./~/vue-loader/lib/selector.js?type=styles&index=0!./docs/examples/badge.vue\n// module id = 229\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 = 230\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, \".zan-popup-1{width:100%;height:200px}.zan-popup-2{width:100%;line-height:44px;background-color:rgba(0,0,0,.701961);text-align:center;color:#fff}.zan-popup-3{width:100%;height:100%;background-color:#fff}.zan-popup-4{width:50%;height:200px;background:#fff;border-radius:10px}.page-popup .zan-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 = 231\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:25px 15px}.tags-container{padding:5px 15px}.tags-container .zan-tag+.zan-tag{margin-left:10px}\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader?minimize!./~/vue-loader/lib/style-rewriter.js?id=data-v-72098bef!./~/vue-loader/lib/selector.js?type=styles&index=0!./docs/examples/tag.vue\n// module id = 232\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-726870b2!./~/vue-loader/lib/selector.js?type=styles&index=0!./docs/examples/waterfall.vue\n// module id = 233\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-badge{padding:0 15px}\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader?minimize!./~/vue-loader/lib/style-rewriter.js?id=data-v-7e61b863!./~/vue-loader/lib/selector.js?type=styles&index=0!./docs/examples/search.vue\n// module id = 234\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}.zan-button-group .zan-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 = 235\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, \".radio-demo-wrapper{padding:0 15px}.radio-demo-wrapper .zan-radio{margin: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-9a73e6e0!./~/vue-loader/lib/selector.js?type=styles&index=0!./docs/examples/radio.vue\n// module id = 236\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, \".zan-panel-sum{background:#fff;text-align:right;font-size:14px;color:#333;line-height:30px;padding-right:15px}.zan-panel-sum span{color:red}.zan-panel-buttons{text-align:right}.zan-panel-buttons .zan-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 = 237\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 = 238\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-6a888038!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./badge.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-6a888038!../../node_modules/vue-loader/lib/selector?type=template&index=0!./badge.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/badge.vue\n// module id = 239\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 = 240\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 = 241\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 = 242\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-42176c3e!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./checkbox.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!./checkbox.vue\"),\n /* template */\n require(\"!!../../node_modules/vue-loader/lib/template-compiler?id=data-v-42176c3e!../../node_modules/vue-loader/lib/selector?type=template&index=0!./checkbox.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/checkbox.vue\n// module id = 243\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 = 244\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 = 245\n// module chunks = 0","var 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-62c76611!../../node_modules/vue-loader/lib/selector?type=template&index=0!./loading.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/loading.vue\n// module id = 246\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 = 247\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 = 248\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 = 249\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-9a73e6e0!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./radio.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!./radio.vue\"),\n /* template */\n require(\"!!../../node_modules/vue-loader/lib/template-compiler?id=data-v-9a73e6e0!../../node_modules/vue-loader/lib/selector?type=template&index=0!./radio.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/radio.vue\n// module id = 250\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-7e61b863!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./search.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!./search.vue\"),\n /* template */\n require(\"!!../../node_modules/vue-loader/lib/template-compiler?id=data-v-7e61b863!../../node_modules/vue-loader/lib/selector?type=template&index=0!./search.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/search.vue\n// module id = 251\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 = 252\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-72098bef!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./tag.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!./tag.vue\"),\n /* template */\n require(\"!!../../node_modules/vue-loader/lib/template-compiler?id=data-v-72098bef!../../node_modules/vue-loader/lib/selector?type=template&index=0!./tag.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/tag.vue\n// module id = 253\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 = 254\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-e71687a8!../../vue-loader/lib/selector?type=template&index=0!./badge-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/badge-1.vue\n// module id = 255\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-329a90f8!../../vue-loader/lib/selector?type=template&index=0!./button-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/button-4.vue\n// module id = 256\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-4e4f26a0!../../vue-loader/lib/selector?type=template&index=0!./card-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/card-2.vue\n// module id = 257\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-514c721a!../../vue-loader/lib/selector?type=styles&index=0!./cell-3.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-3.vue\"),\n /* template */\n require(\"!!../../vue-loader/lib/template-compiler?id=data-v-514c721a!../../vue-loader/lib/selector?type=template&index=0!./cell-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/cell-3.vue\n// module id = 258\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-7ef25a16!../../vue-loader/lib/selector?type=template&index=0!./checkbox-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/checkbox-5.vue\n// module id = 259\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 = 260\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 = 261\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-37f5314a!../../vue-loader/lib/selector?type=template&index=0!./loading-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/loading-6.vue\n// module id = 262\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-b1217596!../../vue-loader/lib/selector?type=template&index=0!./panel-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/panel-12.vue\n// module id = 263\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-a506cd36!../../vue-loader/lib/selector?type=template&index=0!./picker-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/picker-9.vue\n// module id = 264\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-cf7d0be8!../../vue-loader/lib/selector?type=template&index=0!./popup-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/popup-11.vue\n// module id = 265\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-10.vue\"),\n /* template */\n require(\"!!../../vue-loader/lib/template-compiler?id=data-v-96e58f48!../../vue-loader/lib/selector?type=template&index=0!./radio-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/radio-10.vue\n// module id = 266\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-236b8f66!../../vue-loader/lib/selector?type=template&index=0!./search-14.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/search-14.vue\n// module id = 267\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-6b0f9633!../../vue-loader/lib/selector?type=template&index=0!./steps-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/steps-13.vue\n// module id = 268\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-088e68c2!../../vue-loader/lib/selector?type=template&index=0!./switch-15.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-15.vue\n// module id = 269\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-8bd07cba!../../vue-loader/lib/selector?type=template&index=0!./tag-16.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/tag-16.vue\n// module id = 270\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-17bb4328!../../vue-loader/lib/selector?type=template&index=0!./waterfall-17.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-17.vue\n// module id = 271\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('zan-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('zan-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: \"zan-card__row\",\n slot: \"title\"\n }, [_c('h4', {\n staticClass: \"zan-card__title\"\n }, [_vm._v(\"商品名称是什么,两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"zan-card__price\"\n }, [_vm._v(\"¥ 2.00\")])]), _vm._v(\" \"), _c('div', {\n staticClass: \"zan-card__row\",\n slot: \"desc\"\n }, [_c('h4', {\n staticClass: \"zan-card__desc\"\n }, [_vm._v(\"商品sku\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"zan-card__num\"\n }, [_vm._v(\"x 2\")])]), _vm._v(\" \"), _c('div', {\n staticClass: \"zan-card__footer\",\n slot: \"footer\"\n }, [_c('zan-button', {\n attrs: {\n \"size\": \"mini\"\n }\n }, [_vm._v(\"按钮一\")]), _vm._v(\" \"), _c('zan-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 = 272\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(\"h1\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"page-title\\\"\")]), _vm._v(\">\")]), _vm._v(\"Switch\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"h1\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"h2\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"page-sub-title\\\"\")]), _vm._v(\">\")]), _vm._v(\"基础用法\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"h2\")]), _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\\\"\")]), _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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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__text\\\"\")]), _vm._v(\">\")]), _c('span', [_vm._v(\"{{\")]), _vm._v(\"switchStateText\"), _c('span', [_vm._v(\"}}\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _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(\">\")]), _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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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__text\\\"\")]), _vm._v(\">\")]), _vm._v(\"ON, DISABLED\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _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(\">\")]), _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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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__text\\\"\")]), _vm._v(\">\")]), _vm._v(\"OFF, DISABLED\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _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(\">\")]), _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(\"zan-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(\":loading\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"true\\\"\")]), _vm._v(\">\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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__text\\\"\")]), _vm._v(\">\")]), _vm._v(\"ON, LOADING\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _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(\">\")]), _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(\"zan-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(\":loading\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"true\\\"\")]), _vm._v(\">\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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__text\\\"\")]), _vm._v(\">\")]), _vm._v(\"OFF, LOADING\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _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(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _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(\">\")]), _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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"script\")]), _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-088e68c2!./~/vue-loader/lib/selector.js?type=template&index=0!./~/vue-markdown-loader/_cache/switch-15.vue\n// module id = 273\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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _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(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"script\")]), _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-17bb4328!./~/vue-loader/lib/selector.js?type=template&index=0!./~/vue-markdown-loader/_cache/waterfall-17.vue\n// module id = 275\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\": \"search-zu-jian\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#search-zu-jian\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" Search 组件\")]), _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(\"zan-search\")]), _vm._v(\" \\n \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"placeholder\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"商品名称\\\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"@search\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"goSearch\\\"\")]), _vm._v(\"\\n>\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-search\")]), _vm._v(\">\")]), _vm._v(\"\\n\")])]), _vm._v(\" \"), _c('pre', [_c('code', {\n staticClass: \"hljs language-javascript\"\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 goSearch(value) {\\n alert(value)\\n }\\n }\\n};\\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(\"placeholder\")]), _vm._v(\" \"), _c('td', [_vm._v(\"input的placeholder文案\")]), _vm._v(\" \"), _c('td', [_vm._v(\"string\")]), _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-236b8f66!./~/vue-loader/lib/selector.js?type=template&index=0!./~/vue-markdown-loader/_cache/search-14.vue\n// module id = 276\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(\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-field\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-field\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-field\")]), _vm._v(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell-group\")]), _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(\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-field\")]), _vm._v(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell-group\")]), _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(\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-field\")]), _vm._v(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell-group\")]), _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 = 277\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(\"\\\"zan-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(\"\\\"zan-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(\"zan-button\")]), _vm._v(\">\")]), _vm._v(\"default\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _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(\">\")]), _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(\"\\\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _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(\">\")]), _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(\"\\\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _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(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _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(\"\\\"zan-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(\"\\\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _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(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _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(\"\\\"zan-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(\"\\\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _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(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _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(\"\\\"zan-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(\"\\\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _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(\">\")]), _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(\"\\\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _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(\">\")]), _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(\"\\\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _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(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _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(\"\\\"zan-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(\"\\\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _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(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _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(\"\\\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _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(\">\")]), _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-329a90f8!./~/vue-loader/lib/selector.js?type=template&index=0!./~/vue-markdown-loader/_cache/button-4.vue\n// module id = 278\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('p', [_vm._v(\"l## 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(\"template\")]), _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-loading\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"h1\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"page-title\\\"\")]), _vm._v(\">\")]), _vm._v(\"Loading\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"h1\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"h2\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"page-sub-title\\\"\")]), _vm._v(\">\")]), _vm._v(\"Loading展示\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"h2\")]), _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-loading__example1\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-loading\")]), _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(\"style\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"padding-top: 50px; text-align: center;\\\"\")]), _vm._v(\">\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-loading\")]), _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(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _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(\">\")]), _vm._v(\"\\n\")])])])\n}]}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-37f5314a!./~/vue-loader/lib/selector.js?type=template&index=0!./~/vue-markdown-loader/_cache/loading-6.vue\n// module id = 279\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('zan-cell-group', [_c('zan-field', {\n attrs: {\n \"type\": \"text\",\n \"label\": \"用户名:\",\n \"placeholder\": \"请输入用户名\"\n }\n }), _vm._v(\" \"), _c('zan-field', {\n attrs: {\n \"type\": \"password\",\n \"label\": \"密码:\",\n \"placeholder\": \"请输入密码\"\n }\n }), _vm._v(\" \"), _c('zan-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('zan-cell-group', [_c('zan-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('zan-cell-group', [_c('zan-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 = 280\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-checkbox\"\n }, [_c('h1', {\n staticClass: \"page-title\"\n }, [_vm._v(\"Checkbox\")]), _vm._v(\" \"), _c('div', {\n staticClass: \"checkbox-demo-wrapper\"\n }, [_c('h2', {\n staticClass: \"page-sub-title\"\n }, [_vm._v(\"基础用法\")]), _vm._v(\" \"), _c('zan-checkbox', {\n model: {\n value: (_vm.checkbox1),\n callback: function($$v) {\n _vm.checkbox1 = $$v\n }\n }\n }, [_vm._v(\"复选框1\")]), _vm._v(\" \"), _c('h2', {\n staticClass: \"page-sub-title\"\n }, [_vm._v(\"禁用状态\")]), _vm._v(\" \"), _c('zan-checkbox', {\n attrs: {\n \"disabled\": \"\"\n },\n model: {\n value: (_vm.checkbox2),\n callback: function($$v) {\n _vm.checkbox2 = $$v\n }\n }\n }, [_vm._v(\"复选框2\")]), _vm._v(\" \"), _c('h2', {\n staticClass: \"page-sub-title\"\n }, [_vm._v(\"Checkbox组\")]), _vm._v(\" \"), _c('zan-checkbox-group', {\n model: {\n value: (_vm.result),\n callback: function($$v) {\n _vm.result = $$v\n }\n }\n }, _vm._l((_vm.list), function(item) {\n return _c('zan-checkbox', {\n attrs: {\n \"name\": item\n }\n }, [_vm._v(\"复选框\" + _vm._s(item))])\n })), _vm._v(\" \"), _c('h2', {\n staticClass: \"page-sub-title\"\n }, [_vm._v(\"禁用Checkbox组\")]), _vm._v(\" \"), _c('zan-checkbox-group', {\n attrs: {\n \"disabled\": \"\"\n },\n model: {\n value: (_vm.result),\n callback: function($$v) {\n _vm.result = $$v\n }\n }\n }, _vm._l((_vm.list), function(item) {\n return _c('zan-checkbox', {\n attrs: {\n \"name\": item\n }\n }, [_vm._v(\"复选框\" + _vm._s(item))])\n })), _vm._v(\" \"), _c('h2', {\n staticClass: \"page-sub-title\"\n }, [_vm._v(\"与Cell组件一起使用\")])], 1), _vm._v(\" \"), _c('zan-checkbox-group', {\n model: {\n value: (_vm.result),\n callback: function($$v) {\n _vm.result = $$v\n }\n }\n }, [_c('zan-cell-group', _vm._l((_vm.list), function(item) {\n return _c('zan-cell', [_c('zan-checkbox', {\n attrs: {\n \"name\": item\n }\n }, [_vm._v(\"复选框\" + _vm._s(item))])], 1)\n }))], 1)], 1)\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-42176c3e!./~/vue-loader/lib/selector.js?type=template&index=0!./docs/examples/checkbox.vue\n// module id = 281\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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-card\")]), _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(\"zan-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(\"\\\"zan-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(\"\\\"zan-card__title\\\"\")]), _vm._v(\">\")]), _vm._v(\"商品名称是什么,两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"h4\")]), _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(\"\\\"zan-card__price\\\"\")]), _vm._v(\">\")]), _vm._v(\"¥ 2.00\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"span\")]), _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(\">\")]), _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(\"\\\"zan-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(\"\\\"zan-card__desc\\\"\")]), _vm._v(\">\")]), _vm._v(\"商品sku\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"h4\")]), _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(\"\\\"zan-card__num\\\"\")]), _vm._v(\">\")]), _vm._v(\"x 2\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"span\")]), _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(\">\")]), _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(\"\\\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _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(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-card\")]), _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-4e4f26a0!./~/vue-loader/lib/selector.js?type=template&index=0!./~/vue-markdown-loader/_cache/card-2.vue\n// module id = 282\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(\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell\")]), _vm._v(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell-group\")]), _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(\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell\")]), _vm._v(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell-group\")]), _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(\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell\")]), _vm._v(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell-group\")]), _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(\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell\")]), _vm._v(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell-group\")]), _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(\"zan-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(\"zan-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(\"\\\"zan-cell-text\\\"\")]), _vm._v(\">\")]), _vm._v(\"起码运动馆\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"span\")]), _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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"template\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell\")]), _vm._v(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell-group\")]), _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-514c721a!./~/vue-loader/lib/selector.js?type=template&index=0!./~/vue-markdown-loader/_cache/cell-3.vue\n// module id = 283\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('zan-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 = 284\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: \"zan-button-1\"\n }, [_c('zan-button', {\n on: {\n \"click\": _vm.handleAlertClick\n }\n }, [_vm._v(\"点击我打开alert提示框\")])], 1), _vm._v(\" \"), _c('div', {\n staticClass: \"zan-button-1\"\n }, [_c('zan-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 = 285\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-loading\"\n }, [_c('h1', {\n staticClass: \"page-title\"\n }, [_vm._v(\"Loading\")]), _vm._v(\" \"), _c('h2', {\n staticClass: \"page-sub-title\"\n }, [_vm._v(\"Loading展示\")]), _vm._v(\" \"), _c('div', {\n staticClass: \"page-loading__example1\"\n }, [_c('zan-loading', {\n staticClass: \"some-customized-class\",\n staticStyle: {\n \"padding-top\": \"50px\",\n \"text-align\": \"center\"\n }\n })], 1)])\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-62c76611!./~/vue-loader/lib/selector.js?type=template&index=0!./docs/examples/loading.vue\n// module id = 286\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-badge\"\n }, [_c('h1', {\n staticClass: \"page-title\"\n }, [_vm._v(\"Badge\")]), _vm._v(\" \"), _c('h2', {\n staticClass: \"page-sub-title\"\n }, [_vm._v(\"基础用法\")]), _vm._v(\" \"), _c('zan-badge-group', {\n attrs: {\n \"active-key\": \"2\"\n }\n }, [_c('zan-badge', {\n attrs: {\n \"mark\": \"0\",\n \"title\": \"热销榜\",\n \"info\": \"8\",\n \"url\": \"http://baidu.com\"\n }\n }), _vm._v(\" \"), _c('zan-badge', {\n attrs: {\n \"mark\": \"1\",\n \"title\": \"花式寿司\",\n \"info\": \"99\"\n }\n }), _vm._v(\" \"), _c('zan-badge', {\n attrs: {\n \"mark\": \"2\",\n \"title\": \"火炽寿司\"\n }\n }), _vm._v(\" \"), _c('zan-badge', {\n attrs: {\n \"mark\": \"3\",\n \"title\": \"手握寿司\",\n \"info\": \"199\"\n }\n })], 1)], 1)\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-6a888038!./~/vue-loader/lib/selector.js?type=template&index=0!./docs/examples/badge.vue\n// module id = 287\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-6b0f9633!./~/vue-loader/lib/selector.js?type=template&index=0!./~/vue-markdown-loader/_cache/steps-13.vue\n// module id = 288\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('zan-cell-group', [_c('zan-cell', {\n attrs: {\n \"title\": \"单元格1\",\n \"value\": \"单元格1内容\"\n }\n }), _vm._v(\" \"), _c('zan-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('zan-cell-group', [_c('zan-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('zan-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('zan-cell-group', [_c('zan-cell', {\n attrs: {\n \"title\": \"起码运动馆\",\n \"icon\": \"home\"\n }\n }), _vm._v(\" \"), _c('zan-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('zan-cell-group', [_c('zan-cell', {\n attrs: {\n \"title\": \"起码运动馆\",\n \"value\": \"进入店铺\",\n \"icon\": \"home\",\n \"url\": \"http://youzan.com\",\n \"is-link\": \"\"\n }\n }), _vm._v(\" \"), _c('zan-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('zan-cell-group', [_c('zan-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: \"zan-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('zan-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 = 289\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: \"zan-button-1\"\n }, [_c('zan-button', {\n on: {\n \"click\": function($event) {\n _vm.popupShow1 = true\n }\n }\n }, [_vm._v(\"从下方弹出popup\")])], 1), _vm._v(\" \"), _c('zan-popup', {\n staticClass: \"zan-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: \"zan-button-1\"\n }, [_c('zan-button', {\n on: {\n \"click\": function($event) {\n _vm.popupShow2 = true\n }\n }\n }, [_vm._v(\"从上方方弹出popup\")])], 1), _vm._v(\" \"), _c('zan-popup', {\n staticClass: \"zan-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: \"zan-button-1\"\n }, [_c('zan-button', {\n on: {\n \"click\": function($event) {\n _vm.popupShow3 = true\n }\n }\n }, [_vm._v(\"从右方弹出popup\")])], 1), _vm._v(\" \"), _c('zan-popup', {\n staticClass: \"zan-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('zan-button', {\n nativeOn: {\n \"click\": function($event) {\n _vm.popupShow3 = false\n }\n }\n }, [_vm._v(\"关闭 popup\")])], 1), _vm._v(\" \"), _c('div', {\n staticClass: \"zan-button-1\"\n }, [_c('zan-button', {\n on: {\n \"click\": function($event) {\n _vm.popupShow4 = true\n }\n }\n }, [_vm._v(\"从中间弹出popup\")])], 1), _vm._v(\" \"), _c('zan-popup', {\n staticClass: \"zan-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 = 290\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(\"Tag\")]), _vm._v(\" \"), _c('h2', {\n staticClass: \"page-sub-title\"\n }, [_vm._v(\"基础用法\")]), _vm._v(\" \"), _c('div', [_c('div', {\n staticClass: \"tags-container\"\n }, [_c('zan-tag', [_vm._v(\"返现\")]), _vm._v(\" \"), _c('zan-tag', {\n attrs: {\n \"plain\": true\n }\n }, [_vm._v(\"返现\")])], 1), _vm._v(\" \"), _c('div', {\n staticClass: \"tags-container\"\n }, [_c('zan-tag', {\n attrs: {\n \"type\": \"danger\"\n }\n }, [_vm._v(\"返现\")]), _vm._v(\" \"), _c('zan-tag', {\n attrs: {\n \"type\": \"danger\"\n }\n }, [_vm._v(\"四字标签\")]), _vm._v(\" \"), _c('zan-tag', {\n attrs: {\n \"type\": \"danger\"\n }\n }, [_vm._v(\"一\")])], 1), _vm._v(\" \"), _c('div', {\n staticClass: \"tags-container\"\n }, [_c('zan-tag', {\n attrs: {\n \"type\": \"danger\"\n }\n }, [_vm._v(\"返现\")]), _vm._v(\" \"), _c('zan-tag', {\n attrs: {\n \"plain\": true,\n \"type\": \"danger\"\n }\n }, [_vm._v(\"返现\")])], 1), _vm._v(\" \"), _c('div', {\n staticClass: \"tags-container\"\n }, [_c('zan-tag', {\n attrs: {\n \"type\": \"primary\"\n }\n }, [_vm._v(\"返现\")]), _vm._v(\" \"), _c('zan-tag', {\n attrs: {\n \"plain\": true,\n \"type\": \"primary\"\n }\n }, [_vm._v(\"返现\")])], 1), _vm._v(\" \"), _c('div', {\n staticClass: \"tags-container\"\n }, [_c('zan-tag', {\n attrs: {\n \"type\": \"success\"\n }\n }, [_vm._v(\"返现\")]), _vm._v(\" \"), _c('zan-tag', {\n attrs: {\n \"plain\": true,\n \"type\": \"success\"\n }\n }, [_vm._v(\"返现\")])], 1), _vm._v(\" \"), _c('div', {\n staticClass: \"tags-container\"\n }, [_c('zan-tag', {\n attrs: {\n \"type\": \"danger\",\n \"mark\": true\n }\n }, [_vm._v(\"返现\")])], 1)])])\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-72098bef!./~/vue-loader/lib/selector.js?type=template&index=0!./docs/examples/tag.vue\n// module id = 291\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', [_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: \"zan-cell\",\n staticStyle: {\n \"text-align\": \"center\"\n }\n }, [_vm._v(_vm._s(item))])\n }), _vm._v(\" \"), _c('div', {\n staticStyle: {\n \"text-align\": \"center\"\n }\n }, [_vm._v(\"loading\")])], 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 = 292\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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _vm._v(\">\")]), _vm._v(\"\\n\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"script\")]), _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 = 293\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-search\"\n }, [_c('h1', {\n staticClass: \"page-title\"\n }, [_vm._v(\"Search\")]), _vm._v(\" \"), _c('h2', {\n staticClass: \"page-sub-title\"\n }, [_vm._v(\"基础用法\")]), _vm._v(\" \"), _c('zan-search', {\n attrs: {\n \"placeholder\": \"商品名称\"\n },\n on: {\n \"search\": _vm.goSearch\n }\n })], 1)\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-7e61b863!./~/vue-loader/lib/selector.js?type=template&index=0!./docs/examples/search.vue\n// module id = 294\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组件\")]), _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(\"zan-checkbox\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"v-model\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"checkbox1\\\"\")]), _vm._v(\">\")]), _vm._v(\"复选框1\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-checkbox\")]), _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(\"checkbox1\")]), _vm._v(\": \"), _c('span', {\n staticClass: \"hljs-literal\"\n }, [_vm._v(\"true\")]), _vm._v(\"\\n };\\n }\\n}; \\n\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"script\")]), _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(\"zan-checkbox\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"v-model\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"checkbox2\\\"\")]), _vm._v(\">\")]), _vm._v(\"复选框2\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-checkbox\")]), _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(\"checkbox2\")]), _vm._v(\": \"), _c('span', {\n staticClass: \"hljs-literal\"\n }, [_vm._v(\"true\")]), _vm._v(\"\\n };\\n }\\n}; \\n\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"script\")]), _vm._v(\">\")]), _vm._v(\"\\n\")])]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"checkbox-zu\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#checkbox-zu\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" Checkbox组\")]), _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(\"zan-checkbox-group\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"v-model\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"result\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-checkbox\")]), _vm._v(\" \"), _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(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\":name\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"item\\\"\")]), _vm._v(\">\")]), _vm._v(\"复选框\"), _c('span', [_vm._v(\"{{\")]), _vm._v(\"item\"), _c('span', [_vm._v(\"}}\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-checkbox\")]), _vm._v(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-checkbox-group\")]), _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(\": [\\n \"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"'a'\")]), _vm._v(\",\\n \"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"'b'\")]), _vm._v(\",\\n \"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"'c'\")]), _vm._v(\"\\n ],\\n \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"result\")]), _vm._v(\": [\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"'a'\")]), _vm._v(\", \"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"'b'\")]), _vm._v(\"]\\n };\\n },\\n\\n \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"watch\")]), _vm._v(\": {\\n result(val) {\\n \"), _c('span', {\n staticClass: \"hljs-built_in\"\n }, [_vm._v(\"console\")]), _vm._v(\".log(val);\\n }\\n }\\n};\\n\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"script\")]), _vm._v(\">\")]), _vm._v(\"\\n\")])]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"jin-yong-checkbox-zu\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#jin-yong-checkbox-zu\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" 禁用Checkbox组\")]), _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(\"zan-checkbox-group\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"v-model\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"result\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"disabled\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-checkbox\")]), _vm._v(\" \"), _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(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\":name\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"item\\\"\")]), _vm._v(\">\")]), _vm._v(\"复选框\"), _c('span', [_vm._v(\"{{\")]), _vm._v(\"item\"), _c('span', [_vm._v(\"}}\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-checkbox\")]), _vm._v(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-checkbox-group\")]), _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(\": [\\n \"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"'a'\")]), _vm._v(\",\\n \"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"'b'\")]), _vm._v(\",\\n \"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"'c'\")]), _vm._v(\"\\n ],\\n \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"result\")]), _vm._v(\": [\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"'a'\")]), _vm._v(\", \"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"'b'\")]), _vm._v(\"]\\n };\\n }\\n};\\n\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"script\")]), _vm._v(\">\")]), _vm._v(\"\\n\")])]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"yu-cell-zu-jian-yi-qi-shi-yong\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#yu-cell-zu-jian-yi-qi-shi-yong\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" 与Cell组件一起使用\")]), _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(\"zan-checkbox-group\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"v-model\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"result\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"zan-cell\")]), _vm._v(\" \"), _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(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-checkbox\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\":name\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"item\\\"\")]), _vm._v(\">\")]), _vm._v(\"复选框\"), _c('span', [_vm._v(\"{{\")]), _vm._v(\"item\"), _c('span', [_vm._v(\"}}\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-checkbox\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"zan-checkbox-group\")]), _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(\": [\\n \"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"'a'\")]), _vm._v(\",\\n \"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"'b'\")]), _vm._v(\",\\n \"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"'c'\")]), _vm._v(\"\\n ],\\n \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"result\")]), _vm._v(\": [\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"'a'\")]), _vm._v(\", \"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"'b'\")]), _vm._v(\"]\\n };\\n }\\n};\\n\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"script\")]), _vm._v(\">\")]), _vm._v(\"\\n\")])]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"checkbox-api\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#checkbox-api\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" Checkbox 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')]), _vm._v(\" \"), _c('tr', [_c('td', [_vm._v(\"name\")]), _vm._v(\" \"), _c('td', [_vm._v(\"根据这个来判断radio是否选中\")]), _vm._v(\" \"), _c('td', [_vm._v(\"Boolean\")]), _vm._v(\" \"), _c('td', [_vm._v(\"false\")]), _vm._v(\" \"), _c('td')])])]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"checkboxgroup-api\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#checkboxgroup-api\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" CheckboxGroup 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')])])]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"checkboxgroup-event\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#checkboxgroup-event\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" CheckboxGroup Event\")]), _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('tbody', [_c('tr', [_c('td', [_vm._v(\"change\")]), _vm._v(\" \"), _c('td', [_vm._v(\"当绑定值变化时触发的事件\")]), _vm._v(\" \"), _c('td', [_vm._v(\"当前组件的值\")])])])])])\n}]}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-7ef25a16!./~/vue-loader/lib/selector.js?type=template&index=0!./~/vue-markdown-loader/_cache/checkbox-5.vue\n// module id = 295\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: \"zan-button-group\"\n }, [_c('div', {\n staticClass: \"zan-button-1\"\n }, [_c('zan-button', [_vm._v(\"default\")])], 1), _vm._v(\" \"), _c('div', {\n staticClass: \"zan-button-1\"\n }, [_c('zan-button', {\n attrs: {\n \"type\": \"primary\"\n }\n }, [_vm._v(\"primary\")])], 1), _vm._v(\" \"), _c('div', {\n staticClass: \"zan-button-1\"\n }, [_c('zan-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: \"zan-button-group\"\n }, [_c('div', {\n staticClass: \"zan-button-1\"\n }, [_c('zan-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: \"zan-button-group\"\n }, [_c('div', {\n staticClass: \"zan-button-1\"\n }, [_c('zan-button', {\n attrs: {\n \"size\": \"large\"\n }\n }, [_vm._v(\"large\")])], 1)]), _vm._v(\" \"), _c('div', {\n staticClass: \"zan-button-group\"\n }, [_c('div', {\n staticClass: \"zan-button-3\"\n }, [_c('zan-button', {\n attrs: {\n \"type\": \"primary\"\n }\n }, [_vm._v(\"normal\")])], 1), _vm._v(\" \"), _c('div', {\n staticClass: \"zan-button-3\"\n }, [_c('zan-button', {\n attrs: {\n \"size\": \"small\"\n }\n }, [_vm._v(\"small\")])], 1), _vm._v(\" \"), _c('div', {\n staticClass: \"zan-button-3\"\n }, [_c('zan-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: \"zan-button-group\"\n }, [_c('div', {\n staticClass: \"zan-button-1\"\n }, [_c('zan-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: \"zan-button-group\"\n }, [_c('zan-button', {\n attrs: {\n \"type\": \"primary\",\n \"size\": \"small\"\n }\n }, [_vm._v(\"确认付款\")]), _vm._v(\" \"), _c('zan-button', {\n attrs: {\n \"size\": \"small\"\n }\n }, [_vm._v(\"确认收货\")]), _vm._v(\" \"), _c('zan-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 = 296\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\": \"tag-zu-jian\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#tag-zu-jian\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" Tag 组件\")]), _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(\"zan-tag\")]), _vm._v(\">\")]), _vm._v(\"返现\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-tag\")]), _vm._v(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-tag\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\":plain\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"true\\\"\")]), _vm._v(\">\")]), _vm._v(\"返现\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-tag\")]), _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('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(\"zan-tag\")]), _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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-tag\")]), _vm._v(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-tag\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"type\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"success\\\"\")]), _vm._v(\">\")]), _vm._v(\"返现\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-tag\")]), _vm._v(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-tag\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"type\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"success\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\":plain\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"true\\\"\")]), _vm._v(\">\")]), _vm._v(\"返现\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-tag\")]), _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(\"plain\")]), _vm._v(\" \"), _c('td', [_vm._v(\"是否是空心tag\")]), _vm._v(\" \"), _c('td', [_vm._v(\"boolean\")]), _vm._v(\" \"), _c('td', [_vm._v(\"false\")]), _vm._v(\" \"), _c('td', [_vm._v(\"''\")])]), _vm._v(\" \"), _c('tr', [_c('td', [_vm._v(\"mark\")]), _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(\"''\")])]), _vm._v(\" \"), _c('tr', [_c('td', [_vm._v(\"type\")]), _vm._v(\" \"), _c('td', [_vm._v(\"tag类型\")]), _vm._v(\" \"), _c('td', [_vm._v(\"string\")]), _vm._v(\" \"), _c('td', [_vm._v(\"''\")]), _vm._v(\" \"), _c('td', [_vm._v(\"'primary', 'success', 'danger'\")])])])]), _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(\"自定义tag显示内容\")])])])])])\n}]}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-8bd07cba!./~/vue-loader/lib/selector.js?type=template&index=0!./~/vue-markdown-loader/_cache/tag-16.vue\n// module id = 297\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('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(\"zan-radio\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"name\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"1\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"v-model\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"radio1\\\"\")]), _vm._v(\">\")]), _vm._v(\"单选框1\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-radio\")]), _vm._v(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-radio\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"name\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"2\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"v-model\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"radio1\\\"\")]), _vm._v(\">\")]), _vm._v(\"单选框2\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-radio\")]), _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(\"radio1\")]), _vm._v(\": \"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"'1'\")]), _vm._v(\"\\n }\\n }\\n};\\n\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"script\")]), _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(\"zan-radio\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"name\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"1\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"v-model\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"radio2\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"disabled\")]), _vm._v(\">\")]), _vm._v(\"未选中禁用\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-radio\")]), _vm._v(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-radio\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"name\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"2\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"v-model\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"radio2\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"disabled\")]), _vm._v(\">\")]), _vm._v(\"选中且禁用\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-radio\")]), _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(\"radio2\")]), _vm._v(\": \"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"'2'\")]), _vm._v(\"\\n }\\n }\\n};\\n\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"script\")]), _vm._v(\">\")]), _vm._v(\"\\n\")])]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"radio-zu\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#radio-zu\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" radio组\")]), _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(\"zan-radio-group\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"v-model\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"radio3\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-radio\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"name\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"1\\\"\")]), _vm._v(\">\")]), _vm._v(\"单选框1\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-radio\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-radio\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"name\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"2\\\"\")]), _vm._v(\">\")]), _vm._v(\"单选框2\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-radio\")]), _vm._v(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-radio-group\")]), _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(\"radio3\")]), _vm._v(\": \"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"'1'\")]), _vm._v(\"\\n }\\n }\\n};\\n\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"script\")]), _vm._v(\">\")]), _vm._v(\"\\n\")])]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"yu-cell-zu-jian-yi-qi-shi-yong\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#yu-cell-zu-jian-yi-qi-shi-yong\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" 与Cell组件一起使用\")]), _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(\"zan-radio-group\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"v-model\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"radio4\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"zan-cell\")]), _vm._v(\">\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-radio\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"name\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"1\\\"\")]), _vm._v(\">\")]), _vm._v(\"单选框1\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-radio\")]), _vm._v(\">\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell\")]), _vm._v(\">\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-radio\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"name\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"2\\\"\")]), _vm._v(\">\")]), _vm._v(\"单选框2\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-radio\")]), _vm._v(\">\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"zan-radio-group\")]), _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(\"radio4\")]), _vm._v(\": \"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"'1'\")]), _vm._v(\"\\n }\\n }\\n};\\n\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"script\")]), _vm._v(\">\")]), _vm._v(\"\\n\")])]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"radio-api\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#radio-api\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" Radio 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')]), _vm._v(\" \"), _c('tr', [_c('td', [_vm._v(\"name\")]), _vm._v(\" \"), _c('td', [_vm._v(\"根据这个来判断radio是否选中\")]), _vm._v(\" \"), _c('td', [_vm._v(\"Boolean\")]), _vm._v(\" \"), _c('td', [_vm._v(\"false\")]), _vm._v(\" \"), _c('td')])])]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"radiogroup-api\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#radiogroup-api\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" RadioGroup 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')])])]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"radiogroup-event\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#radiogroup-event\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" RadioGroup Event\")]), _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('tbody', [_c('tr', [_c('td', [_vm._v(\"change\")]), _vm._v(\" \"), _c('td', [_vm._v(\"当绑定值变化时触发的事件\")]), _vm._v(\" \"), _c('td', [_vm._v(\"当前组件的值\")])])])])])\n}]}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-96e58f48!./~/vue-loader/lib/selector.js?type=template&index=0!./~/vue-markdown-loader/_cache/radio-10.vue\n// module id = 298\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-radio\"\n }, [_c('h1', {\n staticClass: \"page-title\"\n }, [_vm._v(\"Radio\")]), _vm._v(\" \"), _c('div', {\n staticClass: \"radio-demo-wrapper\"\n }, [_c('h2', {\n staticClass: \"page-sub-title\"\n }, [_vm._v(\"基础用法\")]), _vm._v(\" \"), _c('zan-radio', {\n attrs: {\n \"name\": \"1\"\n },\n model: {\n value: (_vm.radio1),\n callback: function($$v) {\n _vm.radio1 = $$v\n }\n }\n }, [_vm._v(\"单选框1\")]), _vm._v(\" \"), _c('zan-radio', {\n attrs: {\n \"name\": \"2\"\n },\n model: {\n value: (_vm.radio1),\n callback: function($$v) {\n _vm.radio1 = $$v\n }\n }\n }, [_vm._v(\"单选框2\")]), _vm._v(\" \"), _c('h2', {\n staticClass: \"page-sub-title\"\n }, [_vm._v(\"禁用状态\")]), _vm._v(\" \"), _c('zan-radio', {\n attrs: {\n \"name\": \"1\",\n \"disabled\": \"\"\n },\n model: {\n value: (_vm.radio2),\n callback: function($$v) {\n _vm.radio2 = $$v\n }\n }\n }, [_vm._v(\"未选中禁用\")]), _vm._v(\" \"), _c('zan-radio', {\n attrs: {\n \"name\": \"2\",\n \"disabled\": \"\"\n },\n model: {\n value: (_vm.radio2),\n callback: function($$v) {\n _vm.radio2 = $$v\n }\n }\n }, [_vm._v(\"选中且禁用\")]), _vm._v(\" \"), _c('h2', {\n staticClass: \"page-sub-title\"\n }, [_vm._v(\"radio组\")]), _vm._v(\" \"), _c('zan-radio-group', {\n model: {\n value: (_vm.radio3),\n callback: function($$v) {\n _vm.radio3 = $$v\n }\n }\n }, [_c('zan-radio', {\n attrs: {\n \"name\": \"1\"\n }\n }, [_vm._v(\"单选框1\")]), _vm._v(\" \"), _c('zan-radio', {\n attrs: {\n \"name\": \"2\"\n }\n }, [_vm._v(\"单选框2\")])], 1), _vm._v(\" \"), _c('h2', {\n staticClass: \"page-sub-title\"\n }, [_vm._v(\"禁用radio组\")]), _vm._v(\" \"), _c('zan-radio-group', {\n attrs: {\n \"disabled\": \"\"\n },\n model: {\n value: (_vm.radio3),\n callback: function($$v) {\n _vm.radio3 = $$v\n }\n }\n }, [_c('zan-radio', {\n attrs: {\n \"name\": \"1\"\n }\n }, [_vm._v(\"单选框1\")]), _vm._v(\" \"), _c('zan-radio', {\n attrs: {\n \"name\": \"2\"\n }\n }, [_vm._v(\"单选框2\")])], 1), _vm._v(\" \"), _c('h2', {\n staticClass: \"page-sub-title\"\n }, [_vm._v(\"与Cell组件一起使用\")])], 1), _vm._v(\" \"), _c('zan-radio-group', {\n model: {\n value: (_vm.radio4),\n callback: function($$v) {\n _vm.radio4 = $$v\n }\n }\n }, [_c('zan-cell-group', [_c('zan-cell', [_c('zan-radio', {\n attrs: {\n \"name\": \"1\"\n }\n }, [_vm._v(\"单选框1\")])], 1), _vm._v(\" \"), _c('zan-cell', [_c('zan-radio', {\n attrs: {\n \"name\": \"2\"\n }\n }, [_vm._v(\"单选框2\")])], 1)], 1)], 1)], 1)\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-9a73e6e0!./~/vue-loader/lib/selector.js?type=template&index=0!./docs/examples/radio.vue\n// module id = 299\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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-picker\")]), _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-a506cd36!./~/vue-loader/lib/selector.js?type=template&index=0!./~/vue-markdown-loader/_cache/picker-9.vue\n// module id = 300\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(\"zan-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(\"zan-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(\"\\\"zan-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(\"\\\"zan-card__title\\\"\")]), _vm._v(\">\")]), _vm._v(\"商品名称是什么,两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"h4\")]), _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(\"\\\"zan-card__price\\\"\")]), _vm._v(\">\")]), _vm._v(\"¥ 2.00\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"span\")]), _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(\">\")]), _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(\"\\\"zan-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(\"\\\"zan-card__desc\\\"\")]), _vm._v(\">\")]), _vm._v(\"商品sku\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"h4\")]), _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(\"\\\"zan-card__num\\\"\")]), _vm._v(\">\")]), _vm._v(\"x 2\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"span\")]), _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(\">\")]), _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(\"\\\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _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(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-card\")]), _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(\"\\\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"span\")]), _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(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-panel\")]), _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(\"zan-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(\"zan-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(\"\\\"zan-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(\"\\\"zan-card__title\\\"\")]), _vm._v(\">\")]), _vm._v(\"商品名称是什么,两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"h4\")]), _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(\"\\\"zan-card__price\\\"\")]), _vm._v(\">\")]), _vm._v(\"¥ 2.00\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"span\")]), _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(\">\")]), _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(\"\\\"zan-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(\"\\\"zan-card__desc\\\"\")]), _vm._v(\">\")]), _vm._v(\"商品sku\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"h4\")]), _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(\"\\\"zan-card__num\\\"\")]), _vm._v(\">\")]), _vm._v(\"x 2\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"span\")]), _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(\">\")]), _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(\"\\\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _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(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-card\")]), _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(\"\\\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"span\")]), _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(\">\")]), _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(\"\\\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _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(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-panel\")]), _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-b1217596!./~/vue-loader/lib/selector.js?type=template&index=0!./~/vue-markdown-loader/_cache/panel-12.vue\n// module id = 301\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(\"\\\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _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(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"\\\"zan-popup-1\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n xxxx\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-popup\")]), _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(\"\\\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _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(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"\\\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-popup\")]), _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(\"\\\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _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(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"\\\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _vm._v(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-popup\")]), _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(\"\\\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _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(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"\\\"zan-popup-4\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n 一些内容\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-popup\")]), _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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"script\")]), _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-cf7d0be8!./~/vue-loader/lib/selector.js?type=template&index=0!./~/vue-markdown-loader/_cache/popup-11.vue\n// module id = 302\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('zan-panel', {\n attrs: {\n \"title\": \"标题\",\n \"desc\": \"标题描述\",\n \"status\": \"状态\"\n }\n }, [_c('zan-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: \"zan-card__row\",\n slot: \"title\"\n }, [_c('h4', {\n staticClass: \"zan-card__title\"\n }, [_vm._v(\"商品名称是什么,两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"zan-card__price\"\n }, [_vm._v(\"¥ 2.00\")])]), _vm._v(\" \"), _c('div', {\n staticClass: \"zan-card__row\",\n slot: \"desc\"\n }, [_c('h4', {\n staticClass: \"zan-card__desc\"\n }, [_vm._v(\"商品sku\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"zan-card__num\"\n }, [_vm._v(\"x 2\")])]), _vm._v(\" \"), _c('div', {\n staticClass: \"zan-card__footer\",\n slot: \"footer\"\n }, [_c('zan-button', {\n attrs: {\n \"size\": \"mini\"\n }\n }, [_vm._v(\"按钮一\")]), _vm._v(\" \"), _c('zan-button', {\n attrs: {\n \"size\": \"mini\"\n }\n }, [_vm._v(\"按钮二\")])], 1)]), _vm._v(\" \"), _c('div', {\n staticClass: \"zan-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('zan-panel', {\n attrs: {\n \"title\": \"标题\",\n \"desc\": \"标题描述\",\n \"status\": \"状态\"\n }\n }, [_c('zan-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: \"zan-card__row\",\n slot: \"title\"\n }, [_c('h4', {\n staticClass: \"zan-card__title\"\n }, [_vm._v(\"商品名称是什么,两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"zan-card__price\"\n }, [_vm._v(\"¥ 2.00\")])]), _vm._v(\" \"), _c('div', {\n staticClass: \"zan-card__row\",\n slot: \"desc\"\n }, [_c('h4', {\n staticClass: \"zan-card__desc\"\n }, [_vm._v(\"商品sku\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"zan-card__num\"\n }, [_vm._v(\"x 2\")])]), _vm._v(\" \"), _c('div', {\n staticClass: \"zan-card__footer\",\n slot: \"footer\"\n }, [_c('zan-button', {\n attrs: {\n \"size\": \"mini\"\n }\n }, [_vm._v(\"按钮一\")]), _vm._v(\" \"), _c('zan-button', {\n attrs: {\n \"size\": \"mini\"\n }\n }, [_vm._v(\"按钮二\")])], 1)]), _vm._v(\" \"), _c('div', {\n staticClass: \"zan-panel-sum\"\n }, [_vm._v(\"\\n 合计:\"), _c('span', [_vm._v(\"¥ 1999.90\")])]), _vm._v(\" \"), _c('div', {\n staticClass: \"zan-panel-buttons\",\n slot: \"footer\"\n }, [_c('zan-button', {\n attrs: {\n \"size\": \"small\"\n }\n }, [_vm._v(\"按钮一\")]), _vm._v(\" \"), _c('zan-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 = 303\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('zan-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('zan-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('zan-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), _vm._v(\" \"), _c('div', {\n staticClass: \"page-switch__wrapper\"\n }, [_c('zan-switch', {\n staticClass: \"some-customized-class\",\n attrs: {\n \"checked\": true,\n \"loading\": true\n }\n }), _vm._v(\" \"), _c('div', {\n staticClass: \"page-switch__text\"\n }, [_vm._v(\"ON, LOADING\")])], 1), _vm._v(\" \"), _c('div', {\n staticClass: \"page-switch__wrapper\"\n }, [_c('zan-switch', {\n staticClass: \"some-customized-class\",\n attrs: {\n \"checked\": false,\n \"loading\": true\n }\n }), _vm._v(\" \"), _c('div', {\n staticClass: \"page-switch__text\"\n }, [_vm._v(\"OFF, LOADING\")])], 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 = 304\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\": \"badge-zu-jian\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#badge-zu-jian\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" Badge 组件\")]), _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(\"zan-badge-group\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"active-key\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"2\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-badge\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"mark\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"0\\\"\")]), _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(\"info\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"8\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"url\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"http://baidu.com\\\"\")]), _vm._v(\">\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-badge\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-badge\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"mark\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"1\\\"\")]), _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(\"info\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"99\\\"\")]), _vm._v(\">\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-badge\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-badge\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"mark\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"2\\\"\")]), _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-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-badge\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-badge\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"mark\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"3\\\"\")]), _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(\"info\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"199\\\"\")]), _vm._v(\">\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-badge\")]), _vm._v(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-badge-group\")]), _vm._v(\">\")]), _vm._v(\"\\n\")])]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"z-badge-group-api\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#z-badge-group-api\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" z-badge-group 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(\"active-key\")]), _vm._v(\" \"), _c('td', [_vm._v(\"激活的badge的索引\")]), _vm._v(\" \"), _c('td', [_vm._v(\"string\")]), _vm._v(\" \"), _c('td', [_vm._v(\"'0'但必须子badge里的mark是有0位索引\")]), _vm._v(\" \"), _c('td')])])]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"z-badge-api\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#z-badge-api\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" z-badge 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(\"mark\")]), _vm._v(\" \"), _c('td', [_vm._v(\"badge的唯一key值\")]), _vm._v(\" \"), _c('td', [_vm._v(\"string\")]), _vm._v(\" \"), _c('td', [_vm._v(\"''\")]), _vm._v(\" \"), _c('td', [_vm._v(\"required\")])]), _vm._v(\" \"), _c('tr', [_c('td', [_vm._v(\"title\")]), _vm._v(\" \"), _c('td', [_vm._v(\"badge的文案标题\")]), _vm._v(\" \"), _c('td', [_vm._v(\"string\")]), _vm._v(\" \"), _c('td', [_vm._v(\"''\")]), _vm._v(\" \"), _c('td', [_vm._v(\"required\")])]), _vm._v(\" \"), _c('tr', [_c('td', [_vm._v(\"info\")]), _vm._v(\" \"), _c('td', [_vm._v(\"当前badge的提示消息数量\")]), _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(\"url\")]), _vm._v(\" \"), _c('td', [_vm._v(\"跳转链接\")]), _vm._v(\" \"), _c('td', [_vm._v(\"string\")]), _vm._v(\" \"), _c('td', [_vm._v(\"全连接直接跳转或者hash\")]), _vm._v(\" \"), _c('td')])])])])\n}]}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-e71687a8!./~/vue-loader/lib/selector.js?type=template&index=0!./~/vue-markdown-loader/_cache/badge-1.vue\n// module id = 305\n// module chunks = 0","// style-loader: Adds some css to the DOM by adding a \n\n\n\n// WEBPACK FOOTER //\n// cell.vue?5c044ccf","\n \n
Checkbox
\n\n
\n
基础用法
\n 复选框1\n\n 禁用状态
\n 复选框2\n\n Checkbox组
\n \n 复选框{{item}}\n \n\n 禁用Checkbox组
\n \n 复选框{{item}}\n \n\n 与Cell组件一起使用
\n \n\n
\n \n \n 复选框{{item}}\n \n \n \n
\n\n\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// checkbox.vue?b18f2b50","\n \n
Dialog
\n\n
\n 点击我打开alert提示框\n
\n\n
\n 点击我打开confirm提示框\n
\n\n
\n\n\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// dialog.vue?176adc72","\n \n
Field
\n\n 基础用法
\n \n \n \n \n \n\n 无label的输入框
\n \n \n \n\n 监听change事件
\n \n \n \n \n\n\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// field.vue?4c841cc7","\n \n
Picker
\n\n 基础用法
\n \n \n\n\n\n\n\n\n// WEBPACK FOOTER //\n// picker.vue?0b423d48","\n \n\n\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// popup.vue?b3532420","\n \n
Radio
\n\n
\n
基础用法
\n 单选框1\n 单选框2\n\n 禁用状态
\n 未选中禁用\n 选中且禁用\n\n radio组
\n \n 单选框1\n 单选框2\n \n\n 禁用radio组
\n \n 单选框1\n 单选框2\n \n\n 与Cell组件一起使用
\n \n\n
\n \n 单选框1\n 单选框2\n \n \n
\n\n\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// radio.vue?3e6d5dc4","\n\n \n
Search
\n \n 基础用法
\n \n \n \n\n\n\n\n// WEBPACK FOOTER //\n// search.vue?169a1a00","\n \n
Steps
\n\n 基础用法
\n \n 买家下单\n 商家接单\n 买家提货\n 交易完成\n \n 下一步\n\n 只显示步骤条
\n \n 买家下单\n 商家接单\n 买家提货\n 交易完成\n \n \n\n\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// steps.vue?4eebd7ae","\n \n
Switch
\n\n
基础用法
\n
\n
\n
\n
{{switchStateText}}
\n
\n
\n
\n
\n
\n
\n
\n\n\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// switch.vue?03aa306f","\n \n
Tag
\n\n
基础用法
\n
\n
\n 返现\n 返现\n
\n
\n 返现\n 四字标签\n 一\n
\n
\n 返现\n 返现\n
\n
\n 返现\n 返现\n
\n
\n 返现\n 返现\n
\n
\n 返现\n
\n
\n
\n\n\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// tag.vue?47a3f4bc","\n \n
Waterfall
\n\n
基础用法
\n
\n
\n
{{ item }}
\n \n
loading
\n
\n
\n
\n\n\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// waterfall.vue?a886dbe8","\n\n Cell 组件
\n 基础用法
\n<zan-cell-group>\n <zan-cell title=\"单元格1\" value=\"单元格1内容\"></zan-cell>\n <zan-cell title=\"单元格2\" value=\"单元格2内容\"></zan-cell>\n</zan-cell-group>\n
\n 标题带描述信息
\n传入label
属性,属性值为描述信息的值。
\n<zan-cell-group>\n <zan-cell title=\"单元格1\" label=\"描述信息\" is-link url=\"javascript:void(0)\" @click=\"handleClick\"></zan-cell>\n <zan-cell title=\"单元格2\" label=\"描述信息\"></zan-cell>\n</zan-cell-group>\n
\n 带图标
\n传入icon
属性。
\n<zan-cell-group>\n <zan-cell title=\"起码运动馆\" icon=\"home\"></zan-cell>\n <zan-cell title=\"线下门店\" icon=\"location\"></zan-cell>\n</zan-cell-group>\n
\n 可点击的链接
\n传入url
属性,传入isLink
属性则会在右侧显示箭头。
\n<zan-cell-group>\n <zan-cell title=\"起码运动馆\" value=\"进入店铺\" icon=\"home\" url=\"http://youzan.com\" is-link></zan-cell>\n <zan-cell title=\"线下门店\" icon=\"location\" url=\"http://youzan.com\" is-link></zan-cell>\n</zan-cell-group>\n
\n 高级用法
\n如以上用法不能满足你的需求,可以使用对应的slot
来自定义显示的内容。包含三个slot
,默认slot
,icon
和title
的slot
。
\n<zan-cell-group>\n <zan-cell value=\"进入店铺\" icon=\"home\" url=\"http://youzan.com\" is-link>\n <template slot=\"title\">\n <span class=\"zan-cell-text\">起码运动馆</span>\n <img src=\"//su.yzcdn.cn/v2/image/account/icon_guan_160421.png\" class=\"official-img\">\n </template>\n </zan-cell>\n <zan-cell title=\"线下门店\" icon=\"location\" url=\"http://youzan.com\" is-link></zan-cell>\n</zan-cell-group>\n
\n API
\n\n\n参数 | \n说明 | \n类型 | \n默认值 | \n可选值 | \n
\n\n\n\nicon | \n左侧图标 | \nstring | \n'' | \n'' | \n
\n\ntitle | \n左侧标题 | \nstring | \n'' | \n'' | \n
\n\nvalue | \n右侧内容 | \nstring | \n'' | \n'' | \n
\n\nisLink | \n是否为链接,链接会在右侧出现箭头 | \nboolean | \n'' | \n'' | \n
\n\nurl | \n跳转链接 | \nstring | \n'' | \n'' | \n
\n\nlabel | \n描述信息,显示在标题下方 | \nstring | \n'' | \n'' | \n
\n\n
\n Slot
\n\n\nname | \n描述 | \n
\n\n\n\n- | \n自定义显示内容 | \n
\n\nicon | \n自定义icon | \n
\n\ntitle | \n自定义title | \n
\n\n
\n\n\n\n\n\n// WEBPACK FOOTER //\n// cell-3.vue?13acddea","\n Dialog组件
\n 基础用法
\n<zan-button @click=\"handleAlertClick\">alert</zan-button>\n\n<zan-button @click=\"handleConfirmClick\">confirm</zan-button>\n\n<script>\nimport { Dialog } from 'src/index';\n\nexport default {\n methods: {\n handleAlertClick() {\n Dialog.alert({\n title: 'alert标题',\n message: '弹窗提示文字,左右始终距离边20PX,上下距离20PX,文字左对齐。弹窗提示文字,左右始终距离边20PX,上下距离20PX,文字左对齐。'\n }).then((action) => {\n console.log(action);\n });\n },\n\n handleConfirmClick() {\n Dialog.confirm({\n title: 'confirm标题',\n message: '弹窗提示文字,左右始终距离边20PX,上下距离20PX,文字左对齐。弹窗提示文字,左右始终距离边20PX,上下距离20PX,文字左对齐。'\n }).then((action) => {\n console.log(action);\n }, (error) => {\n console.log(error);\n });\n }\n }\n};\n</script>\n
\n API
\n\n\n参数 | \n说明 | \n类型 | \n默认值 | \n可选值 | \n
\n\n\n\ntitle | \n标题 | \nString | \n'' | \n | \n
\n\nmessage | \n内容 | \nString | \n'' | \n | \n
\n\n
\n\n\n\n\n\n// WEBPACK FOOTER //\n// dialog-6.vue?bb0653ca","\n Radio组件
\n 基础用法
\n<zan-radio name=\"1\" v-model=\"radio1\">单选框1</zan-radio>\n<zan-radio name=\"2\" v-model=\"radio1\">单选框2</zan-radio>\n\n<script>\nexport default {\n data() {\n return {\n radio1: '1'\n }\n }\n};\n</script>\n
\n 禁用状态
\n<zan-radio name=\"1\" v-model=\"radio2\" disabled>未选中禁用</zan-radio>\n<zan-radio name=\"2\" v-model=\"radio2\" disabled>选中且禁用</zan-radio>\n\n<script>\nexport default {\n data() {\n return {\n radio2: '2'\n }\n }\n};\n</script>\n
\n radio组
\n<zan-radio-group v-model=\"radio3\">\n <zan-radio name=\"1\">单选框1</zan-radio>\n <zan-radio name=\"2\">单选框2</zan-radio>\n</zan-radio-group>\n\n<script>\nexport default {\n data() {\n return {\n radio3: '1'\n }\n }\n};\n</script>\n
\n 与Cell组件一起使用
\n<zan-radio-group v-model=\"radio4\">\n <zan-cell-group>\n <zan-cell><zan-radio name=\"1\">单选框1</zan-radio></zan-cell>\n <zan-cell><zan-radio name=\"2\">单选框2</zan-radio></zan-cell>\n </zan-cell-group>\n</zan-radio-group>\n\n<script>\nexport default {\n data() {\n return {\n radio4: '1'\n }\n }\n};\n</script>\n
\n Radio API
\n\n\n参数 | \n说明 | \n类型 | \n默认值 | \n可选值 | \n
\n\n\n\ndisabled | \n是否禁用单选框 | \nBoolean | \nfalse | \n | \n
\n\nname | \n根据这个来判断radio是否选中 | \nBoolean | \nfalse | \n | \n
\n\n
\n RadioGroup API
\n\n\n参数 | \n说明 | \n类型 | \n默认值 | \n可选值 | \n
\n\n\n\ndisabled | \n是否禁用单选框 | \nBoolean | \nfalse | \n | \n
\n\n
\n RadioGroup Event
\n\n\n事件名称 | \n说明 | \n回调参数 | \n
\n\n\n\nchange | \n当绑定值变化时触发的事件 | \n当前组件的值 | \n
\n\n
\n\n\n\n\n\n// WEBPACK FOOTER //\n// radio-12.vue?30fdcf1d","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 = 220\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 = 221\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 = 222\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 = 223\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 = 224\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 = 226\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, \".steps-success{color:#06bf04}.page-steps .page-sub-title{padding:20px 15px}.page-steps .zan-button{margin-left:15px}\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader?minimize!./~/vue-loader/lib/style-rewriter.js?id=data-v-3dd155bc!./~/vue-loader/lib/selector.js?type=styles&index=0!./docs/examples/steps.vue\n// module id = 227\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, \".checkbox-demo-wrapper{padding:0 15px}.checkbox-demo-wrapper .zan-checkbox{margin: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-42176c3e!./~/vue-loader/lib/selector.js?type=styles&index=0!./docs/examples/checkbox.vue\n// module id = 228\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-514c721a!./~/vue-loader/lib/selector.js?type=styles&index=0!./~/vue-markdown-loader/_cache/cell-3.vue\n// module id = 229\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 .zan-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 = 230\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-badge{padding:0 15px}\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader?minimize!./~/vue-loader/lib/style-rewriter.js?id=data-v-6a888038!./~/vue-loader/lib/selector.js?type=styles&index=0!./docs/examples/badge.vue\n// module id = 231\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 = 232\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, \".zan-popup-1{width:100%;height:200px}.zan-popup-2{width:100%;line-height:44px;background-color:rgba(0,0,0,.701961);text-align:center;color:#fff}.zan-popup-3{width:100%;height:100%;background-color:#fff}.zan-popup-4{width:50%;height:200px;background:#fff;border-radius:10px}.page-popup .zan-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 = 233\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:25px 15px}.tags-container{padding:5px 15px}.tags-container .zan-tag+.zan-tag{margin-left:10px}\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader?minimize!./~/vue-loader/lib/style-rewriter.js?id=data-v-72098bef!./~/vue-loader/lib/selector.js?type=styles&index=0!./docs/examples/tag.vue\n// module id = 234\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-726870b2!./~/vue-loader/lib/selector.js?type=styles&index=0!./docs/examples/waterfall.vue\n// module id = 235\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-badge{padding:0 15px}\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader?minimize!./~/vue-loader/lib/style-rewriter.js?id=data-v-7e61b863!./~/vue-loader/lib/selector.js?type=styles&index=0!./docs/examples/search.vue\n// module id = 236\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}.zan-button-group .zan-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 = 237\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, \".radio-demo-wrapper{padding:0 15px}.radio-demo-wrapper .zan-radio{margin: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-9a73e6e0!./~/vue-loader/lib/selector.js?type=styles&index=0!./docs/examples/radio.vue\n// module id = 238\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, \".zan-panel-sum{background:#fff;text-align:right;font-size:14px;color:#333;line-height:30px;padding-right:15px}.zan-panel-sum span{color:red}.zan-panel-buttons{text-align:right}.zan-panel-buttons .zan-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 = 239\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 = 240\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-6a888038!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./badge.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-6a888038!../../node_modules/vue-loader/lib/selector?type=template&index=0!./badge.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/badge.vue\n// module id = 241\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 = 242\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 = 243\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 = 244\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-42176c3e!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./checkbox.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!./checkbox.vue\"),\n /* template */\n require(\"!!../../node_modules/vue-loader/lib/template-compiler?id=data-v-42176c3e!../../node_modules/vue-loader/lib/selector?type=template&index=0!./checkbox.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/checkbox.vue\n// module id = 245\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 = 246\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 = 247\n// module chunks = 0","var 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-62c76611!../../node_modules/vue-loader/lib/selector?type=template&index=0!./loading.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/loading.vue\n// module id = 248\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 = 249\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 = 250\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 = 251\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-9a73e6e0!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./radio.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!./radio.vue\"),\n /* template */\n require(\"!!../../node_modules/vue-loader/lib/template-compiler?id=data-v-9a73e6e0!../../node_modules/vue-loader/lib/selector?type=template&index=0!./radio.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/radio.vue\n// module id = 252\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-7e61b863!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./search.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!./search.vue\"),\n /* template */\n require(\"!!../../node_modules/vue-loader/lib/template-compiler?id=data-v-7e61b863!../../node_modules/vue-loader/lib/selector?type=template&index=0!./search.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/search.vue\n// module id = 253\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-3dd155bc!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./steps.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!./steps.vue\"),\n /* template */\n require(\"!!../../node_modules/vue-loader/lib/template-compiler?id=data-v-3dd155bc!../../node_modules/vue-loader/lib/selector?type=template&index=0!./steps.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/steps.vue\n// module id = 254\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 = 255\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-72098bef!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./tag.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!./tag.vue\"),\n /* template */\n require(\"!!../../node_modules/vue-loader/lib/template-compiler?id=data-v-72098bef!../../node_modules/vue-loader/lib/selector?type=template&index=0!./tag.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/tag.vue\n// module id = 256\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 = 257\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-e6c1faa2!../../vue-loader/lib/selector?type=template&index=0!./badge-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/badge-4.vue\n// module id = 258\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-32ef1dfe!../../vue-loader/lib/selector?type=template&index=0!./button-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/button-1.vue\n// module id = 259\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-4e4f26a0!../../vue-loader/lib/selector?type=template&index=0!./card-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/card-2.vue\n// module id = 260\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-514c721a!../../vue-loader/lib/selector?type=styles&index=0!./cell-3.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-3.vue\"),\n /* template */\n require(\"!!../../vue-loader/lib/template-compiler?id=data-v-514c721a!../../vue-loader/lib/selector?type=template&index=0!./cell-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/cell-3.vue\n// module id = 261\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-7f0e8918!../../vue-loader/lib/selector?type=template&index=0!./checkbox-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/checkbox-7.vue\n// module id = 262\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-6.vue\"),\n /* template */\n require(\"!!../../vue-loader/lib/template-compiler?id=data-v-74d157c8!../../vue-loader/lib/selector?type=template&index=0!./dialog-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/dialog-6.vue\n// module id = 263\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-2cf03f6a!../../vue-loader/lib/selector?type=template&index=0!./field-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/field-9.vue\n// module id = 264\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-901d4a30!../../vue-loader/lib/selector?type=template&index=0!./install-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/install-5.vue\n// module id = 265\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-3811604c!../../vue-loader/lib/selector?type=template&index=0!./loading-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/loading-8.vue\n// module id = 266\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-b0e91792!../../vue-loader/lib/selector?type=template&index=0!./panel-14.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-14.vue\n// module id = 267\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-169c83b0!../../vue-loader/lib/selector?type=template&index=0!./picker-15.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-15.vue\n// module id = 268\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-cf7d0be8!../../vue-loader/lib/selector?type=template&index=0!./popup-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/popup-11.vue\n// module id = 269\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-fa40db88!../../vue-loader/lib/selector?type=template&index=0!./quickstart-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/quickstart-10.vue\n// module id = 270\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-12.vue\"),\n /* template */\n require(\"!!../../vue-loader/lib/template-compiler?id=data-v-96ad3144!../../vue-loader/lib/selector?type=template&index=0!./radio-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/radio-12.vue\n// module id = 271\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-22fad35e!../../vue-loader/lib/selector?type=template&index=0!./search-18.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/search-18.vue\n// module id = 272\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-6b0f9633!../../vue-loader/lib/selector?type=template&index=0!./steps-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/steps-13.vue\n// module id = 273\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-08c6c6c6!../../vue-loader/lib/selector?type=template&index=0!./switch-19.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-19.vue\n// module id = 274\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-8bd07cba!../../vue-loader/lib/selector?type=template&index=0!./tag-16.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/tag-16.vue\n// module id = 275\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-17bb4328!../../vue-loader/lib/selector?type=template&index=0!./waterfall-17.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-17.vue\n// module id = 276\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('zan-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('zan-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: \"zan-card__row\",\n slot: \"title\"\n }, [_c('h4', {\n staticClass: \"zan-card__title\"\n }, [_vm._v(\"商品名称是什么,两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"zan-card__price\"\n }, [_vm._v(\"¥ 2.00\")])]), _vm._v(\" \"), _c('div', {\n staticClass: \"zan-card__row\",\n slot: \"desc\"\n }, [_c('h4', {\n staticClass: \"zan-card__desc\"\n }, [_vm._v(\"商品sku\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"zan-card__num\"\n }, [_vm._v(\"x 2\")])]), _vm._v(\" \"), _c('div', {\n staticClass: \"zan-card__footer\",\n slot: \"footer\"\n }, [_c('zan-button', {\n attrs: {\n \"size\": \"mini\"\n }\n }, [_vm._v(\"按钮一\")]), _vm._v(\" \"), _c('zan-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 = 277\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(\"h1\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"page-title\\\"\")]), _vm._v(\">\")]), _vm._v(\"Switch\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"h1\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"h2\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"page-sub-title\\\"\")]), _vm._v(\">\")]), _vm._v(\"基础用法\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"h2\")]), _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\\\"\")]), _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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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__text\\\"\")]), _vm._v(\">\")]), _c('span', [_vm._v(\"{{\")]), _vm._v(\"switchStateText\"), _c('span', [_vm._v(\"}}\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _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(\">\")]), _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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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__text\\\"\")]), _vm._v(\">\")]), _vm._v(\"ON, DISABLED\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _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(\">\")]), _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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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__text\\\"\")]), _vm._v(\">\")]), _vm._v(\"OFF, DISABLED\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _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(\">\")]), _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(\"zan-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(\":loading\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"true\\\"\")]), _vm._v(\">\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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__text\\\"\")]), _vm._v(\">\")]), _vm._v(\"ON, LOADING\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _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(\">\")]), _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(\"zan-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(\":loading\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"true\\\"\")]), _vm._v(\">\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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__text\\\"\")]), _vm._v(\">\")]), _vm._v(\"OFF, LOADING\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _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(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _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(\">\")]), _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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"script\")]), _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-08c6c6c6!./~/vue-loader/lib/selector.js?type=template&index=0!./~/vue-markdown-loader/_cache/switch-19.vue\n// module id = 278\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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-picker\")]), _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-169c83b0!./~/vue-loader/lib/selector.js?type=template&index=0!./~/vue-markdown-loader/_cache/picker-15.vue\n// module id = 280\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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _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(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"script\")]), _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-17bb4328!./~/vue-loader/lib/selector.js?type=template&index=0!./~/vue-markdown-loader/_cache/waterfall-17.vue\n// module id = 281\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\": \"search-zu-jian\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#search-zu-jian\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" Search 组件\")]), _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(\"zan-search\")]), _vm._v(\" \\n \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"placeholder\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"商品名称\\\"\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"@search\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"goSearch\\\"\")]), _vm._v(\"\\n>\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-search\")]), _vm._v(\">\")]), _vm._v(\"\\n\")])]), _vm._v(\" \"), _c('pre', [_c('code', {\n staticClass: \"hljs language-javascript\"\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 goSearch(value) {\\n alert(value)\\n }\\n }\\n};\\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(\"placeholder\")]), _vm._v(\" \"), _c('td', [_vm._v(\"input的placeholder文案\")]), _vm._v(\" \"), _c('td', [_vm._v(\"string\")]), _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-22fad35e!./~/vue-loader/lib/selector.js?type=template&index=0!./~/vue-markdown-loader/_cache/search-18.vue\n// module id = 282\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(\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-field\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-field\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-field\")]), _vm._v(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell-group\")]), _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(\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-field\")]), _vm._v(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell-group\")]), _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(\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-field\")]), _vm._v(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell-group\")]), _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-2cf03f6a!./~/vue-loader/lib/selector.js?type=template&index=0!./~/vue-markdown-loader/_cache/field-9.vue\n// module id = 283\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(\"\\\"zan-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(\"\\\"zan-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(\"zan-button\")]), _vm._v(\">\")]), _vm._v(\"default\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _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(\">\")]), _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(\"\\\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _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(\">\")]), _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(\"\\\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _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(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _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(\"\\\"zan-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(\"\\\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _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(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _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(\"\\\"zan-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(\"\\\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _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(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _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(\"\\\"zan-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(\"\\\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _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(\">\")]), _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(\"\\\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _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(\">\")]), _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(\"\\\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _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(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _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(\"\\\"zan-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(\"\\\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _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(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _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(\"\\\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _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(\">\")]), _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-32ef1dfe!./~/vue-loader/lib/selector.js?type=template&index=0!./~/vue-markdown-loader/_cache/button-1.vue\n// module id = 284\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('zan-cell-group', [_c('zan-field', {\n attrs: {\n \"type\": \"text\",\n \"label\": \"用户名:\",\n \"placeholder\": \"请输入用户名\"\n }\n }), _vm._v(\" \"), _c('zan-field', {\n attrs: {\n \"type\": \"password\",\n \"label\": \"密码:\",\n \"placeholder\": \"请输入密码\"\n }\n }), _vm._v(\" \"), _c('zan-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('zan-cell-group', [_c('zan-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('zan-cell-group', [_c('zan-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 = 285\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('p', [_vm._v(\"l## 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(\"template\")]), _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-loading\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"h1\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"page-title\\\"\")]), _vm._v(\">\")]), _vm._v(\"Loading\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"h1\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"h2\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"page-sub-title\\\"\")]), _vm._v(\">\")]), _vm._v(\"Loading展示\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"h2\")]), _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-loading__example1\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-loading\")]), _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(\"style\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"padding-top: 50px; text-align: center;\\\"\")]), _vm._v(\">\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-loading\")]), _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(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"div\")]), _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(\">\")]), _vm._v(\"\\n\")])])])\n}]}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-3811604c!./~/vue-loader/lib/selector.js?type=template&index=0!./~/vue-markdown-loader/_cache/loading-8.vue\n// module id = 286\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-steps\"\n }, [_c('h1', {\n staticClass: \"page-title\"\n }, [_vm._v(\"Steps\")]), _vm._v(\" \"), _c('h2', {\n staticClass: \"page-sub-title\"\n }, [_vm._v(\"基础用法\")]), _vm._v(\" \"), _c('zan-steps', {\n attrs: {\n \"active\": _vm.active,\n \"icon\": \"certificate\",\n \"icon-class\": \"steps-success\",\n \"title\": \"等待商家发货\",\n \"description\": \"等待商家发货等待商家发货等待商家发货等待商家发货等待商家发货\"\n }\n }, [_c('zan-step', [_vm._v(\"买家下单\")]), _vm._v(\" \"), _c('zan-step', [_vm._v(\"商家接单\")]), _vm._v(\" \"), _c('zan-step', [_vm._v(\"买家提货\")]), _vm._v(\" \"), _c('zan-step', [_vm._v(\"交易完成\")])], 1), _vm._v(\" \"), _c('zan-button', {\n on: {\n \"click\": _vm.nextStep\n }\n }, [_vm._v(\"下一步\")]), _vm._v(\" \"), _c('h2', {\n staticClass: \"page-sub-title\"\n }, [_vm._v(\"只显示步骤条\")]), _vm._v(\" \"), _c('zan-steps', {\n attrs: {\n \"active\": _vm.active\n }\n }, [_c('zan-step', [_vm._v(\"买家下单\")]), _vm._v(\" \"), _c('zan-step', [_vm._v(\"商家接单\")]), _vm._v(\" \"), _c('zan-step', [_vm._v(\"买家提货\")]), _vm._v(\" \"), _c('zan-step', [_vm._v(\"交易完成\")])], 1)], 1)\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-3dd155bc!./~/vue-loader/lib/selector.js?type=template&index=0!./docs/examples/steps.vue\n// module id = 287\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-checkbox\"\n }, [_c('h1', {\n staticClass: \"page-title\"\n }, [_vm._v(\"Checkbox\")]), _vm._v(\" \"), _c('div', {\n staticClass: \"checkbox-demo-wrapper\"\n }, [_c('h2', {\n staticClass: \"page-sub-title\"\n }, [_vm._v(\"基础用法\")]), _vm._v(\" \"), _c('zan-checkbox', {\n model: {\n value: (_vm.checkbox1),\n callback: function($$v) {\n _vm.checkbox1 = $$v\n }\n }\n }, [_vm._v(\"复选框1\")]), _vm._v(\" \"), _c('h2', {\n staticClass: \"page-sub-title\"\n }, [_vm._v(\"禁用状态\")]), _vm._v(\" \"), _c('zan-checkbox', {\n attrs: {\n \"disabled\": \"\"\n },\n model: {\n value: (_vm.checkbox2),\n callback: function($$v) {\n _vm.checkbox2 = $$v\n }\n }\n }, [_vm._v(\"复选框2\")]), _vm._v(\" \"), _c('h2', {\n staticClass: \"page-sub-title\"\n }, [_vm._v(\"Checkbox组\")]), _vm._v(\" \"), _c('zan-checkbox-group', {\n model: {\n value: (_vm.result),\n callback: function($$v) {\n _vm.result = $$v\n }\n }\n }, _vm._l((_vm.list), function(item) {\n return _c('zan-checkbox', {\n attrs: {\n \"name\": item\n }\n }, [_vm._v(\"复选框\" + _vm._s(item))])\n })), _vm._v(\" \"), _c('h2', {\n staticClass: \"page-sub-title\"\n }, [_vm._v(\"禁用Checkbox组\")]), _vm._v(\" \"), _c('zan-checkbox-group', {\n attrs: {\n \"disabled\": \"\"\n },\n model: {\n value: (_vm.result),\n callback: function($$v) {\n _vm.result = $$v\n }\n }\n }, _vm._l((_vm.list), function(item) {\n return _c('zan-checkbox', {\n attrs: {\n \"name\": item\n }\n }, [_vm._v(\"复选框\" + _vm._s(item))])\n })), _vm._v(\" \"), _c('h2', {\n staticClass: \"page-sub-title\"\n }, [_vm._v(\"与Cell组件一起使用\")])], 1), _vm._v(\" \"), _c('zan-checkbox-group', {\n model: {\n value: (_vm.result),\n callback: function($$v) {\n _vm.result = $$v\n }\n }\n }, [_c('zan-cell-group', _vm._l((_vm.list), function(item) {\n return _c('zan-cell', [_c('zan-checkbox', {\n attrs: {\n \"name\": item\n }\n }, [_vm._v(\"复选框\" + _vm._s(item))])], 1)\n }))], 1)], 1)\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-42176c3e!./~/vue-loader/lib/selector.js?type=template&index=0!./docs/examples/checkbox.vue\n// module id = 288\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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-card\")]), _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(\"zan-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(\"\\\"zan-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(\"\\\"zan-card__title\\\"\")]), _vm._v(\">\")]), _vm._v(\"商品名称是什么,两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"h4\")]), _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(\"\\\"zan-card__price\\\"\")]), _vm._v(\">\")]), _vm._v(\"¥ 2.00\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"span\")]), _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(\">\")]), _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(\"\\\"zan-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(\"\\\"zan-card__desc\\\"\")]), _vm._v(\">\")]), _vm._v(\"商品sku\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"h4\")]), _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(\"\\\"zan-card__num\\\"\")]), _vm._v(\">\")]), _vm._v(\"x 2\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"span\")]), _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(\">\")]), _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(\"\\\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _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(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-card\")]), _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-4e4f26a0!./~/vue-loader/lib/selector.js?type=template&index=0!./~/vue-markdown-loader/_cache/card-2.vue\n// module id = 289\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(\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell\")]), _vm._v(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell-group\")]), _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(\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell\")]), _vm._v(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell-group\")]), _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(\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell\")]), _vm._v(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell-group\")]), _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(\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell\")]), _vm._v(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell-group\")]), _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(\"zan-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(\"zan-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(\"\\\"zan-cell-text\\\"\")]), _vm._v(\">\")]), _vm._v(\"起码运动馆\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"span\")]), _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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"template\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell\")]), _vm._v(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell-group\")]), _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-514c721a!./~/vue-loader/lib/selector.js?type=template&index=0!./~/vue-markdown-loader/_cache/cell-3.vue\n// module id = 290\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('zan-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 = 291\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: \"zan-button-1\"\n }, [_c('zan-button', {\n on: {\n \"click\": _vm.handleAlertClick\n }\n }, [_vm._v(\"点击我打开alert提示框\")])], 1), _vm._v(\" \"), _c('div', {\n staticClass: \"zan-button-1\"\n }, [_c('zan-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 = 292\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-loading\"\n }, [_c('h1', {\n staticClass: \"page-title\"\n }, [_vm._v(\"Loading\")]), _vm._v(\" \"), _c('h2', {\n staticClass: \"page-sub-title\"\n }, [_vm._v(\"Loading展示\")]), _vm._v(\" \"), _c('div', {\n staticClass: \"page-loading__example1\"\n }, [_c('zan-loading', {\n staticClass: \"some-customized-class\",\n staticStyle: {\n \"padding-top\": \"50px\",\n \"text-align\": \"center\"\n }\n })], 1)])\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-62c76611!./~/vue-loader/lib/selector.js?type=template&index=0!./docs/examples/loading.vue\n// module id = 293\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-badge\"\n }, [_c('h1', {\n staticClass: \"page-title\"\n }, [_vm._v(\"Badge\")]), _vm._v(\" \"), _c('h2', {\n staticClass: \"page-sub-title\"\n }, [_vm._v(\"基础用法\")]), _vm._v(\" \"), _c('zan-badge-group', {\n attrs: {\n \"active-key\": \"2\"\n }\n }, [_c('zan-badge', {\n attrs: {\n \"mark\": \"0\",\n \"title\": \"热销榜\",\n \"info\": \"8\",\n \"url\": \"http://baidu.com\"\n }\n }), _vm._v(\" \"), _c('zan-badge', {\n attrs: {\n \"mark\": \"1\",\n \"title\": \"花式寿司\",\n \"info\": \"99\"\n }\n }), _vm._v(\" \"), _c('zan-badge', {\n attrs: {\n \"mark\": \"2\",\n \"title\": \"火炽寿司\"\n }\n }), _vm._v(\" \"), _c('zan-badge', {\n attrs: {\n \"mark\": \"3\",\n \"title\": \"手握寿司\",\n \"info\": \"199\"\n }\n })], 1)], 1)\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-6a888038!./~/vue-loader/lib/selector.js?type=template&index=0!./docs/examples/badge.vue\n// module id = 294\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 步骤条\")]), _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(\"zan-steps\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\":active\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"active\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"icon\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"certificate\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"icon-class\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"steps-success\\\"\")]), _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(\"description\")]), _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(\"zan-step\")]), _vm._v(\">\")]), _vm._v(\"买家下单\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-step\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-step\")]), _vm._v(\">\")]), _vm._v(\"商家接单\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-step\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-step\")]), _vm._v(\">\")]), _vm._v(\"买家提货\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-step\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-step\")]), _vm._v(\">\")]), _vm._v(\"交易完成\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-step\")]), _vm._v(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-steps\")]), _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(\"active\")]), _vm._v(\": \"), _c('span', {\n staticClass: \"hljs-number\"\n }, [_vm._v(\"0\")]), _vm._v(\"\\n };\\n },\\n\\n \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"methods\")]), _vm._v(\": {\\n nextStep() {\\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(\".active > \"), _c('span', {\n staticClass: \"hljs-number\"\n }, [_vm._v(\"3\")]), _vm._v(\") \"), _c('span', {\n staticClass: \"hljs-keyword\"\n }, [_vm._v(\"this\")]), _vm._v(\".active = \"), _c('span', {\n staticClass: \"hljs-number\"\n }, [_vm._v(\"0\")]), _vm._v(\";\\n }\\n }\\n}\\n\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"script\")]), _vm._v(\">\")]), _vm._v(\"\\n\")])]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"zhi-xian-shi-bu-zou-tiao\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#zhi-xian-shi-bu-zou-tiao\",\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(\"zan-steps\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\":active\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"active\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-step\")]), _vm._v(\">\")]), _vm._v(\"买家下单\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-step\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-step\")]), _vm._v(\">\")]), _vm._v(\"商家接单\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-step\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-step\")]), _vm._v(\">\")]), _vm._v(\"买家提货\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-step\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-step\")]), _vm._v(\">\")]), _vm._v(\"交易完成\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-step\")]), _vm._v(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-steps\")]), _vm._v(\">\")]), _vm._v(\"\\n\")])]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"steps-api\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#steps-api\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" Steps 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(\"active\")]), _vm._v(\" \"), _c('td', [_vm._v(\"当前激活的步骤,从0开始\")]), _vm._v(\" \"), _c('td', [_vm._v(\"Number\")]), _vm._v(\" \"), _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('td', [_vm._v(\"string\")]), _vm._v(\" \"), _c('td', [_vm._v(\"''\")]), _vm._v(\" \"), _c('td', [_vm._v(\"''\")])]), _vm._v(\" \"), _c('tr', [_c('td', [_vm._v(\"iconClass\")]), _vm._v(\" \"), _c('td', [_vm._v(\"当前步骤栏为icon添加的类\")]), _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(\"description\")]), _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\": \"steps-slot\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#steps-slot\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" Steps Slot\")]), _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(\"message-extra\")]), _vm._v(\" \"), _c('td', [_vm._v(\"状态栏添加额外的元素\")])])])])])\n}]}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-6b0f9633!./~/vue-loader/lib/selector.js?type=template&index=0!./~/vue-markdown-loader/_cache/steps-13.vue\n// module id = 295\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('zan-cell-group', [_c('zan-cell', {\n attrs: {\n \"title\": \"单元格1\",\n \"value\": \"单元格1内容\"\n }\n }), _vm._v(\" \"), _c('zan-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('zan-cell-group', [_c('zan-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('zan-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('zan-cell-group', [_c('zan-cell', {\n attrs: {\n \"title\": \"起码运动馆\",\n \"icon\": \"home\"\n }\n }), _vm._v(\" \"), _c('zan-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('zan-cell-group', [_c('zan-cell', {\n attrs: {\n \"title\": \"起码运动馆\",\n \"value\": \"进入店铺\",\n \"icon\": \"home\",\n \"url\": \"http://youzan.com\",\n \"is-link\": \"\"\n }\n }), _vm._v(\" \"), _c('zan-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('zan-cell-group', [_c('zan-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: \"zan-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('zan-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 = 296\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: \"zan-button-1\"\n }, [_c('zan-button', {\n on: {\n \"click\": function($event) {\n _vm.popupShow1 = true\n }\n }\n }, [_vm._v(\"从下方弹出popup\")])], 1), _vm._v(\" \"), _c('zan-popup', {\n staticClass: \"zan-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: \"zan-button-1\"\n }, [_c('zan-button', {\n on: {\n \"click\": function($event) {\n _vm.popupShow2 = true\n }\n }\n }, [_vm._v(\"从上方方弹出popup\")])], 1), _vm._v(\" \"), _c('zan-popup', {\n staticClass: \"zan-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: \"zan-button-1\"\n }, [_c('zan-button', {\n on: {\n \"click\": function($event) {\n _vm.popupShow3 = true\n }\n }\n }, [_vm._v(\"从右方弹出popup\")])], 1), _vm._v(\" \"), _c('zan-popup', {\n staticClass: \"zan-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('zan-button', {\n nativeOn: {\n \"click\": function($event) {\n _vm.popupShow3 = false\n }\n }\n }, [_vm._v(\"关闭 popup\")])], 1), _vm._v(\" \"), _c('div', {\n staticClass: \"zan-button-1\"\n }, [_c('zan-button', {\n on: {\n \"click\": function($event) {\n _vm.popupShow4 = true\n }\n }\n }, [_vm._v(\"从中间弹出popup\")])], 1), _vm._v(\" \"), _c('zan-popup', {\n staticClass: \"zan-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 = 297\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(\"Tag\")]), _vm._v(\" \"), _c('h2', {\n staticClass: \"page-sub-title\"\n }, [_vm._v(\"基础用法\")]), _vm._v(\" \"), _c('div', [_c('div', {\n staticClass: \"tags-container\"\n }, [_c('zan-tag', [_vm._v(\"返现\")]), _vm._v(\" \"), _c('zan-tag', {\n attrs: {\n \"plain\": true\n }\n }, [_vm._v(\"返现\")])], 1), _vm._v(\" \"), _c('div', {\n staticClass: \"tags-container\"\n }, [_c('zan-tag', {\n attrs: {\n \"type\": \"danger\"\n }\n }, [_vm._v(\"返现\")]), _vm._v(\" \"), _c('zan-tag', {\n attrs: {\n \"type\": \"danger\"\n }\n }, [_vm._v(\"四字标签\")]), _vm._v(\" \"), _c('zan-tag', {\n attrs: {\n \"type\": \"danger\"\n }\n }, [_vm._v(\"一\")])], 1), _vm._v(\" \"), _c('div', {\n staticClass: \"tags-container\"\n }, [_c('zan-tag', {\n attrs: {\n \"type\": \"danger\"\n }\n }, [_vm._v(\"返现\")]), _vm._v(\" \"), _c('zan-tag', {\n attrs: {\n \"plain\": true,\n \"type\": \"danger\"\n }\n }, [_vm._v(\"返现\")])], 1), _vm._v(\" \"), _c('div', {\n staticClass: \"tags-container\"\n }, [_c('zan-tag', {\n attrs: {\n \"type\": \"primary\"\n }\n }, [_vm._v(\"返现\")]), _vm._v(\" \"), _c('zan-tag', {\n attrs: {\n \"plain\": true,\n \"type\": \"primary\"\n }\n }, [_vm._v(\"返现\")])], 1), _vm._v(\" \"), _c('div', {\n staticClass: \"tags-container\"\n }, [_c('zan-tag', {\n attrs: {\n \"type\": \"success\"\n }\n }, [_vm._v(\"返现\")]), _vm._v(\" \"), _c('zan-tag', {\n attrs: {\n \"plain\": true,\n \"type\": \"success\"\n }\n }, [_vm._v(\"返现\")])], 1), _vm._v(\" \"), _c('div', {\n staticClass: \"tags-container\"\n }, [_c('zan-tag', {\n attrs: {\n \"type\": \"danger\",\n \"mark\": true\n }\n }, [_vm._v(\"返现\")])], 1)])])\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-72098bef!./~/vue-loader/lib/selector.js?type=template&index=0!./docs/examples/tag.vue\n// module id = 298\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', [_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: \"zan-cell\",\n staticStyle: {\n \"text-align\": \"center\"\n }\n }, [_vm._v(_vm._s(item))])\n }), _vm._v(\" \"), _c('div', {\n staticStyle: {\n \"text-align\": \"center\"\n }\n }, [_vm._v(\"loading\")])], 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 = 299\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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _vm._v(\">\")]), _vm._v(\"\\n\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"script\")]), _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-74d157c8!./~/vue-loader/lib/selector.js?type=template&index=0!./~/vue-markdown-loader/_cache/dialog-6.vue\n// module id = 300\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-search\"\n }, [_c('h1', {\n staticClass: \"page-title\"\n }, [_vm._v(\"Search\")]), _vm._v(\" \"), _c('h2', {\n staticClass: \"page-sub-title\"\n }, [_vm._v(\"基础用法\")]), _vm._v(\" \"), _c('zan-search', {\n attrs: {\n \"placeholder\": \"商品名称\"\n },\n on: {\n \"search\": _vm.goSearch\n }\n })], 1)\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-7e61b863!./~/vue-loader/lib/selector.js?type=template&index=0!./docs/examples/search.vue\n// module id = 301\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组件\")]), _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(\"zan-checkbox\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"v-model\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"checkbox1\\\"\")]), _vm._v(\">\")]), _vm._v(\"复选框1\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-checkbox\")]), _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(\"checkbox1\")]), _vm._v(\": \"), _c('span', {\n staticClass: \"hljs-literal\"\n }, [_vm._v(\"true\")]), _vm._v(\"\\n };\\n }\\n}; \\n\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"script\")]), _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(\"zan-checkbox\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"v-model\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"checkbox2\\\"\")]), _vm._v(\">\")]), _vm._v(\"复选框2\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-checkbox\")]), _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(\"checkbox2\")]), _vm._v(\": \"), _c('span', {\n staticClass: \"hljs-literal\"\n }, [_vm._v(\"true\")]), _vm._v(\"\\n };\\n }\\n}; \\n\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"script\")]), _vm._v(\">\")]), _vm._v(\"\\n\")])]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"checkbox-zu\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#checkbox-zu\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" Checkbox组\")]), _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(\"zan-checkbox-group\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"v-model\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"result\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-checkbox\")]), _vm._v(\" \"), _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(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\":name\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"item\\\"\")]), _vm._v(\">\")]), _vm._v(\"复选框\"), _c('span', [_vm._v(\"{{\")]), _vm._v(\"item\"), _c('span', [_vm._v(\"}}\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-checkbox\")]), _vm._v(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-checkbox-group\")]), _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(\": [\\n \"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"'a'\")]), _vm._v(\",\\n \"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"'b'\")]), _vm._v(\",\\n \"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"'c'\")]), _vm._v(\"\\n ],\\n \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"result\")]), _vm._v(\": [\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"'a'\")]), _vm._v(\", \"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"'b'\")]), _vm._v(\"]\\n };\\n },\\n\\n \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"watch\")]), _vm._v(\": {\\n result(val) {\\n \"), _c('span', {\n staticClass: \"hljs-built_in\"\n }, [_vm._v(\"console\")]), _vm._v(\".log(val);\\n }\\n }\\n};\\n\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"script\")]), _vm._v(\">\")]), _vm._v(\"\\n\")])]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"jin-yong-checkbox-zu\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#jin-yong-checkbox-zu\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" 禁用Checkbox组\")]), _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(\"zan-checkbox-group\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"v-model\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"result\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"disabled\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-checkbox\")]), _vm._v(\" \"), _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(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\":name\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"item\\\"\")]), _vm._v(\">\")]), _vm._v(\"复选框\"), _c('span', [_vm._v(\"{{\")]), _vm._v(\"item\"), _c('span', [_vm._v(\"}}\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-checkbox\")]), _vm._v(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-checkbox-group\")]), _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(\": [\\n \"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"'a'\")]), _vm._v(\",\\n \"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"'b'\")]), _vm._v(\",\\n \"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"'c'\")]), _vm._v(\"\\n ],\\n \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"result\")]), _vm._v(\": [\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"'a'\")]), _vm._v(\", \"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"'b'\")]), _vm._v(\"]\\n };\\n }\\n};\\n\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"script\")]), _vm._v(\">\")]), _vm._v(\"\\n\")])]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"yu-cell-zu-jian-yi-qi-shi-yong\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#yu-cell-zu-jian-yi-qi-shi-yong\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" 与Cell组件一起使用\")]), _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(\"zan-checkbox-group\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"v-model\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"result\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"zan-cell\")]), _vm._v(\" \"), _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(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-checkbox\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\":name\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"item\\\"\")]), _vm._v(\">\")]), _vm._v(\"复选框\"), _c('span', [_vm._v(\"{{\")]), _vm._v(\"item\"), _c('span', [_vm._v(\"}}\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-checkbox\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"zan-checkbox-group\")]), _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(\": [\\n \"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"'a'\")]), _vm._v(\",\\n \"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"'b'\")]), _vm._v(\",\\n \"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"'c'\")]), _vm._v(\"\\n ],\\n \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"result\")]), _vm._v(\": [\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"'a'\")]), _vm._v(\", \"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"'b'\")]), _vm._v(\"]\\n };\\n }\\n};\\n\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"script\")]), _vm._v(\">\")]), _vm._v(\"\\n\")])]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"checkbox-api\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#checkbox-api\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" Checkbox 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')]), _vm._v(\" \"), _c('tr', [_c('td', [_vm._v(\"name\")]), _vm._v(\" \"), _c('td', [_vm._v(\"根据这个来判断radio是否选中\")]), _vm._v(\" \"), _c('td', [_vm._v(\"Boolean\")]), _vm._v(\" \"), _c('td', [_vm._v(\"false\")]), _vm._v(\" \"), _c('td')])])]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"checkboxgroup-api\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#checkboxgroup-api\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" CheckboxGroup 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')])])]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"checkboxgroup-event\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#checkboxgroup-event\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" CheckboxGroup Event\")]), _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('tbody', [_c('tr', [_c('td', [_vm._v(\"change\")]), _vm._v(\" \"), _c('td', [_vm._v(\"当绑定值变化时触发的事件\")]), _vm._v(\" \"), _c('td', [_vm._v(\"当前组件的值\")])])])])])\n}]}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-7f0e8918!./~/vue-loader/lib/selector.js?type=template&index=0!./~/vue-markdown-loader/_cache/checkbox-7.vue\n// module id = 302\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: \"zan-button-group\"\n }, [_c('div', {\n staticClass: \"zan-button-1\"\n }, [_c('zan-button', [_vm._v(\"default\")])], 1), _vm._v(\" \"), _c('div', {\n staticClass: \"zan-button-1\"\n }, [_c('zan-button', {\n attrs: {\n \"type\": \"primary\"\n }\n }, [_vm._v(\"primary\")])], 1), _vm._v(\" \"), _c('div', {\n staticClass: \"zan-button-1\"\n }, [_c('zan-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: \"zan-button-group\"\n }, [_c('div', {\n staticClass: \"zan-button-1\"\n }, [_c('zan-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: \"zan-button-group\"\n }, [_c('div', {\n staticClass: \"zan-button-1\"\n }, [_c('zan-button', {\n attrs: {\n \"size\": \"large\"\n }\n }, [_vm._v(\"large\")])], 1)]), _vm._v(\" \"), _c('div', {\n staticClass: \"zan-button-group\"\n }, [_c('div', {\n staticClass: \"zan-button-3\"\n }, [_c('zan-button', {\n attrs: {\n \"type\": \"primary\"\n }\n }, [_vm._v(\"normal\")])], 1), _vm._v(\" \"), _c('div', {\n staticClass: \"zan-button-3\"\n }, [_c('zan-button', {\n attrs: {\n \"size\": \"small\"\n }\n }, [_vm._v(\"small\")])], 1), _vm._v(\" \"), _c('div', {\n staticClass: \"zan-button-3\"\n }, [_c('zan-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: \"zan-button-group\"\n }, [_c('div', {\n staticClass: \"zan-button-1\"\n }, [_c('zan-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: \"zan-button-group\"\n }, [_c('zan-button', {\n attrs: {\n \"type\": \"primary\",\n \"size\": \"small\"\n }\n }, [_vm._v(\"确认付款\")]), _vm._v(\" \"), _c('zan-button', {\n attrs: {\n \"size\": \"small\"\n }\n }, [_vm._v(\"确认收货\")]), _vm._v(\" \"), _c('zan-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 = 303\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\": \"tag-zu-jian\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#tag-zu-jian\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" Tag 组件\")]), _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(\"zan-tag\")]), _vm._v(\">\")]), _vm._v(\"返现\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-tag\")]), _vm._v(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-tag\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\":plain\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"true\\\"\")]), _vm._v(\">\")]), _vm._v(\"返现\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-tag\")]), _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('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(\"zan-tag\")]), _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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-tag\")]), _vm._v(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-tag\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"type\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"success\\\"\")]), _vm._v(\">\")]), _vm._v(\"返现\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-tag\")]), _vm._v(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-tag\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"type\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"success\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\":plain\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"true\\\"\")]), _vm._v(\">\")]), _vm._v(\"返现\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-tag\")]), _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(\"plain\")]), _vm._v(\" \"), _c('td', [_vm._v(\"是否是空心tag\")]), _vm._v(\" \"), _c('td', [_vm._v(\"boolean\")]), _vm._v(\" \"), _c('td', [_vm._v(\"false\")]), _vm._v(\" \"), _c('td', [_vm._v(\"''\")])]), _vm._v(\" \"), _c('tr', [_c('td', [_vm._v(\"mark\")]), _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(\"''\")])]), _vm._v(\" \"), _c('tr', [_c('td', [_vm._v(\"type\")]), _vm._v(\" \"), _c('td', [_vm._v(\"tag类型\")]), _vm._v(\" \"), _c('td', [_vm._v(\"string\")]), _vm._v(\" \"), _c('td', [_vm._v(\"''\")]), _vm._v(\" \"), _c('td', [_vm._v(\"'primary', 'success', 'danger'\")])])])]), _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(\"自定义tag显示内容\")])])])])])\n}]}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-8bd07cba!./~/vue-loader/lib/selector.js?type=template&index=0!./~/vue-markdown-loader/_cache/tag-16.vue\n// module id = 304\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\": \"an-zhuang\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#an-zhuang\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" 安装\")]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"ynpm-an-zhuang\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#ynpm-an-zhuang\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" ynpm安装\")]), _vm._v(\" \"), _c('pre', [_c('code', {\n staticClass: \"hljs\"\n }, [_vm._v(\"npm i @youzan/zanui-vue -S\\n\")])])])\n}]}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-901d4a30!./~/vue-loader/lib/selector.js?type=template&index=0!./~/vue-markdown-loader/_cache/install-5.vue\n// module id = 305\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('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(\"zan-radio\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"name\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"1\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"v-model\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"radio1\\\"\")]), _vm._v(\">\")]), _vm._v(\"单选框1\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-radio\")]), _vm._v(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-radio\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"name\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"2\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"v-model\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"radio1\\\"\")]), _vm._v(\">\")]), _vm._v(\"单选框2\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-radio\")]), _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(\"radio1\")]), _vm._v(\": \"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"'1'\")]), _vm._v(\"\\n }\\n }\\n};\\n\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"script\")]), _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(\"zan-radio\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"name\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"1\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"v-model\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"radio2\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"disabled\")]), _vm._v(\">\")]), _vm._v(\"未选中禁用\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-radio\")]), _vm._v(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-radio\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"name\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"2\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"v-model\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"radio2\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"disabled\")]), _vm._v(\">\")]), _vm._v(\"选中且禁用\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-radio\")]), _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(\"radio2\")]), _vm._v(\": \"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"'2'\")]), _vm._v(\"\\n }\\n }\\n};\\n\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"script\")]), _vm._v(\">\")]), _vm._v(\"\\n\")])]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"radio-zu\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#radio-zu\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" radio组\")]), _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(\"zan-radio-group\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"v-model\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"radio3\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-radio\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"name\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"1\\\"\")]), _vm._v(\">\")]), _vm._v(\"单选框1\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-radio\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-radio\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"name\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"2\\\"\")]), _vm._v(\">\")]), _vm._v(\"单选框2\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-radio\")]), _vm._v(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-radio-group\")]), _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(\"radio3\")]), _vm._v(\": \"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"'1'\")]), _vm._v(\"\\n }\\n }\\n};\\n\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"script\")]), _vm._v(\">\")]), _vm._v(\"\\n\")])]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"yu-cell-zu-jian-yi-qi-shi-yong\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#yu-cell-zu-jian-yi-qi-shi-yong\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" 与Cell组件一起使用\")]), _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(\"zan-radio-group\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"v-model\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"radio4\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"zan-cell\")]), _vm._v(\">\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-radio\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"name\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"1\\\"\")]), _vm._v(\">\")]), _vm._v(\"单选框1\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-radio\")]), _vm._v(\">\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell\")]), _vm._v(\">\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-radio\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"name\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"2\\\"\")]), _vm._v(\">\")]), _vm._v(\"单选框2\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-radio\")]), _vm._v(\">\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-cell\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"zan-radio-group\")]), _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(\"radio4\")]), _vm._v(\": \"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"'1'\")]), _vm._v(\"\\n }\\n }\\n};\\n\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"script\")]), _vm._v(\">\")]), _vm._v(\"\\n\")])]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"radio-api\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#radio-api\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" Radio 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')]), _vm._v(\" \"), _c('tr', [_c('td', [_vm._v(\"name\")]), _vm._v(\" \"), _c('td', [_vm._v(\"根据这个来判断radio是否选中\")]), _vm._v(\" \"), _c('td', [_vm._v(\"Boolean\")]), _vm._v(\" \"), _c('td', [_vm._v(\"false\")]), _vm._v(\" \"), _c('td')])])]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"radiogroup-api\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#radiogroup-api\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" RadioGroup 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')])])]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"radiogroup-event\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#radiogroup-event\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" RadioGroup Event\")]), _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('tbody', [_c('tr', [_c('td', [_vm._v(\"change\")]), _vm._v(\" \"), _c('td', [_vm._v(\"当绑定值变化时触发的事件\")]), _vm._v(\" \"), _c('td', [_vm._v(\"当前组件的值\")])])])])])\n}]}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-96ad3144!./~/vue-loader/lib/selector.js?type=template&index=0!./~/vue-markdown-loader/_cache/radio-12.vue\n// module id = 306\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-radio\"\n }, [_c('h1', {\n staticClass: \"page-title\"\n }, [_vm._v(\"Radio\")]), _vm._v(\" \"), _c('div', {\n staticClass: \"radio-demo-wrapper\"\n }, [_c('h2', {\n staticClass: \"page-sub-title\"\n }, [_vm._v(\"基础用法\")]), _vm._v(\" \"), _c('zan-radio', {\n attrs: {\n \"name\": \"1\"\n },\n model: {\n value: (_vm.radio1),\n callback: function($$v) {\n _vm.radio1 = $$v\n }\n }\n }, [_vm._v(\"单选框1\")]), _vm._v(\" \"), _c('zan-radio', {\n attrs: {\n \"name\": \"2\"\n },\n model: {\n value: (_vm.radio1),\n callback: function($$v) {\n _vm.radio1 = $$v\n }\n }\n }, [_vm._v(\"单选框2\")]), _vm._v(\" \"), _c('h2', {\n staticClass: \"page-sub-title\"\n }, [_vm._v(\"禁用状态\")]), _vm._v(\" \"), _c('zan-radio', {\n attrs: {\n \"name\": \"1\",\n \"disabled\": \"\"\n },\n model: {\n value: (_vm.radio2),\n callback: function($$v) {\n _vm.radio2 = $$v\n }\n }\n }, [_vm._v(\"未选中禁用\")]), _vm._v(\" \"), _c('zan-radio', {\n attrs: {\n \"name\": \"2\",\n \"disabled\": \"\"\n },\n model: {\n value: (_vm.radio2),\n callback: function($$v) {\n _vm.radio2 = $$v\n }\n }\n }, [_vm._v(\"选中且禁用\")]), _vm._v(\" \"), _c('h2', {\n staticClass: \"page-sub-title\"\n }, [_vm._v(\"radio组\")]), _vm._v(\" \"), _c('zan-radio-group', {\n model: {\n value: (_vm.radio3),\n callback: function($$v) {\n _vm.radio3 = $$v\n }\n }\n }, [_c('zan-radio', {\n attrs: {\n \"name\": \"1\"\n }\n }, [_vm._v(\"单选框1\")]), _vm._v(\" \"), _c('zan-radio', {\n attrs: {\n \"name\": \"2\"\n }\n }, [_vm._v(\"单选框2\")])], 1), _vm._v(\" \"), _c('h2', {\n staticClass: \"page-sub-title\"\n }, [_vm._v(\"禁用radio组\")]), _vm._v(\" \"), _c('zan-radio-group', {\n attrs: {\n \"disabled\": \"\"\n },\n model: {\n value: (_vm.radio3),\n callback: function($$v) {\n _vm.radio3 = $$v\n }\n }\n }, [_c('zan-radio', {\n attrs: {\n \"name\": \"1\"\n }\n }, [_vm._v(\"单选框1\")]), _vm._v(\" \"), _c('zan-radio', {\n attrs: {\n \"name\": \"2\"\n }\n }, [_vm._v(\"单选框2\")])], 1), _vm._v(\" \"), _c('h2', {\n staticClass: \"page-sub-title\"\n }, [_vm._v(\"与Cell组件一起使用\")])], 1), _vm._v(\" \"), _c('zan-radio-group', {\n model: {\n value: (_vm.radio4),\n callback: function($$v) {\n _vm.radio4 = $$v\n }\n }\n }, [_c('zan-cell-group', [_c('zan-cell', [_c('zan-radio', {\n attrs: {\n \"name\": \"1\"\n }\n }, [_vm._v(\"单选框1\")])], 1), _vm._v(\" \"), _c('zan-cell', [_c('zan-radio', {\n attrs: {\n \"name\": \"2\"\n }\n }, [_vm._v(\"单选框2\")])], 1)], 1)], 1)], 1)\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-9a73e6e0!./~/vue-loader/lib/selector.js?type=template&index=0!./docs/examples/radio.vue\n// module id = 307\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(\"zan-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(\"zan-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(\"\\\"zan-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(\"\\\"zan-card__title\\\"\")]), _vm._v(\">\")]), _vm._v(\"商品名称是什么,两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"h4\")]), _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(\"\\\"zan-card__price\\\"\")]), _vm._v(\">\")]), _vm._v(\"¥ 2.00\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"span\")]), _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(\">\")]), _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(\"\\\"zan-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(\"\\\"zan-card__desc\\\"\")]), _vm._v(\">\")]), _vm._v(\"商品sku\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"h4\")]), _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(\"\\\"zan-card__num\\\"\")]), _vm._v(\">\")]), _vm._v(\"x 2\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"span\")]), _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(\">\")]), _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(\"\\\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _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(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-card\")]), _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(\"\\\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"span\")]), _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(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-panel\")]), _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(\"zan-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(\"zan-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(\"\\\"zan-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(\"\\\"zan-card__title\\\"\")]), _vm._v(\">\")]), _vm._v(\"商品名称是什么,两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"h4\")]), _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(\"\\\"zan-card__price\\\"\")]), _vm._v(\">\")]), _vm._v(\"¥ 2.00\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"span\")]), _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(\">\")]), _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(\"\\\"zan-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(\"\\\"zan-card__desc\\\"\")]), _vm._v(\">\")]), _vm._v(\"商品sku\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"h4\")]), _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(\"\\\"zan-card__num\\\"\")]), _vm._v(\">\")]), _vm._v(\"x 2\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"span\")]), _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(\">\")]), _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(\"\\\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _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(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-card\")]), _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(\"\\\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"span\")]), _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(\">\")]), _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(\"\\\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _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(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-panel\")]), _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-b0e91792!./~/vue-loader/lib/selector.js?type=template&index=0!./~/vue-markdown-loader/_cache/panel-14.vue\n// module id = 308\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(\"\\\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _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(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"\\\"zan-popup-1\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n xxxx\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-popup\")]), _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(\"\\\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _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(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"\\\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-popup\")]), _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(\"\\\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _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(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"\\\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _vm._v(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-popup\")]), _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(\"\\\"zan-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(\"zan-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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-button\")]), _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(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-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(\"\\\"zan-popup-4\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n 一些内容\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-popup\")]), _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(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"script\")]), _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-cf7d0be8!./~/vue-loader/lib/selector.js?type=template&index=0!./~/vue-markdown-loader/_cache/popup-11.vue\n// module id = 309\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('zan-panel', {\n attrs: {\n \"title\": \"标题\",\n \"desc\": \"标题描述\",\n \"status\": \"状态\"\n }\n }, [_c('zan-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: \"zan-card__row\",\n slot: \"title\"\n }, [_c('h4', {\n staticClass: \"zan-card__title\"\n }, [_vm._v(\"商品名称是什么,两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"zan-card__price\"\n }, [_vm._v(\"¥ 2.00\")])]), _vm._v(\" \"), _c('div', {\n staticClass: \"zan-card__row\",\n slot: \"desc\"\n }, [_c('h4', {\n staticClass: \"zan-card__desc\"\n }, [_vm._v(\"商品sku\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"zan-card__num\"\n }, [_vm._v(\"x 2\")])]), _vm._v(\" \"), _c('div', {\n staticClass: \"zan-card__footer\",\n slot: \"footer\"\n }, [_c('zan-button', {\n attrs: {\n \"size\": \"mini\"\n }\n }, [_vm._v(\"按钮一\")]), _vm._v(\" \"), _c('zan-button', {\n attrs: {\n \"size\": \"mini\"\n }\n }, [_vm._v(\"按钮二\")])], 1)]), _vm._v(\" \"), _c('div', {\n staticClass: \"zan-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('zan-panel', {\n attrs: {\n \"title\": \"标题\",\n \"desc\": \"标题描述\",\n \"status\": \"状态\"\n }\n }, [_c('zan-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: \"zan-card__row\",\n slot: \"title\"\n }, [_c('h4', {\n staticClass: \"zan-card__title\"\n }, [_vm._v(\"商品名称是什么,两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余两行显示状态如效果图,多余多余多余\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"zan-card__price\"\n }, [_vm._v(\"¥ 2.00\")])]), _vm._v(\" \"), _c('div', {\n staticClass: \"zan-card__row\",\n slot: \"desc\"\n }, [_c('h4', {\n staticClass: \"zan-card__desc\"\n }, [_vm._v(\"商品sku\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"zan-card__num\"\n }, [_vm._v(\"x 2\")])]), _vm._v(\" \"), _c('div', {\n staticClass: \"zan-card__footer\",\n slot: \"footer\"\n }, [_c('zan-button', {\n attrs: {\n \"size\": \"mini\"\n }\n }, [_vm._v(\"按钮一\")]), _vm._v(\" \"), _c('zan-button', {\n attrs: {\n \"size\": \"mini\"\n }\n }, [_vm._v(\"按钮二\")])], 1)]), _vm._v(\" \"), _c('div', {\n staticClass: \"zan-panel-sum\"\n }, [_vm._v(\"\\n 合计:\"), _c('span', [_vm._v(\"¥ 1999.90\")])]), _vm._v(\" \"), _c('div', {\n staticClass: \"zan-panel-buttons\",\n slot: \"footer\"\n }, [_c('zan-button', {\n attrs: {\n \"size\": \"small\"\n }\n }, [_vm._v(\"按钮一\")]), _vm._v(\" \"), _c('zan-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 = 310\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('zan-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('zan-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('zan-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), _vm._v(\" \"), _c('div', {\n staticClass: \"page-switch__wrapper\"\n }, [_c('zan-switch', {\n staticClass: \"some-customized-class\",\n attrs: {\n \"checked\": true,\n \"loading\": true\n }\n }), _vm._v(\" \"), _c('div', {\n staticClass: \"page-switch__text\"\n }, [_vm._v(\"ON, LOADING\")])], 1), _vm._v(\" \"), _c('div', {\n staticClass: \"page-switch__wrapper\"\n }, [_c('zan-switch', {\n staticClass: \"some-customized-class\",\n attrs: {\n \"checked\": false,\n \"loading\": true\n }\n }), _vm._v(\" \"), _c('div', {\n staticClass: \"page-switch__text\"\n }, [_vm._v(\"OFF, LOADING\")])], 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 = 311\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\": \"badge-zu-jian\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#badge-zu-jian\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" Badge 组件\")]), _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(\"zan-badge-group\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"active-key\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"2\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-badge\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"mark\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"0\\\"\")]), _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(\"info\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"8\\\"\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"url\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"http://baidu.com\\\"\")]), _vm._v(\">\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-badge\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-badge\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"mark\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"1\\\"\")]), _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(\"info\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"99\\\"\")]), _vm._v(\">\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-badge\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-badge\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"mark\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"2\\\"\")]), _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-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-badge\")]), _vm._v(\">\")]), _vm._v(\"\\n \"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"<\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-badge\")]), _vm._v(\" \"), _c('span', {\n staticClass: \"hljs-attr\"\n }, [_vm._v(\"mark\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"3\\\"\")]), _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(\"info\")]), _vm._v(\"=\"), _c('span', {\n staticClass: \"hljs-string\"\n }, [_vm._v(\"\\\"199\\\"\")]), _vm._v(\">\")]), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-badge\")]), _vm._v(\">\")]), _vm._v(\"\\n\"), _c('span', {\n staticClass: \"hljs-tag\"\n }, [_vm._v(\"\"), _c('span', {\n staticClass: \"hljs-name\"\n }, [_vm._v(\"zan-badge-group\")]), _vm._v(\">\")]), _vm._v(\"\\n\")])]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"z-badge-group-api\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#z-badge-group-api\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" z-badge-group 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(\"active-key\")]), _vm._v(\" \"), _c('td', [_vm._v(\"激活的badge的索引\")]), _vm._v(\" \"), _c('td', [_vm._v(\"string\")]), _vm._v(\" \"), _c('td', [_vm._v(\"'0'但必须子badge里的mark是有0位索引\")]), _vm._v(\" \"), _c('td')])])]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"z-badge-api\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#z-badge-api\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" z-badge 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(\"mark\")]), _vm._v(\" \"), _c('td', [_vm._v(\"badge的唯一key值\")]), _vm._v(\" \"), _c('td', [_vm._v(\"string\")]), _vm._v(\" \"), _c('td', [_vm._v(\"''\")]), _vm._v(\" \"), _c('td', [_vm._v(\"required\")])]), _vm._v(\" \"), _c('tr', [_c('td', [_vm._v(\"title\")]), _vm._v(\" \"), _c('td', [_vm._v(\"badge的文案标题\")]), _vm._v(\" \"), _c('td', [_vm._v(\"string\")]), _vm._v(\" \"), _c('td', [_vm._v(\"''\")]), _vm._v(\" \"), _c('td', [_vm._v(\"required\")])]), _vm._v(\" \"), _c('tr', [_c('td', [_vm._v(\"info\")]), _vm._v(\" \"), _c('td', [_vm._v(\"当前badge的提示消息数量\")]), _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(\"url\")]), _vm._v(\" \"), _c('td', [_vm._v(\"跳转链接\")]), _vm._v(\" \"), _c('td', [_vm._v(\"string\")]), _vm._v(\" \"), _c('td', [_vm._v(\"全连接直接跳转或者hash\")]), _vm._v(\" \"), _c('td')])])])])\n}]}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-e6c1faa2!./~/vue-loader/lib/selector.js?type=template&index=0!./~/vue-markdown-loader/_cache/badge-4.vue\n// module id = 312\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\": \"kuai-su-shang-shou\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#kuai-su-shang-shou\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" 快速上手\")]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"wan-zheng-yin-ru\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#wan-zheng-yin-ru\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" 完整引入\")]), _vm._v(\" \"), _c('pre', [_c('code', {\n staticClass: \"hljs\"\n }, [_vm._v(\"import Vue from 'vue';\\nimport ZanUI from '@youzan/zanui-vue';\\nimport '@youzan/zanui-vue/lib/zanui-css/index.css';\\n\\nVue.use(ZanUI);\\n\")])]), _vm._v(\" \"), _c('h3', {\n attrs: {\n \"id\": \"an-xu-yin-ru\"\n }\n }, [_c('a', {\n staticClass: \"header-anchor\",\n attrs: {\n \"href\": \"#an-xu-yin-ru\",\n \"aria-hidden\": \"true\"\n }\n }, [_vm._v(\"¶\")]), _vm._v(\" 按需引入\")]), _vm._v(\" \"), _c('pre', [_c('code', {\n staticClass: \"hljs\"\n }, [_vm._v(\"import Vue from 'vue';\\nimport { Button, Cell } from '@youzan/zanui-vue';\\nimport '@youzan/zanui-vue/lib/zanui-css/button.css';\\nimport '@youzan/zanui-vue/lib/zanui-css/cell.css';\\n\\nVue.component(Button.name, Button);\\nVue.component(Cell.name, Cell);\\n\")])])])\n}]}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-fa40db88!./~/vue-loader/lib/selector.js?type=template&index=0!./~/vue-markdown-loader/_cache/quickstart-10.vue\n// module id = 313\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 = 197\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 = 237\n// module chunks = 1","// 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 = 224\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 = 274\n// module chunks = 1","// 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 = 225\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 = 279\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 {{item.name}}\n \n \n \n \n
\n
{{group.groupName}}
\n \n
\n \n \n
\n
\n\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 = 163\n// module chunks = 3","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 = 165\n// module chunks = 3","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 = 166\n// module chunks = 3","// 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 {{item.name}}\n \n \n \n \n
\n
{{group.groupName}}
\n \n
\n \n \n
\n
\n\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 = 188\n// module chunks = 3","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 = 190\n// module chunks = 3","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 = 191\n// module chunks = 3","// 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 {{item.name}}\n \n \n \n \n
\n
{{group.groupName}}
\n \n
\n \n \n
\n
\n\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 = 188\n// module chunks = 3","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 = 190\n// module chunks = 3","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 = 191\n// module chunks = 3","// style-loader: Adds some css to the DOM by adding a \n\n\n\n// WEBPACK FOOTER //\n// ExamplesApp.vue?44e7f821","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \".zan-button{position:relative;padding:0;display:inline-block;height:45px;line-height:43px;border-radius:4px;border:0;box-sizing:border-box;font-size:16px;text-align:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;overflow:hidden}.zan-button:after{content:\\\" \\\";top:0;right:0;bottom:0;left:0;position:absolute;background-color:#000;opacity:0}.zan-button:not(.is-disabled):active:after{opacity:.3}.zan-button.is-block{display:block}.zan-button.is-disabled{color:#999;background-color:#e5e5e5;border:1px solid #cacaca}.zan-button--default{color:#333;background-color:#fff;border:1px solid #bbb}.zan-button--primary{color:#fff;background-color:#4b0;border:1px solid #0a0}.zan-button--danger{color:#fff;background-color:#f44;border:1px solid #e33}.zan-button--large{width:100%;height:50px;line-height:48px;font-size:16px}.zan-button--normal{padding:0 10px;font-size:14px}.zan-button--small{min-width:60px;height:30px;line-height:28px;font-size:12px}.zan-button--mini{display:inline-block;width:50px;height:22px;line-height:20px;font-size:10px}.zan-button-group{font-size:0}.zan-button-group>.zan-button{margin-right:10px}.zan-button-group>.zan-button::last-child{margin-right:0}.zan-button-1{display:inline-block;box-sizing:border-box;padding-right:10px;padding-right:0;width:100%}.zan-button-1 .zan-button{width:100%}.zan-button-1:last-child{padding-right:0}.zan-button-2{display:inline-block;box-sizing:border-box;padding-right:10px;width:50%}.zan-button-2 .zan-button{width:100%}.zan-button-2:last-child{padding-right:0}.zan-button-3{display:inline-block;box-sizing:border-box;padding-right:10px;width:33.33%}.zan-button-3 .zan-button{width:100%}.zan-button-3:last-child{padding-right:0}.zan-cell-group{padding-left:10px;position:relative}.zan-cell-group:after{content:\\\"\\\";position:absolute;top:0;left:0;box-sizing:border-box;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:left top;transform-origin:left top;-webkit-perspective:1000;-webkit-backface-visibility:hidden;pointer-events:none;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}.zan-cell{display:block;overflow:hidden;position:relative;padding:10px 10px 10px 0;box-sizing:border-box;line-height:22px;background-color:#fff;color:#333;font-size:14px;text-decoration:none}.zan-cell .zan-icon-arrow{position:absolute;top:50%;right:10px;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#999;font-size:12px}.zan-cell:after{content:\\\"\\\";position:absolute;top:0;left:0;box-sizing:border-box;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:left top;transform-origin:left top;-webkit-perspective:1000;-webkit-backface-visibility:hidden;pointer-events:none;border-bottom:1px solid #e5e5e5}.zan-cell:last-child:after{border-bottom:0}.zan-cell__title{float:left;overflow:hidden}.zan-cell__label{display:block;font-size:12px;line-height:1.2;color:#666}.zan-cell__value{float:right;overflow:hidden}.zan-cell__value.is-alone{float:left}.zan-cell__value.is-link{margin-right:20px}.zan-card{padding:5px 15px;background:#fafafa;overflow:hidden;position:relative;margin-top:10px}.zan-card:first-child{margin-top:0}.zan-card__img{float:left;width:90px;height:90px;border:0}.zan-card__content{margin-left:100px;display:table}.zan-card__content.is-center{display:table;height:90px}.zan-card__content.is-center .zan-card__info{display:table-cell;vertical-align:middle}.zan-card__row{overflow:hidden;padding-right:80px;position:relative}.zan-card__title{line-height:20px;color:#333;max-height:40px;margin-bottom:5px;-webkit-line-clamp:2}.zan-card__desc,.zan-card__title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.zan-card__desc{font-size:12px;color:#666;max-height:20px;-webkit-line-clamp:1}.zan-card__price{font-size:14px;color:#333}.zan-card__num,.zan-card__price{position:absolute;top:0;right:0;width:80px;text-align:right}.zan-card__num{font-size:12px;color:#666}.zan-card__footer{position:absolute;right:15px;bottom:5px}.zan-card__footer .zan-button{margin-left:5px}.zan-dialog-wrapper{position:absolute}.zan-dialog{position:fixed;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);background-color:#fff;width:85%;border-radius:4px;font-size:16px;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:.2s;transition:.2s}.zan-dialog__header{padding:15px 0 0}.zan-dialog__content{padding:15px 20px;min-height:36px;position:relative}.zan-dialog__content:after{content:\\\"\\\";position:absolute;top:0;left:0;box-sizing:border-box;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:left top;transform-origin:left top;-webkit-perspective:1000;-webkit-backface-visibility:hidden;pointer-events:none;border-bottom:1px solid #e5e5e5}.zan-dialog__title{text-align:center;padding-left:0;margin-bottom:0;font-size:16px;color:#333}.zan-dialog__message{color:#999;margin:0;font-size:14px;line-height:1.5}.zan-dialog__footer{font-size:14px;overflow:hidden}.zan-dialog__footer.is-twobtn .zan-dialog__btn{width:50%}.zan-dialog__footer.is-twobtn .zan-dialog__cancel:after{content:\\\"\\\";position:absolute;top:0;left:0;box-sizing:border-box;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:left top;transform-origin:left top;-webkit-perspective:1000;-webkit-backface-visibility:hidden;pointer-events:none;border-right:1px solid #e5e5e5}.zan-dialog__btn{line-height:40px;border:0;background-color:#fff;float:left;box-sizing:border-box;text-align:center;position:relative}.zan-dialog__cancel{color:#333}.zan-dialog__confirm{color:#00c000;width:100%}.dialog-bounce-enter{opacity:0;-webkit-transform:translate3d(-50%,-50%,0) scale(.7);transform:translate3d(-50%,-50%,0) scale(.7)}.dialog-bounce-leave-active{opacity:0;-webkit-transform:translate3d(-50%,-50%,0) scale(.9);transform:translate3d(-50%,-50%,0) scale(.9)}.zan-field{width:100%;overflow:hidden}.zan-field .zan-cell__title,.zan-field .zan-cell__value{float:none;box-sizing:border-box}.zan-field .zan-cell__title{width:90px;position:absolute;top:10px;left:0}.zan-field .zan-cell__value{width:100%;padding-left:90px}.zan-field.is-nolabel .zan-cell__title{display:none}.zan-field.is-nolabel .zan-cell__value{width:100%;padding-left:0}.zan-field.is-textarea .zan-field__control{min-height:60px}.zan-field__control{border:0;font-size:14px;line-height:22px;display:block;width:100%;resize:none;outline:0}@font-face{font-family:zuiicon;src:url(\\\"https://b.yzcdn.cn/zui/font/zuiicon-b37948cf5d.eot\\\");src:url(\\\"https://b.yzcdn.cn/zui/font/zuiicon-b37948cf5d.eot?#iefix\\\") format(\\\"embedded-opentype\\\"),url(\\\"https://b.yzcdn.cn/zui/font/zuiicon-b37948cf5d.woff2\\\") format(\\\"woff2\\\"),url(\\\"https://b.yzcdn.cn/zui/font/zuiicon-b37948cf5d.woff\\\") format(\\\"woff\\\"),url(\\\"https://b.yzcdn.cn/zui/font/zuiicon-b37948cf5d.ttf\\\") format(\\\"truetype\\\")}.zan-icon,.zan-icon:before{display:inline-block}.zan-icon:before{font-family:zuiicon!important;font-style:normal;font-weight:400;speak:none;text-decoration:inherit;width:1em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;-webkit-font-smoothing:antialiased;-mozan-osx-font-smoothing:grayscale}.zan-icon-album:before{content:\\\"\\\\E800\\\"}.zan-icon-arrow:before{content:\\\"\\\\E801\\\"}.zan-icon-camera:before{content:\\\"\\\\E802\\\"}.zan-icon-certificate:before{content:\\\"\\\\E803\\\"}.zan-icon-check:before{content:\\\"\\\\E804\\\"}.zan-icon-checked:before{content:\\\"\\\\E805\\\"}.zan-icon-close:before{content:\\\"\\\\E806\\\"}.zan-icon-gift:before{content:\\\"\\\\E807\\\"}.zan-icon-home:before{content:\\\"\\\\E808\\\"}.zan-icon-location:before{content:\\\"\\\\E809\\\"}.zan-icon-message:before{content:\\\"\\\\E80A\\\"}.zan-icon-send:before{content:\\\"\\\\E80B\\\"}.zan-icon-shopping-cart:before{content:\\\"\\\\E80C\\\"}.zan-icon-sign:before{content:\\\"\\\\E80D\\\"}.zan-icon-store:before{content:\\\"\\\\E80E\\\"}.zan-icon-topay:before{content:\\\"\\\\E80F\\\"}.zan-icon-tosend:before{content:\\\"\\\\E810\\\"}@-webkit-keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.zan-loading{height:30px;width:30px;background:url(\\\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAADitJREFUaAXNmmuMVVcVx++9M8PMMAwMj5GCpJjGtKVIfQxIpcGGtwylwQ+iND4iJI1GTU2jjZqmYvzQVNLY1JiaftPU1mjSftBAeA4FQagQSCoYq0EUeU55zTCvO/fh77/uWZtzh7kzd17ATvZde6+99t7rv9baj3POTSbGKB08eLC2o6OjKZ/PfyyZTN7HNPdRboTWU6+DJnO5XGcqlbpBuZX8b/IpZN6bMGHCu4sWLeqiPuopOZoj7tq1ayrjPY7SK6GfIFcBCnzJhP3AoC0FUdLcSQDDyifjfHi9tB2Ht62ysvLtJUuWfKAOo5FGBfCOHTvmA2gTCi6GVqCYgRHQbDabEiXbXHFgkusLmLrJYSjrh7ws1kJ+dfny5X8ZKegRAd6+ffvCioqKb6PUpyKQ0ieAVXk4gGUb7xcfDyP8lfqLK1euPAAdVhoW4H379jX29PR8nxlXk0OIAhxdbcgA2kM6LidNI0+bfNTPdTHPxvup3SOBrurzNvNvXrNmzQWNNZTkk5Tdh3W6GAVepEN91CkAjuoBLHVtTAaKcpHcSABrHvp3YISnCPNdqpebXImy5Hfu3PlVAPwC4Tom1KTKnryeQKas8SSENSyX24HJtMHJiPXM8wYO+Fa5fW2+coRPnDgx7uzZs88h+wRWFbCiXTUaw41nCrG2bXyUGtDDPh7CHm0DhjRz2zw+qOqUf9fb2/tMc3NzT6RLSeKTlBTYv3//ZNbLywz8sID6RK5gfwpITmtOsgA2AMgHg2iyqJ/kzIA+nuToFjYt2t2jt8hpHJJhYLyjVVVVTw52hLkSha59fuVZwP6cweaRrRVaKPSR7a8aFx1KmPtY9A8OiZe9PU4x0oJMJvPm1q1bq+P8vuUBAV+4cOFHTDSPwQJIlZUYqCiLH8+aiHqYTx6P+gRevMCQ5knnqW/Ux1lxD5us9xGNhBZwUXk5dOinUBIwm8GXGehx9YFaVwGKl/sZL8ipIFn18bI1DvCj8PYUGcuBOFhvLqLIBjkanmRz/U6RQKwSFwzs3bt3LyIEZSmNZTIoL22EWHKBr7IYUbs1UPZ2tbUDZC8XiYNY/xyb2aXu7u5L48aN06XkQ7RPR34m9DHoUuhkTRmtfY1jYK1AI8mt4rp7XW3xKPkCF5QdYsaTdwq8lpaWaayFP8CYIKZPhDI2MFR9rF/UZmVvd3lk9pB/C8gjbCQZyoMm5q5kt13IGBsRbtZcpJKA1RjXJ5rADdDO3E3MXXQ5qeyrBWCfZpDxGkttlF1Es3vZqNpiPBc8TuNLK1asOFYkXEYlMoyujQdYUgvw8vNEx4KoqxvWKPxiZQpC4jl/EhH0AvWvR/2NeKNVuBs3MdAvZTWlSNCpW87qkqHdyi4L3cLN5/Wo36gQgD/FXD9hMHMOZdMjAhyWmOsCLdITozWvWrVqnyvjjVZnEA2uMqSQVO6nLhlL9JGX28jfGG2wmoAxX4NsILeT3cgWymgY6jK6ksuoTZn0Y3ghBcBsVHrieRgBQ+w0SBYXggyDSpGvodiIH92Kp7hZY3nsRZ/PwWkTl7KAeYqXnRcoop8hcj/rjAAY129Aeef72oVVSHTUHTHndQQlnGPNPwvYU6HjGBWY433m36R5SQEkeptXoSlltSl7Qj7JyfBdV8sA6/qI0CMIBc/Fyy7cD31p9erVY+bZvvMBugW9niMLtYHTkiqVBFxtGGIVXtYRWFjgXB/1SsbetUCRC09Ct3ha7cpMdIxQe4PybU3M+SoTHtakADfvquhZPCVvVpFcwRH1RXgFwGzfjwmkEtaQwKCeBvAr1uEO/BCiz6Ojea/v9OCwBxbxVVaWKPTz4iU57GsAvBVGVdRgA0lQAiQPHViFXRG5d7D0s4XmO/PL9VHRtRadLKYNVUEVA4lDXF9rp5KZMmXKtBThrMc+P+MshKl7KIsqfMMTPQOL9fs7A/PmrOj0q5u1gje1aTkvKpvT5Ehy1bVr1x6tpOP9QiCmUtTooW08mq1JFPk21oNuU3c0ocdBQLVBJ7si0g/9BcSzHGbAItqUYj3MQqawgJFUJ61jJZWVo7J5mvqBcu/G1nGMfqQDumwjhzUrrKqLxrNUiOoP6Oy6FyHxhDJkBHJYryirnfSuhO+StNeBgUHhrPdKVVGuhKelqsWsNtEHVZhCJ5nFUAuklxGg+RZPXzTm3fFzBh3tNRHqOEDbtMSHp6xXRh7W98gCNQLm2RuhFtdRR61dbxq1zx7MPaJUXV19Lp1OK0rl2bBh9TOoAQZDvdwcHgVBZJ52qo7ucRmEgRM8vN81gNHnfOSFgcDG8U+S28K6pUVlxXFe4JTd81FbbsaMGRTvjsRbSoWvvQ8uRyNkLU47+xOWl+VdtcU9zidQfSG8KxLRNgPdytYF2aRCWoAVyv40pCei4HWVld3j0LsGMHrNJJeNGNm8FvwVgRksYRDzOI+D0weTvY3t9w5lLjDoe1TqTBS6wasMYl7FIOZ1eR9eNsqfHMokYymLXiuGMj7y76W4Jv6XTrZRiZLiG5U+edjm5SGNzCPIlL1RDEWhocjqDSfya4bSB73/lOIc+5dAepK3uW6GGxYGyVLPih9FQi1PKvNc/k5RHKHPtuEeXY4eePhoihfiJyjoPxVxL/vNy3gyCDIKa6sD/IlyJhhjmZJfF0rMm540adKfU1zCuwHzd4RsDQPOkkLZM+Gcj0LbAFNfxOvTh0oMPOZsfRlBSXugL3cyMB6eP39+p99QDnpHGopuW33rsgayYM5t8j63mzL3z4Y6JzjeUh8DzBrdCw59Dgk7NQLZQfL9e/bsue2hTWQ9jZ6PSvlyEzgyNTU19v4tHNr89UjvifyzRrljyUCbed0z5M8q5U4QlwOsNqpfw/PIjDcPVN6DjhslYK92VGCgtwDcpHI8FSL4JgcZhXRIhNf3eAX6Az5nnAnMMSjoQzd35wt8bNMLea0p0wOeUa/71Ogd9Bw/fvx55wcPi8Fm8AJyc7xR1PsxoH2ghtrfGdQW8UQ7McQWPk+Oyasfnbn19fXjzp8/n+jq6so3NjbmT58+nZg+fXp+9uzZBkx86XT06FGRBLIB8ObNm8PXyyLAOl9R/qfWgx+OH12iA0Dx5WEBZd0bdY8jq0F/s3Tp0q2SG61E9NQxVl1DQwMHRTZ/8eLFHP/FzONpA3Tjxo1ca2trYuHChTkZZOrUqcbn5WR+1qxZ+WPHjmXWr1+vW6KlIsDisJafwauLC80FgF4WdYAUgwXFB7ANilL/oPy6Po2IP9yk18f0bQBYCrC5q1ev5gRYwNva2hI8/Ofwel4eraury3Of0H6S4KyVURIctznksnPnzk3HdbgFcPSvnVdQulae9ETZAMI3ilEcsB1jKIMt7BWu7uEJFDhMFOxk8vfjFvbx+qP0S27btq0eMI2Uq+kvpTOi8DLSgZShnIevu0F+zpw5ZgBujOZ5hboiAAMlTp482U443wTBpLcAliL6ksjAPySHds2kNgdM0d59oYQBlTJkhTrEaEYGQKkOZI9T/hv5Cu1XWG/thKLW4njaq/FiLRtLPU9ik+mbRi7LdN205bja9sIPgBnL1iPPwlkBF2hlQjnX3t6ukPZI6+CioRtkUQqAirhUAK23+l+R8lEywAKhzCQQ27HdEFnJYhB1yKOkHidlJwGXa3pol5L6vJrBI/rvhxRqY6wMEaH/TYvfhXwWoN0aC+OkZUSNQ/+8DCBKOFuIs1aznLF5wNqcKjPGjbVr1/b7YqPkebZs2bI/osA7AuU5AgPbPG0eFiIpYEx+orKDNQpbYnkpjiF8d3cDJgGR1FrFaxW1tbVJZZRWqOi9ub6OVADE+JLBQCnJM1aKYylFvYII0a6d6OzsTJcCKx3DOaxK38QG8drly5fvAfBH0RdiAWFrlLK5HmXRy4p6mpKVNYyELaQpK8RyeFB/C8zSLgETgioJgNa8PXICqJq+WeoypIBqU8rxmUQv3LUM0qLaxEQnTpxofBmCsXrWrVt33UYt8VPSw5LXGmDX20Lxn/IuipinNJHaoZbFV1lJXlSdoslSliEs3CUTtZks9bCkYh4zjysgAC3vpniPVsFS0PGYdA/TV8/yerxVNCQJ8TTHU2t8fJukz0+YsA+/qHrkyBF9iNqIEvrHu4FzzzKxha0cJw/T0cDRrkWeQ5leAabcTX8ZQ2tLXu+mr9ZfhyiAbbNCtoucA2iP+mNArVltWr0ypo4aqnkc0SuLarcmrK9z07uAvDmiSPk+lbIAex/O6GYG/RLzyNoCYZsXZc1tLhZVRcpGPFMcJQ0wyhlgDNQDAL1c0C0tAKaPyTGnNjlFhwymogEEeFrjs5nZPBjsPGf+ZddxMDokwBqMJ6SPM/k3yTUC6p6lbMeBQEohQEhBeUgKyhgG3IHS33Zt+hlA6l2KCuq9MgA5jax25R6NRyjbbk+Y29sXPJvGeKf5y7D90WUwoN4+ZMDq2NLS0oAyG1Dq0xEYeyOC0nbjkoKISXEB1U3HAEPZn7IKTVE7doRFYwg4/XXummcBk4anY8k8TN+M6syrM/rytGnT/tPfOYvcgGlYgH1E7rkPosQ6FNAuLlBaz1qnUsxeGwkA4ORxAZeyAqJ12CNZeAZQ7RpDVMBF1c7aNsAYSTu7duBTPOoNuBMjUzKNCLCPynXwAYDplelD6GreRnn3sIAbgMgovqZLAgasMBtgQAvzB6zdU9yPr/mcw6WjAtgnP3To0ER28yYUnkdIfhh+Up4WABlAgLWmVYdvgCibR70dw4mvW9Ul2s6xWf+vnL/2uw6D0VEFHJ9M/6bnce0jeGcmik8lN9A+HsCaU99yBUzrtpOQ74CvnfY6ZXmzFW/GLyfxoUdU/j+IDynLAWtddgAAAABJRU5ErkJggg==\\\") no-repeat 50%;background-size:contain;-webkit-animation:loading .8s linear;-webkit-animation-iteration-count:infinite;animation:loading .8s linear;animation-iteration-count:infinite}.zan-picker{overflow:hidden}.zan-picker__toolbar{height:40px}.zan-picker__columns{position:relative;overflow:hidden}.zan-picker__columns--1 .zan-picker-column{width:100%}.zan-picker__columns--2 .zan-picker-column{width:50%}.zan-picker__columns--3 .zan-picker-column{width:33.333%}.zan-picker-center-highlight{box-sizing:border-box;position:absolute;left:0;width:100%;top:50%;margin-top:-18px;pointer-events:none}.zan-picker-center-highlight:after,.zan-picker-center-highlight:before{content:\\\"\\\";position:absolute;height:1px;width:100%;background-color:#eaeaea;display:block;zan-index:15;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.zan-picker-center-highlight:before{left:0;top:0;bottom:auto;right:auto}.zan-picker-center-highlight:after{left:0;bottom:0;right:auto;top:auto}.zan-picker-column{font-size:18px;overflow:hidden;position:relative;max-height:100%;float:left;text-align:center}.zan-picker-column__item{height:44px;line-height:44px;padding:0 10px;white-space:nowrap;position:relative;overflow:hidden;text-overflow:ellipsis;color:#707274;left:0;top:0;width:100%;box-sizing:border-box;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-backface-visibility:hidden;backface-visibility:hidden}.zan-picker-column__item--selected{color:#000;-webkit-transform:translateZ(0) rotateX(0);transform:translateZ(0) rotateX(0)}.picker-column-wrapper{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-backface-visibility:hidden;backface-visibility:hidden}.picker-column-wrapper.dragging,.picker-column-wrapper.dragging .picker-item{-webkit-transition-duration:0s;transition-duration:0s}.zan-modal{position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.701961)}.zan-popup{position:fixed;background-color:#fff;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:.2s ease-out;transition:.2s ease-out}.zan-popup--top{top:0;right:auto;bottom:auto;left:50%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.zan-popup--right{top:50%;right:0;bottom:auto;left:auto;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.zan-popup--bottom{top:auto;bottom:0;right:auto;left:50%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.zan-popup--left{top:50%;right:auto;bottom:auto;left:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.popup-slide-top-enter,.popup-slide-top-leave-active{-webkit-transform:translate3d(-50%,-100%,0);transform:translate3d(-50%,-100%,0)}.popup-slide-right-enter,.popup-slide-right-leave-active{-webkit-transform:translate3d(100%,-50%,0);transform:translate3d(100%,-50%,0)}.popup-slide-bottom-enter,.popup-slide-bottom-leave-active{-webkit-transform:translate3d(-50%,100%,0);transform:translate3d(-50%,100%,0)}.popup-slide-left-enter,.popup-slide-left-leave-active{-webkit-transform:translate3d(-100%,-50%,0);transform:translate3d(-100%,-50%,0)}.popup-fade-enter,.popup-fade-leave-active{opacity:0}.zan-radio .zan-icon{font-size:22px;line-height:1}.zan-radio .zan-icon-checked{color:#06bf04}.zan-radio .zan-icon-check{color:#999}.zan-radio.is-disabled .zan-icon{color:#d1dbe5}.zan-radio__input{position:relative;height:22px;margin-right:15px}.zan-radio__control{position:absolute;top:0;left:0;width:22px;height:22px;opacity:0;margin:0}.zan-radio__label{line-height:22px}.zan-switch{height:29px;width:49px;display:inline-block;border-radius:16px;position:relative;border:1px solid}.zan-switch.is-disabled.is-on{background-color:#a6e7b1}.zan-switch.is-disabled.is-off{background-color:#f2f2f2;border-color:rgba(0,0,0,.1)}.zan-switch.is-off{background-color:#fff;border-color:rgba(0,0,0,.1)}.zan-switch.is-on{background-color:#44db5e;border-color:#44db5e}.zan-switch__node{width:27px;height:27px;border-radius:100%;background-color:#fff;border:.5px solid rgba(0,0,0,.1);position:absolute;box-shadow:0 3px 1px 0 rgba(0,0,0,.05),0 2px 2px 0 rgba(0,0,0,.1),0 3px 3px 0 rgba(0,0,0,.05)}.zan-switch__node.is-off{left:20px}.zan-switch__node.is-off,.zan-switch__node.is-on{-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.zan-switch__node.is-on{left:0}.zan-panel{background:#fff;border-top:1px solid #e5e5e5}.zan-panel,.zan-panel__header{border-bottom:1px solid #e5e5e5}.zan-panel__header{padding:10px 15px;position:relative}.zan-panel__title{font-size:14px;color:#333}.zan-panel__desc{font-size:12px;color:#666}.zan-panel__status{font-size:14px;position:absolute;top:10px;right:15px;color:#f44}.zan-panel__footer{border-top:1px solid #e5e5e5;padding:10px 15px}.zan-steps{color:red}.zan-tag{position:relative;display:inline-block;line-height:14px;padding:1px 5px;border-radius:2px;font-size:10px;background:#c9c9c9;color:#fff}.zan-tag:after{content:\\\"\\\";position:absolute;top:0;left:0;box-sizing:border-box;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:left top;transform-origin:left top;-webkit-perspective:1000;-webkit-backface-visibility:hidden;pointer-events:none;border:1px solid #c9c9c9;border-radius:4px}.zan-tag.is-mark{border-radius:0 8px 8px 0}.zan-tag.is-mark:after{border-radius:0 16px 16px 0}.zan-tag.is-plain{background:#fff;color:#c9c9c9}.zan-tag--success{background:#06bf04}.zan-tag--success:after{border-color:#06bf04}.zan-tag--success.is-plain{color:#06bf04}.zan-tag--danger{background:#f44}.zan-tag--danger:after{border-color:#f44}.zan-tag--danger.is-plain{color:#f44}.zan-tag--primary{background:#38f}.zan-tag--primary:after{border-color:#38f}.zan-tag--primary.is-plain{color:#38f}\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader!./~/postcss-loader!./packages/zanui-css/src/index.css\n// module id = 164\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}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 = 167\n// module chunks = 2","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: \"zan-icon zan-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 = 173\n// module chunks = 2","// style-loader: Adds some css to the DOM by adding a \n\n\n\n// WEBPACK FOOTER //\n// ExamplesApp.vue?44e7f821","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \".zan-button{position:relative;padding:0;display:inline-block;height:45px;line-height:43px;border-radius:4px;border:0;box-sizing:border-box;font-size:16px;text-align:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;overflow:hidden}.zan-button:after{content:\\\" \\\";top:0;right:0;bottom:0;left:0;position:absolute;background-color:#000;opacity:0}.zan-button:not(.is-disabled):active:after{opacity:.3}.zan-button.is-block{display:block}.zan-button.is-disabled{color:#999;background-color:#e5e5e5;border:1px solid #cacaca}.zan-button--default{color:#333;background-color:#fff;border:1px solid #bbb}.zan-button--primary{color:#fff;background-color:#4b0;border:1px solid #0a0}.zan-button--danger{color:#fff;background-color:#f44;border:1px solid #e33}.zan-button--large{width:100%;height:50px;line-height:48px;font-size:16px}.zan-button--normal{padding:0 10px;font-size:14px}.zan-button--small{min-width:60px;height:30px;line-height:28px;font-size:12px}.zan-button--mini{display:inline-block;width:50px;height:22px;line-height:20px;font-size:10px}.zan-button-group{font-size:0}.zan-button-group>.zan-button{margin-right:10px}.zan-button-group>.zan-button::last-child{margin-right:0}.zan-button-1{display:inline-block;box-sizing:border-box;padding-right:10px;padding-right:0;width:100%}.zan-button-1 .zan-button{width:100%}.zan-button-1:last-child{padding-right:0}.zan-button-2{display:inline-block;box-sizing:border-box;padding-right:10px;width:50%}.zan-button-2 .zan-button{width:100%}.zan-button-2:last-child{padding-right:0}.zan-button-3{display:inline-block;box-sizing:border-box;padding-right:10px;width:33.33%}.zan-button-3 .zan-button{width:100%}.zan-button-3:last-child{padding-right:0}.zan-cell-group{padding-left:10px;position:relative}.zan-cell-group:after{content:\\\"\\\";position:absolute;top:0;left:0;box-sizing:border-box;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:left top;transform-origin:left top;-webkit-perspective:1000;-webkit-backface-visibility:hidden;pointer-events:none;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}.zan-cell{display:block;overflow:hidden;position:relative;padding:10px 10px 10px 0;box-sizing:border-box;line-height:22px;background-color:#fff;color:#333;font-size:14px;text-decoration:none}.zan-cell .zan-icon-arrow{position:absolute;top:50%;right:10px;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#999;font-size:12px}.zan-cell:after{content:\\\"\\\";position:absolute;top:0;left:0;box-sizing:border-box;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:left top;transform-origin:left top;-webkit-perspective:1000;-webkit-backface-visibility:hidden;pointer-events:none;border-bottom:1px solid #e5e5e5}.zan-cell:last-child:after{border-bottom:0}.zan-cell__title{float:left;overflow:hidden}.zan-cell__label{display:block;font-size:12px;line-height:1.2;color:#666}.zan-cell__value{float:right;overflow:hidden}.zan-cell__value.is-alone{float:left}.zan-cell__value.is-link{margin-right:20px}.zan-card{padding:5px 15px;background:#fafafa;overflow:hidden;position:relative;margin-top:10px}.zan-card:first-child{margin-top:0}.zan-card__img{float:left;width:90px;height:90px;border:0}.zan-card__content{margin-left:100px;display:table}.zan-card__content.is-center{display:table;height:90px}.zan-card__content.is-center .zan-card__info{display:table-cell;vertical-align:middle}.zan-card__row{overflow:hidden;padding-right:80px;position:relative}.zan-card__title{line-height:20px;color:#333;max-height:40px;margin-bottom:5px;-webkit-line-clamp:2}.zan-card__desc,.zan-card__title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.zan-card__desc{font-size:12px;color:#666;max-height:20px;-webkit-line-clamp:1}.zan-card__price{font-size:14px;color:#333}.zan-card__num,.zan-card__price{position:absolute;top:0;right:0;width:80px;text-align:right}.zan-card__num{font-size:12px;color:#666}.zan-card__footer{position:absolute;right:15px;bottom:5px}.zan-card__footer .zan-button{margin-left:5px}.zan-dialog-wrapper{position:absolute}.zan-dialog{position:fixed;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);background-color:#fff;width:85%;border-radius:4px;font-size:16px;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:.2s;transition:.2s}.zan-dialog__header{padding:15px 0 0}.zan-dialog__content{padding:15px 20px;min-height:36px;position:relative}.zan-dialog__content:after{content:\\\"\\\";position:absolute;top:0;left:0;box-sizing:border-box;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:left top;transform-origin:left top;-webkit-perspective:1000;-webkit-backface-visibility:hidden;pointer-events:none;border-bottom:1px solid #e5e5e5}.zan-dialog__title{text-align:center;padding-left:0;margin-bottom:0;font-size:16px;color:#333}.zan-dialog__message{color:#999;margin:0;font-size:14px;line-height:1.5}.zan-dialog__footer{font-size:14px;overflow:hidden}.zan-dialog__footer.is-twobtn .zan-dialog__btn{width:50%}.zan-dialog__footer.is-twobtn .zan-dialog__cancel:after{content:\\\"\\\";position:absolute;top:0;left:0;box-sizing:border-box;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:left top;transform-origin:left top;-webkit-perspective:1000;-webkit-backface-visibility:hidden;pointer-events:none;border-right:1px solid #e5e5e5}.zan-dialog__btn{line-height:40px;border:0;background-color:#fff;float:left;box-sizing:border-box;text-align:center;position:relative}.zan-dialog__cancel{color:#333}.zan-dialog__confirm{color:#00c000;width:100%}.dialog-bounce-enter{opacity:0;-webkit-transform:translate3d(-50%,-50%,0) scale(.7);transform:translate3d(-50%,-50%,0) scale(.7)}.dialog-bounce-leave-active{opacity:0;-webkit-transform:translate3d(-50%,-50%,0) scale(.9);transform:translate3d(-50%,-50%,0) scale(.9)}.zan-field{width:100%;overflow:hidden}.zan-field .zan-cell__title,.zan-field .zan-cell__value{float:none;box-sizing:border-box}.zan-field .zan-cell__title{width:90px;position:absolute;top:10px;left:0}.zan-field .zan-cell__value{width:100%;padding-left:90px}.zan-field.is-nolabel .zan-cell__title{display:none}.zan-field.is-nolabel .zan-cell__value{width:100%;padding-left:0}.zan-field.is-textarea .zan-field__control{min-height:60px}.zan-field__control{border:0;font-size:14px;line-height:22px;display:block;width:100%;resize:none;outline:0}@font-face{font-family:zuiicon;src:url(\\\"https://b.yzcdn.cn/zui/font/zuiicon-b37948cf5d.eot\\\");src:url(\\\"https://b.yzcdn.cn/zui/font/zuiicon-b37948cf5d.eot?#iefix\\\") format(\\\"embedded-opentype\\\"),url(\\\"https://b.yzcdn.cn/zui/font/zuiicon-b37948cf5d.woff2\\\") format(\\\"woff2\\\"),url(\\\"https://b.yzcdn.cn/zui/font/zuiicon-b37948cf5d.woff\\\") format(\\\"woff\\\"),url(\\\"https://b.yzcdn.cn/zui/font/zuiicon-b37948cf5d.ttf\\\") format(\\\"truetype\\\")}.zan-icon,.zan-icon:before{display:inline-block}.zan-icon:before{font-family:zuiicon!important;font-style:normal;font-weight:400;speak:none;text-decoration:inherit;width:1em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;-webkit-font-smoothing:antialiased;-mozan-osx-font-smoothing:grayscale}.zan-icon-album:before{content:\\\"\\\\E800\\\"}.zan-icon-arrow:before{content:\\\"\\\\E801\\\"}.zan-icon-camera:before{content:\\\"\\\\E802\\\"}.zan-icon-certificate:before{content:\\\"\\\\E803\\\"}.zan-icon-check:before{content:\\\"\\\\E804\\\"}.zan-icon-checked:before{content:\\\"\\\\E805\\\"}.zan-icon-close:before{content:\\\"\\\\E806\\\"}.zan-icon-gift:before{content:\\\"\\\\E807\\\"}.zan-icon-home:before{content:\\\"\\\\E808\\\"}.zan-icon-location:before{content:\\\"\\\\E809\\\"}.zan-icon-message:before{content:\\\"\\\\E80A\\\"}.zan-icon-send:before{content:\\\"\\\\E80B\\\"}.zan-icon-shopping-cart:before{content:\\\"\\\\E80C\\\"}.zan-icon-sign:before{content:\\\"\\\\E80D\\\"}.zan-icon-store:before{content:\\\"\\\\E80E\\\"}.zan-icon-topay:before{content:\\\"\\\\E80F\\\"}.zan-icon-tosend:before{content:\\\"\\\\E810\\\"}@-webkit-keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.zan-loading{width:30px;height:30px;line-height:0;font-size:0}.zan-spinner{display:inline-block;height:100%;width:100%;background:url(\\\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAADitJREFUaAXNmmuMVVcVx++9M8PMMAwMj5GCpJjGtKVIfQxIpcGGtwylwQ+iND4iJI1GTU2jjZqmYvzQVNLY1JiaftPU1mjSftBAeA4FQagQSCoYq0EUeU55zTCvO/fh77/uWZtzh7kzd17ATvZde6+99t7rv9baj3POTSbGKB08eLC2o6OjKZ/PfyyZTN7HNPdRboTWU6+DJnO5XGcqlbpBuZX8b/IpZN6bMGHCu4sWLeqiPuopOZoj7tq1ayrjPY7SK6GfIFcBCnzJhP3AoC0FUdLcSQDDyifjfHi9tB2Ht62ysvLtJUuWfKAOo5FGBfCOHTvmA2gTCi6GVqCYgRHQbDabEiXbXHFgkusLmLrJYSjrh7ws1kJ+dfny5X8ZKegRAd6+ffvCioqKb6PUpyKQ0ieAVXk4gGUb7xcfDyP8lfqLK1euPAAdVhoW4H379jX29PR8nxlXk0OIAhxdbcgA2kM6LidNI0+bfNTPdTHPxvup3SOBrurzNvNvXrNmzQWNNZTkk5Tdh3W6GAVepEN91CkAjuoBLHVtTAaKcpHcSABrHvp3YISnCPNdqpebXImy5Hfu3PlVAPwC4Tom1KTKnryeQKas8SSENSyX24HJtMHJiPXM8wYO+Fa5fW2+coRPnDgx7uzZs88h+wRWFbCiXTUaw41nCrG2bXyUGtDDPh7CHm0DhjRz2zw+qOqUf9fb2/tMc3NzT6RLSeKTlBTYv3//ZNbLywz8sID6RK5gfwpITmtOsgA2AMgHg2iyqJ/kzIA+nuToFjYt2t2jt8hpHJJhYLyjVVVVTw52hLkSha59fuVZwP6cweaRrRVaKPSR7a8aFx1KmPtY9A8OiZe9PU4x0oJMJvPm1q1bq+P8vuUBAV+4cOFHTDSPwQJIlZUYqCiLH8+aiHqYTx6P+gRevMCQ5knnqW/Ux1lxD5us9xGNhBZwUXk5dOinUBIwm8GXGehx9YFaVwGKl/sZL8ipIFn18bI1DvCj8PYUGcuBOFhvLqLIBjkanmRz/U6RQKwSFwzs3bt3LyIEZSmNZTIoL22EWHKBr7IYUbs1UPZ2tbUDZC8XiYNY/xyb2aXu7u5L48aN06XkQ7RPR34m9DHoUuhkTRmtfY1jYK1AI8mt4rp7XW3xKPkCF5QdYsaTdwq8lpaWaayFP8CYIKZPhDI2MFR9rF/UZmVvd3lk9pB/C8gjbCQZyoMm5q5kt13IGBsRbtZcpJKA1RjXJ5rADdDO3E3MXXQ5qeyrBWCfZpDxGkttlF1Es3vZqNpiPBc8TuNLK1asOFYkXEYlMoyujQdYUgvw8vNEx4KoqxvWKPxiZQpC4jl/EhH0AvWvR/2NeKNVuBs3MdAvZTWlSNCpW87qkqHdyi4L3cLN5/Wo36gQgD/FXD9hMHMOZdMjAhyWmOsCLdITozWvWrVqnyvjjVZnEA2uMqSQVO6nLhlL9JGX28jfGG2wmoAxX4NsILeT3cgWymgY6jK6ksuoTZn0Y3ghBcBsVHrieRgBQ+w0SBYXggyDSpGvodiIH92Kp7hZY3nsRZ/PwWkTl7KAeYqXnRcoop8hcj/rjAAY129Aeef72oVVSHTUHTHndQQlnGPNPwvYU6HjGBWY433m36R5SQEkeptXoSlltSl7Qj7JyfBdV8sA6/qI0CMIBc/Fyy7cD31p9erVY+bZvvMBugW9niMLtYHTkiqVBFxtGGIVXtYRWFjgXB/1SsbetUCRC09Ct3ha7cpMdIxQe4PybU3M+SoTHtakADfvquhZPCVvVpFcwRH1RXgFwGzfjwmkEtaQwKCeBvAr1uEO/BCiz6Ojea/v9OCwBxbxVVaWKPTz4iU57GsAvBVGVdRgA0lQAiQPHViFXRG5d7D0s4XmO/PL9VHRtRadLKYNVUEVA4lDXF9rp5KZMmXKtBThrMc+P+MshKl7KIsqfMMTPQOL9fs7A/PmrOj0q5u1gje1aTkvKpvT5Ehy1bVr1x6tpOP9QiCmUtTooW08mq1JFPk21oNuU3c0ocdBQLVBJ7si0g/9BcSzHGbAItqUYj3MQqawgJFUJ61jJZWVo7J5mvqBcu/G1nGMfqQDumwjhzUrrKqLxrNUiOoP6Oy6FyHxhDJkBHJYryirnfSuhO+StNeBgUHhrPdKVVGuhKelqsWsNtEHVZhCJ5nFUAuklxGg+RZPXzTm3fFzBh3tNRHqOEDbtMSHp6xXRh7W98gCNQLm2RuhFtdRR61dbxq1zx7MPaJUXV19Lp1OK0rl2bBh9TOoAQZDvdwcHgVBZJ52qo7ucRmEgRM8vN81gNHnfOSFgcDG8U+S28K6pUVlxXFe4JTd81FbbsaMGRTvjsRbSoWvvQ8uRyNkLU47+xOWl+VdtcU9zidQfSG8KxLRNgPdytYF2aRCWoAVyv40pCei4HWVld3j0LsGMHrNJJeNGNm8FvwVgRksYRDzOI+D0weTvY3t9w5lLjDoe1TqTBS6wasMYl7FIOZ1eR9eNsqfHMokYymLXiuGMj7y76W4Jv6XTrZRiZLiG5U+edjm5SGNzCPIlL1RDEWhocjqDSfya4bSB73/lOIc+5dAepK3uW6GGxYGyVLPih9FQi1PKvNc/k5RHKHPtuEeXY4eePhoihfiJyjoPxVxL/vNy3gyCDIKa6sD/IlyJhhjmZJfF0rMm540adKfU1zCuwHzd4RsDQPOkkLZM+Gcj0LbAFNfxOvTh0oMPOZsfRlBSXugL3cyMB6eP39+p99QDnpHGopuW33rsgayYM5t8j63mzL3z4Y6JzjeUh8DzBrdCw59Dgk7NQLZQfL9e/bsue2hTWQ9jZ6PSvlyEzgyNTU19v4tHNr89UjvifyzRrljyUCbed0z5M8q5U4QlwOsNqpfw/PIjDcPVN6DjhslYK92VGCgtwDcpHI8FSL4JgcZhXRIhNf3eAX6Az5nnAnMMSjoQzd35wt8bNMLea0p0wOeUa/71Ogd9Bw/fvx55wcPi8Fm8AJyc7xR1PsxoH2ghtrfGdQW8UQ7McQWPk+Oyasfnbn19fXjzp8/n+jq6so3NjbmT58+nZg+fXp+9uzZBkx86XT06FGRBLIB8ObNm8PXyyLAOl9R/qfWgx+OH12iA0Dx5WEBZd0bdY8jq0F/s3Tp0q2SG61E9NQxVl1DQwMHRTZ/8eLFHP/FzONpA3Tjxo1ca2trYuHChTkZZOrUqcbn5WR+1qxZ+WPHjmXWr1+vW6KlIsDisJafwauLC80FgF4WdYAUgwXFB7ANilL/oPy6Po2IP9yk18f0bQBYCrC5q1ev5gRYwNva2hI8/Ofwel4eraury3Of0H6S4KyVURIctznksnPnzk3HdbgFcPSvnVdQulae9ETZAMI3ilEcsB1jKIMt7BWu7uEJFDhMFOxk8vfjFvbx+qP0S27btq0eMI2Uq+kvpTOi8DLSgZShnIevu0F+zpw5ZgBujOZ5hboiAAMlTp482U443wTBpLcAliL6ksjAPySHds2kNgdM0d59oYQBlTJkhTrEaEYGQKkOZI9T/hv5Cu1XWG/thKLW4njaq/FiLRtLPU9ik+mbRi7LdN205bja9sIPgBnL1iPPwlkBF2hlQjnX3t6ukPZI6+CioRtkUQqAirhUAK23+l+R8lEywAKhzCQQ27HdEFnJYhB1yKOkHidlJwGXa3pol5L6vJrBI/rvhxRqY6wMEaH/TYvfhXwWoN0aC+OkZUSNQ/+8DCBKOFuIs1aznLF5wNqcKjPGjbVr1/b7YqPkebZs2bI/osA7AuU5AgPbPG0eFiIpYEx+orKDNQpbYnkpjiF8d3cDJgGR1FrFaxW1tbVJZZRWqOi9ub6OVADE+JLBQCnJM1aKYylFvYII0a6d6OzsTJcCKx3DOaxK38QG8drly5fvAfBH0RdiAWFrlLK5HmXRy4p6mpKVNYyELaQpK8RyeFB/C8zSLgETgioJgNa8PXICqJq+WeoypIBqU8rxmUQv3LUM0qLaxEQnTpxofBmCsXrWrVt33UYt8VPSw5LXGmDX20Lxn/IuipinNJHaoZbFV1lJXlSdoslSliEs3CUTtZks9bCkYh4zjysgAC3vpniPVsFS0PGYdA/TV8/yerxVNCQJ8TTHU2t8fJukz0+YsA+/qHrkyBF9iNqIEvrHu4FzzzKxha0cJw/T0cDRrkWeQ5leAabcTX8ZQ2tLXu+mr9ZfhyiAbbNCtoucA2iP+mNArVltWr0ypo4aqnkc0SuLarcmrK9z07uAvDmiSPk+lbIAex/O6GYG/RLzyNoCYZsXZc1tLhZVRcpGPFMcJQ0wyhlgDNQDAL1c0C0tAKaPyTGnNjlFhwymogEEeFrjs5nZPBjsPGf+ZddxMDokwBqMJ6SPM/k3yTUC6p6lbMeBQEohQEhBeUgKyhgG3IHS33Zt+hlA6l2KCuq9MgA5jax25R6NRyjbbk+Y29sXPJvGeKf5y7D90WUwoN4+ZMDq2NLS0oAyG1Dq0xEYeyOC0nbjkoKISXEB1U3HAEPZn7IKTVE7doRFYwg4/XXummcBk4anY8k8TN+M6syrM/rytGnT/tPfOYvcgGlYgH1E7rkPosQ6FNAuLlBaz1qnUsxeGwkA4ORxAZeyAqJ12CNZeAZQ7RpDVMBF1c7aNsAYSTu7duBTPOoNuBMjUzKNCLCPynXwAYDplelD6GreRnn3sIAbgMgovqZLAgasMBtgQAvzB6zdU9yPr/mcw6WjAtgnP3To0ER28yYUnkdIfhh+Up4WABlAgLWmVYdvgCibR70dw4mvW9Ul2s6xWf+vnL/2uw6D0VEFHJ9M/6bnce0jeGcmik8lN9A+HsCaU99yBUzrtpOQ74CvnfY6ZXmzFW/GLyfxoUdU/j+IDynLAWtddgAAAABJRU5ErkJggg==\\\");background-size:contain;-webkit-animation:loading .8s linear;-webkit-animation-iteration-count:infinite;animation:loading .8s linear;animation-iteration-count:infinite}.zan-picker{overflow:hidden}.zan-picker__toolbar{height:40px}.zan-picker__columns{position:relative;overflow:hidden}.zan-picker__columns--1 .zan-picker-column{width:100%}.zan-picker__columns--2 .zan-picker-column{width:50%}.zan-picker__columns--3 .zan-picker-column{width:33.333%}.zan-picker-center-highlight{box-sizing:border-box;position:absolute;left:0;width:100%;top:50%;margin-top:-18px;pointer-events:none}.zan-picker-center-highlight:after,.zan-picker-center-highlight:before{content:\\\"\\\";position:absolute;height:1px;width:100%;background-color:#eaeaea;display:block;zan-index:15;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.zan-picker-center-highlight:before{left:0;top:0;bottom:auto;right:auto}.zan-picker-center-highlight:after{left:0;bottom:0;right:auto;top:auto}.zan-picker-column{font-size:18px;overflow:hidden;position:relative;max-height:100%;float:left;text-align:center}.zan-picker-column__item{height:44px;line-height:44px;padding:0 10px;white-space:nowrap;position:relative;overflow:hidden;text-overflow:ellipsis;color:#707274;left:0;top:0;width:100%;box-sizing:border-box;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-backface-visibility:hidden;backface-visibility:hidden}.zan-picker-column__item--selected{color:#000;-webkit-transform:translateZ(0) rotateX(0);transform:translateZ(0) rotateX(0)}.picker-column-wrapper{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-backface-visibility:hidden;backface-visibility:hidden}.picker-column-wrapper.dragging,.picker-column-wrapper.dragging .picker-item{-webkit-transition-duration:0s;transition-duration:0s}.zan-modal{position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.701961)}.zan-popup{position:fixed;background-color:#fff;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:.2s ease-out;transition:.2s ease-out}.zan-popup--top{top:0;right:auto;bottom:auto;left:50%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.zan-popup--right{top:50%;right:0;bottom:auto;left:auto;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.zan-popup--bottom{top:auto;bottom:0;right:auto;left:50%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.zan-popup--left{top:50%;right:auto;bottom:auto;left:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.popup-slide-top-enter,.popup-slide-top-leave-active{-webkit-transform:translate3d(-50%,-100%,0);transform:translate3d(-50%,-100%,0)}.popup-slide-right-enter,.popup-slide-right-leave-active{-webkit-transform:translate3d(100%,-50%,0);transform:translate3d(100%,-50%,0)}.popup-slide-bottom-enter,.popup-slide-bottom-leave-active{-webkit-transform:translate3d(-50%,100%,0);transform:translate3d(-50%,100%,0)}.popup-slide-left-enter,.popup-slide-left-leave-active{-webkit-transform:translate3d(-100%,-50%,0);transform:translate3d(-100%,-50%,0)}.popup-fade-enter,.popup-fade-leave-active{opacity:0}.zan-radio .zan-icon{font-size:22px;line-height:1}.zan-radio .zan-icon-checked{color:#06bf04}.zan-radio .zan-icon-check{color:#999}.zan-radio.is-disabled .zan-icon{color:#d1dbe5}.zan-radio__input{position:relative;height:22px;margin-right:15px}.zan-radio__control{position:absolute;top:0;left:0;width:22px;height:22px;opacity:0;margin:0}.zan-radio__label{line-height:22px}.zan-switch{height:29px;width:49px;display:inline-block;border-radius:16px;position:relative;border:1px solid}.zan-switch.is-disabled{opacity:.4}.zan-switch.is-off{background-color:#fff;border-color:rgba(0,0,0,.1)}.zan-switch.is-on{background-color:#44db5e;border-color:#44db5e}.zan-switch__node{width:27px;height:27px;border-radius:100%;background-color:#fff;border:.5px solid rgba(0,0,0,.1);position:absolute;box-shadow:0 3px 1px 0 rgba(0,0,0,.05),0 2px 2px 0 rgba(0,0,0,.1),0 3px 3px 0 rgba(0,0,0,.05)}.zan-switch__node.is-off{left:0}.zan-switch__node.is-off,.zan-switch__node.is-on{-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.zan-switch__node.is-on{left:20px}.zan-switch__loading{width:16px;height:16px;position:relative;left:50%;top:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.zan-badge-group{position:relative;width:85px}.zan-badge-group:after{content:\\\"\\\";position:absolute;top:0;left:0;box-sizing:border-box;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:left top;transform-origin:left top;-webkit-perspective:1000;-webkit-backface-visibility:hidden;pointer-events:none;border-top:1px solid #e5e5e5}.zan-badge{display:block;overflow:hidden;position:relative;padding:20px 15px;box-sizing:border-box;line-height:14px;background-color:#f8f8f8;color:#666;font-size:14px;text-decoration:none;white-space:nowrap}.zan-badge:after{content:\\\"\\\";position:absolute;top:0;left:0;box-sizing:border-box;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:left top;transform-origin:left top;-webkit-perspective:1000;-webkit-backface-visibility:hidden;pointer-events:none;border-bottom:1px solid #e5e5e5}.zan-badge:last-child:after{border-bottom:0}.zan-badge.is-select{font-weight:700;color:#333;background-color:#fff}.zan-badge.is-select .zan-badge__active{display:block}.zan-badge.is-select:after{-webkit-transform:scale(.5);-webkit-transform-origin:left top;border-top:1px solid #e5e5e5;border-right:1px solid #e5e5e5;content:\\\"\\\";position:absolute;top:0;left:0;box-sizing:border-box;width:200%;height:200%;transform:scale(.5);transform-origin:left top;-webkit-perspective:1000;-webkit-backface-visibility:hidden;pointer-events:none;border-left:1px solid #e5e5e5}.zan-badge__active{display:none;left:0;top:0;width:3px;height:100%}.zan-badge__active,.zan-badge__info{position:absolute;background-color:#f44}.zan-badge__info{top:2px;right:2px;font-size:10px;-webkit-transform:scale(.8);transform:scale(.8);text-align:center;box-sizing:border-box;padding:0 6px;min-width:18px;height:18px;line-height:18px;border-radius:9px;color:#fff}.zan-search{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;box-sizing:border-box;padding:4px 15px;background-color:#f2f2f2}.zan-search.is-focus .zan-search__input-wrap{width:82%}.zan-search.is-focus span{display:inline-block}.zan-search__input-wrap{position:relative;width:90%;padding:8px 24px 8px 35px;border:1px solid #e5e5e5;border-radius:4px;background-color:#fff}.zan-search__input-wrap span{display:none;position:absolute;right:5px;top:8px}.zan-search__input-wrap input{width:100%;height:14px;font-size:14px;color:#999;border:none;outline:none}.zan-search__cancel{display:none;color:#4b0;font-size:14px;white-space:nowrap}.zan-search__cancel.is-focus{display:block}.zan-panel{background:#fff;border-top:1px solid #e5e5e5}.zan-panel,.zan-panel__header{border-bottom:1px solid #e5e5e5}.zan-panel__header{padding:10px 15px;position:relative}.zan-panel__title{font-size:14px;color:#333}.zan-panel__desc{font-size:12px;color:#666}.zan-panel__status{font-size:14px;position:absolute;top:10px;right:15px;color:#f44}.zan-panel__footer{border-top:1px solid #e5e5e5;padding:10px 15px}.zan-steps{color:red}.zan-tag{position:relative;display:inline-block;line-height:14px;padding:1px 5px;border-radius:2px;font-size:10px;background:#c9c9c9;color:#fff}.zan-tag:after{content:\\\"\\\";position:absolute;top:0;left:0;box-sizing:border-box;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:left top;transform-origin:left top;-webkit-perspective:1000;-webkit-backface-visibility:hidden;pointer-events:none;border:1px solid #c9c9c9;border-radius:4px}.zan-tag.is-mark{border-radius:0 8px 8px 0}.zan-tag.is-mark:after{border-radius:0 16px 16px 0}.zan-tag.is-plain{background:#fff;color:#c9c9c9}.zan-tag--success{background:#06bf04}.zan-tag--success:after{border-color:#06bf04}.zan-tag--success.is-plain{color:#06bf04}.zan-tag--danger{background:#f44}.zan-tag--danger:after{border-color:#f44}.zan-tag--danger.is-plain{color:#f44}.zan-tag--primary{background:#38f}.zan-tag--primary:after{border-color:#38f}.zan-tag--primary.is-plain{color:#38f}.zan-checkbox .zan-icon{font-size:22px;line-height:1}.zan-checkbox .zan-icon-checked{color:#06bf04}.zan-checkbox .zan-icon-check{color:#999}.zan-checkbox.is-disabled .zan-icon{color:#d1dbe5}.zan-checkbox__input{position:relative;height:22px;margin-right:15px}.zan-checkbox__control{position:absolute;top:0;left:0;width:22px;height:22px;opacity:0;margin:0}.zan-checkbox__label{line-height:22px}\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader!./~/postcss-loader!./packages/zanui-css/src/index.css\n// module id = 189\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}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 = 192\n// module chunks = 2","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: \"zan-icon zan-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 = 198\n// module chunks = 2","// style-loader: Adds some css to the DOM by adding a \n\n\n\n// WEBPACK FOOTER //\n// ExamplesApp.vue?44e7f821","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \".zan-button{position:relative;padding:0;display:inline-block;height:45px;line-height:43px;border-radius:4px;border:0;box-sizing:border-box;font-size:16px;text-align:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;overflow:hidden}.zan-button:after{content:\\\" \\\";top:0;right:0;bottom:0;left:0;position:absolute;background-color:#000;opacity:0}.zan-button:not(.is-disabled):active:after{opacity:.3}.zan-button--default{color:#333;background-color:#fff;border:1px solid #bbb}.zan-button--primary{color:#fff;background-color:#4b0;border:1px solid #0a0}.zan-button--danger{color:#fff;background-color:#f44;border:1px solid #e33}.zan-button--large{width:100%;height:50px;line-height:48px;font-size:16px}.zan-button--normal{padding:0 10px;font-size:14px}.zan-button--small{min-width:60px;height:30px;line-height:28px;font-size:12px}.zan-button--mini{display:inline-block;width:50px;height:22px;line-height:20px;font-size:10px}.zan-button--disabled{color:#999;background-color:#e5e5e5;border:1px solid #cacaca}.zan-button--block{display:block}.zan-button-group{font-size:0}.zan-button-group>.zan-button{margin-right:10px}.zan-button-group>.zan-button::last-child{margin-right:0}.zan-button-1{display:inline-block;box-sizing:border-box;padding-right:10px;vertical-align:middle;padding-right:0;width:100%}.zan-button-1 .zan-button{width:100%}.zan-button-1:last-child{padding-right:0}.zan-button-2{display:inline-block;box-sizing:border-box;padding-right:10px;vertical-align:middle;width:50%}.zan-button-2 .zan-button{width:100%}.zan-button-2:last-child{padding-right:0}.zan-button-3{display:inline-block;box-sizing:border-box;padding-right:10px;vertical-align:middle;width:33.33%}.zan-button-3 .zan-button{width:100%}.zan-button-3:last-child{padding-right:0}.zan-cell-group{padding-left:10px;position:relative;background-color:#fff}.zan-cell-group:after{content:\\\"\\\";position:absolute;top:0;left:0;box-sizing:border-box;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:left top;transform-origin:left top;-webkit-perspective:1000;-webkit-backface-visibility:hidden;pointer-events:none;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}.zan-cell{display:block;overflow:hidden;position:relative;padding:10px 10px 10px 0;box-sizing:border-box;line-height:22px;background-color:#fff;color:#333;font-size:14px;text-decoration:none}.zan-cell .zan-icon-arrow{position:absolute;top:50%;right:10px;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#999;font-size:12px}.zan-cell:after{content:\\\"\\\";position:absolute;top:0;left:0;box-sizing:border-box;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:left top;transform-origin:left top;-webkit-perspective:1000;-webkit-backface-visibility:hidden;pointer-events:none;border-bottom:1px solid #e5e5e5}.zan-cell:last-child:after{border-bottom:0}.zan-cell__title{float:left;overflow:hidden}.zan-cell__label{display:block;font-size:12px;line-height:1.2;color:#666}.zan-cell__value{float:right;overflow:hidden}.zan-cell__value.is-alone{float:left}.zan-cell__value.is-link{margin-right:20px}.zan-card{padding:5px 15px;background:#fafafa;overflow:hidden;position:relative;margin-top:10px}.zan-card:first-child{margin-top:0}.zan-card__img{float:left;width:90px;height:90px;border:0}.zan-card__content{margin-left:100px;display:table}.zan-card__content.is-center{display:table;height:90px}.zan-card__content.is-center .zan-card__info{display:table-cell;vertical-align:middle}.zan-card__row{overflow:hidden;padding-right:80px;position:relative}.zan-card__title{line-height:20px;color:#333;max-height:40px;margin-bottom:5px;-webkit-line-clamp:2}.zan-card__desc,.zan-card__title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.zan-card__desc{font-size:12px;color:#666;max-height:20px;-webkit-line-clamp:1}.zan-card__price{font-size:14px;color:#333}.zan-card__num,.zan-card__price{position:absolute;top:0;right:0;width:80px;text-align:right}.zan-card__num{font-size:12px;color:#666}.zan-card__footer{position:absolute;right:15px;bottom:5px}.zan-card__footer .zan-button{margin-left:5px}.zan-dialog-wrapper{position:absolute}.zan-dialog{position:fixed;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);background-color:#fff;width:85%;border-radius:4px;font-size:16px;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:.2s;transition:.2s}.zan-dialog__header{padding:15px 0 0}.zan-dialog__content{padding:15px 20px;min-height:36px;position:relative}.zan-dialog__content:after{content:\\\"\\\";position:absolute;top:0;left:0;box-sizing:border-box;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:left top;transform-origin:left top;-webkit-perspective:1000;-webkit-backface-visibility:hidden;pointer-events:none;border-bottom:1px solid #e5e5e5}.zan-dialog__title{text-align:center;padding-left:0;margin-bottom:0;font-size:16px;color:#333}.zan-dialog__message{color:#999;margin:0;font-size:14px;line-height:1.5}.zan-dialog__footer{font-size:14px;overflow:hidden}.zan-dialog__footer.is-twobtn .zan-dialog__btn{width:50%}.zan-dialog__footer.is-twobtn .zan-dialog__cancel:after{content:\\\"\\\";position:absolute;top:0;left:0;box-sizing:border-box;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:left top;transform-origin:left top;-webkit-perspective:1000;-webkit-backface-visibility:hidden;pointer-events:none;border-right:1px solid #e5e5e5}.zan-dialog__btn{line-height:40px;border:0;background-color:#fff;float:left;box-sizing:border-box;text-align:center;position:relative}.zan-dialog__cancel{color:#333}.zan-dialog__confirm{color:#00c000;width:100%}.dialog-bounce-enter{opacity:0;-webkit-transform:translate3d(-50%,-50%,0) scale(.7);transform:translate3d(-50%,-50%,0) scale(.7)}.dialog-bounce-leave-active{opacity:0;-webkit-transform:translate3d(-50%,-50%,0) scale(.9);transform:translate3d(-50%,-50%,0) scale(.9)}.zan-field{width:100%;overflow:hidden}.zan-field .zan-cell__title,.zan-field .zan-cell__value{float:none;box-sizing:border-box}.zan-field .zan-cell__title{width:90px;position:absolute;top:10px;left:0}.zan-field .zan-cell__value{width:100%;padding-left:90px}.zan-field.is-nolabel .zan-cell__title{display:none}.zan-field.is-nolabel .zan-cell__value{width:100%;padding-left:0}.zan-field.is-textarea .zan-field__control{min-height:60px}.zan-field__control{border:0;font-size:14px;line-height:22px;display:block;width:100%;resize:none;outline:0}@font-face{font-family:zuiicon;src:url(\\\"https://b.yzcdn.cn/zui/font/zuiicon-b37948cf5d.eot\\\");src:url(\\\"https://b.yzcdn.cn/zui/font/zuiicon-b37948cf5d.eot?#iefix\\\") format(\\\"embedded-opentype\\\"),url(\\\"https://b.yzcdn.cn/zui/font/zuiicon-b37948cf5d.woff2\\\") format(\\\"woff2\\\"),url(\\\"https://b.yzcdn.cn/zui/font/zuiicon-b37948cf5d.woff\\\") format(\\\"woff\\\"),url(\\\"https://b.yzcdn.cn/zui/font/zuiicon-b37948cf5d.ttf\\\") format(\\\"truetype\\\")}.zan-icon,.zan-icon:before{display:inline-block}.zan-icon:before{font-family:zuiicon!important;font-style:normal;font-weight:400;speak:none;text-decoration:inherit;width:1em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;-webkit-font-smoothing:antialiased;-mozan-osx-font-smoothing:grayscale}.zan-icon-album:before{content:\\\"\\\\E800\\\"}.zan-icon-arrow:before{content:\\\"\\\\E801\\\"}.zan-icon-camera:before{content:\\\"\\\\E802\\\"}.zan-icon-certificate:before{content:\\\"\\\\E803\\\"}.zan-icon-check:before{content:\\\"\\\\E804\\\"}.zan-icon-checked:before{content:\\\"\\\\E805\\\"}.zan-icon-close:before{content:\\\"\\\\E806\\\"}.zan-icon-gift:before{content:\\\"\\\\E807\\\"}.zan-icon-home:before{content:\\\"\\\\E808\\\"}.zan-icon-location:before{content:\\\"\\\\E809\\\"}.zan-icon-message:before{content:\\\"\\\\E80A\\\"}.zan-icon-send:before{content:\\\"\\\\E80B\\\"}.zan-icon-shopping-cart:before{content:\\\"\\\\E80C\\\"}.zan-icon-sign:before{content:\\\"\\\\E80D\\\"}.zan-icon-store:before{content:\\\"\\\\E80E\\\"}.zan-icon-topay:before{content:\\\"\\\\E80F\\\"}.zan-icon-tosend:before{content:\\\"\\\\E810\\\"}@-webkit-keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.zan-loading{width:30px;height:30px;line-height:0;font-size:0}.zan-spinner{display:inline-block;height:100%;width:100%;background:url(\\\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAADitJREFUaAXNmmuMVVcVx++9M8PMMAwMj5GCpJjGtKVIfQxIpcGGtwylwQ+iND4iJI1GTU2jjZqmYvzQVNLY1JiaftPU1mjSftBAeA4FQagQSCoYq0EUeU55zTCvO/fh77/uWZtzh7kzd17ATvZde6+99t7rv9baj3POTSbGKB08eLC2o6OjKZ/PfyyZTN7HNPdRboTWU6+DJnO5XGcqlbpBuZX8b/IpZN6bMGHCu4sWLeqiPuopOZoj7tq1ayrjPY7SK6GfIFcBCnzJhP3AoC0FUdLcSQDDyifjfHi9tB2Ht62ysvLtJUuWfKAOo5FGBfCOHTvmA2gTCi6GVqCYgRHQbDabEiXbXHFgkusLmLrJYSjrh7ws1kJ+dfny5X8ZKegRAd6+ffvCioqKb6PUpyKQ0ieAVXk4gGUb7xcfDyP8lfqLK1euPAAdVhoW4H379jX29PR8nxlXk0OIAhxdbcgA2kM6LidNI0+bfNTPdTHPxvup3SOBrurzNvNvXrNmzQWNNZTkk5Tdh3W6GAVepEN91CkAjuoBLHVtTAaKcpHcSABrHvp3YISnCPNdqpebXImy5Hfu3PlVAPwC4Tom1KTKnryeQKas8SSENSyX24HJtMHJiPXM8wYO+Fa5fW2+coRPnDgx7uzZs88h+wRWFbCiXTUaw41nCrG2bXyUGtDDPh7CHm0DhjRz2zw+qOqUf9fb2/tMc3NzT6RLSeKTlBTYv3//ZNbLywz8sID6RK5gfwpITmtOsgA2AMgHg2iyqJ/kzIA+nuToFjYt2t2jt8hpHJJhYLyjVVVVTw52hLkSha59fuVZwP6cweaRrRVaKPSR7a8aFx1KmPtY9A8OiZe9PU4x0oJMJvPm1q1bq+P8vuUBAV+4cOFHTDSPwQJIlZUYqCiLH8+aiHqYTx6P+gRevMCQ5knnqW/Ux1lxD5us9xGNhBZwUXk5dOinUBIwm8GXGehx9YFaVwGKl/sZL8ipIFn18bI1DvCj8PYUGcuBOFhvLqLIBjkanmRz/U6RQKwSFwzs3bt3LyIEZSmNZTIoL22EWHKBr7IYUbs1UPZ2tbUDZC8XiYNY/xyb2aXu7u5L48aN06XkQ7RPR34m9DHoUuhkTRmtfY1jYK1AI8mt4rp7XW3xKPkCF5QdYsaTdwq8lpaWaayFP8CYIKZPhDI2MFR9rF/UZmVvd3lk9pB/C8gjbCQZyoMm5q5kt13IGBsRbtZcpJKA1RjXJ5rADdDO3E3MXXQ5qeyrBWCfZpDxGkttlF1Es3vZqNpiPBc8TuNLK1asOFYkXEYlMoyujQdYUgvw8vNEx4KoqxvWKPxiZQpC4jl/EhH0AvWvR/2NeKNVuBs3MdAvZTWlSNCpW87qkqHdyi4L3cLN5/Wo36gQgD/FXD9hMHMOZdMjAhyWmOsCLdITozWvWrVqnyvjjVZnEA2uMqSQVO6nLhlL9JGX28jfGG2wmoAxX4NsILeT3cgWymgY6jK6ksuoTZn0Y3ghBcBsVHrieRgBQ+w0SBYXggyDSpGvodiIH92Kp7hZY3nsRZ/PwWkTl7KAeYqXnRcoop8hcj/rjAAY129Aeef72oVVSHTUHTHndQQlnGPNPwvYU6HjGBWY433m36R5SQEkeptXoSlltSl7Qj7JyfBdV8sA6/qI0CMIBc/Fyy7cD31p9erVY+bZvvMBugW9niMLtYHTkiqVBFxtGGIVXtYRWFjgXB/1SsbetUCRC09Ct3ha7cpMdIxQe4PybU3M+SoTHtakADfvquhZPCVvVpFcwRH1RXgFwGzfjwmkEtaQwKCeBvAr1uEO/BCiz6Ojea/v9OCwBxbxVVaWKPTz4iU57GsAvBVGVdRgA0lQAiQPHViFXRG5d7D0s4XmO/PL9VHRtRadLKYNVUEVA4lDXF9rp5KZMmXKtBThrMc+P+MshKl7KIsqfMMTPQOL9fs7A/PmrOj0q5u1gje1aTkvKpvT5Ehy1bVr1x6tpOP9QiCmUtTooW08mq1JFPk21oNuU3c0ocdBQLVBJ7si0g/9BcSzHGbAItqUYj3MQqawgJFUJ61jJZWVo7J5mvqBcu/G1nGMfqQDumwjhzUrrKqLxrNUiOoP6Oy6FyHxhDJkBHJYryirnfSuhO+StNeBgUHhrPdKVVGuhKelqsWsNtEHVZhCJ5nFUAuklxGg+RZPXzTm3fFzBh3tNRHqOEDbtMSHp6xXRh7W98gCNQLm2RuhFtdRR61dbxq1zx7MPaJUXV19Lp1OK0rl2bBh9TOoAQZDvdwcHgVBZJ52qo7ucRmEgRM8vN81gNHnfOSFgcDG8U+S28K6pUVlxXFe4JTd81FbbsaMGRTvjsRbSoWvvQ8uRyNkLU47+xOWl+VdtcU9zidQfSG8KxLRNgPdytYF2aRCWoAVyv40pCei4HWVld3j0LsGMHrNJJeNGNm8FvwVgRksYRDzOI+D0weTvY3t9w5lLjDoe1TqTBS6wasMYl7FIOZ1eR9eNsqfHMokYymLXiuGMj7y76W4Jv6XTrZRiZLiG5U+edjm5SGNzCPIlL1RDEWhocjqDSfya4bSB73/lOIc+5dAepK3uW6GGxYGyVLPih9FQi1PKvNc/k5RHKHPtuEeXY4eePhoihfiJyjoPxVxL/vNy3gyCDIKa6sD/IlyJhhjmZJfF0rMm540adKfU1zCuwHzd4RsDQPOkkLZM+Gcj0LbAFNfxOvTh0oMPOZsfRlBSXugL3cyMB6eP39+p99QDnpHGopuW33rsgayYM5t8j63mzL3z4Y6JzjeUh8DzBrdCw59Dgk7NQLZQfL9e/bsue2hTWQ9jZ6PSvlyEzgyNTU19v4tHNr89UjvifyzRrljyUCbed0z5M8q5U4QlwOsNqpfw/PIjDcPVN6DjhslYK92VGCgtwDcpHI8FSL4JgcZhXRIhNf3eAX6Az5nnAnMMSjoQzd35wt8bNMLea0p0wOeUa/71Ogd9Bw/fvx55wcPi8Fm8AJyc7xR1PsxoH2ghtrfGdQW8UQ7McQWPk+Oyasfnbn19fXjzp8/n+jq6so3NjbmT58+nZg+fXp+9uzZBkx86XT06FGRBLIB8ObNm8PXyyLAOl9R/qfWgx+OH12iA0Dx5WEBZd0bdY8jq0F/s3Tp0q2SG61E9NQxVl1DQwMHRTZ/8eLFHP/FzONpA3Tjxo1ca2trYuHChTkZZOrUqcbn5WR+1qxZ+WPHjmXWr1+vW6KlIsDisJafwauLC80FgF4WdYAUgwXFB7ANilL/oPy6Po2IP9yk18f0bQBYCrC5q1ev5gRYwNva2hI8/Ofwel4eraury3Of0H6S4KyVURIctznksnPnzk3HdbgFcPSvnVdQulae9ETZAMI3ilEcsB1jKIMt7BWu7uEJFDhMFOxk8vfjFvbx+qP0S27btq0eMI2Uq+kvpTOi8DLSgZShnIevu0F+zpw5ZgBujOZ5hboiAAMlTp482U443wTBpLcAliL6ksjAPySHds2kNgdM0d59oYQBlTJkhTrEaEYGQKkOZI9T/hv5Cu1XWG/thKLW4njaq/FiLRtLPU9ik+mbRi7LdN205bja9sIPgBnL1iPPwlkBF2hlQjnX3t6ukPZI6+CioRtkUQqAirhUAK23+l+R8lEywAKhzCQQ27HdEFnJYhB1yKOkHidlJwGXa3pol5L6vJrBI/rvhxRqY6wMEaH/TYvfhXwWoN0aC+OkZUSNQ/+8DCBKOFuIs1aznLF5wNqcKjPGjbVr1/b7YqPkebZs2bI/osA7AuU5AgPbPG0eFiIpYEx+orKDNQpbYnkpjiF8d3cDJgGR1FrFaxW1tbVJZZRWqOi9ub6OVADE+JLBQCnJM1aKYylFvYII0a6d6OzsTJcCKx3DOaxK38QG8drly5fvAfBH0RdiAWFrlLK5HmXRy4p6mpKVNYyELaQpK8RyeFB/C8zSLgETgioJgNa8PXICqJq+WeoypIBqU8rxmUQv3LUM0qLaxEQnTpxofBmCsXrWrVt33UYt8VPSw5LXGmDX20Lxn/IuipinNJHaoZbFV1lJXlSdoslSliEs3CUTtZks9bCkYh4zjysgAC3vpniPVsFS0PGYdA/TV8/yerxVNCQJ8TTHU2t8fJukz0+YsA+/qHrkyBF9iNqIEvrHu4FzzzKxha0cJw/T0cDRrkWeQ5leAabcTX8ZQ2tLXu+mr9ZfhyiAbbNCtoucA2iP+mNArVltWr0ypo4aqnkc0SuLarcmrK9z07uAvDmiSPk+lbIAex/O6GYG/RLzyNoCYZsXZc1tLhZVRcpGPFMcJQ0wyhlgDNQDAL1c0C0tAKaPyTGnNjlFhwymogEEeFrjs5nZPBjsPGf+ZddxMDokwBqMJ6SPM/k3yTUC6p6lbMeBQEohQEhBeUgKyhgG3IHS33Zt+hlA6l2KCuq9MgA5jax25R6NRyjbbk+Y29sXPJvGeKf5y7D90WUwoN4+ZMDq2NLS0oAyG1Dq0xEYeyOC0nbjkoKISXEB1U3HAEPZn7IKTVE7doRFYwg4/XXummcBk4anY8k8TN+M6syrM/rytGnT/tPfOYvcgGlYgH1E7rkPosQ6FNAuLlBaz1qnUsxeGwkA4ORxAZeyAqJ12CNZeAZQ7RpDVMBF1c7aNsAYSTu7duBTPOoNuBMjUzKNCLCPynXwAYDplelD6GreRnn3sIAbgMgovqZLAgasMBtgQAvzB6zdU9yPr/mcw6WjAtgnP3To0ER28yYUnkdIfhh+Up4WABlAgLWmVYdvgCibR70dw4mvW9Ul2s6xWf+vnL/2uw6D0VEFHJ9M/6bnce0jeGcmik8lN9A+HsCaU99yBUzrtpOQ74CvnfY6ZXmzFW/GLyfxoUdU/j+IDynLAWtddgAAAABJRU5ErkJggg==\\\");background-size:contain;-webkit-animation:loading .8s linear;-webkit-animation-iteration-count:infinite;animation:loading .8s linear;animation-iteration-count:infinite}.zan-picker{overflow:hidden}.zan-picker__toolbar{height:40px}.zan-picker__columns{position:relative;overflow:hidden}.zan-picker__columns--1 .zan-picker-column{width:100%}.zan-picker__columns--2 .zan-picker-column{width:50%}.zan-picker__columns--3 .zan-picker-column{width:33.333%}.zan-picker-center-highlight{box-sizing:border-box;position:absolute;left:0;width:100%;top:50%;margin-top:-18px;pointer-events:none}.zan-picker-center-highlight:after,.zan-picker-center-highlight:before{content:\\\"\\\";position:absolute;height:1px;width:100%;background-color:#eaeaea;display:block;zan-index:15;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.zan-picker-center-highlight:before{left:0;top:0;bottom:auto;right:auto}.zan-picker-center-highlight:after{left:0;bottom:0;right:auto;top:auto}.zan-picker-column{font-size:18px;overflow:hidden;position:relative;max-height:100%;float:left;text-align:center}.zan-picker-column__item{height:44px;line-height:44px;padding:0 10px;white-space:nowrap;position:relative;overflow:hidden;text-overflow:ellipsis;color:#707274;left:0;top:0;width:100%;box-sizing:border-box;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-backface-visibility:hidden;backface-visibility:hidden}.zan-picker-column__item--selected{color:#000;-webkit-transform:translateZ(0) rotateX(0);transform:translateZ(0) rotateX(0)}.picker-column-wrapper{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-backface-visibility:hidden;backface-visibility:hidden}.picker-column-wrapper.dragging,.picker-column-wrapper.dragging .picker-item{-webkit-transition-duration:0s;transition-duration:0s}.zan-modal{position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.701961)}.zan-popup{position:fixed;background-color:#fff;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:.2s ease-out;transition:.2s ease-out}.zan-popup--top{top:0;right:auto;bottom:auto;left:50%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.zan-popup--right{top:50%;right:0;bottom:auto;left:auto;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.zan-popup--bottom{top:auto;bottom:0;right:auto;left:50%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.zan-popup--left{top:50%;right:auto;bottom:auto;left:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.popup-slide-top-enter,.popup-slide-top-leave-active{-webkit-transform:translate3d(-50%,-100%,0);transform:translate3d(-50%,-100%,0)}.popup-slide-right-enter,.popup-slide-right-leave-active{-webkit-transform:translate3d(100%,-50%,0);transform:translate3d(100%,-50%,0)}.popup-slide-bottom-enter,.popup-slide-bottom-leave-active{-webkit-transform:translate3d(-50%,100%,0);transform:translate3d(-50%,100%,0)}.popup-slide-left-enter,.popup-slide-left-leave-active{-webkit-transform:translate3d(-100%,-50%,0);transform:translate3d(-100%,-50%,0)}.popup-fade-enter,.popup-fade-leave-active{opacity:0}.zan-radio .zan-icon{font-size:22px;line-height:1}.zan-radio .zan-icon-checked{color:#06bf04}.zan-radio .zan-icon-check{color:#999}.zan-radio.is-disabled .zan-icon{color:#d1dbe5}.zan-radio__input{position:relative;height:22px;margin-right:15px}.zan-radio__control{position:absolute;top:0;left:0;width:22px;height:22px;opacity:0;margin:0}.zan-radio__label{line-height:22px}.zan-switch{height:29px;width:49px;display:inline-block;border-radius:16px;position:relative;border:1px solid}.zan-switch.is-disabled{opacity:.4}.zan-switch.is-off{background-color:#fff;border-color:rgba(0,0,0,.1)}.zan-switch.is-on{background-color:#44db5e;border-color:#44db5e}.zan-switch__node{width:27px;height:27px;border-radius:100%;background-color:#fff;border:.5px solid rgba(0,0,0,.1);position:absolute;box-shadow:0 3px 1px 0 rgba(0,0,0,.05),0 2px 2px 0 rgba(0,0,0,.1),0 3px 3px 0 rgba(0,0,0,.05)}.zan-switch__node.is-off{left:0}.zan-switch__node.is-off,.zan-switch__node.is-on{-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.zan-switch__node.is-on{left:20px}.zan-switch__loading{width:16px;height:16px;position:relative;left:50%;top:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.zan-badge-group{position:relative;width:85px}.zan-badge-group:after{content:\\\"\\\";position:absolute;top:0;left:0;box-sizing:border-box;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:left top;transform-origin:left top;-webkit-perspective:1000;-webkit-backface-visibility:hidden;pointer-events:none;border-top:1px solid #e5e5e5}.zan-badge{display:block;overflow:hidden;position:relative;padding:20px 15px;box-sizing:border-box;line-height:14px;background-color:#f8f8f8;color:#666;font-size:14px;text-decoration:none;white-space:nowrap}.zan-badge:after{content:\\\"\\\";position:absolute;top:0;left:0;box-sizing:border-box;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:left top;transform-origin:left top;-webkit-perspective:1000;-webkit-backface-visibility:hidden;pointer-events:none;border-bottom:1px solid #e5e5e5}.zan-badge:last-child:after{border-bottom:0}.zan-badge.is-select{font-weight:700;color:#333;background-color:#fff}.zan-badge.is-select .zan-badge__active{display:block}.zan-badge.is-select:after{-webkit-transform:scale(.5);-webkit-transform-origin:left top;border-top:1px solid #e5e5e5;border-right:1px solid #e5e5e5;content:\\\"\\\";position:absolute;top:0;left:0;box-sizing:border-box;width:200%;height:200%;transform:scale(.5);transform-origin:left top;-webkit-perspective:1000;-webkit-backface-visibility:hidden;pointer-events:none;border-left:1px solid #e5e5e5}.zan-badge__active{display:none;left:0;top:0;width:3px;height:100%}.zan-badge__active,.zan-badge__info{position:absolute;background-color:#f44}.zan-badge__info{top:2px;right:2px;font-size:10px;-webkit-transform:scale(.8);transform:scale(.8);text-align:center;box-sizing:border-box;padding:0 6px;min-width:18px;height:18px;line-height:18px;border-radius:9px;color:#fff}.zan-search{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;box-sizing:border-box;padding:4px 15px;background-color:#f2f2f2}.zan-search.is-focus .zan-search__input-wrap{width:82%}.zan-search.is-focus span{display:inline-block}.zan-search__input-wrap{position:relative;width:90%;padding:8px 24px 8px 35px;border:1px solid #e5e5e5;border-radius:4px;background-color:#fff}.zan-search__input-wrap span{display:none;position:absolute;right:5px;top:8px}.zan-search__input-wrap input{width:100%;height:14px;font-size:14px;color:#999;border:none;outline:none}.zan-search__cancel{display:none;color:#4b0;font-size:14px;white-space:nowrap}.zan-search__cancel.is-focus{display:block}.zan-panel{background:#fff;border-top:1px solid #e5e5e5}.zan-panel,.zan-panel__header{border-bottom:1px solid #e5e5e5}.zan-panel__header{padding:10px 15px;position:relative}.zan-panel__title{font-size:14px;color:#333}.zan-panel__desc{font-size:12px;color:#666}.zan-panel__status{font-size:14px;position:absolute;top:10px;right:15px;color:#f44}.zan-panel__footer{border-top:1px solid #e5e5e5;padding:10px 15px}.zan-steps{overflow:hidden;padding:0 10px}.zan-steps--4 .zan-step{width:33.2%}.zan-steps__icon{font-size:40px;line-height:1;float:left;margin-right:10px}.zan-steps__message{display:table;height:40px;margin:15px 0}.zan-steps__message .zan-steps__message-wrapper{display:table-cell;vertical-align:middle}.zan-steps__title{font-size:14px;color:#333}.zan-steps__desc{font-size:12px;line-height:1.5;color:#999;max-height:18px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.zan-steps__items{margin:0 0 10px;overflow:hidden;padding-bottom:20px}.zan-step{font-size:14px;float:left;position:relative;color:#999}.zan-step .zan-step__circle-container{position:absolute;top:28px;left:-8px;padding:0 8px;background-color:#fff;z-index:1}.zan-step:first-child .zan-step__title{-webkit-transform:none;transform:none;margin-left:0}.zan-step:last-child{position:absolute;right:10px;width:auto}.zan-step:last-child .zan-step__title{-webkit-transform:none;transform:none;margin-left:0}.zan-step:last-child .zan-step__circle-container{left:auto;right:-6px}.zan-step:last-child .zan-step__line{width:0}.zan-step--finish{color:#333}.zan-step--finish .zan-step__circle,.zan-step--finish .zan-step__line{background-color:#06bf04}.zan-step--process{color:#333}.zan-step--process .zan-step__circle-container{top:24px}.zan-step--process .zan-icon{font-size:12px;color:#06bf04;line-height:1;display:block}.zan-step__circle{display:block;width:5px;height:5px;background-color:#888;border-radius:50%}.zan-step__title{font-size:12px;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);display:inline-block;margin-left:3px}.zan-step__line{position:absolute;left:0;top:30px;width:100%;height:1px;background-color:#e5e5e5}.zan-tag{position:relative;display:inline-block;line-height:14px;padding:1px 5px;border-radius:2px;font-size:10px;background:#c9c9c9;color:#fff}.zan-tag:after{content:\\\"\\\";position:absolute;top:0;left:0;box-sizing:border-box;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:left top;transform-origin:left top;-webkit-perspective:1000;-webkit-backface-visibility:hidden;pointer-events:none;border:1px solid #c9c9c9;border-radius:4px}.zan-tag.is-mark{border-radius:0 8px 8px 0}.zan-tag.is-mark:after{border-radius:0 16px 16px 0}.zan-tag.is-plain{background:#fff;color:#c9c9c9}.zan-tag--success{background:#06bf04}.zan-tag--success:after{border-color:#06bf04}.zan-tag--success.is-plain{color:#06bf04}.zan-tag--danger{background:#f44}.zan-tag--danger:after{border-color:#f44}.zan-tag--danger.is-plain{color:#f44}.zan-tag--primary{background:#38f}.zan-tag--primary:after{border-color:#38f}.zan-tag--primary.is-plain{color:#38f}.zan-checkbox .zan-icon{font-size:22px;line-height:1}.zan-checkbox .zan-icon-checked{color:#06bf04}.zan-checkbox .zan-icon-check{color:#999}.zan-checkbox.is-disabled .zan-icon{color:#d1dbe5}.zan-checkbox__input{position:relative;height:22px;margin-right:15px}.zan-checkbox__control{position:absolute;top:0;left:0;width:22px;height:22px;opacity:0;margin:0}.zan-checkbox__label{line-height:22px}\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader!./~/postcss-loader!./packages/zanui-css/src/index.css\n// module id = 189\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}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 = 192\n// module chunks = 2","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: \"zan-icon zan-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 = 198\n// module chunks = 2","// style-loader: Adds some css to the DOM by adding a
\ No newline at end of file
diff --git a/docs/examples-docs/quickstart.md b/docs/examples-docs/quickstart.md
new file mode 100644
index 000000000..2a83a5fea
--- /dev/null
+++ b/docs/examples-docs/quickstart.md
@@ -0,0 +1,23 @@
+## 快速上手
+
+### 完整引入
+
+```
+import Vue from 'vue';
+import ZanUI from '@youzan/zanui-vue';
+import '@youzan/zanui-vue/lib/zanui-css/index.css';
+
+Vue.use(ZanUI);
+```
+
+### 按需引入
+
+```
+import Vue from 'vue';
+import { Button, Cell } from '@youzan/zanui-vue';
+import '@youzan/zanui-vue/lib/zanui-css/button.css';
+import '@youzan/zanui-vue/lib/zanui-css/cell.css';
+
+Vue.component(Button.name, Button);
+Vue.component(Cell.name, Cell);
+```
diff --git a/docs/examples-docs/steps.md b/docs/examples-docs/steps.md
index bb6c3d1e8..ed483a012 100644
--- a/docs/examples-docs/steps.md
+++ b/docs/examples-docs/steps.md
@@ -2,3 +2,56 @@
### 基础用法
+```html
+
+ 买家下单
+ 商家接单
+ 买家提货
+ 交易完成
+
+
+
+```
+
+### 只显示步骤条
+
+```html
+
+ 买家下单
+ 商家接单
+ 买家提货
+ 交易完成
+
+```
+
+
+### Steps API
+
+| 参数 | 说明 | 类型 | 默认值 | 可选值 |
+|-----------|-----------|-----------|-------------|-------------|
+| active | 当前激活的步骤,从0开始 | Number | '' | '' |
+| icon | 当前步骤的icon | string | '' | '' |
+| iconClass | 当前步骤栏为icon添加的类 | string | '' | '' |
+| title | 当前步骤从标题 | string | '' | '' |
+| description | 当前步骤描述 | string | '' | '' |
+
+### Steps Slot
+
+| 名称 | 说明 |
+|-----------|-----------|
+| message-extra | 状态栏添加额外的元素 |
+
diff --git a/docs/examples/image-pewview.vue b/docs/examples/image-pewview.vue
new file mode 100644
index 000000000..4d6deff92
--- /dev/null
+++ b/docs/examples/image-pewview.vue
@@ -0,0 +1,5 @@
+
+
+
Image Preview
+
+
diff --git a/docs/examples/loading.vue b/docs/examples/loading.vue
index fcb2289c4..35d406d04 100644
--- a/docs/examples/loading.vue
+++ b/docs/examples/loading.vue
@@ -1,9 +1,41 @@
Loading
-
Loading展示
-
-
+
渐变深色spinner
+
+
+
+
渐变浅色spinner
+
+
+
+
单色spinner
+
+
+
+
单色spinner
+
+
+
+
+
diff --git a/docs/examples/steps.vue b/docs/examples/steps.vue
index d4c329a93..7c122680b 100644
--- a/docs/examples/steps.vue
+++ b/docs/examples/steps.vue
@@ -3,17 +3,52 @@
Steps
基础用法
-
+
+ 买家下单
+ 商家接单
+ 买家提货
+ 交易完成
+
+ 下一步
+
+ 只显示步骤条
+
+ 买家下单
+ 商家接单
+ 买家提货
+ 交易完成
diff --git a/docs/nav.config.json b/docs/nav.config.json
index cd172b10c..aa6d7e287 100644
--- a/docs/nav.config.json
+++ b/docs/nav.config.json
@@ -1,5 +1,22 @@
{
"zh-CN": [
+ {
+ "name": "开发指南",
+ "groups": [
+ {
+ "list": [
+ {
+ "path": "/install",
+ "title": "安装"
+ },
+ {
+ "path": "/quickstart",
+ "title": "快速上手"
+ }
+ ]
+ }
+ ]
+ },
{
"name": "ZanUI组件",
"groups": [
@@ -113,8 +130,8 @@
"title": "Waterfall"
},
{
- "path": "/img-preview",
- "title": "Img Preview"
+ "path": "/image-preview",
+ "title": "ImagePreview 图片预览"
}
]
}
diff --git a/package.json b/package.json
index 36eb1acf0..f5f08aee5 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "@youzan/zanui-vue",
- "version": "0.0.10",
+ "version": "0.0.13",
"description": "有赞vue wap组件库",
"main": "lib/zanui.js",
"style": "lib/zanui-css/index.css",
diff --git a/packages/cell/src/cell.vue b/packages/cell/src/cell.vue
index 093060398..e4574d417 100644
--- a/packages/cell/src/cell.vue
+++ b/packages/cell/src/cell.vue
@@ -11,7 +11,7 @@
diff --git a/packages/image-preview/CHANGELOG.md b/packages/image-preview/CHANGELOG.md
new file mode 100644
index 000000000..e88c472b3
--- /dev/null
+++ b/packages/image-preview/CHANGELOG.md
@@ -0,0 +1,8 @@
+## 0.0.2 (2017-01-20)
+
+* 改了bug A
+* 加了功能B
+
+## 0.0.1 (2017-01-10)
+
+* 第一版
diff --git a/packages/image-preview/README.md b/packages/image-preview/README.md
new file mode 100644
index 000000000..4c6172563
--- /dev/null
+++ b/packages/image-preview/README.md
@@ -0,0 +1,26 @@
+# @youzan/<%= name %>
+
+!!! 请在此处填写你的文档最简单描述 !!!
+
+[![version][version-image]][download-url]
+[![download][download-image]][download-url]
+
+[version-image]: http://npm.qima-inc.com/badge/v/@youzan/<%= name %>.svg?style=flat-square
+[download-image]: http://npm.qima-inc.com/badge/d/@youzan/<%= name %>.svg?style=flat-square
+[download-url]: http://npm.qima-inc.com/package/@youzan/<%= name %>
+
+## Demo
+
+## Usage
+
+## API
+
+| 参数 | 说明 | 类型 | 默认值 | 可选值 |
+|-----------|-----------|-----------|-------------|-------------|
+| className | 自定义额外类名 | string | '' | '' |
+
+
+
+
+## License
+[MIT](https://opensource.org/licenses/MIT)
diff --git a/packages/image-preview/index.js b/packages/image-preview/index.js
new file mode 100644
index 000000000..3fffcc094
--- /dev/null
+++ b/packages/image-preview/index.js
@@ -0,0 +1,3 @@
+import ImagePreview from './src/image-preview';
+
+export default ImagePreview;
diff --git a/packages/image-preview/package.json b/packages/image-preview/package.json
new file mode 100644
index 000000000..7a120620b
--- /dev/null
+++ b/packages/image-preview/package.json
@@ -0,0 +1,10 @@
+{
+ "name": "@youzan/zan-image-pewview",
+ "version": "0.0.1",
+ "description": "image preview component",
+ "main": "./index.js",
+ "author": "zhangmin ",
+ "license": "MIT",
+ "devDependencies": {},
+ "dependencies": {}
+}
diff --git a/packages/image-preview/src/image-preview.vue b/packages/image-preview/src/image-preview.vue
new file mode 100644
index 000000000..0d2c38ebd
--- /dev/null
+++ b/packages/image-preview/src/image-preview.vue
@@ -0,0 +1,18 @@
+
+
+
author: {{ author }}
+
Hello {{ name }}
+
+
+
+
diff --git a/packages/loading/src/loading.vue b/packages/loading/src/loading.vue
index 375c785ee..83ecba436 100644
--- a/packages/loading/src/loading.vue
+++ b/packages/loading/src/loading.vue
@@ -1,11 +1,30 @@
-
+
diff --git a/packages/steps/src/step.vue b/packages/steps/src/step.vue
index 888e58d1a..8e6fbcc9a 100644
--- a/packages/steps/src/step.vue
+++ b/packages/steps/src/step.vue
@@ -1,6 +1,13 @@
-
-
+
@@ -8,8 +15,23 @@
export default {
name: 'zan-step',
- props: {
- title: String
+ beforeCreate() {
+ this.$parent.steps.push(this);
+ },
+
+ computed: {
+ status() {
+ let index = this.$parent.steps.indexOf(this);
+ let active = this.$parent.active;
+
+ if (index === -1) {
+ return '';
+ } else if (index < active) {
+ return 'finish';
+ } else if (index === active) {
+ return 'process';
+ }
+ }
}
};
diff --git a/packages/steps/src/steps.vue b/packages/steps/src/steps.vue
index 3050574d6..0c403a963 100644
--- a/packages/steps/src/steps.vue
+++ b/packages/steps/src/steps.vue
@@ -1,13 +1,15 @@
-
+
@@ -38,6 +40,12 @@ export default {
return result;
}
+ },
+
+ data() {
+ return {
+ steps: []
+ };
}
};
diff --git a/packages/switch/src/switch.vue b/packages/switch/src/switch.vue
index d33794c62..3b9df45f9 100644
--- a/packages/switch/src/switch.vue
+++ b/packages/switch/src/switch.vue
@@ -1,8 +1,9 @@
-
-
+
@@ -40,13 +41,11 @@ export default {
}
},
computed: {
- switchState: function() {
- let switchState = this.checked ? ['is-on'] : ['is-off'];
+ switchStates: function() {
+ let switchStates = ['zan-switch--' + (this.checked ? 'on' : 'off'),
+ 'zan-switch--' + (this.disabled ? 'disabled' : '')];
- if (this.disabled) switchState.push('is-disabled');
- if (this.loading) switchState.push('is-loading');
-
- return switchState;
+ return switchStates;
}
},
methods: {
diff --git a/packages/zanui-css/package.json b/packages/zanui-css/package.json
index a6b466352..41e541d23 100644
--- a/packages/zanui-css/package.json
+++ b/packages/zanui-css/package.json
@@ -1,6 +1,6 @@
{
"name": "@youzan/zanui-css",
- "version": "0.0.10",
+ "version": "0.0.13",
"description": "zanui css.",
"main": "lib/index.css",
"style": "lib/index.css",
diff --git a/packages/zanui-css/src/loading.css b/packages/zanui-css/src/loading.css
index 4c7ee0d96..c51bdc112 100644
--- a/packages/zanui-css/src/loading.css
+++ b/packages/zanui-css/src/loading.css
@@ -3,16 +3,19 @@
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
+
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
+
@keyframes loading {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
+
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
@@ -25,17 +28,41 @@
height: 30px;
line-height: 0;
font-size: 0;
- }
+
+ @e spinner {
+ display: inline-block;
+ height: 100%;
+ width: 100%;
+
+ -webkit-animation: loading 0.8s linear;
+ -webkit-animation-iteration-count: infinite;
+ animation: loading 0.8s linear;
+ animation-iteration-count: infinite;
- @b spinner {
- display: inline-block;
- height: 100%;
- width: 100%;
- background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAADitJREFUaAXNmmuMVVcVx++9M8PMMAwMj5GCpJjGtKVIfQxIpcGGtwylwQ+iND4iJI1GTU2jjZqmYvzQVNLY1JiaftPU1mjSftBAeA4FQagQSCoYq0EUeU55zTCvO/fh77/uWZtzh7kzd17ATvZde6+99t7rv9baj3POTSbGKB08eLC2o6OjKZ/PfyyZTN7HNPdRboTWU6+DJnO5XGcqlbpBuZX8b/IpZN6bMGHCu4sWLeqiPuopOZoj7tq1ayrjPY7SK6GfIFcBCnzJhP3AoC0FUdLcSQDDyifjfHi9tB2Ht62ysvLtJUuWfKAOo5FGBfCOHTvmA2gTCi6GVqCYgRHQbDabEiXbXHFgkusLmLrJYSjrh7ws1kJ+dfny5X8ZKegRAd6+ffvCioqKb6PUpyKQ0ieAVXk4gGUb7xcfDyP8lfqLK1euPAAdVhoW4H379jX29PR8nxlXk0OIAhxdbcgA2kM6LidNI0+bfNTPdTHPxvup3SOBrurzNvNvXrNmzQWNNZTkk5Tdh3W6GAVepEN91CkAjuoBLHVtTAaKcpHcSABrHvp3YISnCPNdqpebXImy5Hfu3PlVAPwC4Tom1KTKnryeQKas8SSENSyX24HJtMHJiPXM8wYO+Fa5fW2+coRPnDgx7uzZs88h+wRWFbCiXTUaw41nCrG2bXyUGtDDPh7CHm0DhjRz2zw+qOqUf9fb2/tMc3NzT6RLSeKTlBTYv3//ZNbLywz8sID6RK5gfwpITmtOsgA2AMgHg2iyqJ/kzIA+nuToFjYt2t2jt8hpHJJhYLyjVVVVTw52hLkSha59fuVZwP6cweaRrRVaKPSR7a8aFx1KmPtY9A8OiZe9PU4x0oJMJvPm1q1bq+P8vuUBAV+4cOFHTDSPwQJIlZUYqCiLH8+aiHqYTx6P+gRevMCQ5knnqW/Ux1lxD5us9xGNhBZwUXk5dOinUBIwm8GXGehx9YFaVwGKl/sZL8ipIFn18bI1DvCj8PYUGcuBOFhvLqLIBjkanmRz/U6RQKwSFwzs3bt3LyIEZSmNZTIoL22EWHKBr7IYUbs1UPZ2tbUDZC8XiYNY/xyb2aXu7u5L48aN06XkQ7RPR34m9DHoUuhkTRmtfY1jYK1AI8mt4rp7XW3xKPkCF5QdYsaTdwq8lpaWaayFP8CYIKZPhDI2MFR9rF/UZmVvd3lk9pB/C8gjbCQZyoMm5q5kt13IGBsRbtZcpJKA1RjXJ5rADdDO3E3MXXQ5qeyrBWCfZpDxGkttlF1Es3vZqNpiPBc8TuNLK1asOFYkXEYlMoyujQdYUgvw8vNEx4KoqxvWKPxiZQpC4jl/EhH0AvWvR/2NeKNVuBs3MdAvZTWlSNCpW87qkqHdyi4L3cLN5/Wo36gQgD/FXD9hMHMOZdMjAhyWmOsCLdITozWvWrVqnyvjjVZnEA2uMqSQVO6nLhlL9JGX28jfGG2wmoAxX4NsILeT3cgWymgY6jK6ksuoTZn0Y3ghBcBsVHrieRgBQ+w0SBYXggyDSpGvodiIH92Kp7hZY3nsRZ/PwWkTl7KAeYqXnRcoop8hcj/rjAAY129Aeef72oVVSHTUHTHndQQlnGPNPwvYU6HjGBWY433m36R5SQEkeptXoSlltSl7Qj7JyfBdV8sA6/qI0CMIBc/Fyy7cD31p9erVY+bZvvMBugW9niMLtYHTkiqVBFxtGGIVXtYRWFjgXB/1SsbetUCRC09Ct3ha7cpMdIxQe4PybU3M+SoTHtakADfvquhZPCVvVpFcwRH1RXgFwGzfjwmkEtaQwKCeBvAr1uEO/BCiz6Ojea/v9OCwBxbxVVaWKPTz4iU57GsAvBVGVdRgA0lQAiQPHViFXRG5d7D0s4XmO/PL9VHRtRadLKYNVUEVA4lDXF9rp5KZMmXKtBThrMc+P+MshKl7KIsqfMMTPQOL9fs7A/PmrOj0q5u1gje1aTkvKpvT5Ehy1bVr1x6tpOP9QiCmUtTooW08mq1JFPk21oNuU3c0ocdBQLVBJ7si0g/9BcSzHGbAItqUYj3MQqawgJFUJ61jJZWVo7J5mvqBcu/G1nGMfqQDumwjhzUrrKqLxrNUiOoP6Oy6FyHxhDJkBHJYryirnfSuhO+StNeBgUHhrPdKVVGuhKelqsWsNtEHVZhCJ5nFUAuklxGg+RZPXzTm3fFzBh3tNRHqOEDbtMSHp6xXRh7W98gCNQLm2RuhFtdRR61dbxq1zx7MPaJUXV19Lp1OK0rl2bBh9TOoAQZDvdwcHgVBZJ52qo7ucRmEgRM8vN81gNHnfOSFgcDG8U+S28K6pUVlxXFe4JTd81FbbsaMGRTvjsRbSoWvvQ8uRyNkLU47+xOWl+VdtcU9zidQfSG8KxLRNgPdytYF2aRCWoAVyv40pCei4HWVld3j0LsGMHrNJJeNGNm8FvwVgRksYRDzOI+D0weTvY3t9w5lLjDoe1TqTBS6wasMYl7FIOZ1eR9eNsqfHMokYymLXiuGMj7y76W4Jv6XTrZRiZLiG5U+edjm5SGNzCPIlL1RDEWhocjqDSfya4bSB73/lOIc+5dAepK3uW6GGxYGyVLPih9FQi1PKvNc/k5RHKHPtuEeXY4eePhoihfiJyjoPxVxL/vNy3gyCDIKa6sD/IlyJhhjmZJfF0rMm540adKfU1zCuwHzd4RsDQPOkkLZM+Gcj0LbAFNfxOvTh0oMPOZsfRlBSXugL3cyMB6eP39+p99QDnpHGopuW33rsgayYM5t8j63mzL3z4Y6JzjeUh8DzBrdCw59Dgk7NQLZQfL9e/bsue2hTWQ9jZ6PSvlyEzgyNTU19v4tHNr89UjvifyzRrljyUCbed0z5M8q5U4QlwOsNqpfw/PIjDcPVN6DjhslYK92VGCgtwDcpHI8FSL4JgcZhXRIhNf3eAX6Az5nnAnMMSjoQzd35wt8bNMLea0p0wOeUa/71Ogd9Bw/fvx55wcPi8Fm8AJyc7xR1PsxoH2ghtrfGdQW8UQ7McQWPk+Oyasfnbn19fXjzp8/n+jq6so3NjbmT58+nZg+fXp+9uzZBkx86XT06FGRBLIB8ObNm8PXyyLAOl9R/qfWgx+OH12iA0Dx5WEBZd0bdY8jq0F/s3Tp0q2SG61E9NQxVl1DQwMHRTZ/8eLFHP/FzONpA3Tjxo1ca2trYuHChTkZZOrUqcbn5WR+1qxZ+WPHjmXWr1+vW6KlIsDisJafwauLC80FgF4WdYAUgwXFB7ANilL/oPy6Po2IP9yk18f0bQBYCrC5q1ev5gRYwNva2hI8/Ofwel4eraury3Of0H6S4KyVURIctznksnPnzk3HdbgFcPSvnVdQulae9ETZAMI3ilEcsB1jKIMt7BWu7uEJFDhMFOxk8vfjFvbx+qP0S27btq0eMI2Uq+kvpTOi8DLSgZShnIevu0F+zpw5ZgBujOZ5hboiAAMlTp482U443wTBpLcAliL6ksjAPySHds2kNgdM0d59oYQBlTJkhTrEaEYGQKkOZI9T/hv5Cu1XWG/thKLW4njaq/FiLRtLPU9ik+mbRi7LdN205bja9sIPgBnL1iPPwlkBF2hlQjnX3t6ukPZI6+CioRtkUQqAirhUAK23+l+R8lEywAKhzCQQ27HdEFnJYhB1yKOkHidlJwGXa3pol5L6vJrBI/rvhxRqY6wMEaH/TYvfhXwWoN0aC+OkZUSNQ/+8DCBKOFuIs1aznLF5wNqcKjPGjbVr1/b7YqPkebZs2bI/osA7AuU5AgPbPG0eFiIpYEx+orKDNQpbYnkpjiF8d3cDJgGR1FrFaxW1tbVJZZRWqOi9ub6OVADE+JLBQCnJM1aKYylFvYII0a6d6OzsTJcCKx3DOaxK38QG8drly5fvAfBH0RdiAWFrlLK5HmXRy4p6mpKVNYyELaQpK8RyeFB/C8zSLgETgioJgNa8PXICqJq+WeoypIBqU8rxmUQv3LUM0qLaxEQnTpxofBmCsXrWrVt33UYt8VPSw5LXGmDX20Lxn/IuipinNJHaoZbFV1lJXlSdoslSliEs3CUTtZks9bCkYh4zjysgAC3vpniPVsFS0PGYdA/TV8/yerxVNCQJ8TTHU2t8fJukz0+YsA+/qHrkyBF9iNqIEvrHu4FzzzKxha0cJw/T0cDRrkWeQ5leAabcTX8ZQ2tLXu+mr9ZfhyiAbbNCtoucA2iP+mNArVltWr0ypo4aqnkc0SuLarcmrK9z07uAvDmiSPk+lbIAex/O6GYG/RLzyNoCYZsXZc1tLhZVRcpGPFMcJQ0wyhlgDNQDAL1c0C0tAKaPyTGnNjlFhwymogEEeFrjs5nZPBjsPGf+ZddxMDokwBqMJ6SPM/k3yTUC6p6lbMeBQEohQEhBeUgKyhgG3IHS33Zt+hlA6l2KCuq9MgA5jax25R6NRyjbbk+Y29sXPJvGeKf5y7D90WUwoN4+ZMDq2NLS0oAyG1Dq0xEYeyOC0nbjkoKISXEB1U3HAEPZn7IKTVE7doRFYwg4/XXummcBk4anY8k8TN+M6syrM/rytGnT/tPfOYvcgGlYgH1E7rkPosQ6FNAuLlBaz1qnUsxeGwkA4ORxAZeyAqJ12CNZeAZQ7RpDVMBF1c7aNsAYSTu7duBTPOoNuBMjUzKNCLCPynXwAYDplelD6GreRnn3sIAbgMgovqZLAgasMBtgQAvzB6zdU9yPr/mcw6WjAtgnP3To0ER28yYUnkdIfhh+Up4WABlAgLWmVYdvgCibR70dw4mvW9Ul2s6xWf+vnL/2uw6D0VEFHJ9M/6bnce0jeGcmik8lN9A+HsCaU99yBUzrtpOQ74CvnfY6ZXmzFW/GLyfxoUdU/j+IDynLAWtddgAAAABJRU5ErkJggg==');
- background-size: contain;
- -webkit-animation: loading 0.8s linear;
- -webkit-animation-iteration-count: infinite;
- animation: loading 0.8s linear;
- animation-iteration-count: infinite;
+ @m circle {
+ border-radius: 100%;
+ border: 3px solid transparent;
+ box-sizing: border-box;
+ &.zan-loading__spinner--black {
+ border-color: $c-gray;
+ border-top-color: $c-gray-darker;
+ }
+ &.zan-loading__spinner--white {
+ border-color: rgba(0, 0, 0, .5);
+ border-top-color: transparent;
+ }
+ }
+
+ @m gradient-circle {
+ &.zan-loading__spinner--black {
+ background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAADitJREFUaAXNmmuMVVcVx++9M8PMMAwMj5GCpJjGtKVIfQxIpcGGtwylwQ+iND4iJI1GTU2jjZqmYvzQVNLY1JiaftPU1mjSftBAeA4FQagQSCoYq0EUeU55zTCvO/fh77/uWZtzh7kzd17ATvZde6+99t7rv9baj3POTSbGKB08eLC2o6OjKZ/PfyyZTN7HNPdRboTWU6+DJnO5XGcqlbpBuZX8b/IpZN6bMGHCu4sWLeqiPuopOZoj7tq1ayrjPY7SK6GfIFcBCnzJhP3AoC0FUdLcSQDDyifjfHi9tB2Ht62ysvLtJUuWfKAOo5FGBfCOHTvmA2gTCi6GVqCYgRHQbDabEiXbXHFgkusLmLrJYSjrh7ws1kJ+dfny5X8ZKegRAd6+ffvCioqKb6PUpyKQ0ieAVXk4gGUb7xcfDyP8lfqLK1euPAAdVhoW4H379jX29PR8nxlXk0OIAhxdbcgA2kM6LidNI0+bfNTPdTHPxvup3SOBrurzNvNvXrNmzQWNNZTkk5Tdh3W6GAVepEN91CkAjuoBLHVtTAaKcpHcSABrHvp3YISnCPNdqpebXImy5Hfu3PlVAPwC4Tom1KTKnryeQKas8SSENSyX24HJtMHJiPXM8wYO+Fa5fW2+coRPnDgx7uzZs88h+wRWFbCiXTUaw41nCrG2bXyUGtDDPh7CHm0DhjRz2zw+qOqUf9fb2/tMc3NzT6RLSeKTlBTYv3//ZNbLywz8sID6RK5gfwpITmtOsgA2AMgHg2iyqJ/kzIA+nuToFjYt2t2jt8hpHJJhYLyjVVVVTw52hLkSha59fuVZwP6cweaRrRVaKPSR7a8aFx1KmPtY9A8OiZe9PU4x0oJMJvPm1q1bq+P8vuUBAV+4cOFHTDSPwQJIlZUYqCiLH8+aiHqYTx6P+gRevMCQ5knnqW/Ux1lxD5us9xGNhBZwUXk5dOinUBIwm8GXGehx9YFaVwGKl/sZL8ipIFn18bI1DvCj8PYUGcuBOFhvLqLIBjkanmRz/U6RQKwSFwzs3bt3LyIEZSmNZTIoL22EWHKBr7IYUbs1UPZ2tbUDZC8XiYNY/xyb2aXu7u5L48aN06XkQ7RPR34m9DHoUuhkTRmtfY1jYK1AI8mt4rp7XW3xKPkCF5QdYsaTdwq8lpaWaayFP8CYIKZPhDI2MFR9rF/UZmVvd3lk9pB/C8gjbCQZyoMm5q5kt13IGBsRbtZcpJKA1RjXJ5rADdDO3E3MXXQ5qeyrBWCfZpDxGkttlF1Es3vZqNpiPBc8TuNLK1asOFYkXEYlMoyujQdYUgvw8vNEx4KoqxvWKPxiZQpC4jl/EhH0AvWvR/2NeKNVuBs3MdAvZTWlSNCpW87qkqHdyi4L3cLN5/Wo36gQgD/FXD9hMHMOZdMjAhyWmOsCLdITozWvWrVqnyvjjVZnEA2uMqSQVO6nLhlL9JGX28jfGG2wmoAxX4NsILeT3cgWymgY6jK6ksuoTZn0Y3ghBcBsVHrieRgBQ+w0SBYXggyDSpGvodiIH92Kp7hZY3nsRZ/PwWkTl7KAeYqXnRcoop8hcj/rjAAY129Aeef72oVVSHTUHTHndQQlnGPNPwvYU6HjGBWY433m36R5SQEkeptXoSlltSl7Qj7JyfBdV8sA6/qI0CMIBc/Fyy7cD31p9erVY+bZvvMBugW9niMLtYHTkiqVBFxtGGIVXtYRWFjgXB/1SsbetUCRC09Ct3ha7cpMdIxQe4PybU3M+SoTHtakADfvquhZPCVvVpFcwRH1RXgFwGzfjwmkEtaQwKCeBvAr1uEO/BCiz6Ojea/v9OCwBxbxVVaWKPTz4iU57GsAvBVGVdRgA0lQAiQPHViFXRG5d7D0s4XmO/PL9VHRtRadLKYNVUEVA4lDXF9rp5KZMmXKtBThrMc+P+MshKl7KIsqfMMTPQOL9fs7A/PmrOj0q5u1gje1aTkvKpvT5Ehy1bVr1x6tpOP9QiCmUtTooW08mq1JFPk21oNuU3c0ocdBQLVBJ7si0g/9BcSzHGbAItqUYj3MQqawgJFUJ61jJZWVo7J5mvqBcu/G1nGMfqQDumwjhzUrrKqLxrNUiOoP6Oy6FyHxhDJkBHJYryirnfSuhO+StNeBgUHhrPdKVVGuhKelqsWsNtEHVZhCJ5nFUAuklxGg+RZPXzTm3fFzBh3tNRHqOEDbtMSHp6xXRh7W98gCNQLm2RuhFtdRR61dbxq1zx7MPaJUXV19Lp1OK0rl2bBh9TOoAQZDvdwcHgVBZJ52qo7ucRmEgRM8vN81gNHnfOSFgcDG8U+S28K6pUVlxXFe4JTd81FbbsaMGRTvjsRbSoWvvQ8uRyNkLU47+xOWl+VdtcU9zidQfSG8KxLRNgPdytYF2aRCWoAVyv40pCei4HWVld3j0LsGMHrNJJeNGNm8FvwVgRksYRDzOI+D0weTvY3t9w5lLjDoe1TqTBS6wasMYl7FIOZ1eR9eNsqfHMokYymLXiuGMj7y76W4Jv6XTrZRiZLiG5U+edjm5SGNzCPIlL1RDEWhocjqDSfya4bSB73/lOIc+5dAepK3uW6GGxYGyVLPih9FQi1PKvNc/k5RHKHPtuEeXY4eePhoihfiJyjoPxVxL/vNy3gyCDIKa6sD/IlyJhhjmZJfF0rMm540adKfU1zCuwHzd4RsDQPOkkLZM+Gcj0LbAFNfxOvTh0oMPOZsfRlBSXugL3cyMB6eP39+p99QDnpHGopuW33rsgayYM5t8j63mzL3z4Y6JzjeUh8DzBrdCw59Dgk7NQLZQfL9e/bsue2hTWQ9jZ6PSvlyEzgyNTU19v4tHNr89UjvifyzRrljyUCbed0z5M8q5U4QlwOsNqpfw/PIjDcPVN6DjhslYK92VGCgtwDcpHI8FSL4JgcZhXRIhNf3eAX6Az5nnAnMMSjoQzd35wt8bNMLea0p0wOeUa/71Ogd9Bw/fvx55wcPi8Fm8AJyc7xR1PsxoH2ghtrfGdQW8UQ7McQWPk+Oyasfnbn19fXjzp8/n+jq6so3NjbmT58+nZg+fXp+9uzZBkx86XT06FGRBLIB8ObNm8PXyyLAOl9R/qfWgx+OH12iA0Dx5WEBZd0bdY8jq0F/s3Tp0q2SG61E9NQxVl1DQwMHRTZ/8eLFHP/FzONpA3Tjxo1ca2trYuHChTkZZOrUqcbn5WR+1qxZ+WPHjmXWr1+vW6KlIsDisJafwauLC80FgF4WdYAUgwXFB7ANilL/oPy6Po2IP9yk18f0bQBYCrC5q1ev5gRYwNva2hI8/Ofwel4eraury3Of0H6S4KyVURIctznksnPnzk3HdbgFcPSvnVdQulae9ETZAMI3ilEcsB1jKIMt7BWu7uEJFDhMFOxk8vfjFvbx+qP0S27btq0eMI2Uq+kvpTOi8DLSgZShnIevu0F+zpw5ZgBujOZ5hboiAAMlTp482U443wTBpLcAliL6ksjAPySHds2kNgdM0d59oYQBlTJkhTrEaEYGQKkOZI9T/hv5Cu1XWG/thKLW4njaq/FiLRtLPU9ik+mbRi7LdN205bja9sIPgBnL1iPPwlkBF2hlQjnX3t6ukPZI6+CioRtkUQqAirhUAK23+l+R8lEywAKhzCQQ27HdEFnJYhB1yKOkHidlJwGXa3pol5L6vJrBI/rvhxRqY6wMEaH/TYvfhXwWoN0aC+OkZUSNQ/+8DCBKOFuIs1aznLF5wNqcKjPGjbVr1/b7YqPkebZs2bI/osA7AuU5AgPbPG0eFiIpYEx+orKDNQpbYnkpjiF8d3cDJgGR1FrFaxW1tbVJZZRWqOi9ub6OVADE+JLBQCnJM1aKYylFvYII0a6d6OzsTJcCKx3DOaxK38QG8drly5fvAfBH0RdiAWFrlLK5HmXRy4p6mpKVNYyELaQpK8RyeFB/C8zSLgETgioJgNa8PXICqJq+WeoypIBqU8rxmUQv3LUM0qLaxEQnTpxofBmCsXrWrVt33UYt8VPSw5LXGmDX20Lxn/IuipinNJHaoZbFV1lJXlSdoslSliEs3CUTtZks9bCkYh4zjysgAC3vpniPVsFS0PGYdA/TV8/yerxVNCQJ8TTHU2t8fJukz0+YsA+/qHrkyBF9iNqIEvrHu4FzzzKxha0cJw/T0cDRrkWeQ5leAabcTX8ZQ2tLXu+mr9ZfhyiAbbNCtoucA2iP+mNArVltWr0ypo4aqnkc0SuLarcmrK9z07uAvDmiSPk+lbIAex/O6GYG/RLzyNoCYZsXZc1tLhZVRcpGPFMcJQ0wyhlgDNQDAL1c0C0tAKaPyTGnNjlFhwymogEEeFrjs5nZPBjsPGf+ZddxMDokwBqMJ6SPM/k3yTUC6p6lbMeBQEohQEhBeUgKyhgG3IHS33Zt+hlA6l2KCuq9MgA5jax25R6NRyjbbk+Y29sXPJvGeKf5y7D90WUwoN4+ZMDq2NLS0oAyG1Dq0xEYeyOC0nbjkoKISXEB1U3HAEPZn7IKTVE7doRFYwg4/XXummcBk4anY8k8TN+M6syrM/rytGnT/tPfOYvcgGlYgH1E7rkPosQ6FNAuLlBaz1qnUsxeGwkA4ORxAZeyAqJ12CNZeAZQ7RpDVMBF1c7aNsAYSTu7duBTPOoNuBMjUzKNCLCPynXwAYDplelD6GreRnn3sIAbgMgovqZLAgasMBtgQAvzB6zdU9yPr/mcw6WjAtgnP3To0ER28yYUnkdIfhh+Up4WABlAgLWmVYdvgCibR70dw4mvW9Ul2s6xWf+vnL/2uw6D0VEFHJ9M/6bnce0jeGcmik8lN9A+HsCaU99yBUzrtpOQ74CvnfY6ZXmzFW/GLyfxoUdU/j+IDynLAWtddgAAAABJRU5ErkJggg==');
+ background-size: contain;
+ }
+ &.zan-loading__spinner--white {
+ background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAACZBJREFUaAXNmm2opVUVx+dOpWmNWZNpFkNEqIW9OUU2YkaRlZXUh4ikF3JAiIpCKCxCCokwicIIsw99CJsiIT8kChXOFGmNNahYSBYTZo2mFaYzmqbefr8z539bZ8/znJd77sss+J+199prr7X+ez/7eZ57zl3YsEqyuLh4FKG3glPBi4c4Dr0JPAMsgIfBfnA/+DPYC24HNy8sLDyCXnEx6YoJJDcT7J3gbPAq8DSQHNEbsSn2xeJQV/t/sd0KrgfXQP4f6BWRFDFXMIi+hgDbwZngKSBkaG6oRNp+H+Hq9ySdneAKiP/KgXlkLsIQfR3JPw5OA4lVydqel3CN9xviXQrxG9HLkhQ502SIehY/Dd4OKqHEq0XGVv3MZz9j1b/PL5e+vteAL0D8XvRMkoRTT4Ksl+2lwJuP0hZYi6/t1m8ewuY9AC6A9M/sTCspYip/yH4Ix28A77IRV16slWQRXfAd1PSxWRJPtcMEPYKgnwfnDoM7L4uVGLUfmzrtOm4Y+xmbxi+XdFecHxDrQnb7UQOPkyTs9YHssxn8OngFqIVlblcBjrUF9vnhOhI3ftFtzr68e4hzHqTHPsIS1KSHyHBnv8bAy8vgWl++SR2i6bf6tRi+T81HtgO1P5Ywjp8Dkq0kbU8D3EYkc0aMpVN3MuaaV1t8urTjkvZq7JVewqzUB5jlW1OVWkBtVx/bday2W79J/bqrtd3Oq2PnUfsnWof0q2NsG5iwjY4r5Xh8XJy0qz22LF7Goh9i3i5wE9gH7hvC8eeB48GJ4CzwJuA9Q+nLV/PEbzCBj+S0/17O808yEK3DiED2uRiuBs8cDsSnJoqtJqjjTr0BfA/8lsSPa5gk5H4qPr69nQ/OAZPyJH/8mLL09HCht5J75OWkOurs7l6COhtkLLoSik2ddsZvw/ZVEt2CXrZQh+fxYqA2R+JHJ2+tofrZvpo6PoJeEo1LQpKtdL4JtGcselIi41xGgqtsrJRQ0wXE+iJw95VaR2pTp13H9T+Hmn5hQ4nToEPwK2m8ctD5/1h8aqAkyJiXz2cIPPdfM8PcI4q63ojhO+AY0NaBaWSD6rhjv6auN9tQMuil7F88vlzkrhqtXysZU0v2w6tF1sTE3oV6G3gQKFnotj0YbD5eD7c3xLZEGMP7YyxaQsGTtEX6avvu7F70qgo57iSBf3ObtyVsXy7CdotPYRvIgDAr4KPgdGAwJaTSHhg7Prw5rcpl3JHLnd6J3Xd6JeQO9ro/szBvhaOPwKVL2ruyASpRxyOxV30LBeyIw1ppcl5Brt3DfO1Otv2U5bcw77Mz2GH0WXaKSEwJwbQHxuHH5bWzxu2LyZfda1NrD68sgD7v8WMjW/109CnA89gFzAMJeX12stI+b9dFyO0OXwtCLpd31yI4Jk6H69E2vDPnGUfzEJGoJCP2f5jOOupvNblDPuYsQvp+g3qGxpNAdm+czkQfDbems476JnJbS71sLSf9Lr1Vwi8EEp0k+rjTN3JJTfVuPCngPOPDGq4nRruz9vvkZAlvGY5KZhrc3BdtHey7Sk65eDf20hUeU6E9OEXDc0B22NWRdC4HmofI3w+xrJ/hblJnR0Ourcbx8DtBJ+/SVRJA4kr60WO/Mzo4Zc0+95EpO6vuk9S+SaejQVZAXWEAiWfc/uFE+B7qkcw4stYceZY7nHObVWh1nLPj6R8O2lo9t9PKRlfGnyy7xF0Nyey6fpu7nNfJ9vwZ8y6EcMhlt7t0Yh9OhP0uLFdk6hunFyX8r3EeZSyLcnyxrXdzy4wFHJCwt/auHW1tT+AnXg0OF3nLjIXcLuG/gJxR9STxJXyWG8WkeMsapwZvuO+YcfK1Ev5TM6lvZ2M/Cv/600szfc26/mzrFxezyB4J/x74PxV1l9u2QSUc+7ka1ll6f13oqesx7L/cyEv4f2jcAbKDIVXnaVMyto1L6mUHTWv/Se5tZB38QT9D9t1wfdgdVvxTKxJS47SLsz0T1kF/ZRk5f+ScEN5F2z/5ssvq3JX79Ems9Jpf2uT8JLWdAWYRue1wgnc6vw18gEB7aPqzxiyynXl3M3+un1WmTUgub1QSvmvaOUO/G6jxPttLbykEO5X+l4YO41TOc3wO0LiIgD7PV02o70iCbwGpOXW0OjXEbv8e6nvERibb9teHL6NeOuh0fxjEOTWYnr6P+7vSqnz1Q11eiUeYCDF38rftgcPwIz5ewUvf0LSEfb5eUmY5qSWYQK026HcJfl2ZP3cTsv7HkPBeYk7vL+rkt69Exx6fx6nJuQMZIayFBBeiPCuRBGj7rT1B/4DjVSTxp5FlC3X4xcSxwBurZEI0edJnaGkh0lY7/gR1+Pxdki7Cvr1cDnyjqhKCXVpbrgQTKbvBT8GddYUd6BNIGmMTOA54Zo2Vp4faPNG2Rd8CMLThIXKnHvujZ3hg4YPEp6E+24wbXIk2kO0QrXb9Upg3Nc/274B/mQl/cdTfb1sk5uJK1MV2RyThC5E5fAsMcecYV9HHfhBiWYADkHXuiByywxmF9LtofzB9tIGVJGiJJlEWIn4WqO1RoI9ktakt6MFhf/9QezfVL4RdgErYOcZOHn2TK3o/ZDu/2MiLB3NGhQk/xvJzkCBJEsckzHjs6Xdp50QcV1w4YS3+FZa+bW3j7HUc14E81kfW0cGLx0G/zs9vYz0BvARYiJKiu3RIqHNJuwP6Zoe1i4jElGgv8exabM43v3HdcbU2dez6muPfoFdcoV4ZnoHLcPgjSAKTiCq13/rZl0Ck+mYRHctuaRMSiM12l93x2F2I+6m5xsc0KjpPFM6z3+SfD84ECSgRxX5s6pBT6+OZs50z6dlKX+1NTW3Bas+w89ytzK9aH/PkLNt2V++dRBafwQqqx4o7Da7EyRfwSs5CIrbrWGt3rCLj2aHo7GqXziXuXNvCXfXVMbkd65VJZ3hkIkGvY7f/hvGjIL9YhETIh7g7YNvzqnZn4kNzSSRWJaTUjjnPxTCP833FVHtF3EVN3uWnljbZxIkkuA2ni4AvForJ6+pmAbp0JVznGEdSqSe7rV1b+tEPYLtjVrIGM8Cyhd32PwfeDbyLh7ha5Ix5FiWXMxqdMxqt3XmtrleKZ3UvRMfeifHplbkIJyrET6btV6b52ieEqw6REGx1xlstYX/Pkqg7O5esCOFUAPFjaG8F/tX1AmD87FB0Syj9Ou659w/2feCvEHVxVkRWlHCtCPLeXF4ETgSbwbHAd2dzerOUqI8qH1M+mv4JvFTdTe+89eUE08rI/wCfdm58JaCP1gAAAABJRU5ErkJggg==');
+ background-size: contain;
+ }
+ }
+ }
}
}
diff --git a/packages/zanui-css/src/steps.css b/packages/zanui-css/src/steps.css
index 03b764afa..9c36fc87d 100644
--- a/packages/zanui-css/src/steps.css
+++ b/packages/zanui-css/src/steps.css
@@ -1,25 +1,34 @@
@import "./common/var.css";
+@import "./mixins/ellipsis.css";
@component-namespace zan {
@b steps {
- padding: 15px 0;
+ overflow: hidden;
+ padding: 0 10px;
- .zan-icon {
+ @m 4 {
+ .zan-step {
+ width: 33.2%;
+ }
+ }
+
+ @m 3 {
+ .zan-step {
+ width: 50%;
+ }
+ }
+
+ @e icon {
font-size: 40px;
line-height: 1;
float: left;
- }
-
- @e status {
- padding: 0 10px;
+ margin-right: 10px;
}
@e message {
display: table;
height: 40px;
- padding-right: 50px;
- width: 100%;
- box-sizing: border-box;
+ margin: 15px 0;
.zan-steps__message-wrapper {
display: table-cell;
@@ -34,7 +43,107 @@
@e desc {
font-size: 12px;
+ line-height: 1.5;
color: $c-gray-dark;
+ max-height: 18px;
+ @mixin multi-ellipsis 1;
+ }
+
+ @e items {
+ margin: 0 0 10px;
+ overflow: hidden;
+ padding-bottom: 20px;
+ }
+ }
+
+ @b step {
+ font-size: 14px;
+ float: left;
+ position: relative;
+ color: $c-gray-dark;
+
+ @m finish {
+ color: $c-black;
+
+ .zan-step__circle,
+ .zan-step__line {
+ background-color: $c-green;
+ }
+ }
+
+ @m process {
+ color: $c-black;
+
+ .zan-step__circle-container {
+ top: 24px;
+ }
+
+ .zan-icon {
+ font-size: 12px;
+ color: $c-green;
+ line-height: 1;
+ display: block;
+ }
+ }
+
+ &:first-child {
+ .zan-step__title {
+ transform: none;
+ margin-left: 0;
+ }
+ }
+
+ &:last-child {
+ position: absolute;
+ right: 10px;
+ width: auto;
+
+ .zan-step__title {
+ transform: none;
+ margin-left: 0;
+ }
+
+ .zan-step__circle-container {
+ left: auto;
+ right: -6px;
+ }
+
+ .zan-step__line {
+ width: 0;
+ }
+ }
+
+ .zan-step__circle-container {
+ position: absolute;
+ top: 28px;
+ left: -8px;
+ padding: 0 8px;
+ background-color: #fff;
+ z-index: 1;
+ }
+
+ @e circle {
+ display: block;
+ width: 5px;
+ height: 5px;
+ background-color: #888;
+ border-radius: 50%;
+ }
+
+ @e title {
+ font-size: 12px;
+ transform: translate3d(-50%, 0, 0);
+ display: inline-block;
+ margin-left: 3px;
+ }
+
+ @e line {
+ position: absolute;
+ left: 0px;
+ top: 30px;
+ width: 100%;
+ height: 1px;
+ background-color: $c-gray-light;
}
}
}
diff --git a/packages/zanui-css/src/switch.css b/packages/zanui-css/src/switch.css
index 2cf0b1ccf..331581f5b 100644
--- a/packages/zanui-css/src/switch.css
+++ b/packages/zanui-css/src/switch.css
@@ -1,28 +1,32 @@
+@import "./mixins/border_retina.css";
+
@component-namespace zan {
@b switch {
- height: 29px;
- width: 49px;
+ height: 31px;
+ width: 51px;
display: inline-block;
- border-radius: 16px;
position: relative;
- border: 1px solid;
+ background: #fff;
+ border-radius: 16px;
+ &::after{
+ @mixin border-retina (top, right, bottom, left), rgba(0, 0, 0, .1);
+ border-width: 3px;
+ border-radius: 32px;
+ }
@e node {
- width: 27px;
- height: 27px;
- border-radius: 100%;
+ width: 28px;
+ height: 28px;
+ border-radius: 13.5px;
background-color: #fff;
- border: .5px solid rgba(0, 0, 0, .1);
position: absolute;
box-shadow: 0 3px 1px 0 rgba(0, 0, 0, .05), 0 2px 2px 0 rgba(0, 0, 0, .1), 0 3px 3px 0 rgba(0, 0, 0, .05);
- @when on {
- left: 20px;
- transition: all .5s ease-in-out;
- }
-
- @when off {
- left: 0;
- transition: all .5s ease-in-out;
+ left: 1px;
+ top: 1px;
+ z-index: 2;
+ &::after {
+ @mixin border-retina (top, right, bottom, left), rgba(0, 0, 0, .1);
+ border-radius: 27px;
}
}
@@ -35,17 +39,20 @@
transform: translate3d(-50%, -50%, 0);
}
- @when on {
+ @m on {
background-color: #44db5e;
- border-color: #44db5e;
+ &::after { border-color: #44db5e; }
+ .zan-switch__node {
+ transform: translateX(20px);
+ }
}
- @when off {
+ @m off {
background-color: #fff;
border-color: rgba(0, 0, 0, .1);
}
- @when disabled {
+ @m disabled {
opacity: .4;
}
}
diff --git a/src/index.js b/src/index.js
index db5702a3f..4005790e7 100644
--- a/src/index.js
+++ b/src/index.js
@@ -21,6 +21,7 @@ import BadgeGroup from '../packages/badge-group/index.js';
import Badge from '../packages/badge/index.js';
import Search from '../packages/search/index.js';
import Step from '../packages/step/index.js';
+import ImagePreview from '../packages/image-preview/index.js';
const install = function(Vue) {
if (install.installed) return;
@@ -46,16 +47,17 @@ const install = function(Vue) {
Vue.component(Badge.name, Badge);
Vue.component(Search.name, Search);
Vue.component(Step.name, Step);
+ Vue.component(ImagePreview.name, ImagePreview);
};
// auto install
-// if (typeof window !== 'undefined' && window.Vue) {
-// install(window.Vue);
-// }
+if (typeof window !== 'undefined' && window.Vue) {
+ install(window.Vue);
+}
module.exports = {
install,
- version: '0.0.10',
+ version: '0.0.13',
Button,
Switch,
Field,
@@ -78,5 +80,6 @@ module.exports = {
BadgeGroup,
Badge,
Search,
- Step
+ Step,
+ ImagePreview
};
diff --git a/src/mixins/popup/index.js b/src/mixins/popup/index.js
index 7e929d251..db8870947 100644
--- a/src/mixins/popup/index.js
+++ b/src/mixins/popup/index.js
@@ -1,4 +1,3 @@
-import Vue from 'vue';
import merge from 'src/utils/merge';
import PopupManager from './popup-manager';
diff --git a/src/mixins/popup/popup-manager.js b/src/mixins/popup/popup-manager.js
index 35e56cdcb..737b9b9f3 100644
--- a/src/mixins/popup/popup-manager.js
+++ b/src/mixins/popup/popup-manager.js
@@ -1,6 +1,6 @@
-import { addClass, removeClass } from 'src/utils/dom';
+import { addClass } from 'src/utils/dom';
-let hasModal = false;
+let hasModal = false; // eslint-disable-line
const getModal = function() {
let modalDom = PopupManager.modalDom;