diff --git a/.gitignore b/.gitignore index cec8de443..770a2b480 100644 --- a/.gitignore +++ b/.gitignore @@ -9,5 +9,5 @@ lib/* !lib/style.css node_modules example/dist -dist +/docs/dist test/unit/coverage diff --git a/build/genExamples.js b/build/genExamples.js index 5db7e8244..d59b81681 100644 --- a/build/genExamples.js +++ b/build/genExamples.js @@ -81,6 +81,7 @@ for (var item in Components) { var exampleVueName = `${docsDir}/examples-dist/${item}.vue`; + // 新建一个文件 if (!fs.existsSync(exampleVueName)) { fs.closeSync(fs.openSync(exampleVueName, 'w')); } diff --git a/build/utils/postcss_pipe.js b/build/utils/postcss_pipe.js index 6c5fafd1b..4c069951c 100644 --- a/build/utils/postcss_pipe.js +++ b/build/utils/postcss_pipe.js @@ -1,17 +1,11 @@ -/** - * Created by tsxuehu on 17/1/4. - */ var config = { - - "bem": { - "shortcuts": {"component": "b", "modifier": "m", "descendent": "e"}, - "separators": {"descendent": "__", "modifier": "--"} - }/*, - "autoprefixer": {"browsers": ["ie > 8", "last 2 versions"]}, - "rem": {"browsers": ["ie > 8", "last 2 versions"]}*/ + 'bem': { + 'shortcuts': {'component': 'b', 'modifier': 'm', 'descendent': 'e'}, + 'separators': {'descendent': '__', 'modifier': '--'} + } }; // https://github.com/trysound/postcss-easy-import -var partialImport = require("postcss-easy-import"); +var partialImport = require("postcss-easy-import")(); // 这不是bem，虽然名字叫bem，其实它是suit // https://github.com/saladcss/saladcss-bem @@ -20,47 +14,15 @@ var bem = require("saladcss-bem")(config.bem); // https://github.com/jonathantneal/precss var precss = require("precss")(); -// https://github.com/adam-h/postcss-sass-color-functions -var sassColor = require("postcss-sass-color-functions")(); - -// eleme的组件--- -// https://npmjs.com/package/postcss-css-reset -// http://elemefe.github.io/postcss-salad/ -var reset = require("postcss-css-reset")(); - -// eleme的组件--- -// https://npmjs.com/package/postcss-utils -// http://elemefe.github.io/postcss-salad/ -var utils = require("postcss-utils")(); - -// https://github.com/postcss/postcss-calc -var calc = require("postcss-calc")(); - -// https://github.com/maximkoretskiy/postcss-initial -var initial = require("postcss-initial")(); - -// https://github.com/trysound/postcss-inline-svg -var inlineSvg = require("postcss-inline-svg")(); - -// https://github.com/jonathantneal/postcss-short -var short = require("postcss-short")(); - -// eleme的组件--- -// https://github.com/baiyaaaaa/postcss-shape -// http://elemefe.github.io/postcss-salad/ -var shape = require("postcss-shape")(); - -// https://github.com/robwierzbowski/node-pixrem -var rem = require("pixrem")(); - // https://github.com/postcss/autoprefixer var autoprefixer = require("autoprefixer")(); -// https://github.com/jo-asakura/postcss-neat -var neat = require("postcss-neat")(); - module.exports = function (webpack) { // 顺序很重要 - return [partialImport({ addDependencyTo: webpack }), bem, precss, sassColor, reset, - utils, calc, initial, inlineSvg, short, shape, rem, autoprefixer, neat]; + return [ + partialImport, + bem, + precss, + autoprefixer + ]; }; diff --git a/build/webpack.build.js b/build/webpack.build.js index 15644942b..8516e60ee 100644 --- a/build/webpack.build.js +++ b/build/webpack.build.js @@ -1,3 +1,5 @@ +var webpack = require('webpack'); +var getPostcssPlugin = require('./utils/postcss_pipe'); var config = require('./webpack.config.js'); config.entry = { @@ -14,6 +16,28 @@ config.externals = { vue: 'vue' }; +config.plugins = [ + new webpack.DefinePlugin({ + 'process.env.NODE_ENV': '"production"' + }), + new webpack.LoaderOptionsPlugin({ + minimize: true, + debug: false, + options: { + postcss: getPostcssPlugin, + babel: { + presets: ['es2015'], + plugins: ['transform-runtime', 'transform-vue-jsx'] + }, + vue: { + autoprefixer: false, + preserveWhitespace: false, + postcss: getPostcssPlugin + } + } + }) +]; + delete config.devtool; module.exports = config; diff --git a/build/webpack.build.min.js b/build/webpack.build.min.js index be17f3f93..297a3815b 100644 --- a/build/webpack.build.min.js +++ b/build/webpack.build.min.js @@ -1,20 +1,19 @@ -var config = require('./webpack.build.js'); var webpack = require('webpack'); +var getPostcssPlugin = require('./utils/postcss_pipe'); +var config = require('./webpack.config.js'); config.output.filename = config.output.filename.replace(/\.js$/, '.min.js'); -config.plugins = [ - new webpack.LoaderOptionsPlugin({ - minimize: true, - debug: false - }), +config.plugins = config.plugins.concat([ new webpack.optimize.UglifyJsPlugin({ - comments: false, compress: { - drop_console: true, warnings: false - } + }, + output: { + comments: false + }, + sourceMap: false }) -]; +]); module.exports = config; diff --git a/build/webpack.components.js b/build/webpack.components.js index 22ba33d38..3d5d30f5e 100644 --- a/build/webpack.components.js +++ b/build/webpack.components.js @@ -1,5 +1,6 @@ +var path = require('path'); var Components = require('../components.json'); -var config = require('./webpack.config.js'); +var config = require('./webpack.build.js'); delete config.devtool; @@ -10,7 +11,7 @@ config.externals = { }; config.output = { - path: './lib', + path: path.join(__dirname, '../lib'), filename: '[name].js', libraryTarget: 'umd' }; diff --git a/build/webpack.config.js b/build/webpack.config.js index 1d311de95..56b140900 100644 --- a/build/webpack.config.js +++ b/build/webpack.config.js @@ -6,6 +6,16 @@ var striptags = require('./strip-tags'); var ExtractTextPlugin = require('extract-text-webpack-plugin'); var version = require('../package.json').version; var getPoastcssPlugin = require('./utils/postcss_pipe'); +var ProgressBarPlugin = require('progress-bar-webpack-plugin'); +var ExtractTextPlugin = require('extract-text-webpack-plugin'); +var HtmlWebpackPlugin = require('html-webpack-plugin'); + +var StyleExtractPlugin; +if (process.env.NODE_ENV === 'production') { + StyleExtractPlugin = new ExtractTextPlugin('[name].[hash:8].css'); +} else { + StyleExtractPlugin = new ExtractTextPlugin('[name].css'); +} function convert(str) { str = str.replace(/(&#x)(\w{4});/gi, function($0) { @@ -24,12 +34,13 @@ function wrap(render) { module.exports = { entry: { - 'zanui-docs': './docs/index.js', - 'zanui-examples': './docs/examples.js' + 'vendor': ['vue', 'vue-router'], + 'docs': './docs/index.js', + 'examples': './docs/examples.js' }, output: { - path: './docs/build/', - publicPath: 'docs/build/', + path: path.join(__dirname, '../docs/dist'), + publicPath: '/', filename: '[name].js' }, resolve: { @@ -51,7 +62,17 @@ module.exports = { loaders: [ { test: /\.vue$/, - loader: 'vue-loader' + use: [{ + loader: 'vue-loader', + options: { + loaders: { + css: ExtractTextPlugin.extract({ + use: 'css-loader!postcss-loader', + fallback: 'vue-style-loader' + }) + } + } + }] }, { test: /\.js$/, @@ -60,7 +81,9 @@ module.exports = { }, { test: /\.css$/, - loader: 'style-loader!css-loader!postcss-loader' + use: ExtractTextPlugin.extract({ + use: 'css-loader!postcss-loader' + }) }, { test: /\.md/, @@ -72,12 +95,83 @@ module.exports = { } ] }, - devtool: 'source-map' + devtool: 'source-map', + plugins: [ + StyleExtractPlugin, + new ProgressBarPlugin(), + new HtmlWebpackPlugin({ + chunks: ['vendor', 'docs'], + template: 'docs/index.tpl', + filename: 'index.html', + inject: true + }), + new HtmlWebpackPlugin({ + chunks: ['vendor', 'examples'], + template: 'docs/index.tpl', + filename: 'examples.html', + inject: true + }), + new webpack.LoaderOptionsPlugin({ + minimize: true, + options: { + postcss: getPoastcssPlugin, + babel: { + presets: ['es2015'], + plugins: ['transform-runtime', 'transform-vue-jsx'] + }, + vue: { + autoprefixer: false, + postcss: getPoastcssPlugin + }, + vueMarkdown: { + use: [ + [require('markdown-it-anchor'), { + level: 2, + slugify: slugify, + permalink: true, + permalinkBefore: true + }], + [require('markdown-it-container'), 'demo', { + validate: function(params) { + return params.trim().match(/^demo\s*(.*)$/); + }, + + render: function(tokens, idx) { + var m = tokens[idx].info.trim().match(/^demo\s*(.*)$/); + if (tokens[idx].nesting === 1) { + var description = (m && m.length > 1) ? m[1] : ''; + var content = tokens[idx + 1].content; + var html = convert(striptags.strip(content, ['script', 'style'])); + + return ` +
${html}
+
`; + } + return '
\n'; + } + }] + ], + preprocess: function(MarkdownIt, source) { + MarkdownIt.renderer.rules.table_open = function() { + return ''; + }; + MarkdownIt.renderer.rules.fence = wrap(MarkdownIt.renderer.rules.fence); + return source; + } + } + } + }) + ] }; if (process.env.NODE_ENV === 'production') { delete module.exports.devtool; - module.exports.plugins = [ + module.exports.output = { + path: path.join(__dirname, '../docs/dist'), + publicPath: './', + filename: '[name].[hash:8].js' + }; + module.exports.plugins = module.exports.plugins.concat([ new webpack.DefinePlugin({ 'process.env': { NODE_ENV: JSON.stringify(process.env.NODE_ENV) @@ -85,121 +179,17 @@ if (process.env.NODE_ENV === 'production') { }), new webpack.optimize.UglifyJsPlugin({ compress: { - warnings: false + warnings: false, + drop_console: true }, output: { comments: false }, sourceMap: false }), - new webpack.LoaderOptionsPlugin({ - minimize: true, - options: { - postcss: getPoastcssPlugin, - babel: { - presets: ['es2015'], - plugins: ['transform-runtime', 'transform-vue-jsx'] - }, - eslint: { - formatter: require('eslint-friendly-formatter') - }, - vue: { - autoprefixer: false, - postcss: getPoastcssPlugin - }, - vueMarkdown: { - use: [ - [require('markdown-it-anchor'), { - level: 2, - slugify: slugify, - permalink: true, - permalinkBefore: true - }], - [require('markdown-it-container'), 'demo', { - validate: function(params) { - return params.trim().match(/^demo\s*(.*)$/); - }, - - render: function(tokens, idx) { - var m = tokens[idx].info.trim().match(/^demo\s*(.*)$/); - if (tokens[idx].nesting === 1) { - var description = (m && m.length > 1) ? m[1] : ''; - var content = tokens[idx + 1].content; - var html = convert(striptags.strip(content, ['script', 'style'])); - - return ` -
${html}
-
`; - } - return '
\n'; - } - }] - ], - preprocess: function(MarkdownIt, source) { - MarkdownIt.renderer.rules.table_open = function() { - return '
'; - }; - MarkdownIt.renderer.rules.fence = wrap(MarkdownIt.renderer.rules.fence); - return source; - } - } - } + new webpack.optimize.CommonsChunkPlugin({ + name: 'vendor', + minChunks: Infinity }) - ]; -} else { - module.exports.plugins = [ - new webpack.LoaderOptionsPlugin({ - minimize: true, - options: { - postcss: getPoastcssPlugin, - babel: { - presets: ['es2015'], - plugins: ['transform-runtime', 'transform-vue-jsx'] - }, - eslint: { - formatter: require('eslint-friendly-formatter') - }, - vue: { - autoprefixer: false, - postcss: getPoastcssPlugin - }, - vueMarkdown: { - use: [ - [require('markdown-it-anchor'), { - level: 2, - slugify: slugify, - permalink: true, - permalinkBefore: true - }], - [require('markdown-it-container'), 'demo', { - validate: function(params) { - return params.trim().match(/^demo\s*(.*)$/); - }, - - render: function(tokens, idx) { - var m = tokens[idx].info.trim().match(/^demo\s*(.*)$/); - if (tokens[idx].nesting === 1) { - var description = (m && m.length > 1) ? m[1] : ''; - var content = tokens[idx + 1].content; - var html = convert(striptags.strip(content, ['script', 'style'])); - - return ` -
${html}
-
`; - } - return '
\n'; - } - }] - ], - preprocess: function(MarkdownIt, source) { - MarkdownIt.renderer.rules.table_open = function() { - return '
'; - }; - MarkdownIt.renderer.rules.fence = wrap(MarkdownIt.renderer.rules.fence); - return source; - } - } - } - }) - ]; -}; + ]); +} diff --git a/docs/ExamplesDocsApp.vue b/docs/ExamplesDocsApp.vue index aa0233e2e..31f8d5860 100644 --- a/docs/ExamplesDocsApp.vue +++ b/docs/ExamplesDocsApp.vue @@ -1,8 +1,19 @@ @@ -22,93 +33,4 @@ export default { diff --git a/docs/assets/docs.css b/docs/assets/docs.css index 7f9ccf66c..461e2b1db 100644 --- a/docs/assets/docs.css +++ b/docs/assets/docs.css @@ -18,16 +18,11 @@ time, mark, audio, video { vertical-align: baseline; } -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; - height: 100%; + background-color: #f8f8f8; } a { @@ -42,7 +37,7 @@ button, input, select, textarea { color: inherit; } -ul { +ul, ol { list-style: none; } @@ -71,3 +66,154 @@ ul { } } +.page-header { + height: 60px; + background-color: #fff; +} + +.main-content { + margin: 40px 15px; +} + +.page-container { + background-color: #fff; + position: relative; + display: flex; + width: 100%; + overflow: hidden; +} + +.page-content { + box-sizing: border-box; + padding: 0 40px; + flex: 1; + + section { + > h1, + > h2, + > h3, + > h4, + > h5, + > h6 { + color: #333; + line-height: 1.5; + margin: 20px 0; + font-weight: normal; + + &:hover a { + opacity: .4; + } + + a { + float: left; + margin-left: -20px; + opacity: 0; + cursor: pointer; + + &:hover { + opacity: .4; + } + } + } + + > h1 { + font-size: 40px; + } + + > h2 { + font-size: 36px; + } + + > h3 { + font-size: 30px; + } + + > h4 { + font-size: 24px; + } + + > h5 { + font-size: 14px + } + + > h6 { + font-size: 14px; + color: #666; + } + + > p { + font-size: 14px; + line-height: 20px; + color: #666; + margin: 14px 0; + } + + > ul li, + > ol li { + color: #666; + font-size: 14px; + line-height: 20px; + margin: 10px 0 10px 20px; + padding-left: 20px; + position: relative; + + &::before { + content: ''; + position: absolute; + width: 8px; + height: 8px; + box-sizing: border-box; + border: 2px solid #999; + border-radius: 50%; + top: 6px; + left: 0; + } + + li { + margin-left: 0; + } + } + } + + p > code, + .table code, + li > code { + background-color: #F2F2F2; + display: inline-block; + border: 1px solid #E5E5E5; + padding: 2px 4px; + color: #333; + margin: 0 3px; + } +} + +.table { + border-collapse: collapse; + width: 100%; + background-color: #fff; + color: #333; + font-size: 14px; + margin-bottom: 45px; + + th { + text-align: left; + border: 1px solid #E5E5E5; + background-color: #F2F2F2; + padding: 10px; + + &:first-child { + padding-left: 10px; + } + } + + td { + border: 1px solid #E5E5E5; + padding: 10px; + } +} + +.page-footer { + height: 150px; + margin-top: 40px; + background-color: #fff; +} diff --git a/docs/build/0.js b/docs/build/0.js deleted file mode 100644 index 627fef142..000000000 --- a/docs/build/0.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([0],Array(247).concat([function(s,a,t){function n(s){return t(l(s))}function l(s){var a=e[s];if(!(a+1))throw new Error("Cannot find module '"+s+"'.");return a}var e={"./examples-dist/actionsheet.vue":374,"./examples-dist/badge.vue":375,"./examples-dist/button.vue":376,"./examples-dist/card.vue":377,"./examples-dist/cell.vue":378,"./examples-dist/checkbox.vue":379,"./examples-dist/dialog.vue":380,"./examples-dist/field.vue":381,"./examples-dist/icon.vue":382,"./examples-dist/image-preview.vue":383,"./examples-dist/loading.vue":384,"./examples-dist/panel.vue":385,"./examples-dist/picker.vue":386,"./examples-dist/popup.vue":387,"./examples-dist/progress.vue":388,"./examples-dist/quantity.vue":389,"./examples-dist/radio.vue":390,"./examples-dist/search.vue":391,"./examples-dist/steps.vue":392,"./examples-dist/swipe.vue":393,"./examples-dist/switch.vue":394,"./examples-dist/tab.vue":395,"./examples-dist/tag.vue":396,"./examples-dist/toast.vue":397,"./examples-dist/uploader.vue":398,"./examples-dist/waterfall.vue":399};n.keys=function(){return Object.keys(e)},n.resolve=l,s.exports=n,n.id=247},function(s,a,t){function n(s){return t(l(s))}function l(s){var a=e[s];if(!(a+1))throw new Error("Cannot find module '"+s+"'.");return a}var e={"./examples-docs/actionsheet.md":537,"./examples-docs/badge.md":538,"./examples-docs/button.md":539,"./examples-docs/card.md":540,"./examples-docs/cell.md":541,"./examples-docs/checkbox.md":542,"./examples-docs/dialog.md":543,"./examples-docs/field.md":544,"./examples-docs/icon.md":545,"./examples-docs/image-preview.md":546,"./examples-docs/install.md":547,"./examples-docs/layout.md":548,"./examples-docs/loading.md":549,"./examples-docs/panel.md":550,"./examples-docs/picker.md":551,"./examples-docs/popup.md":552,"./examples-docs/progress.md":553,"./examples-docs/quantity.md":554,"./examples-docs/quickstart.md":555,"./examples-docs/radio.md":556,"./examples-docs/search.md":557,"./examples-docs/steps.md":558,"./examples-docs/swipe.md":559,"./examples-docs/switch.md":560,"./examples-docs/tab.md":561,"./examples-docs/tag.md":562,"./examples-docs/toast.md":563,"./examples-docs/uploader.md":564,"./examples-docs/waterfall.md":565};n.keys=function(){return Object.keys(e)},n.resolve=l,s.exports=n,n.id=248},,,,,,,,,,,,,,,,,,,,,,function(s,a,t){var n=t(0)(t(274),t(458),null,null);s.exports=n.exports},function(s,a,t){"use strict";function n(s){return s&&s.__esModule?s:{default:s}}Object.defineProperty(a,"__esModule",{value:!0});var l=t(373),e=n(l);a.default={components:{MobilePopup:e.default},computed:{mobileUrl:function(){return location.pathname+"examples.html"+location.hash}},data:function(){return{mobileShow:!1}}}},function(s,a,t){s.exports={default:t(320),__esModule:!0}},,function(s,a,t){"use strict";Object.defineProperty(a,"__esModule",{value:!0}),a.default={props:{title:String}}},,function(s,a,t){"use strict";Object.defineProperty(a,"__esModule",{value:!0}),a.default={props:{url:String,value:{}},data:function(){return{currentValue:this.value}},watch:{currentValue:function(s){this.$emit("input",s)},value:function(s){console.log(s),this.currentValue=s}}}},function(s,a,t){"use strict";function n(s){return s&&s.__esModule?s:{default:s}}Object.defineProperty(a,"__esModule",{value:!0});var l=t(2),e=n(l),i=t(270),v=n(i),_=t(271),c=n(_);e.default.component("example-block",v.default),a.default={mixins:[c.default],data:function(){return{show1:!1,show2:!1,show3:!1,actions1:[{name:"微信安全支付",className:"actionsheet-wx"},{name:"支付宝支付",loading:!0},{name:"有赞E卡",subname:"（剩余260.50元）"},{name:"信用卡支付"},{name:"其他支付方式"}]}}}},function(s,a,t){"use strict";function n(s){return s&&s.__esModule?s:{default:s}}var l=t(2),e=n(l),i=t(270),v=n(i);e.default.component("example-block",v.default)},function(s,a,t){"use strict";function n(s){return s&&s.__esModule?s:{default:s}}var l=t(2),e=n(l),i=t(270),v=n(i);e.default.component("example-block",v.default)},function(s,a,t){"use strict";function n(s){return s&&s.__esModule?s:{default:s}}var l=t(2),e=n(l),i=t(270),v=n(i);e.default.component("example-block",v.default)},function(s,a,t){"use strict";function n(s){return s&&s.__esModule?s:{default:s}}Object.defineProperty(a,"__esModule",{value:!0});var l=t(2),e=n(l),i=t(270),v=n(i);e.default.component("example-block",v.default),a.default={methods:{handleClick:function(){console.log("cell click")}}}},function(s,a,t){"use strict";function n(s){return s&&s.__esModule?s:{default:s}}Object.defineProperty(a,"__esModule",{value:!0});var l=t(2),e=n(l),i=t(270),v=n(i);e.default.component("example-block",v.default),a.default={data:function(){return{checkbox1:!0,checkbox2:!0,list:["a","b","c"],result:["a","b"]}},watch:{result:function(s){console.log(s)}}}},function(s,a,t){"use strict";function n(s){return s&&s.__esModule?s:{default:s}}Object.defineProperty(a,"__esModule",{value:!0});var l=t(2),e=n(l),i=t(270),v=n(i),_=t(32),c=t(271),r=n(c);e.default.component("example-block",v.default),a.default={mixins:[r.default],methods:{handleAlertClick:function(){_.Dialog.alert({title:"alert标题",message:"弹窗提示文字，左右始终距离边20PX，上下距离20PX，文字左对齐。弹窗提示文字，左右始终距离边20PX，上下距离20PX，文字左对齐。"}).then(function(s){console.log(s)})},handleConfirmClick:function(){_.Dialog.confirm({title:"confirm标题",message:"弹窗提示文字，左右始终距离边20PX，上下距离20PX，文字左对齐。弹窗提示文字，左右始终距离边20PX，上下距离20PX，文字左对齐。"}).then(function(s){console.log(s)},function(s){console.log(s)})}}}},function(s,a,t){"use strict";function n(s){return s&&s.__esModule?s:{default:s}}Object.defineProperty(a,"__esModule",{value:!0});var l=t(2),e=n(l),i=t(270),v=n(i);e.default.component("example-block",v.default),a.default={data:function(){return{username:"zhangmin"}}}},function(s,a,t){"use strict";function n(s){return s&&s.__esModule?s:{default:s}}var l=t(2),e=n(l),i=t(270),v=n(i);e.default.component("example-block",v.default)},function(s,a,t){"use strict";function n(s){return s&&s.__esModule?s:{default:s}}Object.defineProperty(a,"__esModule",{value:!0});var l=t(2),e=n(l),i=t(270),v=n(i),_=t(32);e.default.component("example-block",v.default),a.default={methods:{handleImagePreview:function(){(0,_.ImagePreview)(["https://img.yzcdn.cn/upload_files/2017/03/14/FmTPs0SeyQaAOSK1rRe1sL8RcwSY.jpeg?imageView2/2/w/980/h/980/q/75/format/webp","https://img.yzcdn.cn/upload_files/2017/03/15/FvexrWlG_WxtCE9Omo5l27n_mAG_.jpeg?imageView2/2/w/980/h/980/q/75/format/webp"])}}}},function(s,a,t){"use strict";function n(s){return s&&s.__esModule?s:{default:s}}var l=t(2),e=n(l),i=t(270),v=n(i);e.default.component("example-block",v.default)},function(s,a,t){"use strict";function n(s){return s&&s.__esModule?s:{default:s}}var l=t(2),e=n(l),i=t(270),v=n(i);e.default.component("example-block",v.default)},function(s,a,t){"use strict";function n(s){return s&&s.__esModule?s:{default:s}}Object.defineProperty(a,"__esModule",{value:!0});var l=t(272),e=n(l),i=t(2),v=n(i),_=t(270),c=n(_);v.default.component("example-block",c.default);var r={"浙江":["杭州","宁波","温州","嘉兴","湖州","绍兴","金华","衢州","舟山","台州","丽水"],"福建":["福州","厦门","莆田","三明","泉州","漳州","南平","龙岩","宁德"],"湖南":["长沙","株洲","湘潭","衡阳","邵阳","岳阳","常德","张家界","益阳","郴州","永州","怀化","娄底","湘西土家族苗族自治州"]};a.default={data:function(){return{pickerColumns:[{values:(0,e.default)(r),className:"column1"},{values:["杭州","宁波","温州","嘉兴","湖州","绍兴","金华","衢州","舟山","台州","丽水"],className:"column2"}]}},methods:{handlePickerChange:function(s,a){s.setColumnValues(1,r[a[0]])},handlePickerCancel:function(){alert("picker cancel")},handlePickerConfirm:function(){alert("picker confirm")}}}},function(s,a,t){"use strict";function n(s){return s&&s.__esModule?s:{default:s}}Object.defineProperty(a,"__esModule",{value:!0});var l=t(2),e=n(l),i=t(270),v=n(i),_=t(271),c=n(_),r=t(55),o=n(r);e.default.component("example-block",v.default),a.default={mixins:[c.default],data:function(){return{popupShow1:!1,popupShow2:!1,popupShow3:!1,popupShow4:!1}},watch:{popupShow2:function(s){var a=this;s&&setTimeout(function(){a.popupShow2=!1},2e3)}},methods:{showDialog:function(){o.default.confirm({title:"confirm标题",message:"弹窗提示文字，左右始终距离边20PX，上下距离20PX，文字左对齐。弹窗提示文字，左右始终距离边20PX，上下距离20PX，文字左对齐。"}).then(function(s){console.log(s)},function(s){console.log(s)})}}}},function(s,a,t){"use strict";function n(s){return s&&s.__esModule?s:{default:s}}var l=t(2),e=n(l),i=t(270),v=n(i);e.default.component("example-block",v.default)},function(s,a,t){"use strict";function n(s){return s&&s.__esModule?s:{default:s}}Object.defineProperty(a,"__esModule",{value:!0});var l=t(2),e=n(l),i=t(270),v=n(i);e.default.component("example-block",v.default),a.default={data:function(){return{quantity1:1,quantity2:null}}}},function(s,a,t){"use strict";function n(s){return s&&s.__esModule?s:{default:s}}Object.defineProperty(a,"__esModule",{value:!0});var l=t(2),e=n(l),i=t(270),v=n(i);e.default.component("example-block",v.default),a.default={data:function(){return{radio1:"1",radio2:"2",radio3:"1",radio4:"1"}}}},function(s,a,t){"use strict";function n(s){return s&&s.__esModule?s:{default:s}}Object.defineProperty(a,"__esModule",{value:!0});var l=t(2),e=n(l),i=t(270),v=n(i);e.default.component("example-block",v.default),a.default={methods:{goSearch:function(s){alert(s)}}}},function(s,a,t){"use strict";function n(s){return s&&s.__esModule?s:{default:s}}Object.defineProperty(a,"__esModule",{value:!0});var l=t(2),e=n(l),i=t(270),v=n(i);e.default.component("example-block",v.default),a.default={data:function(){return{active:0}},methods:{nextStep:function(){++this.active>3&&(this.active=0)}}}},function(s,a,t){"use strict";function n(s){return s&&s.__esModule?s:{default:s}}var l=t(2),e=n(l),i=t(270),v=n(i);e.default.component("example-block",v.default)},function(s,a,t){"use strict";function n(s){return s&&s.__esModule?s:{default:s}}Object.defineProperty(a,"__esModule",{value:!0});var l=t(2),e=n(l),i=t(270),v=n(i);e.default.component("example-block",v.default),a.default={data:function(){return{switchState:!0}},computed:{switchStateText:function(){return this.switchState?" ON":"OFF"}},methods:{updateState:function(s){this.switchState=s}}}},function(s,a,t){"use strict";function n(s){return s&&s.__esModule?s:{default:s}}Object.defineProperty(a,"__esModule",{value:!0});var l=t(2),e=n(l),i=t(270),v=n(i);e.default.component("example-block",v.default),a.default={methods:{popalert:function(){alert("haha")}}}},function(s,a,t){"use strict";function n(s){return s&&s.__esModule?s:{default:s}}var l=t(2),e=n(l),i=t(270),v=n(i);e.default.component("example-block",v.default)},function(s,a,t){"use strict";function n(s){return s&&s.__esModule?s:{default:s}}Object.defineProperty(a,"__esModule",{value:!0});var l=t(2),e=n(l),i=t(270),v=n(i),_=t(32);e.default.component("example-block",v.default),a.default={methods:{showSimpleToast:function(){(0,_.Toast)("我是提示文案，建议不超过十五字~")},showLoadingToast:function(){_.Toast.loading()},showSuccessToast:function(){_.Toast.success("成功文案")},showFailToast:function(){_.Toast.fail("失败文案")},showCustomizedToast:function(s){var a=s/1e3,t=(0,_.Toast)({duration:s+1e3,type:"success",message:a.toString()});window.setInterval(function(){if(a<=1)return window.clearInterval(),void(t.message="跳转中...");t.message=(--a).toString()},1e3)}}}},function(s,a,t){"use strict";function n(s){return s&&s.__esModule?s:{default:s}}Object.defineProperty(a,"__esModule",{value:!0});var l=t(2),e=n(l),i=t(270),v=n(i);e.default.component("example-block",v.default),a.default={methods:{logContent:function(s){console.log(s)}}}},function(s,a,t){"use strict";function n(s){return s&&s.__esModule?s:{default:s}}Object.defineProperty(a,"__esModule",{value:!0});var l=t(2),e=n(l),i=t(270),v=n(i);e.default.component("example-block",v.default),a.default={data:function(){return{list:[1,2,3,4,5],loading:!1,finished:!1}},methods:{loadMore:function(){var s=this;if(this.list.length>=200)return void(this.finished=!0);this.loading=!0,setTimeout(function(){for(var a=s.list[s.list.length-1],t=0;t<5;t++)a+=1,s.list.push(a);s.loading=!1},2500)},loadMoreUpper:function(){this.list[0]<0||this.list.unshift(-1)}},computed:{isWaterfallDisabled:function(){return this.loading||this.finished}}}},function(s,a,t){"use strict";function n(s){return s&&s.__esModule?s:{default:s}}Object.defineProperty(a,"__esModule",{value:!0});var l=t(271),e=n(l);a.default={mixins:[e.default],data:function(){return{show1:!1,show2:!1,show3:!1,actions1:[{name:"微信安全支付",className:"actionsheet-wx"},{name:"支付宝支付",loading:!0},{name:"有赞E卡",subname:"（剩余260.50元）"},{name:"信用卡支付"},{name:"其他支付方式"}]}}}},function(s,a,t){"use strict";Object.defineProperty(a,"__esModule",{value:!0}),a.default={methods:{handleClick:function(){console.log("cell click")}}}},function(s,a,t){"use strict";Object.defineProperty(a,"__esModule",{value:!0}),a.default={data:function(){return{checkbox1:!0,checkbox2:!0,list:["a","b","c"],result:["a","b"]}},watch:{result:function(s){console.log(s)}}}},function(s,a,t){"use strict";function n(s){return s&&s.__esModule?s:{default:s}}Object.defineProperty(a,"__esModule",{value:!0});var l=t(32),e=t(271),i=n(e);a.default={mixins:[i.default],methods:{handleAlertClick:function(){l.Dialog.alert({title:"alert标题",message:"弹窗提示文字，左右始终距离边20PX，上下距离20PX，文字左对齐。弹窗提示文字，左右始终距离边20PX，上下距离20PX，文字左对齐。"}).then(function(s){console.log(s)})},handleConfirmClick:function(){l.Dialog.confirm({title:"confirm标题",message:"弹窗提示文字，左右始终距离边20PX，上下距离20PX，文字左对齐。弹窗提示文字，左右始终距离边20PX，上下距离20PX，文字左对齐。"}).then(function(s){console.log(s)},function(s){console.log(s)})}}}},function(s,a,t){"use strict";Object.defineProperty(a,"__esModule",{value:!0}),a.default={data:function(){return{username:"zhangmin"}}}},function(s,a,t){"use strict";Object.defineProperty(a,"__esModule",{value:!0});var n=t(32);a.default={methods:{handleImagePreview:function(){(0,n.ImagePreview)(["https://img.yzcdn.cn/upload_files/2017/03/14/FmTPs0SeyQaAOSK1rRe1sL8RcwSY.jpeg?imageView2/2/w/980/h/980/q/75/format/webp","https://img.yzcdn.cn/upload_files/2017/03/15/FvexrWlG_WxtCE9Omo5l27n_mAG_.jpeg?imageView2/2/w/980/h/980/q/75/format/webp"])}}}},function(s,a,t){"use strict";function n(s){return s&&s.__esModule?s:{default:s}}Object.defineProperty(a,"__esModule",{value:!0});var l=t(272),e=n(l),i={"浙江":["杭州","宁波","温州","嘉兴","湖州","绍兴","金华","衢州","舟山","台州","丽水"],"福建":["福州","厦门","莆田","三明","泉州","漳州","南平","龙岩","宁德"],"湖南":["长沙","株洲","湘潭","衡阳","邵阳","岳阳","常德","张家界","益阳","郴州","永州","怀化","娄底","湘西土家族苗族自治州"]};a.default={data:function(){return{pickerColumns:[{values:(0,e.default)(i),className:"column1"},{values:["杭州","宁波","温州","嘉兴","湖州","绍兴","金华","衢州","舟山","台州","丽水"],className:"column2"}]}},methods:{handlePickerChange:function(s,a){s.setColumnValues(1,i[a[0]])},handlePickerCancel:function(){alert("picker cancel")},handlePickerConfirm:function(){alert("picker confirm")}}}},function(s,a,t){"use strict";function n(s){return s&&s.__esModule?s:{default:s}}Object.defineProperty(a,"__esModule",{value:!0});var l=t(271),e=n(l),i=t(55),v=n(i);a.default={mixins:[e.default],data:function(){return{popupShow1:!1,popupShow2:!1,popupShow3:!1,popupShow4:!1}},watch:{popupShow2:function(s){var a=this;s&&setTimeout(function(){a.popupShow2=!1},2e3)}},methods:{showDialog:function(){v.default.confirm({title:"confirm标题",message:"弹窗提示文字，左右始终距离边20PX，上下距离20PX，文字左对齐。弹窗提示文字，左右始终距离边20PX，上下距离20PX，文字左对齐。"}).then(function(s){console.log(s)},function(s){console.log(s)})}}}},function(s,a,t){"use strict";Object.defineProperty(a,"__esModule",{value:!0}),a.default={data:function(){return{quantity1:1,quantity2:null}}}},function(s,a,t){"use strict";Object.defineProperty(a,"__esModule",{value:!0}),a.default={data:function(){return{radio1:"1",radio2:"2",radio3:"1",radio4:"1"}}}},function(s,a,t){"use strict";Object.defineProperty(a,"__esModule",{value:!0}),a.default={methods:{goSearch:function(s){alert(s)}}}},function(s,a,t){"use strict";Object.defineProperty(a,"__esModule",{value:!0}),a.default={data:function(){return{active:0}},methods:{nextStep:function(){++this.active>3&&(this.active=0)}}}},function(s,a,t){"use strict";Object.defineProperty(a,"__esModule",{value:!0}),a.default={data:function(){return{switchState:!0}},computed:{switchStateText:function(){return this.switchState?" ON":"OFF"}},methods:{updateState:function(s){this.switchState=s}}}},function(s,a,t){"use strict";Object.defineProperty(a,"__esModule",{value:!0}),a.default={methods:{popalert:function(){alert("haha")}}}},function(s,a,t){"use strict";Object.defineProperty(a,"__esModule",{value:!0});var n=t(32);a.default={methods:{showSimpleToast:function(){(0,n.Toast)("我是提示文案，建议不超过十五字~")},showLoadingToast:function(){n.Toast.loading()},showSuccessToast:function(){n.Toast.success("成功文案")},showFailToast:function(){n.Toast.fail("失败文案")},showCustomizedToast:function(s){var a=s/1e3,t=(0,n.Toast)({duration:s+1e3,type:"success",message:a.toString()});window.setInterval(function(){if(a<=1)return window.clearInterval(),void(t.message="跳转中...");t.message=(--a).toString()},1e3)}}}},function(s,a,t){"use strict";Object.defineProperty(a,"__esModule",{value:!0}),a.default={methods:{logContent:function(s){console.log(s)}}}},function(s,a,t){"use strict";Object.defineProperty(a,"__esModule",{value:!0}),a.default={data:function(){return{list:[1,2,3,4,5],loading:!1,finished:!1}},methods:{loadMore:function(){var s=this;if(this.list.length>=200)return void(this.finished=!0);this.loading=!0,setTimeout(function(){for(var a=s.list[s.list.length-1],t=0;t<5;t++)a+=1,s.list.push(a);s.loading=!1},2500)},loadMoreUpper:function(){this.list[0]<0||this.list.unshift(-1)}},computed:{isWaterfallDisabled:function(){return this.loading||this.finished}}}},function(s,a,t){t(322),s.exports=t(4).Object.keys},function(s,a,t){var n=t(9),l=t(4),e=t(19);s.exports=function(s,a){var t=(l.Object||{})[s]||Object[s],i={};i[s]=a(t),n(n.S+n.F*e(function(){t(1)}),"Object",i)}},function(s,a,t){var n=t(34),l=t(33);t(321)("keys",function(){return function(s){return l(n(s))}})},function(s,a,t){a=s.exports=t(18)(),a.push([s.i,".demo-loading__example{width:30px;height:30px;padding:20px;margin:auto;border-radius:5px;border:1px solid transparent}.demo-loading__example--with-bg{background-color:rgba(0,0,0,.5)}.demo-loading{padding:0 20px}",""])},function(s,a,t){a=s.exports=t(18)(),a.push([s.i,".demo-panel .zan-panel-sum{background:#fff;text-align:right;font-size:14px;color:#333;line-height:30px;padding-right:15px}.demo-panel .zan-panel-sum span{color:red}.demo-panel .zan-panel-buttons{text-align:right}.demo-panel .zan-panel-buttons .zan-button{margin-left:5px}.demo-panel .panel-content{padding:20px}",""])},,function(s,a,t){a=s.exports=t(18)(),a.push([s.i,".demo-switch{padding:0 15px 15px}.demo-switch__wrapper{width:33.33%;float:left;text-align:center}.demo-switch__text{margin:20px 0}",""])},function(s,a,t){a=s.exports=t(18)(),a.push([s.i,".demo-icon .zan-icon{margin:10px;font-size:45px}",""])},function(s,a,t){a=s.exports=t(18)(),a.push([s.i,".demo-image-preview .zan-button{margin-left:15px}",""])},function(s,a,t){a=s.exports=t(18)(),a.push([s.i,".demo-checkbox .zan-checkbox-wrapper{padding:0 20px}.demo-checkbox .zan-checkbox-wrapper .zan-checkbox{margin:10px 0}",""])},function(s,a,t){a=s.exports=t(18)(),a.push([s.i,".waterfall{max-height:300px;overflow:scroll}",""])},function(s,a,t){a=s.exports=t(18)(),a.push([s.i,".official-img{width:31px;vertical-align:middle;border:0}",""])},function(s,a,t){a=s.exports=t(18)(),a.push([s.i,".demo-actionsheet .actionsheet-wx{color:#06bf04}.demo-actionsheet .zan-button{margin-left:15px}.demo-actionsheet .title-actionsheet p{padding:20px}",""])},function(s,a,t){a=s.exports=t(18)(),a.push([s.i,".demo-radio .zan-radios{padding:0 20px}.demo-radio .zan-radios .zan-radio{margin:10px 0}",""])},function(s,a,t){a=s.exports=t(18)(),a.push([s.i,".demo-icon .zan-icon{margin:10px;font-size:45px}",""])},function(s,a,t){a=s.exports=t(18)(),a.push([s.i,".demo-dialog .zan-button{margin:15px}",""])},function(s,a,t){a=s.exports=t(18)(),a.push([s.i,".uploader-container{padding:5px 15px}",""])},function(s,a,t){a=s.exports=t(18)(),a.push([s.i,".demo-field .zan-field-wrapper{padding:0 10px}",""])},function(s,a,t){a=s.exports=t(18)(),a.push([s.i,".demo-popup .zan-popup-1{width:100%;height:200px;box-sizing:border-box;padding:20px}.demo-popup .zan-popup-2{line-height:50px;text-align:center;background-color:rgba(0,0,0,.701961);color:#fff}.demo-popup .zan-popup-3{width:100%;height:100%}.demo-popup .zan-popup-4{width:60%;box-sizing:border-box;padding:20px;border-radius:5px;text-align:center}.demo-popup .zan-button{margin:15px}",""])},function(s,a,t){a=s.exports=t(18)(),a.push([s.i,".demo-button .zan-row{padding:0 20px}.demo-button .zan-col{margin-bottom:10px}.demo-button .button-group{font-size:0;padding:0 20px}",""])},function(s,a,t){a=s.exports=t(18)(),a.push([s.i,".demo-image-preview .zan-button{margin-left:15px}",""])},,function(s,a,t){a=s.exports=t(18)(),a.push([s.i,".demo-toast .zan-button{margin:15px}",""])},function(s,a,t){a=s.exports=t(18)(),a.push([s.i,".demo-swipe .zan-swipe{height:200px}.demo-swipe .zan-swipe img{width:100%}",""])},function(s,a,t){a=s.exports=t(18)(),a.push([s.i,".official-img{width:31px;vertical-align:middle;border:0}",""])},function(s,a,t){a=s.exports=t(18)(),a.push([s.i,".demo-switch{padding:0 15px 15px}.demo-switch__wrapper{width:33.33%;float:left;text-align:center}.demo-switch__text{margin:20px 0}",""])},function(s,a,t){a=s.exports=t(18)(),a.push([s.i,".demo-progress__wrapper{padding:5px;margin:20px 10px}",""])},function(s,a,t){a=s.exports=t(18)(),a.push([s.i,".demo-toast .zan-button{margin:15px}",""])},function(s,a,t){a=s.exports=t(18)(),a.push([s.i,".demo-steps .steps-success{color:#06bf04}.demo-steps .zan-button{margin-left:15px}",""])},function(s,a,t){a=s.exports=t(18)(),a.push([s.i,".demo-dialog .zan-button{margin:15px}",""])},function(s,a,t){a=s.exports=t(18)(),a.push([s.i,".demo-actionsheet .actionsheet-wx{color:#06bf04}.demo-actionsheet .zan-button{margin-left:15px}.demo-actionsheet .title-actionsheet p{padding:20px}",""])},function(s,a,t){a=s.exports=t(18)(),a.push([s.i,".uploader-container{padding:5px 15px}",""])},function(s,a,t){a=s.exports=t(18)(),a.push([s.i,".demo-tab .zan-tabs-pane{background-color:#fff;padding:20px}",""])},function(s,a,t){a=s.exports=t(18)(),a.push([s.i,".page-tab{padding:0 15px}.custom-tabwrap .zan-tab-active{color:#20a0ff}.custom-tabwrap .zan-tabs-nav-bar{background:#20a0ff}.custom-tab{font-weight:700}.custom-pane{text-align:center;height:50px;line-height:50px}",""])},function(s,a,t){a=s.exports=t(18)(),a.push([s.i,".tags-container{padding:5px 15px}.tags-container .zan-tag+.zan-tag{margin-left:10px}",""])},function(s,a,t){a=s.exports=t(18)(),a.push([s.i,".demo-checkbox .zan-checkbox-wrapper{padding:0 20px}.demo-checkbox .zan-checkbox-wrapper .zan-checkbox{margin:10px 0}",""])},function(s,a,t){a=s.exports=t(18)(),a.push([s.i,".demo-loading__example{width:30px;height:30px;padding:20px;margin:auto;border-radius:5px;border:1px solid transparent}.demo-loading__example--with-bg{background-color:rgba(0,0,0,.5)}.demo-loading{padding:0 20px}",""])},function(s,a,t){a=s.exports=t(18)(),a.push([s.i,".tags-container{padding:5px 15px}.tags-container .zan-tag+.zan-tag{margin-left:10px}",""])},function(s,a,t){a=s.exports=t(18)(),a.push([s.i,".demo-quantity .curr-quantity,.demo-quantity .zan-quantity{margin:15px}",""])},function(s,a,t){a=s.exports=t(18)(),a.push([s.i,".demo-radio .zan-radios{padding:0 20px}.demo-radio .zan-radios .zan-radio{margin:10px 0}",""])},function(s,a,t){a=s.exports=t(18)(),a.push([s.i,".demo-tab .zan-tabs-pane{background-color:#fff;padding:20px}",""])},function(s,a,t){a=s.exports=t(18)(),a.push([s.i,".page-tab{padding:0 15px}.custom-tabwrap .zan-tab-active{color:#20a0ff}.custom-tabwrap .zan-tabs-nav-bar{background:#20a0ff}.custom-tab{font-weight:700}.custom-pane{text-align:center;height:50px;line-height:50px}",""])},function(s,a,t){a=s.exports=t(18)(),a.push([s.i,".demo-swipe .zan-swipe{height:200px}.demo-swipe .zan-swipe img{width:100%}",""])},function(s,a,t){a=s.exports=t(18)(),a.push([s.i,".waterfall{max-height:300px;overflow:scroll}",""])},function(s,a,t){a=s.exports=t(18)(),a.push([s.i,".demo-panel .zan-panel-sum{background:#fff;text-align:right;font-size:14px;color:#333;line-height:30px;padding-right:15px}.demo-panel .zan-panel-sum span{color:red}.demo-panel .zan-panel-buttons{text-align:right}.demo-panel .zan-panel-buttons .zan-button{margin-left:5px}.demo-panel .panel-content{padding:20px}",""])},function(s,a,t){a=s.exports=t(18)(),a.push([s.i,".demo-steps .steps-success{color:#06bf04}.demo-steps .zan-button{margin-left:15px}",""])},function(s,a,t){a=s.exports=t(18)(),a.push([s.i,".demo-field .zan-field-wrapper{padding:0 10px}",""])},function(s,a,t){a=s.exports=t(18)(),a.push([s.i,".demo-progress__wrapper{padding:5px;margin:20px 10px}",""])},function(s,a,t){a=s.exports=t(18)(),a.push([s.i,".demo-popup .zan-popup-1{width:100%;height:200px;box-sizing:border-box;padding:20px}.demo-popup .zan-popup-2{line-height:50px;text-align:center;background-color:rgba(0,0,0,.701961);color:#fff}.demo-popup .zan-popup-3{width:100%;height:100%}.demo-popup .zan-popup-4{width:60%;box-sizing:border-box;padding:20px;border-radius:5px;text-align:center}.demo-popup .zan-button{margin:15px}",""])},function(s,a,t){a=s.exports=t(18)(),a.push([s.i,".mobile-popup{width:375px;height:650px;background:url(https://b.yzcdn.cn/v2/image/wap/zanui-mobile-container.png) no-repeat}.mobile-popup-iframe{width:100%;box-sizing:border-box;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;position:relative;top:64px;height:586px}",""])},function(s,a,t){a=s.exports=t(18)(),a.push([s.i,".demo-quantity .curr-quantity,.demo-quantity .zan-quantity{margin:15px}",""])},function(s,a,t){a=s.exports=t(18)(),a.push([s.i,".demo-button .zan-row{padding:0 20px}.demo-button .zan-col{margin-bottom:10px}.demo-button .button-group{font-size:0;padding:0 20px}",""])},,function(s,a,t){t(534);var n=t(0)(t(276),t(483),null,null);s.exports=n.exports},function(s,a,t){t(497);var n=t(0)(t(277),t(439),null,null);s.exports=n.exports},function(s,a,t){var n=t(0)(t(278),t(459),null,null);s.exports=n.exports},function(s,a,t){t(536);var n=t(0)(t(279),t(486),null,null);s.exports=n.exports},function(s,a,t){var n=t(0)(t(280),t(454),null,null);s.exports=n.exports},function(s,a,t){t(496);var n=t(0)(t(281),t(437),null,null);s.exports=n.exports},function(s,a,t){t(494);var n=t(0)(t(282),t(435),null,null);s.exports=n.exports},function(s,a,t){t(500);var n=t(0)(t(283),t(444),null,null);s.exports=n.exports},function(s,a,t){t(531);var n=t(0)(t(284),t(480),null,null);s.exports=n.exports},function(s,a,t){t(499);var n=t(0)(t(285),t(443),null,null);s.exports=n.exports},function(s,a,t){t(505);var n=t(0)(t(286),t(449),null,null);s.exports=n.exports},function(s,a,t){t(488);var n=t(0)(t(287),t(429),null,null);s.exports=n.exports},function(s,a,t){t(489);var n=t(0)(t(288),t(430),null,null);s.exports=n.exports},function(s,a,t){var n=t(0)(t(289),t(441),null,null);s.exports=n.exports},function(s,a,t){t(503);var n=t(0)(t(290),t(447),null,null);s.exports=n.exports},function(s,a,t){t(532);var n=t(0)(t(291),t(481),null,null);s.exports=n.exports},function(s,a,t){t(523);var n=t(0)(t(292),t(472),null,null);s.exports=n.exports},function(s,a,t){t(498);var n=t(0)(t(293),t(440),null,null);s.exports=n.exports},function(s,a,t){var n=t(0)(t(294),t(453),null,null);s.exports=n.exports},function(s,a,t){t(530);var n=t(0)(t(295),t(479),null,null);s.exports=n.exports},function(s,a,t){t(527);var n=t(0)(t(296),t(475),null,null);s.exports=n.exports},function(s,a,t){t(510);var n=t(0)(t(297),t(460),null,null);s.exports=n.exports},function(s,a,t){t(517),t(518);var n=t(0)(t(298),t(467),null,null);s.exports=n.exports},function(s,a,t){t(519);var n=t(0)(t(299),t(468),null,null);s.exports=n.exports},function(s,a,t){t(512);var n=t(0)(t(300),t(462),null,null);s.exports=n.exports},function(s,a,t){t(501);var n=t(0)(t(301),t(445),null,null);s.exports=n.exports},function(s,a,t){t(528);var n=t(0)(t(302),t(476),null,null);s.exports=n.exports},function(s,a,t){t(515);var n=t(0)(t(303),t(465),null,null);s.exports=n.exports},function(s,a,t){var n=t(0)(null,t(485),null,null);s.exports=n.exports},function(s,a,t){t(504);var n=t(0)(null,t(448),null,null);s.exports=n.exports},function(s,a,t){var n=t(0)(null,t(456),null,null);s.exports=n.exports},function(s,a,t){t(509);var n=t(0)(t(304),t(457),null,null);s.exports=n.exports},function(s,a,t){t(520);var n=t(0)(t(305),t(469),null,null);s.exports=n.exports},function(s,a,t){t(514);var n=t(0)(t(306),t(464),null,null);s.exports=n.exports},function(s,a,t){t(502);var n=t(0)(t(307),t(446),null,null);s.exports=n.exports},function(s,a,t){t(492);var n=t(0)(null,t(433),null,null);s.exports=n.exports},function(s,a,t){t(493);var n=t(0)(t(308),t(434),null,null);s.exports=n.exports},function(s,a,t){var n=t(0)(null,t(451),null,null);s.exports=n.exports},function(s,a,t){var n=t(0)(null,t(477),null,null);s.exports=n.exports},function(s,a,t){t(521);var n=t(0)(null,t(470),null,null);s.exports=n.exports},function(s,a,t){t(529);var n=t(0)(null,t(478),null,null);s.exports=n.exports},function(s,a,t){var n=t(0)(t(309),t(438),null,null);s.exports=n.exports},function(s,a,t){t(533);var n=t(0)(t(310),t(482),null,null);s.exports=n.exports},function(s,a,t){t(511);var n=t(0)(null,t(461),null,null);s.exports=n.exports},function(s,a,t){t(535);var n=t(0)(t(311),t(484),null,null);s.exports=n.exports},function(s,a,t){var n=t(0)(null,t(487),null,null);s.exports=n.exports},function(s,a,t){t(524);var n=t(0)(t(312),t(473),null,null);s.exports=n.exports},function(s,a,t){var n=t(0)(t(313),t(442),null,null);s.exports=n.exports},function(s,a,t){t(513);var n=t(0)(t(314),t(463),null,null);s.exports=n.exports},function(s,a,t){t(508);var n=t(0)(null,t(455),null,null);s.exports=n.exports},function(s,a,t){t(491);var n=t(0)(t(315),t(432),null,null);s.exports=n.exports},function(s,a,t){t(525),t(526);var n=t(0)(t(316),t(474),null,null);s.exports=n.exports},function(s,a,t){t(522);var n=t(0)(null,t(471),null,null);s.exports=n.exports},function(s,a,t){t(507);var n=t(0)(t(317),t(452),null,null);s.exports=n.exports},function(s,a,t){t(516);var n=t(0)(t(318),t(466),null,null);s.exports=n.exports},function(s,a,t){t(495);var n=t(0)(t(319),t(436),null,null);s.exports=n.exports},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-loading"},[t("h1",{staticClass:"demo-title"},[s._v("loading")]),t("example-block",{attrs:{title:"基础用法"}},[t("div",{staticClass:"demo-loading"},[t("h2",{staticClass:"demo-sub-title"},[s._v("渐变深色spinner")]),s._v(" "),t("div",{staticClass:"demo-loading__example"},[t("zan-loading",{staticClass:"some-customized-class"})],1),s._v(" "),t("h2",{staticClass:"demo-sub-title"},[s._v("渐变浅色spinner")]),s._v(" "),t("div",{staticClass:"demo-loading__example demo-loading__example--with-bg"},[t("zan-loading",{staticClass:"some-customized-class",attrs:{color:"white"}})],1),s._v(" "),t("h2",{staticClass:"demo-sub-title"},[s._v("单色spinner")]),s._v(" "),t("div",{staticClass:"demo-loading__example"},[t("zan-loading",{staticClass:"some-customized-class",attrs:{type:"circle",color:"white"}})],1),s._v(" "),t("h2",{staticClass:"demo-sub-title"},[s._v("单色spinner")]),s._v(" "),t("div",{staticClass:"demo-loading__example"},[t("zan-loading",{staticClass:"some-customized-class",attrs:{type:"circle",color:"black"}})],1)])])],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-panel"},[t("h1",{staticClass:"demo-title"},[s._v("panel")]),t("example-block",{attrs:{title:"基础用法"}},[t("zan-panel",{attrs:{title:"标题",desc:"标题描述",status:"状态"}},[t("div",{staticClass:"panel-content"},[s._v("\n panel内容\n ")])])],1),t("example-block",{attrs:{title:"高级用法"}},[t("zan-panel",{attrs:{title:"标题",desc:"标题描述",status:"状态"}},[t("zan-card",{attrs:{title:"商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余",desc:"商品SKU1，商品SKU2",thumb:"https://img.yzcdn.cn/upload_files/2017/02/17/FnDwvwHmU-OiqsbjAO5X7wh1KWrR.jpg!100x100.jpg"}},[t("div",{staticClass:"zan-card__row",slot:"title"},[t("h4",{staticClass:"zan-card__title"},[s._v("商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余")]),s._v(" "),t("span",{staticClass:"zan-card__price"},[s._v("¥ 2.00")])]),s._v(" "),t("div",{staticClass:"zan-card__row",slot:"desc"},[t("h4",{staticClass:"zan-card__desc"},[s._v("商品sku")]),s._v(" "),t("span",{staticClass:"zan-card__num"},[s._v("x 2")])]),s._v(" "),t("div",{staticClass:"zan-card__footer",slot:"footer"},[t("zan-button",{attrs:{size:"mini"}},[s._v("按钮一")]),s._v(" "),t("zan-button",{attrs:{size:"mini"}},[s._v("按钮二")])],1)]),s._v(" "),t("div",{staticClass:"zan-panel-sum"},[s._v("\n 合计："),t("span",[s._v("¥ 1999.90")])]),s._v(" "),t("div",{staticClass:"zan-panel-buttons",slot:"footer"},[t("zan-button",{attrs:{size:"small"}},[s._v("按钮一")]),s._v(" "),t("zan-button",{attrs:{size:"small",type:"danger"}},[s._v("按钮二")])],1)],1)],1)],1)},staticRenderFns:[]}},,function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("div",{staticClass:"demo-switch__wrapper"},[t("zan-switch",{staticClass:"some-customized-class",attrs:{checked:s.switchState},on:{change:s.updateState}}),s._v(" "),t("div",{staticClass:"demo-switch__text"},[s._v(s._s(s.switchStateText))])],1),s._v(" "),t("div",{staticClass:"demo-switch__wrapper"},[t("zan-switch",{staticClass:"some-customized-class",attrs:{checked:!0,disabled:!0}}),s._v(" "),t("div",{staticClass:"demo-switch__text"},[s._v("ON, DISABLED")])],1),s._v(" "),t("div",{staticClass:"demo-switch__wrapper"},[t("zan-switch",{staticClass:"some-customized-class",attrs:{checked:!1,disabled:!0}}),s._v(" "),t("div",{staticClass:"demo-switch__text"},[s._v("OFF, DISABLED")])],1),s._v(" "),t("div",{staticClass:"demo-switch__wrapper"},[t("zan-switch",{staticClass:"some-customized-class",attrs:{checked:!0,loading:!0}}),s._v(" "),t("div",{staticClass:"demo-switch__text"},[s._v("ON, LOADING")])],1),s._v(" "),t("div",{staticClass:"demo-switch__wrapper"},[t("zan-switch",{staticClass:"some-customized-class",attrs:{checked:!1,loading:!0}}),s._v(" "),t("div",{staticClass:"demo-switch__text"},[s._v("OFF, LOADING")])],1)]),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-switch__wrapper"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-switch")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"some-customized-class"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":checked")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"switchState"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("@change")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"updateState"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-switch__text"')]),s._v(">")]),t("span",[s._v("{{")]),s._v("switchStateText"),t("span",[s._v("}}")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-switch__wrapper"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-switch")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"some-customized-class"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":checked")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"true"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":disabled")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"true"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-switch__text"')]),s._v(">")]),s._v("ON, DISABLED"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-switch__wrapper"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-switch")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"some-customized-class"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":checked")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"false"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":disabled")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"true"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-switch__text"')]),s._v(">")]),s._v("OFF, DISABLED"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-switch__wrapper"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-switch")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"some-customized-class"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":checked")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"true"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":loading")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"true"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-switch__text"')]),s._v(">")]),s._v("ON, LOADING"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-switch__wrapper"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-switch")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"some-customized-class"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":checked")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"false"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":loading")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"true"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-switch__text"')]),s._v(">")]),s._v("OFF, LOADING"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"javascript"},[s._v("\n"),t("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n data() {\n "),t("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" {\n "),t("span",{staticClass:"hljs-attr"},[s._v("switchState")]),s._v(": "),t("span",{staticClass:"hljs-literal"},[s._v("true")]),s._v("\n };\n },\n "),t("span",{staticClass:"hljs-attr"},[s._v("computed")]),s._v(": {\n switchStateText() {\n "),t("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".switchState ? "),t("span",{staticClass:"hljs-string"},[s._v("' ON'")]),s._v(" : "),t("span",{staticClass:"hljs-string"},[s._v("'OFF'")]),s._v(";\n }\n },\n "),t("span",{staticClass:"hljs-attr"},[s._v("methods")]),s._v(": {\n updateState(newState) {\n "),t("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".switchState = newState;\n }\n }\n}; \n")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n")])])])]),s._v(" "),s._m(2),s._v(" "),s._m(3)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"switch-zu-jian"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#switch-zu-jian","aria-hidden":"true"}},[s._v("¶")]),s._v(" Switch组件")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#api","aria-hidden":"true"}},[s._v("¶")]),s._v(" API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("checked")]),s._v(" "),t("td",[s._v("开关状态")]),s._v(" "),t("td",[s._v("boolean")]),s._v(" "),t("td",[s._v("false")]),s._v(" "),t("td",[s._v("true, false")])]),s._v(" "),t("tr",[t("td",[s._v("loading")]),s._v(" "),t("td",[s._v("loading状态")]),s._v(" "),t("td",[s._v("boolean")]),s._v(" "),t("td",[s._v("false")]),s._v(" "),t("td",[s._v("true, false")])]),s._v(" "),t("tr",[t("td",[s._v("disabled")]),s._v(" "),t("td",[s._v("禁用状态")]),s._v(" "),t("td",[s._v("boolean")]),s._v(" "),t("td",[s._v("false")]),s._v(" "),t("td",[s._v("true, false")])])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-icon",{attrs:{name:"qr-invalid"}}),s._v(" "),t("zan-icon",{attrs:{name:"qr"}}),s._v(" "),t("zan-icon",{attrs:{name:"exchange"}}),s._v(" "),t("zan-icon",{attrs:{name:"close"}}),s._v(" "),t("zan-icon",{attrs:{name:"location"}}),s._v(" "),t("zan-icon",{attrs:{name:"upgrade"}}),s._v(" "),t("zan-icon",{attrs:{name:"check"}}),s._v(" "),t("zan-icon",{attrs:{name:"checked"}}),s._v(" "),t("zan-icon",{attrs:{name:"like-o"}}),s._v(" "),t("zan-icon",{attrs:{name:"like"}}),s._v(" "),t("zan-icon",{attrs:{name:"chat"}}),s._v(" "),t("zan-icon",{attrs:{name:"shop"}}),s._v(" "),t("zan-icon",{attrs:{name:"photograph"}}),s._v(" "),t("zan-icon",{attrs:{name:"add"}}),s._v(" "),t("zan-icon",{attrs:{name:"add2"}}),s._v(" "),t("zan-icon",{attrs:{name:"photo"}}),s._v(" "),t("zan-icon",{attrs:{name:"logistics"}}),s._v(" "),t("zan-icon",{attrs:{name:"edit"}}),s._v(" "),t("zan-icon",{attrs:{name:"passed"}}),s._v(" "),t("zan-icon",{attrs:{name:"cart"}}),s._v(" "),t("zan-icon",{attrs:{name:"arrow"}}),s._v(" "),t("zan-icon",{attrs:{name:"gift"}}),s._v(" "),t("zan-icon",{attrs:{name:"search"}}),s._v(" "),t("zan-icon",{attrs:{name:"clear"}}),s._v(" "),t("zan-icon",{attrs:{name:"success"}}),s._v(" "),t("zan-icon",{attrs:{name:"fail"}})],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"qr-invalid"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"qr"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"exchange"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"close"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"location"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"upgrade"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"check"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"checked"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"like-o"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"like"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"chat"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"shop"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"photograph"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"add"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"add2"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"photo"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"logistics"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"edit"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"passed"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"cart"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"arrow"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"gift"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"search"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"clear"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"success"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"fail"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n")])])])]),s._v(" "),s._m(2),s._v(" "),s._m(3)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"icon"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#icon","aria-hidden":"true"}},[s._v("¶")]),s._v(" Icon")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"suo-you-icon"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#suo-you-icon","aria-hidden":"true"}},[s._v("¶")]),s._v(" 所有Icon")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#api","aria-hidden":"true"}},[s._v("¶")]),s._v(" API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("name")]),s._v(" "),t("td",[s._v("icon名称")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td")])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-button",{on:{click:s.handleImagePreview}},[s._v("预览图片")])],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("@click")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"handleImagePreview"')]),s._v(">")]),s._v("预览图片"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"javascript"},[s._v("\n"),t("span",{staticClass:"hljs-keyword"},[s._v("import")]),s._v(" { ImagePreview } "),t("span",{staticClass:"hljs-keyword"},[s._v("from")]),s._v(" "),t("span",{staticClass:"hljs-string"},[s._v("'src/index'")]),s._v(";\n\n"),t("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n "),t("span",{staticClass:"hljs-attr"},[s._v("methods")]),s._v(": {\n handleImagePreview() {\n ImagePreview([\n "),t("span",{staticClass:"hljs-string"},[s._v("'https://img.yzcdn.cn/upload_files/2017/03/14/FmTPs0SeyQaAOSK1rRe1sL8RcwSY.jpeg?imageView2/2/w/980/h/980/q/75/format/webp'")]),s._v(",\n "),t("span",{staticClass:"hljs-string"},[s._v("'https://img.yzcdn.cn/upload_files/2017/03/15/FvexrWlG_WxtCE9Omo5l27n_mAG_.jpeg?imageView2/2/w/980/h/980/q/75/format/webp'")]),s._v("\n ]);\n }\n }\n};\n")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n")])])])])],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"imagepreview-tu-pian-yu-lan"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#imagepreview-tu-pian-yu-lan","aria-hidden":"true"}},[s._v("¶")]),s._v(" ImagePreview 图片预览")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-checkbox"},[t("h1",{staticClass:"demo-title"},[s._v("checkbox")]),t("example-block",{attrs:{title:"基础用法"}},[t("div",{staticClass:"zan-checkbox-wrapper"},[t("zan-checkbox",{directives:[{name:"model",rawName:"v-model",value:s.checkbox1,expression:"checkbox1"}],domProps:{value:s.checkbox1},on:{input:function(a){s.checkbox1=a}}},[s._v("复选框1")])],1)]),t("example-block",{attrs:{title:"禁用状态"}},[t("div",{staticClass:"zan-checkbox-wrapper"},[t("zan-checkbox",{directives:[{name:"model",rawName:"v-model",value:s.checkbox2,expression:"checkbox2"}],domProps:{value:s.checkbox2},on:{input:function(a){s.checkbox2=a}}},[s._v("复选框2")])],1)]),t("example-block",{attrs:{title:"Checkbox组"}},[t("div",{staticClass:"zan-checkbox-wrapper"},[t("zan-checkbox-group",{directives:[{name:"model",rawName:"v-model",value:s.result,expression:"result"}],domProps:{value:s.result},on:{input:function(a){s.result=a}}},s._l(s.list,function(a){return t("zan-checkbox",{attrs:{name:a}},[s._v("复选框"+s._s(a))])}))],1)]),t("example-block",{attrs:{title:"禁用Checkbox组"}},[t("div",{staticClass:"zan-checkbox-wrapper"},[t("zan-checkbox-group",{directives:[{name:"model",rawName:"v-model",value:s.result,expression:"result"}],attrs:{disabled:""},domProps:{value:s.result},on:{input:function(a){s.result=a}}},s._l(s.list,function(a){return t("zan-checkbox",{attrs:{name:a}},[s._v("复选框"+s._s(a))])}))],1)]),t("example-block",{attrs:{title:"与Cell组件一起使用"}},[t("zan-checkbox-group",{directives:[{name:"model",rawName:"v-model",value:s.result,expression:"result"}],domProps:{value:s.result},on:{input:function(a){s.result=a}}},[t("zan-cell-group",s._l(s.list,function(a){return t("zan-cell",[t("zan-checkbox",{attrs:{name:a}},[s._v("复选框"+s._s(a))])],1)}))],1)],1)],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("div",{staticClass:"waterfall"},[t("div",{directives:[{name:"waterfall-lower",rawName:"v-waterfall-lower",value:s.loadMore,expression:"loadMore"},{name:"waterfall-upper",rawName:"v-waterfall-upper",value:s.loadMoreUpper,expression:"loadMoreUpper"}],attrs:{"waterfall-disabled":"isWaterfallDisabled","waterfall-offset":"400"}},[s._l(s.list,function(a){return t("div",{staticClass:"waterfall-item",staticStyle:{"text-align":"center"}},[s._v("\n "+s._s(a)+"\n ")])}),s._v(" "),s.loading?t("div",{staticStyle:{"text-align":"center"}},[s._v("\n loading\n ")]):s._e()],2)])]),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"waterfall"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v("\n "),t("span",{staticClass:"hljs-attr"},[s._v("v-waterfall-lower")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"loadMore"')]),s._v("\n "),t("span",{staticClass:"hljs-attr"},[s._v("v-waterfall-upper")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"loadMoreUpper"')]),s._v("\n "),t("span",{staticClass:"hljs-attr"},[s._v("waterfall-disabled")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"isWaterfallDisabled"')]),s._v("\n "),t("span",{staticClass:"hljs-attr"},[s._v("waterfall-offset")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"400"')]),s._v("\n >")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v("\n "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"waterfall-item"')]),s._v("\n "),t("span",{staticClass:"hljs-attr"},[s._v("v-for")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"item in list"')]),s._v("\n "),t("span",{staticClass:"hljs-attr"},[s._v("style")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"text-align: center;"')]),s._v("\n >")]),s._v("\n "),t("span",[s._v("{{")]),s._v(" item "),t("span",[s._v("}}")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-if")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"loading"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("style")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"text-align: center;"')]),s._v(">")]),s._v("\n loading\n "),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n")])])])]),s._v(" "),s._m(2),s._v(" "),s._m(3)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"waterfall-pu-bu-liu"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#waterfall-pu-bu-liu","aria-hidden":"true"}},[s._v("¶")]),s._v(" Waterfall 瀑布流")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#api","aria-hidden":"true"}},[s._v("¶")]),s._v(" API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("waterfall-disabled")]),s._v(" "),t("td",[s._v("在vue对象中表示是否禁止瀑布流触发的key值")]),s._v(" "),t("td",[s._v("String")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("waterfall-offset")]),s._v(" "),t("td",[s._v("触发瀑布流加载的阈值")]),s._v(" "),t("td",[s._v("Number")]),s._v(" "),t("td",[s._v("300")]),s._v(" "),t("td")])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-cell"},[t("h1",{staticClass:"demo-title"},[s._v("cell")]),t("example-block",{attrs:{title:"基础用法"}},[t("zan-cell-group",[t("zan-cell",{attrs:{title:"单元格1",value:"单元格1内容"}}),s._v(" "),t("zan-cell",{attrs:{title:"单元格2",value:"单元格2内容"}})],1)],1),t("example-block",{attrs:{title:"标题带描述信息"}},[t("zan-cell-group",[t("zan-cell",{attrs:{title:"单元格1",label:"描述信息","is-link":"",url:"javascript:void(0)"},on:{click:s.handleClick}}),s._v(" "),t("zan-cell",{attrs:{title:"单元格2",label:"描述信息"}})],1)],1),t("example-block",{attrs:{title:"带图标"}},[t("zan-cell-group",[t("zan-cell",{attrs:{title:"起码运动馆",icon:"home"}}),s._v(" "),t("zan-cell",{attrs:{title:"线下门店",icon:"location"}})],1)],1),t("example-block",{attrs:{title:"可点击的链接"}},[t("zan-cell-group",[t("zan-cell",{attrs:{title:"起码运动馆",value:"进入店铺",icon:"home",url:"http://youzan.com","is-link":""}}),s._v(" "),t("zan-cell",{attrs:{title:"线下门店",icon:"location",url:"http://youzan.com","is-link":""}})],1)],1),t("example-block",{attrs:{title:"高级用法"}},[t("zan-cell-group",[t("zan-cell",{attrs:{value:"进入店铺",icon:"home",url:"http://youzan.com","is-link":""}},[t("template",{slot:"title"},[t("span",{staticClass:"zan-cell-text"},[s._v("起码运动馆")]),s._v(" "),t("img",{staticClass:"official-img",attrs:{src:"//su.yzcdn.cn/v2/image/account/icon_guan_160421.png"}})])],2),s._v(" "),t("zan-cell",{attrs:{title:"线下门店",icon:"location",url:"http://youzan.com","is-link":""}})],1)],1)],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),s._m(2),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-picker",{attrs:{columns:s.pickerColumns},on:{change:s.handlePickerChange}})],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-picker")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":columns")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"pickerColumns"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("@change")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"handlePickerChange"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"javascript"},[s._v("\n"),t("span",{staticClass:"hljs-keyword"},[s._v("const")]),s._v(" citys = {\n "),t("span",{staticClass:"hljs-string"},[s._v("'浙江'")]),s._v(": ["),t("span",{staticClass:"hljs-string"},[s._v("'杭州'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'宁波'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'温州'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'嘉兴'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'湖州'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'绍兴'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'金华'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'衢州'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'舟山'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'台州'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'丽水'")]),s._v("],\n "),t("span",{staticClass:"hljs-string"},[s._v("'福建'")]),s._v(": ["),t("span",{staticClass:"hljs-string"},[s._v("'福州'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'厦门'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'莆田'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'三明'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'泉州'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'漳州'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'南平'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'龙岩'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'宁德'")]),s._v("],\n "),t("span",{staticClass:"hljs-string"},[s._v("'湖南'")]),s._v(": ["),t("span",{staticClass:"hljs-string"},[s._v("'长沙'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'株洲'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'湘潭'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'衡阳'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'邵阳'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'岳阳'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'常德'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'张家界'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'益阳'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'郴州'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'永州'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'怀化'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'娄底'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'湘西土家族苗族自治州'")]),s._v("]\n};\n\n"),t("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n data() {\n "),t("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" {\n "),t("span",{staticClass:"hljs-attr"},[s._v("pickerColumns")]),s._v(": [\n {\n "),t("span",{staticClass:"hljs-attr"},[s._v("values")]),s._v(": "),t("span",{staticClass:"hljs-built_in"},[s._v("Object")]),s._v(".keys(citys),\n "),t("span",{staticClass:"hljs-attr"},[s._v("className")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'column1'")]),s._v("\n },\n {\n "),t("span",{staticClass:"hljs-attr"},[s._v("values")]),s._v(": ["),t("span",{staticClass:"hljs-string"},[s._v("'杭州'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'宁波'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'温州'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'嘉兴'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'湖州'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'绍兴'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'金华'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'衢州'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'舟山'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'台州'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'丽水'")]),s._v("],\n "),t("span",{staticClass:"hljs-attr"},[s._v("className")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'column2'")]),s._v("\n }\n ]\n };\n },\n\n "),t("span",{staticClass:"hljs-attr"},[s._v("methods")]),s._v(": {\n handlePickerChange(picker, values) {\n picker.setColumnValues("),t("span",{staticClass:"hljs-number"},[s._v("1")]),s._v(", citys[values["),t("span",{staticClass:"hljs-number"},[s._v("0")]),s._v("]]);\n }\n }\n};\n")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n")])])])]),s._v(" "),s._m(3),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-picker",{attrs:{columns:s.pickerColumns,"show-toolbar":""},on:{change:s.handlePickerChange,cancel:s.handlePickerCancel,confirm:s.handlePickerConfirm}})],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-picker")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":columns")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"pickerColumns"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("show-toolbar")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("@change")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"handlePickerChange"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("@cancel")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"handlePickerCancel"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("@confirm")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"handlePickerConfirm"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"javascript"},[s._v("\n"),t("span",{staticClass:"hljs-keyword"},[s._v("const")]),s._v(" citys = {\n "),t("span",{staticClass:"hljs-string"},[s._v("'浙江'")]),s._v(": ["),t("span",{staticClass:"hljs-string"},[s._v("'杭州'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'宁波'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'温州'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'嘉兴'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'湖州'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'绍兴'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'金华'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'衢州'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'舟山'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'台州'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'丽水'")]),s._v("],\n "),t("span",{staticClass:"hljs-string"},[s._v("'福建'")]),s._v(": ["),t("span",{staticClass:"hljs-string"},[s._v("'福州'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'厦门'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'莆田'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'三明'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'泉州'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'漳州'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'南平'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'龙岩'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'宁德'")]),s._v("],\n "),t("span",{staticClass:"hljs-string"},[s._v("'湖南'")]),s._v(": ["),t("span",{staticClass:"hljs-string"},[s._v("'长沙'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'株洲'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'湘潭'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'衡阳'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'邵阳'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'岳阳'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'常德'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'张家界'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'益阳'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'郴州'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'永州'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'怀化'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'娄底'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'湘西土家族苗族自治州'")]),s._v("]\n};\n\n"),t("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n data() {\n "),t("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" {\n "),t("span",{staticClass:"hljs-attr"},[s._v("pickerColumns")]),s._v(": [\n {\n "),t("span",{staticClass:"hljs-attr"},[s._v("values")]),s._v(": "),t("span",{staticClass:"hljs-built_in"},[s._v("Object")]),s._v(".keys(citys),\n "),t("span",{staticClass:"hljs-attr"},[s._v("className")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'column1'")]),s._v("\n },\n {\n "),t("span",{staticClass:"hljs-attr"},[s._v("values")]),s._v(": ["),t("span",{staticClass:"hljs-string"},[s._v("'杭州'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'宁波'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'温州'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'嘉兴'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'湖州'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'绍兴'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'金华'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'衢州'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'舟山'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'台州'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'丽水'")]),s._v("],\n "),t("span",{staticClass:"hljs-attr"},[s._v("className")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'column2'")]),s._v("\n }\n ]\n };\n },\n\n "),t("span",{staticClass:"hljs-attr"},[s._v("methods")]),s._v(": {\n handlePickerChange(picker, values) {\n picker.setColumnValues("),t("span",{staticClass:"hljs-number"},[s._v("1")]),s._v(", citys[values["),t("span",{staticClass:"hljs-number"},[s._v("0")]),s._v("]]);\n },\n handlePickerCancel() {\n alert("),t("span",{staticClass:"hljs-string"},[s._v("'picker cancel'")]),s._v(");\n },\n handlePickerConfirm() {\n alert("),t("span",{staticClass:"hljs-string"},[s._v("'picker confirm'")]),s._v(");\n }\n }\n};\n")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n")])])])]),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),s._m(6),s._v(" "),s._m(7),s._v(" "),s._m(8),s._v(" "),s._m(9),s._v(" "),s._m(10),s._v(" "),s._m(11)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"picker-zu-jian"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#picker-zu-jian","aria-hidden":"true"}},[s._v("¶")]),s._v(" Picker组件")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("模仿iOS中的"),t("code",[s._v("UIPickerView")]),s._v("。")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"dai-toolbar-de-picker"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#dai-toolbar-de-picker","aria-hidden":"true"}},[s._v("¶")]),s._v(" 带toolbar的Picker")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#api","aria-hidden":"true"}},[s._v("¶")]),s._v(" API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("visibileColumnCount")]),s._v(" "),t("td",[s._v("每一列可见备选元素的个数")]),s._v(" "),t("td",[s._v("Number")]),s._v(" "),t("td",[s._v("5")]),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("itemHeight")]),s._v(" "),t("td",[s._v("选中元素区高度")]),s._v(" "),t("td",[s._v("Number")]),s._v(" "),t("td",[s._v("44")]),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("columns")]),s._v(" "),t("td",[s._v("对象数组，配置每一列显示的数据")]),s._v(" "),t("td",[s._v("Array")]),s._v(" "),t("td"),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("showToolbar")]),s._v(" "),t("td",[s._v("是否在组件顶部显示一个toolbar")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("true")]),s._v(" "),t("td")])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"columns"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#columns","aria-hidden":"true"}},[s._v("¶")]),s._v(" columns")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[t("code",[s._v("API")]),s._v("中的"),t("code",[s._v("columns")]),s._v("为一个对象数组，数组中的每一个对象配置每一列，每一列有以下"),t("code",[s._v("key")]),s._v("：")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("key")]),s._v(" "),t("th",[s._v("说明")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("values")]),s._v(" "),t("td",[s._v("列中对应的备选值")])]),s._v(" "),t("tr",[t("td",[s._v("defaultIndex")]),s._v(" "),t("td",[s._v("初始选中值的索引，默认为0")])]),s._v(" "),t("tr",[t("td",[s._v("className")]),s._v(" "),t("td",[s._v("为对应列添加特殊的"),t("code",[s._v("class")])])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"change-shi-jian"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#change-shi-jian","aria-hidden":"true"}},[s._v("¶")]),s._v(" change事件")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("在"),t("code",[s._v("change")]),s._v("事件中，可以获取到"),t("code",[s._v("picker")]),s._v("实例，对"),t("code",[s._v("picker")]),s._v("进行相应的更新等操作：")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("函数")]),s._v(" "),t("th",[s._v("说明")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("getColumnValue(index)")]),s._v(" "),t("td",[s._v("获取对应列中选中的值")])]),s._v(" "),t("tr",[t("td",[s._v("setColumnValue(index, value)")]),s._v(" "),t("td",[s._v("设置对应列中选中的值")])]),s._v(" "),t("tr",[t("td",[s._v("getColumnValues(index)")]),s._v(" "),t("td",[s._v("获取对应列中所有的备选值")])]),s._v(" "),t("tr",[t("td",[s._v("setColumnValues(index, values)")]),s._v(" "),t("td",[s._v("设置对应列中所有的备选值")])]),s._v(" "),t("tr",[t("td",[s._v("getValues()")]),s._v(" "),t("td",[s._v("获取所有列中被选中的值，返回一个数组")])]),s._v(" "),t("tr",[t("td",[s._v("setValues(values)")]),s._v(" "),t("td",[t("code",[s._v("values")]),s._v("为一个数组，设置所有列中被选中的值")])])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-actionsheet"},[t("h1",{staticClass:"demo-title"},[s._v("actionsheet")]),t("example-block",{attrs:{title:"基础用法"}},[t("div",{staticClass:"zan-row"},[t("zan-button",{on:{click:function(a){s.show1=!0}}},[s._v("弹出actionsheet")])],1),s._v(" "),t("zan-actionsheet",{directives:[{name:"model",rawName:"v-model",value:s.show1,expression:"show1"}],attrs:{actions:s.actions1},domProps:{value:s.show1},on:{input:function(a){s.show1=a}}})],1),t("example-block",{attrs:{title:"带取消按钮的ActionSheet"}},[t("div",{staticClass:"zan-row"},[t("zan-button",{on:{click:function(a){s.show2=!0}}},[s._v("弹出带取消按钮的actionsheet")])],1),s._v(" "),t("zan-actionsheet",{directives:[{name:"model",rawName:"v-model",value:s.show2,expression:"show2"}],attrs:{actions:s.actions1,"cancel-text":"取消"},domProps:{value:s.show2},on:{input:function(a){s.show2=a}}})],1),t("example-block",{attrs:{title:"带标题的ActionSheet"}},[t("div",{staticClass:"zan-row"},[t("zan-button",{on:{click:function(a){s.show3=!0}}},[s._v("弹出带标题的actionsheet")])],1),s._v(" "),t("zan-actionsheet",{directives:[{name:"model",rawName:"v-model",value:s.show3,expression:"show3"}],staticClass:"title-actionsheet",attrs:{title:"支持以下配送方式"},domProps:{value:s.show3},on:{input:function(a){s.show3=a}}},[t("p",[s._v("一些内容")])])],1)],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-radio"},[t("h1",{staticClass:"demo-title"},[s._v("radio")]),t("example-block",{attrs:{title:"基础用法"}},[t("div",{staticClass:"zan-radios"},[t("zan-radio",{directives:[{name:"model",rawName:"v-model",value:s.radio1,expression:"radio1"}],attrs:{name:"1"},domProps:{value:s.radio1},on:{input:function(a){s.radio1=a}}},[s._v("单选框1")]),s._v(" "),t("zan-radio",{directives:[{name:"model",rawName:"v-model",value:s.radio1,expression:"radio1"}],attrs:{name:"2"},domProps:{value:s.radio1},on:{input:function(a){s.radio1=a}}},[s._v("单选框2")])],1)]),t("example-block",{attrs:{title:"禁用状态"}},[t("div",{staticClass:"zan-radios"},[t("zan-radio",{directives:[{name:"model",rawName:"v-model",value:s.radio2,expression:"radio2"}],attrs:{name:"1",disabled:""},domProps:{value:s.radio2},on:{input:function(a){s.radio2=a}}},[s._v("未选中禁用")]),s._v(" "),t("zan-radio",{directives:[{name:"model",rawName:"v-model",value:s.radio2,expression:"radio2"}],attrs:{name:"2",disabled:""},domProps:{value:s.radio2},on:{input:function(a){s.radio2=a}}},[s._v("选中且禁用")])],1)]),t("example-block",{attrs:{title:"radio组"}},[t("div",{staticClass:"zan-radios"},[t("zan-radio-group",{directives:[{name:"model",rawName:"v-model",value:s.radio3,expression:"radio3"}],domProps:{value:s.radio3},on:{input:function(a){s.radio3=a}}},[t("zan-radio",{attrs:{name:"1"}},[s._v("单选框1")]),s._v(" "),t("zan-radio",{attrs:{name:"2"}},[s._v("单选框2")])],1)],1)]),t("example-block",{attrs:{title:"与Cell组件一起使用"}},[t("zan-radio-group",{directives:[{name:"model",rawName:"v-model",value:s.radio4,expression:"radio4"}],domProps:{value:s.radio4},on:{input:function(a){s.radio4=a}}},[t("zan-cell-group",[t("zan-cell",[t("zan-radio",{attrs:{name:"1"}},[s._v("单选框1")])],1),s._v(" "),t("zan-cell",[t("zan-radio",{attrs:{name:"2"}},[s._v("单选框2")])],1)],1)],1)],1)],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-picker"},[t("h1",{staticClass:"demo-title"},[s._v("picker")]),t("example-block",{attrs:{title:"基础用法"}},[t("zan-picker",{attrs:{columns:s.pickerColumns},on:{change:s.handlePickerChange}})],1),t("example-block",{attrs:{title:"带toolbar的Picker"}},[t("zan-picker",{attrs:{columns:s.pickerColumns,"show-toolbar":""},on:{change:s.handlePickerChange,cancel:s.handlePickerCancel,confirm:s.handlePickerConfirm}})],1)],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-search",{attrs:{placeholder:"商品名称"},on:{search:s.goSearch}})],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-search")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("placeholder")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"商品名称"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("@search")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"goSearch"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"javascript"},[s._v("\n"),t("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n "),t("span",{staticClass:"hljs-attr"},[s._v("methods")]),s._v(": {\n goSearch(value) {\n alert(value)\n }\n }\n};\n")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n")])])])]),s._v(" "),s._m(2),s._v(" "),s._m(3)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"search-zu-jian"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#search-zu-jian","aria-hidden":"true"}},[s._v("¶")]),s._v(" Search 组件")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#api","aria-hidden":"true"}},[s._v("¶")]),s._v(" API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("必须")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("placeholder")]),s._v(" "),t("td",[s._v("input的placeholder文案")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td"),s._v(" "),t("td")])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-icon"},[t("h1",{staticClass:"demo-title"},[s._v("icon")]),t("example-block",{attrs:{title:"所有Icon"}},[t("zan-icon",{attrs:{name:"qr-invalid"}}),s._v(" "),t("zan-icon",{attrs:{name:"qr"}}),s._v(" "),t("zan-icon",{attrs:{name:"exchange"}}),s._v(" "),t("zan-icon",{attrs:{name:"close"}}),s._v(" "),t("zan-icon",{attrs:{name:"location"}}),s._v(" "),t("zan-icon",{attrs:{name:"upgrade"}}),s._v(" "),t("zan-icon",{attrs:{name:"check"}}),s._v(" "),t("zan-icon",{attrs:{name:"checked"}}),s._v(" "),t("zan-icon",{attrs:{name:"like-o"}}),s._v(" "),t("zan-icon",{attrs:{name:"like"}}),s._v(" "),t("zan-icon",{attrs:{name:"chat"}}),s._v(" "),t("zan-icon",{attrs:{name:"shop"}}),s._v(" "),t("zan-icon",{attrs:{name:"photograph"}}),s._v(" "),t("zan-icon",{attrs:{name:"add"}}),s._v(" "),t("zan-icon",{attrs:{name:"add2"}}),s._v(" "),t("zan-icon",{attrs:{name:"photo"}}),s._v(" "),t("zan-icon",{attrs:{name:"logistics"}}),s._v(" "),t("zan-icon",{attrs:{name:"edit"}}),s._v(" "),t("zan-icon",{attrs:{name:"passed"}}),s._v(" "),t("zan-icon",{attrs:{name:"cart"}}),s._v(" "),t("zan-icon",{attrs:{name:"arrow"}}),s._v(" "),t("zan-icon",{attrs:{name:"gift"}}),s._v(" "),t("zan-icon",{attrs:{name:"search"}}),s._v(" "),t("zan-icon",{attrs:{name:"clear"}}),s._v(" "),t("zan-icon",{attrs:{name:"success"}}),s._v(" "),t("zan-icon",{attrs:{name:"fail"}})],1)],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-dialog"},[t("h1",{staticClass:"demo-title"},[s._v("dialog")]),t("example-block",{attrs:{title:"基础用法"}},[t("zan-button",{on:{click:s.handleAlertClick}},[s._v("alert")]),s._v(" "),t("zan-button",{on:{click:s.handleConfirmClick}},[s._v("confirm")])],1)],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-uploader"},[t("h1",{staticClass:"demo-title"},[s._v("uploader")]),t("example-block",{attrs:{title:"基础用法"}},[t("div",{staticClass:"uploader-container"},[t("zan-uploader",{attrs:{"before-read":s.logContent},on:{"file-readed":s.logContent}})],1)]),t("example-block",{attrs:{title:"自定义上传图标"}},[t("div",{staticClass:"uploader-container"},[t("zan-uploader",{on:{"file-readed":s.logContent}},[t("zan-icon",{attrs:{name:"photograph"}})],1)],1)])],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-cell-group",[t("zan-field",{directives:[{name:"model",rawName:"v-model",value:s.username,expression:"username"}],attrs:{type:"text",label:"用户名：",placeholder:"请输入用户名"},domProps:{value:s.username},on:{input:function(a){s.username=a}}}),s._v(" "),t("zan-field",{attrs:{type:"password",label:"密码：",placeholder:"请输入密码"}}),s._v(" "),t("zan-field",{attrs:{type:"textarea",label:"个人介绍：",placeholder:"请输入个人介绍"}})],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell-group")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-field")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"text"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("label")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"用户名："')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("placeholder")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"请输入用户名"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-model")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"username"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-field")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"password"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("label")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"密码："')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("placeholder")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"请输入密码"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-field")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"textarea"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("label")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"个人介绍："')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("placeholder")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"请输入个人介绍"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n")])])])]),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-cell-group",[t("zan-field",{attrs:{type:"text",placeholder:"请输入用户名"}})],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell-group")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-field")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"text"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("placeholder")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"请输入用户名"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n")])])])]),s._v(" "),s._m(6),s._v(" "),s._m(7),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("div",{staticClass:"zan-field-wrapper"},[t("zan-field",{attrs:{type:"text",placeholder:"请输入用户名",border:""}})],1)]),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-field-wrapper"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-field")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"text"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("placeholder")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"请输入用户名"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("border")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n")])])])]),s._v(" "),s._m(8),s._v(" "),s._m(9),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-cell-group",[t("zan-field",{directives:[{name:"model",rawName:"v-model",value:s.username,expression:"username"}],attrs:{label:"用户名：",type:"text",placeholder:"请输入用户名",disabled:""},domProps:{value:s.username},on:{input:function(a){s.username=a}}})],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell-group")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-field")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("label")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"用户名："')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"text"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("placeholder")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"请输入用户名"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-model")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"username"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("disabled")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n")])])])]),s._v(" "),s._m(10),s._v(" "),s._m(11),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-cell-group",[t("zan-field",{attrs:{label:"用户名：",type:"text",placeholder:"请输入用户名",error:""}})],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell-group")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-field")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("label")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"用户名："')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"text"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("placeholder")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"请输入用户名"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("error")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n")])])])]),s._v(" "),s._m(12),s._v(" "),s._m(13)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"field-zu-jian"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#field-zu-jian","aria-hidden":"true"}},[s._v("¶")]),s._v(" Field组件")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("表单中"),t("code",[s._v("input")]),s._v("或"),t("code",[s._v("textarea")]),s._v("的输入框。")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("根据"),t("code",[s._v("type")]),s._v("属性显示不同的输入框。")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"wu-label-de-shu-ru-kuang"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#wu-label-de-shu-ru-kuang","aria-hidden":"true"}},[s._v("¶")]),s._v(" 无label的输入框")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("不传入"),t("code",[s._v("label")]),s._v("属性即可。")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"dai-border-de-shu-ru-kuang"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#dai-border-de-shu-ru-kuang","aria-hidden":"true"}},[s._v("¶")]),s._v(" 带border的输入框")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("传入一个"),t("code",[s._v("border")]),s._v("属性。")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"jin-yong-de-shu-ru-kuang"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#jin-yong-de-shu-ru-kuang","aria-hidden":"true"}},[s._v("¶")]),s._v(" 禁用的输入框")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("传入"),t("code",[s._v("disabled")]),s._v("属性即可。")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"cuo-wu-de-shu-ru-kuang"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#cuo-wu-de-shu-ru-kuang","aria-hidden":"true"}},[s._v("¶")]),s._v(" 错误的输入框")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("传入"),t("code",[s._v("error")]),s._v("属性即可。")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#api","aria-hidden":"true"}},[s._v("¶")]),s._v(" API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("type")]),s._v(" "),t("td",[s._v("输入框类型")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("text")]),s._v(" "),t("td",[s._v("text, number, email, url, tel, date, datetime, password, textarea")])]),s._v(" "),t("tr",[t("td",[s._v("placeholder")]),s._v(" "),t("td",[s._v("输入框placeholder")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("value")]),s._v(" "),t("td",[s._v("输入框的值")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("label")]),s._v(" "),t("td",[s._v("输入框标签")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("disabled")]),s._v(" "),t("td",[s._v("是否禁用输入框")]),s._v(" "),t("td",[s._v("boolean")]),s._v(" "),t("td",[s._v("false")]),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("error")]),s._v(" "),t("td",[s._v("输入框是否有错误")]),s._v(" "),t("td",[s._v("boolean")]),s._v(" "),t("td",[s._v("false")]),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("readonly")]),s._v(" "),t("td",[s._v("输入框是否只读")]),s._v(" "),t("td",[s._v("boolean")]),s._v(" "),t("td",[s._v("false")]),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("maxlength")]),s._v(" "),t("td",[s._v("输入框maxlength")]),s._v(" "),t("td",[s._v("[String, Number]")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td")])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-popup"},[t("h1",{staticClass:"demo-title"},[s._v("popup")]),t("example-block",{attrs:{title:"基础用法"}},[t("div",{staticClass:"zan-row"},[t("zan-button",{on:{click:function(a){s.popupShow1=!0}}},[s._v("从下方弹出popup")])],1),s._v(" "),t("zan-popup",{directives:[{name:"model",rawName:"v-model",value:s.popupShow1,expression:"popupShow1"}],staticClass:"zan-popup-1",attrs:{position:"bottom"},domProps:{value:s.popupShow1},on:{input:function(a){s.popupShow1=a}}},[t("zan-button",{on:{click:s.showDialog}},[s._v("弹出dialog")])],1),s._v(" "),t("div",{staticClass:"zan-row"},[t("zan-button",{on:{click:function(a){s.popupShow2=!0}}},[s._v("从上方弹出popup")])],1),s._v(" "),t("zan-popup",{directives:[{name:"model",rawName:"v-model",value:s.popupShow2,expression:"popupShow2"}],staticClass:"zan-popup-2",attrs:{position:"top",overlay:!1},domProps:{value:s.popupShow2},on:{input:function(a){s.popupShow2=a}}},[s._v("\n 更新成功\n")]),s._v(" "),t("div",{staticClass:"zan-row"},[t("zan-button",{on:{click:function(a){s.popupShow3=!0}}},[s._v("从右方弹出popup")])],1),s._v(" "),t("zan-popup",{directives:[{name:"model",rawName:"v-model",value:s.popupShow3,expression:"popupShow3"}],staticClass:"zan-popup-3",attrs:{position:"right",overlay:!1},domProps:{value:s.popupShow3},on:{input:function(a){s.popupShow3=a}}},[t("zan-button",{nativeOn:{click:function(a){s.popupShow3=!1}}},[s._v("关闭 popup")])],1),s._v(" "),t("div",{staticClass:"zan-row"},[t("zan-button",{on:{click:function(a){s.popupShow4=!0}}},[s._v("从中间弹出popup")])],1),s._v(" "),t("zan-popup",{directives:[{name:"model",rawName:"v-model",value:s.popupShow4,expression:"popupShow4"}],staticClass:"zan-popup-4",domProps:{value:s.popupShow4},on:{input:function(a){s.popupShow4=a}}},[s._v("\n 从中间弹出popup\n")])],1)],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("p",[s._v("只接受primary, default, danger三种类型，默认default。")]),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-row",[t("zan-col",{attrs:{span:"24"}},[t("zan-button",{attrs:{block:""}},[s._v("default")])],1),s._v(" "),t("zan-col",{attrs:{span:"24"}},[t("zan-button",{attrs:{type:"primary",block:""}},[s._v("primary")])],1),s._v(" "),t("zan-col",{attrs:{span:"24"}},[t("zan-button",{attrs:{type:"danger",block:""}},[s._v("danger")])],1)],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-row")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-col")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("span")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"24"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("block")]),s._v(">")]),s._v("default"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-col")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("span")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"24"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"primary"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("block")]),s._v(">")]),s._v("primary"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-col")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("span")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"24"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"danger"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("block")]),s._v(">")]),s._v("danger"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n")])])])]),s._v(" "),s._m(2),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-row",[t("zan-col",{attrs:{span:"24"}},[t("zan-button",{attrs:{disabled:"",block:""}},[s._v("diabled")])],1)],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-row")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-col")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("span")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"24"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("disabled")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("block")]),s._v(">")]),s._v("diabled"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n")])])])]),s._v(" "),s._m(3),s._v(" "),t("p",[s._v("只接受large, normal, small, mini四种尺寸，默认normal。")]),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-row",[t("zan-col",{attrs:{span:"24"}},[t("zan-button",{attrs:{size:"large"}},[s._v("large")])],1)],1),s._v(" "),t("zan-row",{attrs:{gutter:"10"}},[t("zan-col",{attrs:{span:"8"}},[t("zan-button",{attrs:{type:"primary",block:""}},[s._v("normal")])],1),s._v(" "),t("zan-col",{attrs:{span:"8"}},[t("zan-button",{attrs:{size:"small",block:""}},[s._v("small")])],1),s._v(" "),t("zan-col",{attrs:{span:"8"}},[t("zan-button",{attrs:{size:"mini",block:""}},[s._v("mini")])],1)],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-row")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-col")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("span")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"24"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("size")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"large"')]),s._v(">")]),s._v("large"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-row")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("gutter")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"10"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-col")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("span")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"8"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"primary"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("block")]),s._v(">")]),s._v("normal"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-col")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("span")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"8"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("size")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"small"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("block")]),s._v(">")]),s._v("small"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-col")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("span")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"8"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("size")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"mini"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("block")]),s._v(">")]),s._v("mini"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n")])])])]),s._v(" "),s._m(4),s._v(" "),t("p",[s._v("按钮默认是button标签，可以使用tag属性修改为一个a标签。")]),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-row",[t("zan-col",{attrs:{span:"24"}},[t("zan-button",{attrs:{tag:"a",type:"primary",href:"https://www.youzan.com",target:"_blank"}},[s._v("a标签按钮")])],1)],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-row")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-col")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("span")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"24"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("tag")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"a"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"primary"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("href")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"https://www.youzan.com"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("target")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"_blank"')]),s._v(">")]),s._v("a标签按钮"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n")])])])]),s._v(" "),s._m(5),s._v(" "),t("p",[s._v("表示loading状态")]),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-row",[t("zan-col",{attrs:{span:"24"}},[t("zan-button",{attrs:{type:"primary",loading:"",block:""}},[s._v("loading")])],1),s._v(" "),t("zan-col",{attrs:{span:"24"}},[t("zan-button",{attrs:{loading:"",block:""}})],1)],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-row")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-col")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("span")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"24"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"primary"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("loading")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("block")]),s._v(">")]),s._v("loading"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-col")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("span")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"24"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("loading")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("block")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n")])])])]),s._v(" "),s._m(6),s._v(" "),t("p",[s._v("一组按钮。")]),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("div",{staticClass:"button-group"},[t("zan-button",{attrs:{type:"primary",size:"small"}},[s._v("确认付款")]),s._v(" "),t("zan-button",{attrs:{size:"small"}},[s._v("确认收货")]),s._v(" "),t("zan-button",{attrs:{size:"small"}},[s._v("取消订单")])],1)]),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"button-group"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"primary"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("size")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"small"')]),s._v(">")]),s._v("确认付款"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("size")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"small"')]),s._v(">")]),s._v("确认收货"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("size")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"small"')]),s._v(">")]),s._v("取消订单"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n")])])])]),s._v(" "),s._m(7),s._v(" "),s._m(8)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"button-zu-jian"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#button-zu-jian","aria-hidden":"true"}},[s._v("¶")]),s._v(" Button组件")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"an-niu-gong-neng"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#an-niu-gong-neng","aria-hidden":"true"}},[s._v("¶")]),s._v(" 按钮功能")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"jin-yong-zhuang-tai"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#jin-yong-zhuang-tai","aria-hidden":"true"}},[s._v("¶")]),s._v(" 禁用状态")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"an-niu-chi-cun"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#an-niu-chi-cun","aria-hidden":"true"}},[s._v("¶")]),s._v(" 按钮尺寸")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"zi-ding-yi-an-niu-biao-qian"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#zi-ding-yi-an-niu-biao-qian","aria-hidden":"true"}},[s._v("¶")]),s._v(" 自定义按钮标签")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"loading-an-niu"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#loading-an-niu","aria-hidden":"true"}},[s._v("¶")]),s._v(" loading按钮")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"button-group"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#button-group","aria-hidden":"true"}},[s._v("¶")]),s._v(" button group")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#api","aria-hidden":"true"}},[s._v("¶")]),s._v(" API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("type")]),s._v(" "),t("td",[s._v("按钮类型")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("'default'")]),s._v(" "),t("td",[s._v("'primary', 'danger'")])]),s._v(" "),t("tr",[t("td",[s._v("size")]),s._v(" "),t("td",[s._v("按钮尺寸")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("'normal'")]),s._v(" "),t("td",[s._v("'large', 'small', 'mini'")])]),s._v(" "),t("tr",[t("td",[s._v("tag")]),s._v(" "),t("td",[s._v("按钮标签")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("'button'")]),s._v(" "),t("td",[s._v("'a', 'span', ...")])]),s._v(" "),t("tr",[t("td",[s._v("diabled")]),s._v(" "),t("td",[s._v("按钮是否禁用")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td"),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("block")]),s._v(" "),t("td",[s._v("按钮是否显示为块级元素")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td"),s._v(" "),t("td")])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-image-preview"},[t("h1",{staticClass:"demo-title"},[s._v("image-preview")]),t("example-block",{attrs:{title:""}},[t("zan-button",{on:{click:s.handleImagePreview}},[s._v("预览图片")])],1)],1)},staticRenderFns:[]}},,function(s,a){s.exports={render:function(){var s=this,a=s.$createElement;s._self._c;return s._m(0)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[t("h2",{attrs:{id:"an-zhuang"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#an-zhuang","aria-hidden":"true"}},[s._v("¶")]),s._v(" 安装")]),s._v(" "),t("h3",{attrs:{id:"ynpm-an-zhuang"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ynpm-an-zhuang","aria-hidden":"true"}},[s._v("¶")]),s._v(" ynpm安装")]),s._v(" "),t("pre",[t("code",{staticClass:"hljs language-shell"},[s._v("npm i @youzan/zanui-vue -S\n")])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-button",{on:{click:s.showSimpleToast}},[s._v("普通文字提示")]),s._v(" "),t("zan-button",{on:{click:s.showLoadingToast}},[s._v("加载Toast")]),s._v(" "),t("zan-button",{on:{click:s.showSuccessToast}},[s._v("成功")]),s._v(" "),t("zan-button",{on:{click:s.showFailToast}},[s._v("失败")]),s._v(" "),t("zan-button",{on:{click:function(a){s.showCustomizedToast(5e3)}}},[s._v("倒数5秒")])],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("@click")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"showSimpleToast"')]),s._v(">")]),s._v("普通文字提示"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("@click")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"showLoadingToast"')]),s._v(">")]),s._v("加载Toast"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("@click")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"showSuccessToast"')]),s._v(">")]),s._v("成功"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("@click")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"showFailToast"')]),s._v(">")]),s._v("失败"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("@click")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"showCustomizedToast(5000)"')]),s._v(">")]),s._v("倒数5秒"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"javascript"},[s._v("\n"),t("span",{staticClass:"hljs-keyword"},[s._v("import")]),s._v(" { Toast } "),t("span",{staticClass:"hljs-keyword"},[s._v("from")]),s._v(" "),t("span",{staticClass:"hljs-string"},[s._v("'src/index'")]),s._v(";\n\n"),t("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n "),t("span",{staticClass:"hljs-attr"},[s._v("methods")]),s._v(": {\n showSimpleToast() {\n Toast("),t("span",{staticClass:"hljs-string"},[s._v("'我是提示文案，建议不超过十五字~'")]),s._v(");\n },\n showLoadingToast() {\n Toast.loading();\n },\n showSuccessToast() {\n Toast.success("),t("span",{staticClass:"hljs-string"},[s._v("'成功文案'")]),s._v(");\n },\n showFailToast() {\n Toast.fail("),t("span",{staticClass:"hljs-string"},[s._v("'失败文案'")]),s._v(");\n },\n showCustomizedToast(duration) {\n "),t("span",{staticClass:"hljs-keyword"},[s._v("let")]),s._v(" leftSec = duration / "),t("span",{staticClass:"hljs-number"},[s._v("1000")]),s._v(";\n "),t("span",{staticClass:"hljs-keyword"},[s._v("let")]),s._v(" toast = Toast({\n "),t("span",{staticClass:"hljs-attr"},[s._v("duration")]),s._v(": duration + "),t("span",{staticClass:"hljs-number"},[s._v("1000")]),s._v(",\n "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'success'")]),s._v(",\n "),t("span",{staticClass:"hljs-attr"},[s._v("message")]),s._v(": leftSec.toString()\n });\n "),t("span",{staticClass:"hljs-built_in"},[s._v("window")]),s._v(".setInterval("),t("span",{staticClass:"hljs-function"},[t("span",{staticClass:"hljs-params"},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),t("span",{staticClass:"hljs-keyword"},[s._v("if")]),s._v(" (leftSec <= "),t("span",{staticClass:"hljs-number"},[s._v("1")]),s._v(") {\n "),t("span",{staticClass:"hljs-built_in"},[s._v("window")]),s._v(".clearInterval();\n toast.message = "),t("span",{staticClass:"hljs-string"},[s._v("'跳转中...'")]),s._v("\n "),t("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(";\n }\n toast.message = (--leftSec).toString();\n }, "),t("span",{staticClass:"hljs-number"},[s._v("1000")]),s._v(");\n }\n }\n};\n")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n")])])])]),s._v(" "),s._m(2),s._v(" "),s._m(3)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"toast"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#toast","aria-hidden":"true"}},[s._v("¶")]),s._v(" Toast")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#api","aria-hidden":"true"}},[s._v("¶")]),s._v(" API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("type")]),s._v(" "),t("td",[s._v("类型")]),s._v(" "),t("td",[s._v("String")]),s._v(" "),t("td",[s._v("'text'")]),s._v(" "),t("td",[s._v("'text', 'loading', 'success', 'failure'")])]),s._v(" "),t("tr",[t("td",[s._v("message")]),s._v(" "),t("td",[s._v("内容")]),s._v(" "),t("td",[s._v("String")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("-")])])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-search"},[t("h1",{staticClass:"demo-title"},[s._v("search")]),t("example-block",{attrs:{title:"基础用法"}},[t("zan-search",{attrs:{placeholder:"商品名称"},on:{search:s.goSearch}})],1)],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-card"},[t("h1",{staticClass:"demo-title"},[s._v("card")]),t("example-block",{attrs:{title:"基础用法"}},[t("zan-card",{attrs:{title:"商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余",desc:"描述",thumb:"https://img.yzcdn.cn/upload_files/2017/02/17/FnDwvwHmU-OiqsbjAO5X7wh1KWrR.jpg!100x100.jpg"}})],1),t("example-block",{attrs:{title:"高级用法"}},[t("zan-card",{attrs:{thumb:"https://img.yzcdn.cn/upload_files/2017/02/17/FnDwvwHmU-OiqsbjAO5X7wh1KWrR.jpg!100x100.jpg"}},[t("div",{staticClass:"zan-card__row",slot:"title"},[t("h4",{staticClass:"zan-card__title"},[s._v("商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余")]),s._v(" "),t("span",{staticClass:"zan-card__price"},[s._v("¥ 2.00")])]),s._v(" "),t("div",{staticClass:"zan-card__row",slot:"desc"},[t("span",{staticClass:"zan-card__num"},[s._v("x 2")])]),s._v(" "),t("div",{staticClass:"zan-card__footer",slot:"footer"},[t("zan-button",{attrs:{size:"mini"}},[s._v("按钮一")]),s._v(" "),t("zan-button",{attrs:{size:"mini"}},[s._v("按钮二")])],1)])],1)],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-swipe",[t("zan-swipe-item",[t("img",{attrs:{src:"https://img.yzcdn.cn/upload_files/2017/03/14/FmTPs0SeyQaAOSK1rRe1sL8RcwSY.jpeg?imageView2/2/w/980/h/980/q/75/format/webp",alt:""}})]),s._v(" "),t("zan-swipe-item",[t("img",{attrs:{src:"https://img.yzcdn.cn/upload_files/2017/03/15/FvexrWlG_WxtCE9Omo5l27n_mAG_.jpeg?imageView2/2/w/980/h/980/q/75/format/webp",alt:""}})])],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-swipe")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-swipe-item")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("img")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("src")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"https://img.yzcdn.cn/upload_files/2017/03/14/FmTPs0SeyQaAOSK1rRe1sL8RcwSY.jpeg?imageView2/2/w/980/h/980/q/75/format/webp"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("alt")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('""')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-swipe-item")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("img")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("src")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"https://img.yzcdn.cn/upload_files/2017/03/15/FvexrWlG_WxtCE9Omo5l27n_mAG_.jpeg?imageView2/2/w/980/h/980/q/75/format/webp"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("alt")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('""')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n")])])])]),s._v(" "),s._m(2),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-swipe",{attrs:{"auto-play":!0}},[t("zan-swipe-item",[t("img",{attrs:{src:"https://img.yzcdn.cn/upload_files/2017/03/14/FmTPs0SeyQaAOSK1rRe1sL8RcwSY.jpeg?imageView2/2/w/980/h/980/q/75/format/webp",alt:""}})]),s._v(" "),t("zan-swipe-item",[t("img",{attrs:{src:"https://img.yzcdn.cn/upload_files/2017/03/15/FvexrWlG_WxtCE9Omo5l27n_mAG_.jpeg?imageView2/2/w/980/h/980/q/75/format/webp",alt:""}})])],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-swipe")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":auto-play")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"true"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-swipe-item")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("img")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("src")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"https://img.yzcdn.cn/upload_files/2017/03/14/FmTPs0SeyQaAOSK1rRe1sL8RcwSY.jpeg?imageView2/2/w/980/h/980/q/75/format/webp"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("alt")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('""')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-swipe-item")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("img")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("src")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"https://img.yzcdn.cn/upload_files/2017/03/15/FvexrWlG_WxtCE9Omo5l27n_mAG_.jpeg?imageView2/2/w/980/h/980/q/75/format/webp"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("alt")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('""')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n")])])])])],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"swipe"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#swipe","aria-hidden":"true"}},[s._v("¶")]),s._v(" Swipe")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"zi-dong-lun-bo"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#zi-dong-lun-bo","aria-hidden":"true"}},[s._v("¶")]),s._v(" 自动轮播")])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("p",[s._v("当没有底部按钮时，右侧内容会居中显示。")]),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-card",{attrs:{title:"商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余",desc:"描述",thumb:"https://img.yzcdn.cn/upload_files/2017/02/17/FnDwvwHmU-OiqsbjAO5X7wh1KWrR.jpg!100x100.jpg"}})],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-card")]),s._v("\n "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余"')]),s._v("\n "),t("span",{staticClass:"hljs-attr"},[s._v("desc")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"描述"')]),s._v("\n "),t("span",{staticClass:"hljs-attr"},[s._v("thumb")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"https://img.yzcdn.cn/upload_files/2017/02/17/FnDwvwHmU-OiqsbjAO5X7wh1KWrR.jpg!100x100.jpg"')]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n")])])])]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-card",{attrs:{thumb:"https://img.yzcdn.cn/upload_files/2017/02/17/FnDwvwHmU-OiqsbjAO5X7wh1KWrR.jpg!100x100.jpg"}},[t("div",{staticClass:"zan-card__row",slot:"title"},[t("h4",{staticClass:"zan-card__title"},[s._v("商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余")]),s._v(" "),t("span",{staticClass:"zan-card__price"},[s._v("¥ 2.00")])]),s._v(" "),t("div",{staticClass:"zan-card__row",slot:"desc"},[t("span",{staticClass:"zan-card__num"},[s._v("x 2")])]),s._v(" "),t("div",{staticClass:"zan-card__footer",slot:"footer"},[t("zan-button",{attrs:{size:"mini"}},[s._v("按钮一")]),s._v(" "),t("zan-button",{attrs:{size:"mini"}},[s._v("按钮二")])],1)])],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-card")]),s._v("\n "),t("span",{staticClass:"hljs-attr"},[s._v("thumb")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"https://img.yzcdn.cn/upload_files/2017/02/17/FnDwvwHmU-OiqsbjAO5X7wh1KWrR.jpg!100x100.jpg"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-card__row"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"title"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("h4")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-card__title"')]),s._v(">")]),s._v("商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-card__price"')]),s._v(">")]),s._v("¥ 2.00"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-card__row"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"desc"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-card__num"')]),s._v(">")]),s._v("x 2"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-card__footer"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"footer"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("size")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"mini"')]),s._v(">")]),s._v("按钮一"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("size")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"mini"')]),s._v(">")]),s._v("按钮二"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n")])])])]),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),s._m(6),s._v(" "),s._m(7)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"card-tu-wen-zu-jian"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#card-tu-wen-zu-jian","aria-hidden":"true"}},[s._v("¶")]),s._v(" Card 图文组件")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"gao-ji-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#gao-ji-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 高级用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("可以使用具名"),t("code",[s._v("slot")]),s._v("重写标题等信息，其中包含"),t("code",[s._v("title")]),s._v("、"),t("code",[s._v("desc")]),s._v("、"),t("code",[s._v("footer")]),s._v("和"),t("code",[s._v("tag")]),s._v("四个"),t("code",[s._v("slot")]),s._v("。")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#api","aria-hidden":"true"}},[s._v("¶")]),s._v(" API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("thumb")]),s._v(" "),t("td",[s._v("左侧图片")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("''")])]),s._v(" "),t("tr",[t("td",[s._v("title")]),s._v(" "),t("td",[s._v("标题")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("''")])]),s._v(" "),t("tr",[t("td",[s._v("desc")]),s._v(" "),t("td",[s._v("描述")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("''")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"slot"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#slot","aria-hidden":"true"}},[s._v("¶")]),s._v(" Slot")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("name")]),s._v(" "),t("th",[s._v("描述")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("title")]),s._v(" "),t("td",[s._v("自定义标题")])]),s._v(" "),t("tr",[t("td",[s._v("desc")]),s._v(" "),t("td",[s._v("自定义描述")])]),s._v(" "),t("tr",[t("td",[s._v("tags")]),s._v(" "),t("td",[s._v("自定义tags")])]),s._v(" "),t("tr",[t("td",[s._v("footer")]),s._v(" "),t("td",[s._v("自定义footer")])])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-cell-group",[t("zan-cell",{attrs:{title:"单元格1",value:"单元格1内容"}}),s._v(" "),t("zan-cell",{attrs:{title:"单元格2",value:"单元格2内容"}})],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell-group")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"单元格1"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("value")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"单元格1内容"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"单元格2"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("value")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"单元格2内容"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n")])])])]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-cell-group",[t("zan-cell",{attrs:{title:"单元格1",label:"描述信息","is-link":"",url:"javascript:void(0)"},on:{click:s.handleClick}}),s._v(" "),t("zan-cell",{attrs:{title:"单元格2",label:"描述信息"}})],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell-group")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"单元格1"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("label")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"描述信息"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("is-link")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("url")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"javascript:void(0)"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("@click")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"handleClick"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"单元格2"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("label")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"描述信息"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n")])])])]),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-cell-group",[t("zan-cell",{attrs:{title:"起码运动馆",icon:"home"}}),s._v(" "),t("zan-cell",{attrs:{title:"线下门店",icon:"location"}})],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell-group")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"起码运动馆"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("icon")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"home"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"线下门店"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("icon")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"location"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n")])])])]),s._v(" "),s._m(6),s._v(" "),s._m(7),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-cell-group",[t("zan-cell",{attrs:{title:"起码运动馆",value:"进入店铺",icon:"home",url:"http://youzan.com","is-link":""}}),s._v(" "),t("zan-cell",{attrs:{title:"线下门店",icon:"location",url:"http://youzan.com","is-link":""}})],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell-group")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"起码运动馆"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("value")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"进入店铺"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("icon")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"home"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("url")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"http://youzan.com"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("is-link")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"线下门店"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("icon")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"location"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("url")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"http://youzan.com"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("is-link")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n")])])])]),s._v(" "),s._m(8),s._v(" "),s._m(9),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-cell-group",[t("zan-cell",{attrs:{value:"进入店铺",icon:"home",url:"http://youzan.com","is-link":""}},[t("template",{slot:"title"},[t("span",{staticClass:"zan-cell-text"},[s._v("起码运动馆")]),s._v(" "),t("img",{staticClass:"official-img",attrs:{src:"//su.yzcdn.cn/v2/image/account/icon_guan_160421.png"}})])],2),s._v(" "),t("zan-cell",{attrs:{title:"线下门店",icon:"location",url:"http://youzan.com","is-link":""}})],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell-group")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("value")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"进入店铺"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("icon")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"home"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("url")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"http://youzan.com"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("is-link")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"title"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-cell-text"')]),s._v(">")]),s._v("起码运动馆"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("img")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("src")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"//su.yzcdn.cn/v2/image/account/icon_guan_160421.png"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"official-img"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"线下门店"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("icon")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"location"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("url")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"http://youzan.com"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("is-link")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n")])])])]),s._v(" "),s._m(10),s._v(" "),s._m(11),s._v(" "),s._m(12),s._v(" "),s._m(13)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"cell-zu-jian"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#cell-zu-jian","aria-hidden":"true"}},[s._v("¶")]),s._v(" Cell 组件")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"biao-ti-dai-miao-shu-xin-xi"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#biao-ti-dai-miao-shu-xin-xi","aria-hidden":"true"}},[s._v("¶")]),s._v(" 标题带描述信息")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("传入"),t("code",[s._v("label")]),s._v("属性，属性值为描述信息的值。")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"dai-tu-biao"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#dai-tu-biao","aria-hidden":"true"}},[s._v("¶")]),s._v(" 带图标")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("传入"),t("code",[s._v("icon")]),s._v("属性。")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ke-dian-ji-de-lian-jie"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ke-dian-ji-de-lian-jie","aria-hidden":"true"}},[s._v("¶")]),s._v(" 可点击的链接")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("传入"),t("code",[s._v("url")]),s._v("属性，传入"),t("code",[s._v("isLink")]),s._v("属性则会在右侧显示箭头。")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"gao-ji-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#gao-ji-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 高级用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("如以上用法不能满足你的需求，可以使用对应的"),t("code",[s._v("slot")]),s._v("来自定义显示的内容。包含三个"),t("code",[s._v("slot")]),s._v("，默认"),t("code",[s._v("slot")]),s._v("，"),t("code",[s._v("icon")]),s._v("和"),t("code",[s._v("title")]),s._v("的"),t("code",[s._v("slot")]),s._v("。")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#api","aria-hidden":"true"}},[s._v("¶")]),s._v(" API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("icon")]),s._v(" "),t("td",[s._v("左侧图标")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("''")])]),s._v(" "),t("tr",[t("td",[s._v("title")]),s._v(" "),t("td",[s._v("左侧标题")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("''")])]),s._v(" "),t("tr",[t("td",[s._v("value")]),s._v(" "),t("td",[s._v("右侧内容")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("''")])]),s._v(" "),t("tr",[t("td",[s._v("isLink")]),s._v(" "),t("td",[s._v("是否为链接，链接会在右侧出现箭头")]),s._v(" "),t("td",[s._v("boolean")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("''")])]),s._v(" "),t("tr",[t("td",[s._v("url")]),s._v(" "),t("td",[s._v("跳转链接")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("''")])]),s._v(" "),t("tr",[t("td",[s._v("label")]),s._v(" "),t("td",[s._v("描述信息，显示在标题下方")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("''")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"slot"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#slot","aria-hidden":"true"}},[s._v("¶")]),s._v(" Slot")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("name")]),s._v(" "),t("th",[s._v("描述")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("-")]),s._v(" "),t("td",[s._v("自定义显示内容")])]),s._v(" "),t("tr",[t("td",[s._v("icon")]),s._v(" "),t("td",[s._v("自定义icon")])]),s._v(" "),t("tr",[t("td",[s._v("title")]),s._v(" "),t("td",[s._v("自定义title")])])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("div",{staticClass:"example-block"},[t("h2",{staticClass:"demo-sub-title",domProps:{textContent:s._s(s.title)}}),s._v(" "),s._t("default")],2)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-badge"},[t("h1",{staticClass:"demo-title"},[s._v("badge")]),t("example-block",{attrs:{title:"基础用法"}},[t("zan-badge-group",{attrs:{"active-key":"2"}},[t("zan-badge",{attrs:{mark:"0",title:"热销榜",info:"8",url:"http://baidu.com"}}),s._v(" "),t("zan-badge",{attrs:{mark:"1",title:"花式寿司",info:"99"}}),s._v(" "),t("zan-badge",{attrs:{mark:"2",title:"火炽寿司"}}),s._v(" "),t("zan-badge",{attrs:{mark:"3",title:"手握寿司",info:"199"}})],1)],1)],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-switch"},[t("h1",{staticClass:"demo-title"},[s._v("switch")]),t("example-block",{attrs:{title:"基础用法"}},[t("div",{staticClass:"demo-switch__wrapper"},[t("zan-switch",{staticClass:"some-customized-class",attrs:{checked:s.switchState},on:{change:s.updateState}}),s._v(" "),t("div",{staticClass:"demo-switch__text"},[s._v(s._s(s.switchStateText))])],1),s._v(" "),t("div",{staticClass:"demo-switch__wrapper"},[t("zan-switch",{staticClass:"some-customized-class",attrs:{checked:!0,disabled:!0}}),s._v(" "),t("div",{staticClass:"demo-switch__text"},[s._v("ON, DISABLED")])],1),s._v(" "),t("div",{staticClass:"demo-switch__wrapper"},[t("zan-switch",{staticClass:"some-customized-class",attrs:{checked:!1,disabled:!0}}),s._v(" "),t("div",{staticClass:"demo-switch__text"},[s._v("OFF, DISABLED")])],1),s._v(" "),t("div",{staticClass:"demo-switch__wrapper"},[t("zan-switch",{staticClass:"some-customized-class",attrs:{checked:!0,loading:!0}}),s._v(" "),t("div",{staticClass:"demo-switch__text"},[s._v("ON, LOADING")])],1),s._v(" "),t("div",{staticClass:"demo-switch__wrapper"},[t("zan-switch",{staticClass:"some-customized-class",attrs:{checked:!1,loading:!0}}),s._v(" "),t("div",{staticClass:"demo-switch__text"},[s._v("OFF, LOADING")])],1)])],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("div",{staticClass:"demo-progress__wrapper"},[t("zan-progress",{staticClass:"demo-progress__demo1",attrs:{percentage:0}})],1),s._v(" "),t("div",{staticClass:"demo-progress__wrapper"},[t("zan-progress",{staticClass:"demo-progress__demo2",attrs:{percentage:46}})],1),s._v(" "),t("div",{staticClass:"demo-progress__wrapper"},[t("zan-progress",{staticClass:"demo-progress__demo1",attrs:{percentage:100}})],1)]),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-progress__wrapper"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-progress")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-progress__demo1"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":percentage")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"0"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-progress__wrapper"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-progress")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-progress__demo2"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":percentage")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"46"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-progress__wrapper"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-progress")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-progress__demo1"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":percentage")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"100"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n")])])])]),s._v(" "),s._m(2),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("div",{staticClass:"demo-progress__wrapper"},[t("zan-progress",{staticClass:"demo-progress__demo1",attrs:{inactive:!0,percentage:0}})],1),s._v(" "),t("div",{staticClass:"demo-progress__wrapper"},[t("zan-progress",{staticClass:"demo-progress__demo2",attrs:{inactive:!0,percentage:46}})],1),s._v(" "),t("div",{staticClass:"demo-progress__wrapper"},[t("zan-progress",{staticClass:"demo-progress__demo1",attrs:{inactive:!0,percentage:100}})],1)]),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-progress__wrapper"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-progress")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-progress__demo1"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":inactive")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"true"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":percentage")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"0"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-progress__wrapper"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-progress")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-progress__demo2"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":inactive")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"true"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":percentage")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"46"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-progress__wrapper"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-progress")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-progress__demo1"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":inactive")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"true"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":percentage")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"100"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n")])])])]),s._v(" "),s._m(3),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("div",{staticClass:"demo-progress__wrapper"},[t("zan-progress",{staticClass:"demo-progress__demo1",attrs:{"pivot-text":"红色",color:"#ed5050",percentage:26}})],1),s._v(" "),t("div",{staticClass:"demo-progress__wrapper"},[t("zan-progress",{staticClass:"demo-progress__demo1",attrs:{"pivot-text":"橙色",color:"#f60",percentage:46}})],1),s._v(" "),t("div",{staticClass:"demo-progress__wrapper"},[t("zan-progress",{staticClass:"demo-progress__demo1",attrs:{"pivot-text":"黄色",color:"#f09000",percentage:66}})],1)]),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-progress__wrapper"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-progress")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-progress__demo1"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("pivot-text")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"红色"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("color")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"#ed5050"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":percentage")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"26"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-progress__wrapper"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-progress")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-progress__demo1"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("pivot-text")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"橙色"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("color")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"#f60"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":percentage")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"46"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-progress__wrapper"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-progress")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-progress__demo1"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("pivot-text")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"黄色"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("color")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"#f09000"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":percentage")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"66"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n")])])])]),s._v(" "),s._m(4),s._v(" "),s._m(5)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"switch-zu-jian"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#switch-zu-jian","aria-hidden":"true"}},[s._v("¶")]),s._v(" Switch组件")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"inactive"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#inactive","aria-hidden":"true"}},[s._v("¶")]),s._v(" Inactive")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"zi-ding-yi-yan-se-he-wen-zi"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#zi-ding-yi-yan-se-he-wen-zi","aria-hidden":"true"}},[s._v("¶")]),s._v(" 自定义颜色和文字")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#api","aria-hidden":"true"}},[s._v("¶")]),s._v(" API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("inactive")]),s._v(" "),t("td",[s._v("是否只会")]),s._v(" "),t("td",[s._v("boolean")]),s._v(" "),t("td",[s._v("false")]),s._v(" "),t("td",[s._v("true, false")])]),s._v(" "),t("tr",[t("td",[s._v("percentage")]),s._v(" "),t("td",[s._v("进度百分比")]),s._v(" "),t("td",[s._v("number")]),s._v(" "),t("td",[s._v("false")]),s._v(" "),t("td",[s._v("0-100")])]),s._v(" "),t("tr",[t("td",[s._v("pivotText")]),s._v(" "),t("td",[s._v("文字显示")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("百分比文字")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("color")]),s._v(" "),t("td",[s._v("进度条颜色")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("#38f")]),s._v(" "),t("td",[s._v("hexvalue")])]),s._v(" "),t("tr",[t("td",[s._v("textColor")]),s._v(" "),t("td",[s._v("进度条文字颜色")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("#fff")]),s._v(" "),t("td",[s._v("hexvalue")])])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-toast"},[t("h1",{staticClass:"demo-title"},[s._v("toast")]),t("example-block",{attrs:{title:"基础用法"}},[t("zan-button",{on:{click:s.showSimpleToast}},[s._v("普通文字提示")]),s._v(" "),t("zan-button",{on:{click:s.showLoadingToast}},[s._v("加载Toast")]),s._v(" "),t("zan-button",{on:{click:s.showSuccessToast}},[s._v("成功")]),s._v(" "),t("zan-button",{on:{click:s.showFailToast}},[s._v("失败")]),s._v(" "),t("zan-button",{on:{click:function(a){s.showCustomizedToast(5e3)}}},[s._v("倒数5秒")])],1)],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-steps",{attrs:{active:s.active,icon:"certificate","icon-class":"steps-success",title:"等待商家发货",description:"等待商家发货等待商家发货等待商家发货等待商家发货等待商家发货"}},[t("zan-step",[s._v("买家下单")]),s._v(" "),t("zan-step",[s._v("商家接单")]),s._v(" "),t("zan-step",[s._v("买家提货")]),s._v(" "),t("zan-step",[s._v("交易完成")])],1),s._v(" "),t("zan-button",{on:{click:s.nextStep}},[s._v("下一步")])],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-steps")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":active")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"active"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("icon")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"certificate"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("icon-class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"steps-success"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"等待商家发货"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("description")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"等待商家发货等待商家发货等待商家发货等待商家发货等待商家发货"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-step")]),s._v(">")]),s._v("买家下单"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-step")]),s._v(">")]),s._v("商家接单"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-step")]),s._v(">")]),s._v("买家提货"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-step")]),s._v(">")]),s._v("交易完成"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("@click")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"nextStep"')]),s._v(">")]),s._v("下一步"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"javascript"},[s._v("\n"),t("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n data() {\n "),t("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" {\n "),t("span",{staticClass:"hljs-attr"},[s._v("active")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("0")]),s._v("\n };\n },\n\n "),t("span",{staticClass:"hljs-attr"},[s._v("methods")]),s._v(": {\n nextStep() {\n "),t("span",{staticClass:"hljs-keyword"},[s._v("if")]),s._v(" (++"),t("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".active > "),t("span",{staticClass:"hljs-number"},[s._v("3")]),s._v(") "),t("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".active = "),t("span",{staticClass:"hljs-number"},[s._v("0")]),s._v(";\n }\n }\n}\n")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n")])])])]),s._v(" "),s._m(2),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-steps",{attrs:{active:s.active}},[t("zan-step",[s._v("买家下单")]),s._v(" "),t("zan-step",[s._v("商家接单")]),s._v(" "),t("zan-step",[s._v("买家提货")]),s._v(" "),t("zan-step",[s._v("交易完成")])],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-steps")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":active")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"active"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-step")]),s._v(">")]),s._v("买家下单"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-step")]),s._v(">")]),s._v("商家接单"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-step")]),s._v(">")]),s._v("买家提货"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-step")]),s._v(">")]),s._v("交易完成"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n")])])])]),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),s._m(6)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"steps-bu-zou-tiao"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#steps-bu-zou-tiao","aria-hidden":"true"}},[s._v("¶")]),s._v(" Steps 步骤条")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"zhi-xian-shi-bu-zou-tiao"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#zhi-xian-shi-bu-zou-tiao","aria-hidden":"true"}},[s._v("¶")]),s._v(" 只显示步骤条")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"steps-api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#steps-api","aria-hidden":"true"}},[s._v("¶")]),s._v(" Steps API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("active")]),s._v(" "),t("td",[s._v("当前激活的步骤，从0开始")]),s._v(" "),t("td",[s._v("Number")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("''")])]),s._v(" "),t("tr",[t("td",[s._v("icon")]),s._v(" "),t("td",[s._v("当前步骤的icon")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("''")])]),s._v(" "),t("tr",[t("td",[s._v("iconClass")]),s._v(" "),t("td",[s._v("当前步骤栏为icon添加的类")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("''")])]),s._v(" "),t("tr",[t("td",[s._v("title")]),s._v(" "),t("td",[s._v("当前步骤从标题")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("''")])]),s._v(" "),t("tr",[t("td",[s._v("description")]),s._v(" "),t("td",[s._v("当前步骤描述")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("''")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"steps-slot"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#steps-slot","aria-hidden":"true"}},[s._v("¶")]),s._v(" Steps Slot")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("名称")]),s._v(" "),t("th",[s._v("说明")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("message-extra")]),s._v(" "),t("td",[s._v("状态栏添加额外的元素")])])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-button",{on:{click:s.handleAlertClick}},[s._v("alert")]),s._v(" "),t("zan-button",{on:{click:s.handleConfirmClick}},[s._v("confirm")])],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("@click")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"handleAlertClick"')]),s._v(">")]),s._v("alert"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("@click")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"handleConfirmClick"')]),s._v(">")]),s._v("confirm"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"javascript"},[s._v("\n"),t("span",{staticClass:"hljs-keyword"},[s._v("import")]),s._v(" { Dialog } "),t("span",{staticClass:"hljs-keyword"},[s._v("from")]),s._v(" "),t("span",{staticClass:"hljs-string"},[s._v("'src/index'")]),s._v(";\n\n"),t("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n "),t("span",{staticClass:"hljs-attr"},[s._v("methods")]),s._v(": {\n handleAlertClick() {\n Dialog.alert({\n "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'alert标题'")]),s._v(",\n "),t("span",{staticClass:"hljs-attr"},[s._v("message")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'弹窗提示文字，左右始终距离边20PX，上下距离20PX，文字左对齐。弹窗提示文字，左右始终距离边20PX，上下距离20PX，文字左对齐。'")]),s._v("\n }).then("),t("span",{staticClass:"hljs-function"},[s._v("("),t("span",{staticClass:"hljs-params"},[s._v("action")]),s._v(") =>")]),s._v(" {\n "),t("span",{staticClass:"hljs-built_in"},[s._v("console")]),s._v(".log(action);\n });\n },\n\n handleConfirmClick() {\n Dialog.confirm({\n "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'confirm标题'")]),s._v(",\n "),t("span",{staticClass:"hljs-attr"},[s._v("message")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'弹窗提示文字，左右始终距离边20PX，上下距离20PX，文字左对齐。弹窗提示文字，左右始终距离边20PX，上下距离20PX，文字左对齐。'")]),s._v("\n }).then("),t("span",{staticClass:"hljs-function"},[s._v("("),t("span",{staticClass:"hljs-params"},[s._v("action")]),s._v(") =>")]),s._v(" {\n "),t("span",{staticClass:"hljs-built_in"},[s._v("console")]),s._v(".log(action);\n }, (error) => {\n "),t("span",{staticClass:"hljs-built_in"},[s._v("console")]),s._v(".log(error);\n });\n }\n }\n};\n")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n")])])])]),s._v(" "),t("p",[s._v("点击以下按钮查看手机端效果：")]),s._v(" "),t("p",[t("zan-button",{on:{click:function(a){s.mobileShow=!0}}},[s._v("点击查看手机端效果")]),s._v(" "),t("mobile-popup",{directives:[{name:"model",rawName:"v-model",value:s.mobileShow,expression:"mobileShow"}],attrs:{url:s.mobileUrl},domProps:{value:s.mobileShow},on:{input:function(a){s.mobileShow=a}}})],1),s._v(" "),s._m(2),s._v(" "),s._m(3)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"dialog-zu-jian"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#dialog-zu-jian","aria-hidden":"true"}},[s._v("¶")]),s._v(" Dialog组件")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#api","aria-hidden":"true"}},[s._v("¶")]),s._v(" API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("title")]),s._v(" "),t("td",[s._v("标题")]),s._v(" "),t("td",[s._v("String")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("message")]),s._v(" "),t("td",[s._v("内容")]),s._v(" "),t("td",[s._v("String")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td")])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("div",{staticClass:"zan-row"},[t("zan-button",{on:{click:function(a){s.show1=!0}}},[s._v("弹出actionsheet")])],1),s._v(" "),t("zan-actionsheet",{directives:[{name:"model",rawName:"v-model",value:s.show1,expression:"show1"}],attrs:{actions:s.actions1},domProps:{value:s.show1},on:{input:function(a){s.show1=a}}})],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-row"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("@click")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"show1 = true"')]),s._v(">")]),s._v("弹出actionsheet"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-actionsheet")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-model")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"show1"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":actions")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"actions1"')]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n")])])])]),s._v(" "),s._m(2),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("div",{staticClass:"zan-row"},[t("zan-button",{on:{click:function(a){s.show2=!0}}},[s._v("弹出带取消按钮的actionsheet")])],1),s._v(" "),t("zan-actionsheet",{directives:[{name:"model",rawName:"v-model",value:s.show2,expression:"show2"}],attrs:{actions:s.actions1,"cancel-text":"取消"},domProps:{value:s.show2},on:{input:function(a){s.show2=a}}})],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-row"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("@click")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"show2 = true"')]),s._v(">")]),s._v("弹出带取消按钮的actionsheet"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-actionsheet")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-model")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"show2"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":actions")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"actions1"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("cancel-text")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"取消"')]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n")])])])]),s._v(" "),s._m(3),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("div",{staticClass:"zan-row"},[t("zan-button",{on:{click:function(a){s.show3=!0}}},[s._v("弹出带标题的actionsheet")])],1),s._v(" "),t("zan-actionsheet",{directives:[{name:"model",rawName:"v-model",value:s.show3,expression:"show3"}],staticClass:"title-actionsheet",attrs:{title:"支持以下配送方式"},domProps:{value:s.show3},on:{input:function(a){s.show3=a}}},[t("p",[s._v("一些内容")])])],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-row"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("@click")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"show3 = true"')]),s._v(">")]),s._v("弹出带标题的actionsheet"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-actionsheet")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-model")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"show3"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"支持以下配送方式"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"title-actionsheet"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("p")]),s._v(">")]),s._v("一些内容"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n")])])])]),s._v(" "),t("p",[s._v("点击以下按钮查看手机端效果：")]),s._v(" "),t("p",[t("zan-button",{on:{click:function(a){s.mobileShow=!0}}},[s._v("点击查看手机端效果")]),s._v(" "),t("mobile-popup",{directives:[{name:"model",rawName:"v-model",value:s.mobileShow,expression:"mobileShow"}],attrs:{url:s.mobileUrl},domProps:{value:s.mobileShow},on:{input:function(a){s.mobileShow=a}}})],1),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),s._m(6),s._v(" "),s._m(7),s._v(" "),s._m(8)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"actionsheet"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#actionsheet","aria-hidden":"true"}},[s._v("¶")]),s._v(" ActionSheet")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"dai-qu-xiao-an-niu-de-actionsheet"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#dai-qu-xiao-an-niu-de-actionsheet","aria-hidden":"true"}},[s._v("¶")]),s._v(" 带取消按钮的ActionSheet")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"dai-biao-ti-de-actionsheet"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#dai-biao-ti-de-actionsheet","aria-hidden":"true"}},[s._v("¶")]),s._v(" 带标题的ActionSheet")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#api","aria-hidden":"true"}},[s._v("¶")]),s._v(" API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("actions")]),s._v(" "),t("td",[s._v("行动按钮数组")]),s._v(" "),t("td",[s._v("Array")]),s._v(" "),t("td",[s._v("[]")]),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("title")]),s._v(" "),t("td",[s._v("标题")]),s._v(" "),t("td",[s._v("String")]),s._v(" "),t("td"),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("cancelText")]),s._v(" "),t("td",[s._v("取消按钮文案")]),s._v(" "),t("td",[s._v("String")]),s._v(" "),t("td"),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("overlay")]),s._v(" "),t("td",[s._v("是否显示遮罩")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td"),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("closeOnClickOverlay")]),s._v(" "),t("td",[s._v("点击遮罩是否关闭ActionSheet")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td"),s._v(" "),t("td")])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"actions"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#actions","aria-hidden":"true"}},[s._v("¶")]),s._v(" actions")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[t("code",[s._v("API")]),s._v("中的"),t("code",[s._v("actions")]),s._v("为一个对象数组，数组中的每一个对象配置每一列，每一列有以下"),t("code",[s._v("key")]),s._v("：")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("key")]),s._v(" "),t("th",[s._v("说明")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("name")]),s._v(" "),t("td",[s._v("标题")])]),s._v(" "),t("tr",[t("td",[s._v("subname")]),s._v(" "),t("td",[s._v("二级标题")])]),s._v(" "),t("tr",[t("td",[s._v("className")]),s._v(" "),t("td",[s._v("为对应列添加特殊的"),t("code",[s._v("class")])])]),s._v(" "),t("tr",[t("td",[s._v("loading")]),s._v(" "),t("td",[s._v("是否是loading状态")])])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("div",{staticClass:"uploader-container"},[t("zan-uploader",{attrs:{"before-read":s.logContent},on:{"file-readed":s.logContent}})],1)]),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"uploader-container"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-uploader")]),s._v(" \n "),t("span",{staticClass:"hljs-attr"},[s._v(":before-read")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"logContent"')]),s._v("\n "),t("span",{staticClass:"hljs-attr"},[s._v("@file-readed")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"logContent"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n")])])])]),s._v(" "),s._m(2),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("div",{staticClass:"uploader-container"},[t("zan-uploader",{on:{"file-readed":s.logContent}},[t("zan-icon",{attrs:{name:"photograph"}})],1)],1)]),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"uploader-container"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-uploader")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("@file-readed")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"logContent"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"photograph"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n")])])])]),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),s._m(6)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"uploader-zu-jian"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#uploader-zu-jian","aria-hidden":"true"}},[s._v("¶")]),s._v(" Uploader 组件")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"zi-ding-yi-shang-chuan-tu-biao"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#zi-ding-yi-shang-chuan-tu-biao","aria-hidden":"true"}},[s._v("¶")]),s._v(" 自定义上传图标")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#api","aria-hidden":"true"}},[s._v("¶")]),s._v(" API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("result-type")]),s._v(" "),t("td",[s._v("读取文件的方式，以base64的方式读取；以文本的方式读取")]),s._v(" "),t("td",[s._v("String")]),s._v(" "),t("td",[s._v("'dataUrl'")]),s._v(" "),t("td",[s._v("'dataUrl','text'")])]),s._v(" "),t("tr",[t("td",[s._v("disable")]),s._v(" "),t("td",[s._v("是否禁用上传,在图片上传期间设置为true，禁止用户点击此组件上传图片")]),s._v(" "),t("td",[s._v("boolean")]),s._v(" "),t("td",[s._v("false")]),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("before-read")]),s._v(" "),t("td",[s._v("读文件之前的钩子，参数为选择的文件，若返回 false 则停止读取文件。")]),s._v(" "),t("td",[s._v("Function")]),s._v(" "),t("td"),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("file-readed")]),s._v(" "),t("td",[s._v("文件读完之后出发此事件，参数为{name:'文件名',type:'文件类型',size:'文件大小',content:'读的内容'}")]),s._v(" "),t("td",[s._v("Function")]),s._v(" "),t("td"),s._v(" "),t("td")])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"slot"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#slot","aria-hidden":"true"}},[s._v("¶")]),s._v(" Slot")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("name")]),s._v(" "),t("th",[s._v("描述")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("-")]),s._v(" "),t("td",[s._v("自定义上传显示图标")])])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-tab"},[t("h1",{staticClass:"demo-title"},[s._v("tab")]),t("example-block",{attrs:{title:"基础用法"}},[t("zan-tabs",[t("zan-tab",{attrs:{title:"选项一"}},[s._v("内容一")]),s._v(" "),t("zan-tab",{attrs:{title:"选项二"}},[s._v("内容二")]),s._v(" "),t("zan-tab",{attrs:{title:"选项三"}},[s._v("内容三")]),s._v(" "),t("zan-tab",{attrs:{title:"选项四"}},[s._v("内容四")]),s._v(" "),t("zan-tab",{attrs:{title:"选项五"}},[s._v("内容五")])],1)],1),t("example-block",{attrs:{title:"禁用用法"}},[t("zan-tabs",[t("zan-tab",{attrs:{title:"选项一"}},[s._v("内容一")]),s._v(" "),t("zan-tab",{attrs:{disable:"",title:"选项二"},on:{disable:s.popalert}},[s._v("内容二")]),s._v(" "),t("zan-tab",{attrs:{title:"选项三"}},[s._v("内容三")]),s._v(" "),t("zan-tab",{attrs:{title:"选项四"}},[s._v("内容四")]),s._v(" "),t("zan-tab",{attrs:{title:"选项五"}},[s._v("内容五")])],1)],1),t("example-block",{attrs:{title:"card样式用法"}},[t("zan-tabs",{attrs:{type:"card"}},[t("zan-tab",{attrs:{title:"选项一"}},[s._v("内容一")]),s._v(" "),t("zan-tab",{attrs:{title:"选项二"}},[s._v("内容二")]),s._v(" "),t("zan-tab",{attrs:{title:"选项三"}},[s._v("内容三")]),s._v(" "),t("zan-tab",{attrs:{title:"选项四"}},[s._v("内容四")]),s._v(" "),t("zan-tab",{attrs:{title:"选项五"}},[s._v("内容五")])],1)],1),t("example-block",{attrs:{title:"自定义样式用法"}},[t("zan-tabs",{attrs:{active:"2",navclass:"custom-tabwrap"}},[t("zan-tab",{staticClass:"custom-pane",attrs:{title:"选项一"}},[s._v("内容一")]),s._v(" "),t("zan-tab",{staticClass:"custom-pane",attrs:{title:"选项二"}},[s._v("内容二")]),s._v(" "),t("zan-tab",{staticClass:"custom-pane",attrs:{title:"选项三"}},[s._v("内容三")]),s._v(" "),t("zan-tab",{staticClass:"custom-pane",attrs:{title:"选项四"}},[s._v("内容四")]),s._v(" "),t("zan-tab",{staticClass:"custom-pane",attrs:{title:"选项五"}},[s._v("内容五")])],1)],1)],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-tag"},[t("h1",{staticClass:"demo-title"},[s._v("tag")]),t("example-block",{attrs:{title:"基础用法"}},[t("div",{staticClass:"tags-container"},[t("zan-tag",[s._v("返现")]),s._v(" "),t("zan-tag",{attrs:{plain:!0}},[s._v("返现")])],1),s._v(" "),t("div",{staticClass:"tags-container"},[t("zan-tag",{attrs:{type:"danger"}},[s._v("返现")]),s._v(" "),t("zan-tag",{attrs:{type:"danger"}},[s._v("四字标签")]),s._v(" "),t("zan-tag",{attrs:{type:"danger"}},[s._v("一")])],1)]),t("example-block",{attrs:{title:"高级用法"}},[t("div",{staticClass:"tags-container"},[t("zan-tag",{attrs:{type:"danger"}},[s._v("返现")]),s._v(" "),t("zan-tag",{attrs:{plain:!0,type:"danger"}},[s._v("返现")])],1),s._v(" "),t("div",{staticClass:"tags-container"},[t("zan-tag",{attrs:{type:"primary"}},[s._v("返现")]),s._v(" "),t("zan-tag",{attrs:{plain:!0,type:"primary"}},[s._v("返现")])],1),s._v(" "),t("div",{staticClass:"tags-container"},[t("zan-tag",{attrs:{type:"success"}},[s._v("返现")]),s._v(" "),t("zan-tag",{attrs:{plain:!0,type:"success"}},[s._v("返现")])],1),s._v(" "),t("div",{staticClass:"tags-container"},[t("zan-tag",{attrs:{type:"danger",mark:!0}},[s._v("返现")])],1)])],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("div",{staticClass:"zan-checkbox-wrapper"},[t("zan-checkbox",{directives:[{name:"model",rawName:"v-model",value:s.checkbox1,expression:"checkbox1"}],domProps:{value:s.checkbox1},on:{input:function(a){s.checkbox1=a}}},[s._v("复选框1")])],1)]),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-checkbox-wrapper"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-checkbox")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-model")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"checkbox1"')]),s._v(">")]),s._v("复选框1"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"javascript"},[s._v("\n"),t("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n data() {\n "),t("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" {\n "),t("span",{staticClass:"hljs-attr"},[s._v("checkbox1")]),s._v(": "),t("span",{staticClass:"hljs-literal"},[s._v("true")]),s._v("\n };\n }\n}; \n")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n")])])])]),s._v(" "),s._m(2),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("div",{staticClass:"zan-checkbox-wrapper"},[t("zan-checkbox",{directives:[{name:"model",rawName:"v-model",value:s.checkbox2,expression:"checkbox2"}],domProps:{value:s.checkbox2},on:{input:function(a){s.checkbox2=a}}},[s._v("复选框2")])],1)]),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-checkbox-wrapper"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-checkbox")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-model")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"checkbox2"')]),s._v(">")]),s._v("复选框2"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"javascript"},[s._v("\n"),t("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n data() {\n "),t("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" {\n "),t("span",{staticClass:"hljs-attr"},[s._v("checkbox2")]),s._v(": "),t("span",{staticClass:"hljs-literal"},[s._v("true")]),s._v("\n };\n }\n}; \n")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n")])])])]),s._v(" "),s._m(3),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("div",{staticClass:"zan-checkbox-wrapper"},[t("zan-checkbox-group",{directives:[{name:"model",rawName:"v-model",value:s.result,expression:"result"}],domProps:{value:s.result},on:{input:function(a){s.result=a}}},s._l(s.list,function(a){return t("zan-checkbox",{attrs:{name:a}},[s._v("复选框"+s._s(a))])}))],1)]),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-checkbox-wrapper"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-checkbox-group")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-model")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"result"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-checkbox")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-for")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"item in list"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"item"')]),s._v(">")]),s._v("复选框"),t("span",[s._v("{{")]),s._v("item"),t("span",[s._v("}}")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"javascript"},[s._v("\n"),t("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n data() {\n "),t("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" {\n "),t("span",{staticClass:"hljs-attr"},[s._v("list")]),s._v(": [\n "),t("span",{staticClass:"hljs-string"},[s._v("'a'")]),s._v(",\n "),t("span",{staticClass:"hljs-string"},[s._v("'b'")]),s._v(",\n "),t("span",{staticClass:"hljs-string"},[s._v("'c'")]),s._v("\n ],\n "),t("span",{staticClass:"hljs-attr"},[s._v("result")]),s._v(": ["),t("span",{staticClass:"hljs-string"},[s._v("'a'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'b'")]),s._v("]\n };\n },\n\n "),t("span",{staticClass:"hljs-attr"},[s._v("watch")]),s._v(": {\n result(val) {\n "),t("span",{staticClass:"hljs-built_in"},[s._v("console")]),s._v(".log(val);\n }\n }\n};\n")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n")])])])]),s._v(" "),s._m(4),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("div",{staticClass:"zan-checkbox-wrapper"},[t("zan-checkbox-group",{directives:[{name:"model",rawName:"v-model",value:s.result,expression:"result"}],attrs:{disabled:""},domProps:{value:s.result},on:{input:function(a){s.result=a}}},s._l(s.list,function(a){return t("zan-checkbox",{attrs:{name:a}},[s._v("复选框"+s._s(a))])}))],1)]),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-checkbox-wrapper"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-checkbox-group")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-model")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"result"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("disabled")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-checkbox")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-for")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"item in list"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"item"')]),s._v(">")]),s._v("复选框"),t("span",[s._v("{{")]),s._v("item"),t("span",[s._v("}}")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"javascript"},[s._v("\n"),t("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n data() {\n "),t("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" {\n "),t("span",{staticClass:"hljs-attr"},[s._v("list")]),s._v(": [\n "),t("span",{staticClass:"hljs-string"},[s._v("'a'")]),s._v(",\n "),t("span",{staticClass:"hljs-string"},[s._v("'b'")]),s._v(",\n "),t("span",{staticClass:"hljs-string"},[s._v("'c'")]),s._v("\n ],\n "),t("span",{staticClass:"hljs-attr"},[s._v("result")]),s._v(": ["),t("span",{staticClass:"hljs-string"},[s._v("'a'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'b'")]),s._v("]\n };\n }\n};\n")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n")])])])]),s._v(" "),s._m(5),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-checkbox-group",{directives:[{name:"model",rawName:"v-model",value:s.result,expression:"result"}],domProps:{value:s.result},on:{input:function(a){s.result=a}}},[t("zan-cell-group",s._l(s.list,function(a){return t("zan-cell",[t("zan-checkbox",{attrs:{name:a}},[s._v("复选框"+s._s(a))])],1)}))],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-checkbox-group")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-model")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"result"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell-group")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-for")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"item in list"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-checkbox")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"item"')]),s._v(">")]),s._v("复选框"),t("span",[s._v("{{")]),s._v("item"),t("span",[s._v("}}")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"javascript"},[s._v("\n"),t("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n data() {\n "),t("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" {\n "),t("span",{staticClass:"hljs-attr"},[s._v("list")]),s._v(": [\n "),t("span",{staticClass:"hljs-string"},[s._v("'a'")]),s._v(",\n "),t("span",{staticClass:"hljs-string"},[s._v("'b'")]),s._v(",\n "),t("span",{staticClass:"hljs-string"},[s._v("'c'")]),s._v("\n ],\n "),t("span",{staticClass:"hljs-attr"},[s._v("result")]),s._v(": ["),t("span",{staticClass:"hljs-string"},[s._v("'a'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'b'")]),s._v("]\n };\n }\n};\n")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n")])])])]),s._v(" "),s._m(6),s._v(" "),s._m(7),s._v(" "),s._m(8),s._v(" "),s._m(9),s._v(" "),s._m(10),s._v(" "),s._m(11)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"checkbox-zu-jian"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#checkbox-zu-jian","aria-hidden":"true"}},[s._v("¶")]),s._v(" Checkbox组件")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"jin-yong-zhuang-tai"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#jin-yong-zhuang-tai","aria-hidden":"true"}},[s._v("¶")]),s._v(" 禁用状态")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"checkbox-zu"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#checkbox-zu","aria-hidden":"true"}},[s._v("¶")]),s._v(" Checkbox组")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"jin-yong-checkbox-zu"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#jin-yong-checkbox-zu","aria-hidden":"true"}},[s._v("¶")]),s._v(" 禁用Checkbox组")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"yu-cell-zu-jian-yi-qi-shi-yong"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#yu-cell-zu-jian-yi-qi-shi-yong","aria-hidden":"true"}},[s._v("¶")]),s._v(" 与Cell组件一起使用")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"checkbox-api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#checkbox-api","aria-hidden":"true"}},[s._v("¶")]),s._v(" Checkbox API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("disabled")]),s._v(" "),t("td",[s._v("是否禁用单选框")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("false")]),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("name")]),s._v(" "),t("td",[s._v("根据这个来判断radio是否选中")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("false")]),s._v(" "),t("td")])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"checkboxgroup-api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#checkboxgroup-api","aria-hidden":"true"}},[s._v("¶")]),s._v(" CheckboxGroup API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("disabled")]),s._v(" "),t("td",[s._v("是否禁用单选框")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("false")]),s._v(" "),t("td")])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"checkboxgroup-event"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#checkboxgroup-event","aria-hidden":"true"}},[s._v("¶")]),s._v(" CheckboxGroup Event")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("事件名称")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("回调参数")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("change")]),s._v(" "),t("td",[s._v("当绑定值变化时触发的事件")]),s._v(" "),t("td",[s._v("当前组件的值")])])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("div",{staticClass:"demo-loading"},[t("h2",{staticClass:"demo-sub-title"},[s._v("渐变深色spinner")]),s._v(" "),t("div",{staticClass:"demo-loading__example"},[t("zan-loading",{staticClass:"some-customized-class"})],1),s._v(" "),t("h2",{staticClass:"demo-sub-title"},[s._v("渐变浅色spinner")]),s._v(" "),t("div",{staticClass:"demo-loading__example demo-loading__example--with-bg"},[t("zan-loading",{staticClass:"some-customized-class",attrs:{color:"white"}})],1),s._v(" "),t("h2",{staticClass:"demo-sub-title"},[s._v("单色spinner")]),s._v(" "),t("div",{staticClass:"demo-loading__example"},[t("zan-loading",{staticClass:"some-customized-class",attrs:{type:"circle",color:"white"}})],1),s._v(" "),t("h2",{staticClass:"demo-sub-title"},[s._v("单色spinner")]),s._v(" "),t("div",{staticClass:"demo-loading__example"},[t("zan-loading",{staticClass:"some-customized-class",attrs:{type:"circle",color:"black"}})],1)])]),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-loading"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("h2")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-sub-title"')]),s._v(">")]),s._v("渐变深色spinner"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-loading__example"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-loading")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"some-customized-class"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("h2")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-sub-title"')]),s._v(">")]),s._v("渐变浅色spinner"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-loading__example demo-loading__example--with-bg"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-loading")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"some-customized-class"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":color")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v("\"'white'\"")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("h2")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-sub-title"')]),s._v(">")]),s._v("单色spinner"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-loading__example"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-loading")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"some-customized-class"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v("\"'circle'\"")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":color")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v("\"'white'\"")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("h2")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-sub-title"')]),s._v(">")]),s._v("单色spinner"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-loading__example"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-loading")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"some-customized-class"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v("\"'circle'\"")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":color")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v("\"'black'\"")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n")])])])])],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"loading"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#loading","aria-hidden":"true"}},[s._v("¶")]),s._v(" Loading")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("div",{staticClass:"tags-container"},[t("zan-tag",[s._v("返现")]),s._v(" "),t("zan-tag",{attrs:{plain:!0}},[s._v("返现")])],1),s._v(" "),t("div",{staticClass:"tags-container"},[t("zan-tag",{attrs:{type:"danger"}},[s._v("返现")]),s._v(" "),t("zan-tag",{attrs:{type:"danger"}},[s._v("四字标签")]),s._v(" "),t("zan-tag",{attrs:{type:"danger"}},[s._v("一")])],1)]),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"tags-container"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tag")]),s._v(">")]),s._v("返现"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tag")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":plain")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"true"')]),s._v(">")]),s._v("返现"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"tags-container"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tag")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"danger"')]),s._v(">")]),s._v("返现"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tag")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"danger"')]),s._v(">")]),s._v("四字标签"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tag")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"danger"')]),s._v(">")]),s._v("一"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n")])])])]),s._v(" "),s._m(2),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("div",{staticClass:"tags-container"},[t("zan-tag",{attrs:{type:"danger"}},[s._v("返现")]),s._v(" "),t("zan-tag",{attrs:{plain:!0,type:"danger"}},[s._v("返现")])],1),s._v(" "),t("div",{staticClass:"tags-container"},[t("zan-tag",{attrs:{type:"primary"}},[s._v("返现")]),s._v(" "),t("zan-tag",{attrs:{plain:!0,type:"primary"}},[s._v("返现")])],1),s._v(" "),t("div",{staticClass:"tags-container"},[t("zan-tag",{attrs:{type:"success"}},[s._v("返现")]),s._v(" "),t("zan-tag",{attrs:{plain:!0,type:"success"}},[s._v("返现")])],1),s._v(" "),t("div",{staticClass:"tags-container"},[t("zan-tag",{attrs:{type:"danger",mark:!0}},[s._v("返现")])],1)]),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"tags-container"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tag")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"danger"')]),s._v(">")]),s._v("返现"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tag")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":plain")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"true"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"danger"')]),s._v(">")]),s._v("返现"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"tags-container"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tag")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"primary"')]),s._v(">")]),s._v("返现"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tag")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":plain")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"true"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"primary"')]),s._v(">")]),s._v("返现"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"tags-container"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tag")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"success"')]),s._v(">")]),s._v("返现"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tag")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":plain")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"true"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"success"')]),s._v(">")]),s._v("返现"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"tags-container"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tag")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"danger"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":mark")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"true"')]),s._v(">")]),s._v("返现"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n")])])])]),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),s._m(6)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"tag-zu-jian"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#tag-zu-jian","aria-hidden":"true"}},[s._v("¶")]),s._v(" Tag 组件")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"gao-ji-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#gao-ji-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 高级用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#api","aria-hidden":"true"}},[s._v("¶")]),s._v(" API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("plain")]),s._v(" "),t("td",[s._v("是否是空心tag")]),s._v(" "),t("td",[s._v("boolean")]),s._v(" "),t("td",[s._v("false")]),s._v(" "),t("td",[s._v("''")])]),s._v(" "),t("tr",[t("td",[s._v("mark")]),s._v(" "),t("td",[s._v("是否是标记")]),s._v(" "),t("td",[s._v("boolean")]),s._v(" "),t("td",[s._v("false")]),s._v(" "),t("td",[s._v("''")])]),s._v(" "),t("tr",[t("td",[s._v("type")]),s._v(" "),t("td",[s._v("tag类型")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("'primary', 'success', 'danger'")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"slot"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#slot","aria-hidden":"true"}},[s._v("¶")]),s._v(" Slot")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("name")]),s._v(" "),t("th",[s._v("描述")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("-")]),s._v(" "),t("td",[s._v("自定义tag显示内容")])])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-quantity"},[t("h1",{staticClass:"demo-title"},[s._v("quantity")]),t("example-block",{attrs:{title:"基础用法"}},[t("zan-quantity",{directives:[{name:"model",rawName:"v-model",value:s.quantity1,expression:"quantity1"}],domProps:{value:s.quantity1},on:{input:function(a){s.quantity1=a}}}),s._v(" "),t("p",{staticClass:"curr-quantity"},[s._v("当前值："+s._s(s.quantity1))])],1),t("example-block",{attrs:{title:"禁用Quantity"}},[t("zan-quantity",{directives:[{name:"model",rawName:"v-model",value:s.quantity1,expression:"quantity1"}],attrs:{disabled:""},domProps:{value:s.quantity1},on:{input:function(a){s.quantity1=a}}})],1),t("example-block",{attrs:{title:"高级用法"}},[t("zan-quantity",{directives:[{name:"model",rawName:"v-model",value:s.quantity2,expression:"quantity2"}],attrs:{min:"5",max:"40",step:"2","default-value":"9"},domProps:{value:s.quantity2},on:{input:function(a){s.quantity2=a}}}),s._v(" "),t("p",{staticClass:"curr-quantity"},[s._v("当前值："+s._s(s.quantity2))])],1)],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("div",{staticClass:"zan-radios"},[t("zan-radio",{directives:[{name:"model",rawName:"v-model",value:s.radio1,expression:"radio1"}],attrs:{name:"1"},domProps:{value:s.radio1},on:{input:function(a){s.radio1=a}}},[s._v("单选框1")]),s._v(" "),t("zan-radio",{directives:[{name:"model",rawName:"v-model",value:s.radio1,expression:"radio1"}],attrs:{name:"2"},domProps:{value:s.radio1},on:{input:function(a){s.radio1=a}}},[s._v("单选框2")])],1)]),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-radios"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-radio")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"1"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-model")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"radio1"')]),s._v(">")]),s._v("单选框1"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-radio")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"2"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-model")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"radio1"')]),s._v(">")]),s._v("单选框2"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"javascript"},[s._v("\n"),t("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n data() {\n "),t("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" {\n "),t("span",{staticClass:"hljs-attr"},[s._v("radio1")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'1'")]),s._v("\n }\n }\n};\n")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n")])])])]),s._v(" "),s._m(2),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("div",{staticClass:"zan-radios"},[t("zan-radio",{directives:[{name:"model",rawName:"v-model",value:s.radio2,expression:"radio2"}],attrs:{name:"1",disabled:""},domProps:{value:s.radio2},on:{input:function(a){s.radio2=a}}},[s._v("未选中禁用")]),s._v(" "),t("zan-radio",{directives:[{name:"model",rawName:"v-model",value:s.radio2,expression:"radio2"}],attrs:{name:"2",disabled:""},domProps:{value:s.radio2},on:{input:function(a){s.radio2=a}}},[s._v("选中且禁用")])],1)]),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-radios"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-radio")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"1"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-model")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"radio2"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("disabled")]),s._v(">")]),s._v("未选中禁用"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-radio")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"2"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-model")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"radio2"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("disabled")]),s._v(">")]),s._v("选中且禁用"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"javascript"},[s._v("\n"),t("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n data() {\n "),t("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" {\n "),t("span",{staticClass:"hljs-attr"},[s._v("radio2")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'2'")]),s._v("\n }\n }\n};\n")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n")])])])]),s._v(" "),s._m(3),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("div",{staticClass:"zan-radios"},[t("zan-radio-group",{directives:[{name:"model",rawName:"v-model",value:s.radio3,expression:"radio3"}],domProps:{value:s.radio3},on:{input:function(a){s.radio3=a}}},[t("zan-radio",{attrs:{name:"1"}},[s._v("单选框1")]),s._v(" "),t("zan-radio",{attrs:{name:"2"}},[s._v("单选框2")])],1)],1)]),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-radios"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-radio-group")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-model")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"radio3"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-radio")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"1"')]),s._v(">")]),s._v("单选框1"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-radio")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"2"')]),s._v(">")]),s._v("单选框2"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n \n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"javascript"},[s._v("\n"),t("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n data() {\n "),t("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" {\n "),t("span",{staticClass:"hljs-attr"},[s._v("radio3")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'1'")]),s._v("\n }\n }\n};\n")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n")])])])]),s._v(" "),s._m(4),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-radio-group",{directives:[{name:"model",rawName:"v-model",value:s.radio4,expression:"radio4"}],domProps:{value:s.radio4},on:{input:function(a){s.radio4=a}}},[t("zan-cell-group",[t("zan-cell",[t("zan-radio",{attrs:{name:"1"}},[s._v("单选框1")])],1),s._v(" "),t("zan-cell",[t("zan-radio",{attrs:{name:"2"}},[s._v("单选框2")])],1)],1)],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-radio-group")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-model")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"radio4"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell-group")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-radio")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"1"')]),s._v(">")]),s._v("单选框1"),t("span",{staticClass:"hljs-tag"},[s._v("")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-radio")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"2"')]),s._v(">")]),s._v("单选框2"),t("span",{staticClass:"hljs-tag"},[s._v("")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"javascript"},[s._v("\n"),t("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n data() {\n "),t("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" {\n "),t("span",{staticClass:"hljs-attr"},[s._v("radio4")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'1'")]),s._v("\n }\n }\n};\n")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n")])])])]),s._v(" "),s._m(5),s._v(" "),s._m(6),s._v(" "),s._m(7),s._v(" "),s._m(8),s._v(" "),s._m(9),s._v(" "),s._m(10)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"radio-zu-jian"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#radio-zu-jian","aria-hidden":"true"}},[s._v("¶")]),s._v(" Radio组件")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"jin-yong-zhuang-tai"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#jin-yong-zhuang-tai","aria-hidden":"true"}},[s._v("¶")]),s._v(" 禁用状态")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"radio-zu"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#radio-zu","aria-hidden":"true"}},[s._v("¶")]),s._v(" radio组")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"yu-cell-zu-jian-yi-qi-shi-yong"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#yu-cell-zu-jian-yi-qi-shi-yong","aria-hidden":"true"}},[s._v("¶")]),s._v(" 与Cell组件一起使用")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"radio-api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#radio-api","aria-hidden":"true"}},[s._v("¶")]),s._v(" Radio API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("disabled")]),s._v(" "),t("td",[s._v("是否禁用单选框")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("false")]),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("name")]),s._v(" "),t("td",[s._v("根据这个来判断radio是否选中")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("false")]),s._v(" "),t("td")])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"radiogroup-api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#radiogroup-api","aria-hidden":"true"}},[s._v("¶")]),s._v(" RadioGroup API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("disabled")]),s._v(" "),t("td",[s._v("是否禁用单选框")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("false")]),s._v(" "),t("td")])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"radiogroup-event"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#radiogroup-event","aria-hidden":"true"}},[s._v("¶")]),s._v(" RadioGroup Event")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("事件名称")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("回调参数")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("change")]),s._v(" "),t("td",[s._v("当绑定值变化时触发的事件")]),s._v(" "),t("td",[s._v("当前组件的值")])])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-tabs",[t("zan-tab",{attrs:{title:"选项一"}},[s._v("内容一")]),s._v(" "),t("zan-tab",{attrs:{title:"选项二"}},[s._v("内容二")]),s._v(" "),t("zan-tab",{attrs:{title:"选项三"}},[s._v("内容三")]),s._v(" "),t("zan-tab",{attrs:{title:"选项四"}},[s._v("内容四")]),s._v(" "),t("zan-tab",{attrs:{title:"选项五"}},[s._v("内容五")])],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tabs")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tab")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"选项一"')]),s._v(">")]),s._v("内容一"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tab")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"选项二"')]),s._v(">")]),s._v("内容二"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tab")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"选项三"')]),s._v(">")]),s._v("内容三"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tab")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"选项四"')]),s._v(">")]),s._v("内容四"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tab")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"选项五"')]),s._v(">")]),s._v("内容五"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n")])])])]),s._v(" "),s._m(2),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-tabs",[t("zan-tab",{attrs:{title:"选项一"}},[s._v("内容一")]),s._v(" "),t("zan-tab",{attrs:{disable:"",title:"选项二"},on:{disable:s.popalert}},[s._v("内容二")]),s._v(" "),t("zan-tab",{attrs:{title:"选项三"}},[s._v("内容三")]),s._v(" "),t("zan-tab",{attrs:{title:"选项四"}},[s._v("内容四")]),s._v(" "),t("zan-tab",{attrs:{title:"选项五"}},[s._v("内容五")])],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tabs")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tab")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"选项一"')]),s._v(">")]),s._v("内容一"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tab")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("disable")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"选项二"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("@disable")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"popalert"')]),s._v(">")]),s._v("内容二"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tab")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"选项三"')]),s._v(">")]),s._v("内容三"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tab")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"选项四"')]),s._v(">")]),s._v("内容四"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tab")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"选项五"')]),s._v(">")]),s._v("内容五"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"javascript"},[s._v("\n"),t("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n "),t("span",{staticClass:"hljs-attr"},[s._v("methods")]),s._v(": {\n popalert() {\n alert("),t("span",{staticClass:"hljs-string"},[s._v("'haha'")]),s._v(")\n }\n }\n};\n")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n")])])])]),s._v(" "),s._m(3),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-tabs",{attrs:{type:"card"}},[t("zan-tab",{attrs:{title:"选项一"}},[s._v("内容一")]),s._v(" "),t("zan-tab",{attrs:{title:"选项二"}},[s._v("内容二")]),s._v(" "),t("zan-tab",{attrs:{title:"选项三"}},[s._v("内容三")]),s._v(" "),t("zan-tab",{attrs:{title:"选项四"}},[s._v("内容四")]),s._v(" "),t("zan-tab",{attrs:{title:"选项五"}},[s._v("内容五")])],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tabs")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"card"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tab")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"选项一"')]),s._v(">")]),s._v("内容一"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tab")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"选项二"')]),s._v(">")]),s._v("内容二"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tab")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"选项三"')]),s._v(">")]),s._v("内容三"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tab")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"选项四"')]),s._v(">")]),s._v("内容四"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tab")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"选项五"')]),s._v(">")]),s._v("内容五"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n")])])])]),s._v(" "),s._m(4),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-tabs",{attrs:{active:"2",navclass:"custom-tabwrap"}},[t("zan-tab",{staticClass:"custom-pane",attrs:{title:"选项一"}},[s._v("内容一")]),s._v(" "),t("zan-tab",{staticClass:"custom-pane",attrs:{title:"选项二"}},[s._v("内容二")]),s._v(" "),t("zan-tab",{staticClass:"custom-pane",attrs:{title:"选项三"}},[s._v("内容三")]),s._v(" "),t("zan-tab",{staticClass:"custom-pane",attrs:{title:"选项四"}},[s._v("内容四")]),s._v(" "),t("zan-tab",{staticClass:"custom-pane",attrs:{title:"选项五"}},[s._v("内容五")])],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tabs")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("active")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"2"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("navclass")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"custom-tabwrap"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tab")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"选项一"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"custom-pane"')]),s._v(">")]),s._v("内容一"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tab")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"选项二"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"custom-pane"')]),s._v(">")]),s._v("内容二"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tab")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"选项三"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"custom-pane"')]),s._v(">")]),s._v("内容三"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tab")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"选项四"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"custom-pane"')]),s._v(">")]),s._v("内容四"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tab")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"选项五"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"custom-pane"')]),s._v(">")]),s._v("内容五"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("style")]),s._v(">")]),t("span",{staticClass:"css"},[s._v("\n "),t("span",{staticClass:"hljs-selector-class"},[s._v(".page-tab")]),s._v(" {\n "),t("span",{staticClass:"hljs-attribute"},[s._v("padding")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("0")]),s._v(" "),t("span",{staticClass:"hljs-number"},[s._v("15px")]),s._v(";\n }\n "),t("span",{staticClass:"hljs-selector-class"},[s._v(".custom-tabwrap")]),s._v(" "),t("span",{staticClass:"hljs-selector-class"},[s._v(".zan-tab-active")]),s._v("{\n "),t("span",{staticClass:"hljs-attribute"},[s._v("color")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("#20a0ff")]),s._v(";\n }\n "),t("span",{staticClass:"hljs-selector-class"},[s._v(".custom-tabwrap")]),s._v(" "),t("span",{staticClass:"hljs-selector-class"},[s._v(".zan-tabs-nav-bar")]),s._v("{\n "),t("span",{staticClass:"hljs-attribute"},[s._v("background")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("#20a0ff")]),s._v(";\n }\n "),t("span",{staticClass:"hljs-selector-class"},[s._v(".custom-tab")]),s._v(" {\n "),t("span",{staticClass:"hljs-attribute"},[s._v("font-weight")]),s._v(": bold;\n }\n "),t("span",{staticClass:"hljs-selector-class"},[s._v(".custom-pane")]),s._v(" {\n "),t("span",{staticClass:"hljs-attribute"},[s._v("text-align")]),s._v(": center;\n "),t("span",{staticClass:"hljs-attribute"},[s._v("height")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("50px")]),s._v(";\n "),t("span",{staticClass:"hljs-attribute"},[s._v("line-height")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("50px")]),s._v(";\n }\n")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n")])])])]),s._v(" "),s._m(5),s._v(" "),s._m(6),s._v(" "),s._m(7),s._v(" "),s._m(8)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"tab-zu-jian"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#tab-zu-jian","aria-hidden":"true"}},[s._v("¶")]),s._v(" Tab 组件")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"jin-yong-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#jin-yong-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 禁用用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"card-yang-shi-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#card-yang-shi-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" card样式用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"zi-ding-yi-yang-shi-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#zi-ding-yi-yang-shi-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 自定义样式用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"zan-tabs-api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#zan-tabs-api","aria-hidden":"true"}},[s._v("¶")]),s._v(" zan-tabs API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("classtype")]),s._v(" "),t("td",[s._v("两种UI")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("line")]),s._v(" "),t("td",[s._v("card")])]),s._v(" "),t("tr",[t("td",[s._v("active")]),s._v(" "),t("td",[s._v("默认激活的tab")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td"),s._v(" "),t("td",[s._v("number")])]),s._v(" "),t("tr",[t("td",[s._v("navclass")]),s._v(" "),t("td",[s._v("tabs的内部nav上的自定义classname")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td")])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"zan-tab-api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#zan-tab-api","aria-hidden":"true"}},[s._v("¶")]),s._v(" zan-tab API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("必须")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("title")]),s._v(" "),t("td",[s._v("tab的标题")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("required")])]),s._v(" "),t("tr",[t("td",[s._v("disable")]),s._v(" "),t("td",[s._v("是否禁用这个tab")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("false")]),s._v(" "),t("td")])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-swipe"},[t("h1",{staticClass:"demo-title"},[s._v("swipe")]),t("example-block",{attrs:{title:"基础用法"}},[t("zan-swipe",[t("zan-swipe-item",[t("img",{attrs:{src:"https://img.yzcdn.cn/upload_files/2017/03/14/FmTPs0SeyQaAOSK1rRe1sL8RcwSY.jpeg?imageView2/2/w/980/h/980/q/75/format/webp",alt:""}})]),s._v(" "),t("zan-swipe-item",[t("img",{attrs:{src:"https://img.yzcdn.cn/upload_files/2017/03/15/FvexrWlG_WxtCE9Omo5l27n_mAG_.jpeg?imageView2/2/w/980/h/980/q/75/format/webp",alt:""}})])],1)],1),t("example-block",{attrs:{title:"自动轮播"}},[t("zan-swipe",{attrs:{"auto-play":!0}},[t("zan-swipe-item",[t("img",{attrs:{src:"https://img.yzcdn.cn/upload_files/2017/03/14/FmTPs0SeyQaAOSK1rRe1sL8RcwSY.jpeg?imageView2/2/w/980/h/980/q/75/format/webp",alt:""}})]),s._v(" "),t("zan-swipe-item",[t("img",{attrs:{src:"https://img.yzcdn.cn/upload_files/2017/03/15/FvexrWlG_WxtCE9Omo5l27n_mAG_.jpeg?imageView2/2/w/980/h/980/q/75/format/webp",alt:""}})])],1)],1)],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-waterfall"},[t("h1",{staticClass:"demo-title"},[s._v("waterfall")]),t("example-block",{attrs:{title:"基础用法"}},[t("div",{staticClass:"waterfall"},[t("div",{directives:[{name:"waterfall-lower",rawName:"v-waterfall-lower",value:s.loadMore,expression:"loadMore"},{name:"waterfall-upper",rawName:"v-waterfall-upper",value:s.loadMoreUpper,expression:"loadMoreUpper"}],attrs:{"waterfall-disabled":"isWaterfallDisabled","waterfall-offset":"400"}},[s._l(s.list,function(a){return t("div",{staticClass:"waterfall-item",staticStyle:{"text-align":"center"}},[s._v("\n "+s._s(a)+"\n ")])}),s._v(" "),s.loading?t("div",{staticStyle:{"text-align":"center"}},[s._v("\n loading\n ")]):s._e()],2)])])],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement;return(s._self._c||a)("section")},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),t("p",[s._v("面板只是一个容器，里面可以放入自定义的内容。")]),s._v(" "),s._m(1),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-panel",{attrs:{title:"标题",desc:"标题描述",status:"状态"}},[t("div",{staticClass:"panel-content"},[s._v("\n panel内容\n ")])])],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-panel")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"标题"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("desc")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"标题描述"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("status")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"状态"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"panel-content"')]),s._v(">")]),s._v("\n panel内容\n "),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n")])])])]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-panel",{attrs:{title:"标题",desc:"标题描述",status:"状态"}},[t("zan-card",{attrs:{title:"商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余",desc:"商品SKU1，商品SKU2",thumb:"https://img.yzcdn.cn/upload_files/2017/02/17/FnDwvwHmU-OiqsbjAO5X7wh1KWrR.jpg!100x100.jpg"}},[t("div",{staticClass:"zan-card__row",slot:"title"},[t("h4",{staticClass:"zan-card__title"},[s._v("商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余")]),s._v(" "),t("span",{staticClass:"zan-card__price"},[s._v("¥ 2.00")])]),s._v(" "),t("div",{staticClass:"zan-card__row",slot:"desc"},[t("h4",{staticClass:"zan-card__desc"},[s._v("商品sku")]),s._v(" "),t("span",{staticClass:"zan-card__num"},[s._v("x 2")])]),s._v(" "),t("div",{staticClass:"zan-card__footer",slot:"footer"},[t("zan-button",{attrs:{size:"mini"}},[s._v("按钮一")]),s._v(" "),t("zan-button",{attrs:{size:"mini"}},[s._v("按钮二")])],1)]),s._v(" "),t("div",{staticClass:"zan-panel-sum"},[s._v("\n 合计："),t("span",[s._v("¥ 1999.90")])]),s._v(" "),t("div",{staticClass:"zan-panel-buttons",slot:"footer"},[t("zan-button",{attrs:{size:"small"}},[s._v("按钮一")]),s._v(" "),t("zan-button",{attrs:{size:"small",type:"danger"}},[s._v("按钮二")])],1)],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-panel")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"标题"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("desc")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"标题描述"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("status")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"状态"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-card")]),s._v("\n "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余"')]),s._v("\n "),t("span",{staticClass:"hljs-attr"},[s._v("desc")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"商品SKU1，商品SKU2"')]),s._v("\n "),t("span",{staticClass:"hljs-attr"},[s._v("thumb")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"https://img.yzcdn.cn/upload_files/2017/02/17/FnDwvwHmU-OiqsbjAO5X7wh1KWrR.jpg!100x100.jpg"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-card__row"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"title"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("h4")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-card__title"')]),s._v(">")]),s._v("商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-card__price"')]),s._v(">")]),s._v("¥ 2.00"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-card__row"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"desc"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("h4")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-card__desc"')]),s._v(">")]),s._v("商品sku"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-card__num"')]),s._v(">")]),s._v("x 2"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-card__footer"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"footer"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("size")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"mini"')]),s._v(">")]),s._v("按钮一"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("size")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"mini"')]),s._v(">")]),s._v("按钮二"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-panel-sum"')]),s._v(">")]),s._v("\n 合计："),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(">")]),s._v("¥ 1999.90"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-panel-buttons"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"footer"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("size")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"small"')]),s._v(">")]),s._v("按钮一"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("size")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"small"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"danger"')]),s._v(">")]),s._v("按钮二"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n")])])])]),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),s._m(6),s._v(" "),s._m(7)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"panel-mian-ban"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#panel-mian-ban","aria-hidden":"true"}},[s._v("¶")]),s._v(" Panel 面板")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"gao-ji-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#gao-ji-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 高级用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("使用具名"),t("code",[s._v("slot")]),s._v("自定义内容。")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#api","aria-hidden":"true"}},[s._v("¶")]),s._v(" API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("title")]),s._v(" "),t("td",[s._v("标题")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("''")])]),s._v(" "),t("tr",[t("td",[s._v("desc")]),s._v(" "),t("td",[s._v("描述")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("''")])]),s._v(" "),t("tr",[t("td",[s._v("status")]),s._v(" "),t("td",[s._v("状态")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("''")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"slot"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#slot","aria-hidden":"true"}},[s._v("¶")]),s._v(" Slot")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("name")]),s._v(" "),t("th",[s._v("描述")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("-")]),s._v(" "),t("td",[s._v("自定义内容")])]),s._v(" "),t("tr",[t("td",[s._v("header")]),s._v(" "),t("td",[s._v("自定义header")])]),s._v(" "),t("tr",[t("td",[s._v("footer")]),s._v(" "),t("td",[s._v("自定义footer")])])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-steps"},[t("h1",{staticClass:"demo-title"},[s._v("steps")]),t("example-block",{attrs:{title:"基础用法"}},[t("zan-steps",{attrs:{active:s.active,icon:"certificate","icon-class":"steps-success",title:"等待商家发货",description:"等待商家发货等待商家发货等待商家发货等待商家发货等待商家发货"}},[t("zan-step",[s._v("买家下单")]),s._v(" "),t("zan-step",[s._v("商家接单")]),s._v(" "),t("zan-step",[s._v("买家提货")]),s._v(" "),t("zan-step",[s._v("交易完成")])],1),s._v(" "),t("zan-button",{on:{click:s.nextStep}},[s._v("下一步")])],1),t("example-block",{attrs:{title:"只显示步骤条"}},[t("zan-steps",{attrs:{active:s.active}},[t("zan-step",[s._v("买家下单")]),s._v(" "),t("zan-step",[s._v("商家接单")]),s._v(" "),t("zan-step",[s._v("买家提货")]),s._v(" "),t("zan-step",[s._v("交易完成")])],1)],1)],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-field"},[t("h1",{staticClass:"demo-title"},[s._v("field")]),t("example-block",{attrs:{title:"基础用法"}},[t("zan-cell-group",[t("zan-field",{directives:[{name:"model",rawName:"v-model",value:s.username,expression:"username"}],attrs:{type:"text",label:"用户名：",placeholder:"请输入用户名"},domProps:{value:s.username},on:{input:function(a){s.username=a}}}),s._v(" "),t("zan-field",{attrs:{type:"password",label:"密码：",placeholder:"请输入密码"}}),s._v(" "),t("zan-field",{attrs:{type:"textarea",label:"个人介绍：",placeholder:"请输入个人介绍"}})],1)],1),t("example-block",{attrs:{title:"无label的输入框"}},[t("zan-cell-group",[t("zan-field",{attrs:{type:"text",placeholder:"请输入用户名"}})],1)],1),t("example-block",{attrs:{title:"带border的输入框"}},[t("div",{staticClass:"zan-field-wrapper"},[t("zan-field",{attrs:{type:"text",placeholder:"请输入用户名",border:""}})],1)]),t("example-block",{attrs:{title:"禁用的输入框"}},[t("zan-cell-group",[t("zan-field",{directives:[{name:"model",rawName:"v-model",value:s.username,expression:"username"}],attrs:{label:"用户名：",type:"text",placeholder:"请输入用户名",disabled:""},domProps:{value:s.username},on:{input:function(a){s.username=a}}})],1)],1),t("example-block",{attrs:{title:"错误的输入框"}},[t("zan-cell-group",[t("zan-field",{attrs:{label:"用户名：",type:"text",placeholder:"请输入用户名",error:""}})],1)],1)],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-progress"},[t("h1",{staticClass:"demo-title"},[s._v("progress")]),t("example-block",{attrs:{title:"基础用法"}},[t("div",{staticClass:"demo-progress__wrapper"},[t("zan-progress",{staticClass:"demo-progress__demo1",attrs:{percentage:0}})],1),s._v(" "),t("div",{staticClass:"demo-progress__wrapper"},[t("zan-progress",{staticClass:"demo-progress__demo2",attrs:{percentage:46}})],1),s._v(" "),t("div",{staticClass:"demo-progress__wrapper"},[t("zan-progress",{staticClass:"demo-progress__demo1",attrs:{percentage:100}})],1)]),t("example-block",{attrs:{title:"Inactive"}},[t("div",{staticClass:"demo-progress__wrapper"},[t("zan-progress",{staticClass:"demo-progress__demo1",attrs:{inactive:!0,percentage:0}})],1),s._v(" "),t("div",{staticClass:"demo-progress__wrapper"},[t("zan-progress",{staticClass:"demo-progress__demo2",attrs:{inactive:!0,percentage:46}})],1),s._v(" "),t("div",{staticClass:"demo-progress__wrapper"},[t("zan-progress",{staticClass:"demo-progress__demo1",attrs:{inactive:!0,percentage:100}})],1)]),t("example-block",{attrs:{title:"自定义颜色"}},[t("div",{staticClass:"demo-progress__wrapper"},[t("zan-progress",{staticClass:"demo-progress__demo1",attrs:{"pivot-text":"红色",color:"#ed5050",percentage:26}})],1),s._v(" "),t("div",{staticClass:"demo-progress__wrapper"},[t("zan-progress",{staticClass:"demo-progress__demo1",attrs:{"pivot-text":"橙色",color:"#f60",percentage:46}})],1),s._v(" "),t("div",{staticClass:"demo-progress__wrapper"},[t("zan-progress",{staticClass:"demo-progress__demo1",attrs:{"pivot-text":"黄色",color:"#f09000",percentage:66}})],1)])],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("div",{staticClass:"zan-row"},[t("zan-button",{on:{click:function(a){s.popupShow1=!0}}},[s._v("从下方弹出popup")])],1),s._v(" "),t("zan-popup",{directives:[{name:"model",rawName:"v-model",value:s.popupShow1,expression:"popupShow1"}],staticClass:"zan-popup-1",attrs:{position:"bottom"},domProps:{value:s.popupShow1},on:{input:function(a){s.popupShow1=a}}},[t("zan-button",{on:{click:s.showDialog}},[s._v("弹出dialog")])],1),s._v(" "),t("div",{staticClass:"zan-row"},[t("zan-button",{on:{click:function(a){s.popupShow2=!0}}},[s._v("从上方弹出popup")])],1),s._v(" "),t("zan-popup",{directives:[{name:"model",rawName:"v-model",value:s.popupShow2,expression:"popupShow2"}],staticClass:"zan-popup-2",attrs:{position:"top",overlay:!1},domProps:{value:s.popupShow2},on:{input:function(a){s.popupShow2=a}}},[s._v("\n 更新成功\n")]),s._v(" "),t("div",{staticClass:"zan-row"},[t("zan-button",{on:{click:function(a){s.popupShow3=!0}}},[s._v("从右方弹出popup")])],1),s._v(" "),t("zan-popup",{directives:[{name:"model",rawName:"v-model",value:s.popupShow3,expression:"popupShow3"}],staticClass:"zan-popup-3",attrs:{position:"right",overlay:!1},domProps:{value:s.popupShow3},on:{input:function(a){s.popupShow3=a}}},[t("zan-button",{nativeOn:{click:function(a){s.popupShow3=!1}}},[s._v("关闭 popup")])],1),s._v(" "),t("div",{staticClass:"zan-row"},[t("zan-button",{on:{click:function(a){s.popupShow4=!0}}},[s._v("从中间弹出popup")])],1),s._v(" "),t("zan-popup",{directives:[{name:"model",rawName:"v-model",value:s.popupShow4,expression:"popupShow4"}],staticClass:"zan-popup-4",domProps:{value:s.popupShow4},on:{input:function(a){s.popupShow4=a}}},[s._v("\n 从中间弹出popup\n")])],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-row"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("@click")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"popupShow1 = true;"')]),s._v(">")]),s._v("从下方弹出popup"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-popup")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-model")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"popupShow1"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("position")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"bottom"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-popup-1"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("@click")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"showDialog"')]),s._v(">")]),s._v("弹出dialog"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-row"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("@click")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"popupShow2 = true"')]),s._v(">")]),s._v("从上方弹出popup"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-popup")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-model")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"popupShow2"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("position")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"top"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-popup-2"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":overlay")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"false"')]),s._v(">")]),s._v("\n 更新成功\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-row"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("@click")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"popupShow3 = true"')]),s._v(">")]),s._v("从右方弹出popup"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-popup")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-model")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"popupShow3"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("position")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"right"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-popup-3"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":overlay")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"false"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("@click.native")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"popupShow3 = false"')]),s._v(">")]),s._v("关闭 popup"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-row"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("@click")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"popupShow4 = true"')]),s._v(">")]),s._v("从中间弹出popup"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-popup")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-model")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"popupShow4"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-popup-4"')]),s._v(">")]),s._v("\n 从中间弹出popup\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"javascript"},[s._v("\n"),t("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n data() {\n "),t("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" {\n "),t("span",{staticClass:"hljs-attr"},[s._v("popupShow1")]),s._v(": "),t("span",{staticClass:"hljs-literal"},[s._v("false")]),s._v(",\n "),t("span",{staticClass:"hljs-attr"},[s._v("popupShow2")]),s._v(": "),t("span",{staticClass:"hljs-literal"},[s._v("false")]),s._v(",\n "),t("span",{staticClass:"hljs-attr"},[s._v("popupShow3")]),s._v(": "),t("span",{staticClass:"hljs-literal"},[s._v("false")]),s._v(",\n "),t("span",{staticClass:"hljs-attr"},[s._v("popupShow4")]),s._v(": "),t("span",{staticClass:"hljs-literal"},[s._v("false")]),s._v("\n }\n },\n\n "),t("span",{staticClass:"hljs-attr"},[s._v("watch")]),s._v(": {\n popupShow2(val) {\n "),t("span",{staticClass:"hljs-keyword"},[s._v("if")]),s._v(" (val) {\n setTimeout("),t("span",{staticClass:"hljs-function"},[t("span",{staticClass:"hljs-params"},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),t("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".popupShow2 = "),t("span",{staticClass:"hljs-literal"},[s._v("false")]),s._v(";\n }, "),t("span",{staticClass:"hljs-number"},[s._v("2000")]),s._v(");\n }\n }\n }\n};\n")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n\n")])])])]),s._v(" "),t("p",[s._v("点击以下按钮查看手机端效果：")]),s._v(" "),t("p",[t("zan-button",{on:{click:function(a){s.mobileShow=!0}}},[s._v("点击查看手机端效果")]),s._v(" "),t("mobile-popup",{directives:[{name:"model",rawName:"v-model",value:s.mobileShow,expression:"mobileShow"}],attrs:{url:s.mobileUrl},domProps:{value:s.mobileShow},on:{input:function(a){s.mobileShow=a}}})],1),s._v(" "),s._m(2),s._v(" "),s._m(3)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"popup-zu-jian"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#popup-zu-jian","aria-hidden":"true"}},[s._v("¶")]),s._v(" Popup组件")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#api","aria-hidden":"true"}},[s._v("¶")]),s._v(" API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("value")]),s._v(" "),t("td",[s._v("利用"),t("code",[s._v("v-model")]),s._v("绑定当前组件是否显示")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td")])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("zan-popup",{directives:[{name:"model",rawName:"v-model",value:s.currentValue,expression:"currentValue"}],domProps:{value:s.currentValue},on:{input:function(a){s.currentValue=a}}},[t("div",{staticClass:"mobile-popup"},[t("iframe",{staticClass:"mobile-popup-iframe",attrs:{src:s.url}})],1)])},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-quantity",{directives:[{name:"model",rawName:"v-model",value:s.quantity1,expression:"quantity1"}],domProps:{value:s.quantity1},on:{input:function(a){s.quantity1=a}}}),s._v(" "),t("p",{staticClass:"curr-quantity"},[s._v("当前值："+s._s(s.quantity1))])],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-quantity")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-model")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"quantity1"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("p")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"curr-quantity"')]),s._v(">")]),s._v("当前值："),t("span",[s._v("{{")]),s._v(" quantity1 "),t("span",[s._v("}}")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n")])])])]),s._v(" "),s._m(2),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-quantity",{directives:[{name:"model",rawName:"v-model",value:s.quantity1,expression:"quantity1"}],attrs:{disabled:""},domProps:{value:s.quantity1},on:{input:function(a){s.quantity1=a}}})],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-quantity")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-model")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"quantity1"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("disabled")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n")])])])]),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-quantity",{directives:[{name:"model",rawName:"v-model",value:s.quantity2,expression:"quantity2"}],attrs:{min:"5",max:"40",step:"2","default-value":"9"},domProps:{value:s.quantity2},on:{input:function(a){s.quantity2=a}}}),s._v(" "),t("p",{staticClass:"curr-quantity"},[s._v("当前值："+s._s(s.quantity2))])],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-quantity")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-model")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"quantity2"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("min")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"5"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("max")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"40"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("step")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"2"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("default-value")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"9"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("p")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"curr-quantity"')]),s._v(">")]),s._v("当前值："),t("span",[s._v("{{")]),s._v(" quantity2 "),t("span",[s._v("}}")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n")])])])]),s._v(" "),s._m(5),s._v(" "),s._m(6)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"quantity"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#quantity","aria-hidden":"true"}},[s._v("¶")]),s._v(" Quantity")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"jin-yong-quantity"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#jin-yong-quantity","aria-hidden":"true"}},[s._v("¶")]),s._v(" 禁用Quantity")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"gao-ji-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#gao-ji-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 高级用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("默认是每次加减为1，可以对组件设置"),t("code",[s._v("step")]),s._v("、"),t("code",[s._v("min")]),s._v("、"),t("code",[s._v("max")]),s._v("、"),t("code",[s._v("defaultValue")]),s._v("属性。")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#api","aria-hidden":"true"}},[s._v("¶")]),s._v(" API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("min")]),s._v(" "),t("td",[s._v("最小值")]),s._v(" "),t("td",[s._v("string/number")]),s._v(" "),t("td",[s._v("1")]),s._v(" "),t("td",[s._v("''")])]),s._v(" "),t("tr",[t("td",[s._v("max")]),s._v(" "),t("td",[s._v("最大值")]),s._v(" "),t("td",[s._v("string/number")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("''")])]),s._v(" "),t("tr",[t("td",[s._v("step")]),s._v(" "),t("td",[s._v("步数")]),s._v(" "),t("td",[s._v("string/number")]),s._v(" "),t("td",[s._v("1")]),s._v(" "),t("td",[s._v("''")])]),s._v(" "),t("tr",[t("td",[s._v("disabled")]),s._v(" "),t("td",[s._v("是否被禁用了")]),s._v(" "),t("td",[s._v("boolean")]),s._v(" "),t("td",[s._v("false")]),s._v(" "),t("td",[s._v("''")])]),s._v(" "),t("tr",[t("td",[s._v("defaultValue")]),s._v(" "),t("td",[s._v("默认值")]),s._v(" "),t("td",[s._v("string/number")]),s._v(" "),t("td",[s._v("1")]),s._v(" "),t("td",[s._v("''")])])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-badge-group",{attrs:{"active-key":"2"}},[t("zan-badge",{attrs:{mark:"0",title:"热销榜",info:"8",url:"http://baidu.com"}}),s._v(" "),t("zan-badge",{attrs:{mark:"1",title:"花式寿司",info:"99"}}),s._v(" "),t("zan-badge",{attrs:{mark:"2",title:"火炽寿司"}}),s._v(" "),t("zan-badge",{attrs:{mark:"3",title:"手握寿司",info:"199"}})],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-badge-group")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("active-key")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"2"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-badge")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("mark")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"0"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"热销榜"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("info")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"8"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("url")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"http://baidu.com"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-badge")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("mark")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"1"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"花式寿司"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("info")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"99"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-badge")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("mark")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"2"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"火炽寿司"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-badge")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("mark")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"3"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"手握寿司"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("info")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"199"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("")]),s._v("\n")])])])]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),s._m(5)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"badge-zu-jian"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#badge-zu-jian","aria-hidden":"true"}},[s._v("¶")]),s._v(" Badge 组件")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"z-badge-group-api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#z-badge-group-api","aria-hidden":"true"}},[s._v("¶")]),s._v(" z-badge-group API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("必须")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("active-key")]),s._v(" "),t("td",[s._v("激活的badge的索引")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("'0'但必须子badge里的mark是有0位索引")]),s._v(" "),t("td")])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"z-badge-api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#z-badge-api","aria-hidden":"true"}},[s._v("¶")]),s._v(" z-badge API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("必须")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("mark")]),s._v(" "),t("td",[s._v("badge的唯一key值")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("required")])]),s._v(" "),t("tr",[t("td",[s._v("title")]),s._v(" "),t("td",[s._v("badge的文案标题")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("required")])]),s._v(" "),t("tr",[t("td",[s._v("info")]),s._v(" "),t("td",[s._v("当前badge的提示消息数量")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("url")]),s._v(" "),t("td",[s._v("跳转链接")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("全连接直接跳转或者hash")]),s._v(" "),t("td")])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-button"},[t("h1",{staticClass:"demo-title"},[s._v("button")]),t("example-block",{attrs:{title:"按钮功能"}},[t("zan-row",[t("zan-col",{attrs:{span:"24"}},[t("zan-button",{attrs:{block:""}},[s._v("default")])],1),s._v(" "),t("zan-col",{attrs:{span:"24"}},[t("zan-button",{attrs:{type:"primary",block:""}},[s._v("primary")])],1),s._v(" "),t("zan-col",{attrs:{span:"24"}},[t("zan-button",{attrs:{type:"danger",block:""}},[s._v("danger")])],1)],1)],1),t("example-block",{attrs:{title:"禁用状态"}},[t("zan-row",[t("zan-col",{attrs:{span:"24"}},[t("zan-button",{attrs:{disabled:"",block:""}},[s._v("diabled")])],1)],1)],1),t("example-block",{attrs:{title:"按钮尺寸"}},[t("zan-row",[t("zan-col",{attrs:{span:"24"}},[t("zan-button",{attrs:{size:"large"}},[s._v("large")])],1)],1),s._v(" "),t("zan-row",{attrs:{gutter:"10"}},[t("zan-col",{attrs:{span:"8"}},[t("zan-button",{attrs:{type:"primary",block:""}},[s._v("normal")])],1),s._v(" "),t("zan-col",{attrs:{span:"8"}},[t("zan-button",{attrs:{size:"small",block:""}},[s._v("small")])],1),s._v(" "),t("zan-col",{attrs:{span:"8"}},[t("zan-button",{attrs:{size:"mini",block:""}},[s._v("mini")])],1)],1)],1),t("example-block",{attrs:{title:"自定义按钮标签"}},[t("zan-row",[t("zan-col",{attrs:{span:"24"}},[t("zan-button",{attrs:{tag:"a",type:"primary",href:"https://www.youzan.com",target:"_blank"}},[s._v("a标签按钮")])],1)],1)],1),t("example-block",{attrs:{title:"loading按钮"}},[t("zan-row",[t("zan-col",{attrs:{span:"24"}},[t("zan-button",{attrs:{type:"primary",loading:"",block:""}},[s._v("loading")])],1),s._v(" "),t("zan-col",{attrs:{span:"24"}},[t("zan-button",{attrs:{loading:"",block:""}})],1)],1)],1),t("example-block",{attrs:{title:"button group"}},[t("div",{staticClass:"button-group"},[t("zan-button",{attrs:{type:"primary",size:"small"}},[s._v("确认付款")]),s._v(" "),t("zan-button",{attrs:{size:"small"}},[s._v("确认收货")]),s._v(" "),t("zan-button",{attrs:{size:"small"}},[s._v("取消订单")])],1)])],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement;s._self._c;return s._m(0)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[t("h2",{attrs:{id:"kuai-su-shang-shou"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#kuai-su-shang-shou","aria-hidden":"true"}},[s._v("¶")]),s._v(" 快速上手")]),s._v(" "),t("h3",{attrs:{id:"wan-zheng-yin-ru"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#wan-zheng-yin-ru","aria-hidden":"true"}},[s._v("¶")]),s._v(" 完整引入")]),s._v(" "),t("pre",[t("code",{staticClass:"hljs language-javascript"},[t("span",{staticClass:"hljs-keyword"},[s._v("import")]),s._v(" Vue "),t("span",{staticClass:"hljs-keyword"},[s._v("from")]),s._v(" "),t("span",{staticClass:"hljs-string"},[s._v("'vue'")]),s._v(";\n"),t("span",{staticClass:"hljs-keyword"},[s._v("import")]),s._v(" ZanUI "),t("span",{staticClass:"hljs-keyword"},[s._v("from")]),s._v(" "),t("span",{staticClass:"hljs-string"},[s._v("'@youzan/zanui-vue'")]),s._v(";\n"),t("span",{staticClass:"hljs-keyword"},[s._v("import")]),s._v(" "),t("span",{staticClass:"hljs-string"},[s._v("'@youzan/zanui-vue/lib/zanui-css/index.css'")]),s._v(";\n\nVue.use(ZanUI);\n")])]),s._v(" "),t("h3",{attrs:{id:"an-xu-yin-ru"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#an-xu-yin-ru","aria-hidden":"true"}},[s._v("¶")]),s._v(" 按需引入")]),s._v(" "),t("pre",[t("code",{staticClass:"hljs language-javascript"},[t("span",{staticClass:"hljs-keyword"},[s._v("import")]),s._v(" Vue "),t("span",{staticClass:"hljs-keyword"},[s._v("from")]),s._v(" "),t("span",{staticClass:"hljs-string"},[s._v("'vue'")]),s._v(";\n"),t("span",{staticClass:"hljs-keyword"},[s._v("import")]),s._v(" { Button, Cell } "),t("span",{staticClass:"hljs-keyword"},[s._v("from")]),s._v(" "),t("span",{staticClass:"hljs-string"},[s._v("'@youzan/zanui-vue'")]),s._v(";\n"),t("span",{staticClass:"hljs-keyword"},[s._v("import")]),s._v(" "),t("span",{staticClass:"hljs-string"},[s._v("'@youzan/zanui-vue/lib/zanui-css/button.css'")]),s._v(";\n"),t("span",{staticClass:"hljs-keyword"},[s._v("import")]),s._v(" "),t("span",{staticClass:"hljs-string"},[s._v("'@youzan/zanui-vue/lib/zanui-css/cell.css'")]),s._v(";\n\nVue.component(Button.name, Button);\nVue.component(Cell.name, Cell);\n")])])])}]}},function(s,a,t){var n=t(323);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("e4092d22",n,!0)},function(s,a,t){var n=t(324);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("29a42a14",n,!0)},,function(s,a,t){var n=t(326);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("c100ea26",n,!0)},function(s,a,t){var n=t(327);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("e3e31b4c",n,!0)},function(s,a,t){var n=t(328);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("3ba897e2",n,!0)},function(s,a,t){var n=t(329);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("a0c935b8",n,!0)},function(s,a,t){var n=t(330);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("28e0b5b7",n,!0)},function(s,a,t){var n=t(331);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("befa047e",n,!0)},function(s,a,t){var n=t(332);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("563c9986",n,!0)},function(s,a,t){var n=t(333);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("08f0509a",n,!0)},function(s,a,t){var n=t(334);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("0471d6ad",n,!0)},function(s,a,t){var n=t(335);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("42d50ea0",n,!0)},function(s,a,t){var n=t(336);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("e239d9c8",n,!0)},function(s,a,t){var n=t(337);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("6393f9bb",n,!0)},function(s,a,t){var n=t(338);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("dc8a21b6",n,!0)},function(s,a,t){var n=t(339);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("18315e2a",n,!0)},function(s,a,t){var n=t(340);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("10ee7c93",n,!0)},,function(s,a,t){var n=t(342);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("8e4b0c56",n,!0)},function(s,a,t){var n=t(343);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("cc343a74",n,!0)},function(s,a,t){var n=t(344);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("aec750f8",n,!0)},function(s,a,t){var n=t(345);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("61a09935",n,!0)},function(s,a,t){var n=t(346);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("71d4cbfe",n,!0)},function(s,a,t){var n=t(347);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("ba18c812",n,!0)},function(s,a,t){var n=t(348);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("10455456",n,!0)},function(s,a,t){var n=t(349);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("a0cced7a",n,!0)},function(s,a,t){var n=t(350);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("c3cdce38",n,!0)},function(s,a,t){var n=t(351);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("c8fc7d88",n,!0)},function(s,a,t){var n=t(352);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("04b2d17a",n,!0)},function(s,a,t){var n=t(353);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("05583ca2",n,!0)},function(s,a,t){var n=t(354);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("3dce8a0c",n,!0)},function(s,a,t){var n=t(355);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("7d0f7a08",n,!0)},function(s,a,t){var n=t(356);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("34888959",n,!0)},function(s,a,t){var n=t(357);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("492592b3",n,!0)},function(s,a,t){var n=t(358);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("63f05139",n,!0)},function(s,a,t){var n=t(359);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("5ca50fae",n,!0)},function(s,a,t){var n=t(360);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("7853e0ea",n,!0)},function(s,a,t){var n=t(361);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("5ba169aa",n,!0)},function(s,a,t){var n=t(362);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("9c20a986",n,!0)},function(s,a,t){var n=t(363);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("7985770b",n,!0)},function(s,a,t){var n=t(364);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("41840c8e",n,!0)},function(s,a,t){var n=t(365);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("4f8016e2",n,!0)},function(s,a,t){var n=t(366);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("2d111318",n,!0)},function(s,a,t){var n=t(367);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("4ad969b8",n,!0)},function(s,a,t){var n=t(368);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("13bbc6dd",n,!0)},function(s,a,t){var n=t(369);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("11739686",n,!0)},function(s,a,t){var n=t(370);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("82c5ae64",n,!0)},function(s,a,t){var n=t(371);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("c09259b8",n,!0)},function(s,a,t){s.exports=t(400)},function(s,a,t){s.exports=t(401)},function(s,a,t){s.exports=t(402)},function(s,a,t){s.exports=t(403)},function(s,a,t){s.exports=t(404)},function(s,a,t){s.exports=t(405)},function(s,a,t){s.exports=t(406)},function(s,a,t){s.exports=t(407)},function(s,a,t){s.exports=t(408)},function(s,a,t){s.exports=t(409)},function(s,a,t){s.exports=t(410)},function(s,a,t){s.exports=t(411)},function(s,a,t){s.exports=t(412)},function(s,a,t){s.exports=t(413)},function(s,a,t){s.exports=t(414)},function(s,a,t){s.exports=t(415)},function(s,a,t){s.exports=t(416)},function(s,a,t){s.exports=t(417)},function(s,a,t){s.exports=t(418)},function(s,a,t){s.exports=t(419)},function(s,a,t){s.exports=t(420)},function(s,a,t){s.exports=t(421)},function(s,a,t){s.exports=t(422)},function(s,a,t){s.exports=t(423)},function(s,a,t){s.exports=t(424)},function(s,a,t){s.exports=t(425)},function(s,a,t){s.exports=t(426)},function(s,a,t){s.exports=t(427)},function(s,a,t){s.exports=t(428)}])); \ No newline at end of file diff --git a/docs/build/1.js b/docs/build/1.js deleted file mode 100644 index 47aeaec18..000000000 --- a/docs/build/1.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([1],{259:function(e,t,n){n(490);var i=n(0)(n(273),n(431),null,null);e.exports=i.exports},273:function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(30),a=i(o),s=n(372),r=i(s);t.default={data:function(){return{highlights:[],navState:[],data:a.default["zh-CN"],base:"/component"}},components:{MobileNav:r.default}}},275:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{group:{type:Object,default:function(){return[]}},base:String},data:function(){return{isOpen:!1}}}},325:function(e,t,n){t=e.exports=n(18)(),t.push([e.i,".side-nav{width:100%;box-sizing:border-box;padding:90px 15px 20px;position:relative;z-index:1}.side-nav .zanui-desc,.side-nav .zanui-title{text-align:center;font-weight:400}.side-nav .zanui-title{font-size:26px;color:#333}.side-nav .zanui-desc{font-size:14px;color:#666;margin-bottom:50px}",""])},341:function(e,t,n){t=e.exports=n(18)(),t.push([e.i,".mobile-nav-group{border-radius:2px;margin-bottom:15px;padding-left:20px;background-color:#fff;box-shadow:0 1px 1px 0 rgba(0,0,0,.1)}.mobile-nav-group li{list-style:none}.mobile-nav-group ul{padding:0;margin:0;overflow:hidden}.mobile-nav-group__title{font-size:16px;color:#333;line-height:56px;position:relative}.mobile-nav-group__title a{color:#333;display:block;border-top:1px solid #e5e5e5}.mobile-nav-group__title .zan-icon-arrow{position:absolute;font-size:12px;line-height:1;top:24px;right:20px}.mobile-nav-group__title--open{color:#999}",""])},372:function(e,t,n){n(506);var i=n(0)(n(275),n(450),null,null);e.exports=i.exports},431:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"side-nav"},[n("h1",{staticClass:"zanui-title"},[e._v("Zan UI Wap")]),e._v(" "),n("h2",{staticClass:"zanui-desc"},[e._v("有赞移动wap端组件库")]),e._v(" "),n("div",{staticClass:"mobile-navs"},[e._l(e.data,function(t){return[t.showInMobile?n("div",{staticClass:"mobile-nav-item"},e._l(t.groups,function(t){return n("mobile-nav",{attrs:{group:t,base:e.base}})})):e._e()]})],2)])},staticRenderFns:[]}},450:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"mobile-nav-group"},[n("div",{staticClass:"mobile-nav-group__title",class:{"mobile-nav-group__title--open":e.isOpen},on:{click:function(t){e.isOpen=!e.isOpen}}},[e._v("\n "+e._s(e.group.groupName)+"\n ")]),e._v(" "),n("ul",{directives:[{name:"show",rawName:"v-show",value:e.isOpen,expression:"isOpen"}],staticClass:"pure-menu-list"},[e._l(e.group.list,function(t){return[t.disabled?e._e():n("li",{staticClass:"mobile-nav-group__title"},[n("router-link",{attrs:{"active-class":"active",to:e.base+t.path},domProps:{textContent:e._s(t.title)}}),e._v(" "),n("zan-icon",{attrs:{name:"arrow"}})],1)]})],2)])},staticRenderFns:[]}},490:function(e,t,n){var i=n(325);"string"==typeof i&&(i=[[e.i,i,""]]),i.locals&&(e.exports=i.locals);n(31)("1517d9c0",i,!0)},506:function(e,t,n){var i=n(341);"string"==typeof i&&(i=[[e.i,i,""]]),i.locals&&(e.exports=i.locals);n(31)("8bcdd7d6",i,!0)}}); \ No newline at end of file diff --git a/docs/build/zanui-docs.js b/docs/build/zanui-docs.js deleted file mode 100644 index 9ca61f774..000000000 --- a/docs/build/zanui-docs.js +++ /dev/null @@ -1 +0,0 @@ -!function(t){function e(n){if(i[n])return i[n].exports;var r=i[n]={i:n,l:!1,exports:{}};return t[n].call(r.exports,r,r.exports,e),r.l=!0,r.exports}var n=window.webpackJsonp;window.webpackJsonp=function(e,i,o){for(var a,s,l=0,c=[];l-1)return t.splice(n,1)}}function a(t,e){return xn.call(t,e)}function s(t){return"string"==typeof t||"number"==typeof t}function l(t){var e=Object.create(null);return function(n){return e[n]||(e[n]=t(n))}}function c(t,e){function n(n){var i=arguments.length;return i?i>1?t.apply(e,arguments):t.call(e,n):t.call(e)}return n._length=t.length,n}function u(t,e){e=e||0;for(var n=t.length-e,i=new Array(n);n--;)i[n]=t[n+e];return i}function d(t,e){for(var n in e)t[n]=e[n];return t}function f(t){return null!==t&&"object"==typeof t}function p(t){return En.call(t)===Pn}function h(t){for(var e={},n=0;n=0&&ii[n].id>t.id;)n--;ii.splice(Math.max(n,si)+1,0,t)}else ii.push(t);oi||(oi=!0,qn(H))}}function G(t){di.clear(),J(t,di)}function J(t,e){var n,i,r=Array.isArray(t);if((r||f(t))&&Object.isExtensible(t)){if(t.__ob__){var o=t.__ob__.dep.id;if(e.has(o))return;e.add(o)}if(r)for(n=t.length;n--;)J(t[n],e);else for(i=Object.keys(t),n=i.length;n--;)J(t[i[n]],e)}}function Y(t){t._watchers=[];var e=t.$options;e.props&&X(t,e.props),e.methods&&Q(t,e.methods),e.data?Z(t):E(t._data={},!0),e.computed&&K(t,e.computed),e.watch&&tt(t,e.watch)}function X(t,e){var n=t.$options.propsData||{},i=t.$options._propKeys=Object.keys(e),r=!t.$parent;Wn.shouldConvert=r;for(var o=function(r){var o=i[r];P(t,o,B(o,e,n,t))},a=0;a1?u(n):n;for(var i=u(arguments,1),r=0,o=n.length;r-1:t.test(e)}function Zt(t){var e={};e.get=function(){return Sn},Object.defineProperty(t,"config",e),t.util=ni,t.set=A,t.delete=j,t.nextTick=qn,t.options=Object.create(null),Sn._assetTypes.forEach(function(e){t.options[e+"s"]=Object.create(null)}),t.options._base=t,d(t.options.components,zi),Ut(t),Gt(t),Jt(t),Yt(t)}function Kt(t){for(var e=t.data,n=t,i=t;i.child;)i=i.child._vnode,i.data&&(e=Wt(i.data,e));for(;n=n.parent;)n.data&&(e=Wt(e,n.data));return Qt(e)}function Wt(t,e){return{staticClass:te(t.staticClass,e.staticClass),class:t.class?[t.class,e.class]:e.class}}function Qt(t){var e=t.class,n=t.staticClass;return n||e?te(n,ee(e)):""}function te(t,e){return t?e?t+" "+e:t:e||""}function ee(t){var e="";if(!t)return e;if("string"==typeof t)return t;if(Array.isArray(t)){for(var n,i=0,r=t.length;i-1?Vi[t]=e.constructor===window.HTMLUnknownElement||e.constructor===window.HTMLElement:Vi[t]=/HTMLUnknownElement/.test(e.toString())}function re(t){if("string"==typeof t){if(!(t=document.querySelector(t)))return document.createElement("div")}return t}function oe(t,e){var n=document.createElement(t);return"select"!==t?n:(e.data&&e.data.attrs&&"multiple"in e.data.attrs&&n.setAttribute("multiple","multiple"),n)}function ae(t,e){return document.createElementNS(Li[t],e)}function se(t){return document.createTextNode(t)}function le(t){return document.createComment(t)}function ce(t,e,n){t.insertBefore(e,n)}function ue(t,e){t.removeChild(e)}function de(t,e){t.appendChild(e)}function fe(t){return t.parentNode}function pe(t){return t.nextSibling}function he(t){return t.tagName}function ve(t,e){t.textContent=e}function me(t,e,n){t.setAttribute(e,n)}function ge(t,e){var n=t.data.ref;if(n){var i=t.context,r=t.child||t.elm,a=i.$refs;e?Array.isArray(a[n])?o(a[n],r):a[n]===r&&(a[n]=void 0):t.data.refInFor?Array.isArray(a[n])&&a[n].indexOf(r)<0?a[n].push(r):a[n]=[r]:a[n]=r}}function be(t){return null==t}function _e(t){return null!=t}function ye(t,e){return t.key===e.key&&t.tag===e.tag&&t.isComment===e.isComment&&!t.data==!e.data}function xe(t,e,n){var i,r,o={};for(i=e;i<=n;++i)r=t[i].key,_e(r)&&(o[r]=i);return o}function we(t){function e(t){return new pi(E.tagName(t).toLowerCase(),{},[],void 0,t)}function n(t,e){function n(){0==--n.listeners&&i(t)}return n.listeners=e,n}function i(t){var e=E.parentNode(t);e&&E.removeChild(e,t)}function o(t,e,n,i,r){if(t.isRootInsert=!r,!a(t,e,n,i)){var o=t.data,s=t.children,l=t.tag;_e(l)?(t.elm=t.ns?E.createElementNS(t.ns,l):E.createElement(l,t),h(t),u(t,s,e),_e(o)&&f(t,e),c(n,t.elm,i)):t.isComment?(t.elm=E.createComment(t.text),c(n,t.elm,i)):(t.elm=E.createTextNode(t.text),c(n,t.elm,i))}}function a(t,e,n,i){var r=t.data;if(_e(r)){var o=_e(t.child)&&r.keepAlive;if(_e(r=r.hook)&&_e(r=r.init)&&r(t,!1,n,i),_e(t.child))return p(t,e),o&&l(t,e,n,i),!0}}function l(t,e,n,i){for(var r,o=t;o.child;)if(o=o.child._vnode,_e(r=o.data)&&_e(r=r.transition)){for(r=0;rf?(c=be(n[m+1])?null:n[m+1].elm,v(t,c,n,d,m,i)):d>m&&g(t,e,u,f)}function y(t,e,n,i){if(t!==e){if(e.isStatic&&t.isStatic&&e.key===t.key&&(e.isCloned||e.isOnce))return e.elm=t.elm,void(e.child=t.child);var r,o=e.data,a=_e(o);a&&_e(r=o.hook)&&_e(r=r.prepatch)&&r(t,e);var s=e.elm=t.elm,l=t.children,c=e.children;if(a&&d(e)){for(r=0;r-1?e.split(/\s+/).forEach(function(e){return t.classList.add(e)}):t.classList.add(e);else{var n=" "+t.getAttribute("class")+" ";n.indexOf(" "+e+" ")<0&&t.setAttribute("class",(n+e).trim())}}function qe(t,e){if(e&&e.trim())if(t.classList)e.indexOf(" ")>-1?e.split(/\s+/).forEach(function(e){return t.classList.remove(e)}):t.classList.remove(e);else{for(var n=" "+t.getAttribute("class")+" ",i=" "+e+" ";n.indexOf(i)>=0;)n=n.replace(i," ");t.setAttribute("class",n.trim())}}function He(t){ur(function(){ur(t)})}function Ue(t,e){(t._transitionClasses||(t._transitionClasses=[])).push(e),Ie(t,e)}function Ge(t,e){t._transitionClasses&&o(t._transitionClasses,e),qe(t,e)}function Je(t,e,n){var i=Ye(t,e),r=i.type,o=i.timeout,a=i.propCount;if(!r)return n();var s=r===rr?sr:cr,l=0,c=function(){t.removeEventListener(s,u),n()},u=function(e){e.target===t&&++l>=a&&c()};setTimeout(function(){l0&&(n=rr,u=a,d=o.length):e===or?c>0&&(n=or,u=c,d=l.length):(u=Math.max(a,c),n=u>0?a>c?rr:or:null,d=n?n===rr?o.length:l.length:0),{type:n,timeout:u,propCount:d,hasTransform:n===rr&&dr.test(i[ar+"Property"])}}function Xe(t,e){for(;t.length1,M=n._enterCb=tn(function(){j&&(Ge(n,C),Ge(n,k)),M.cancelled?(j&&Ge(n,z),A&&A(n)):P&&P(n),n._enterCb=null});t.data.show||st(t.data.hook||(t.data.hook={}),"insert",function(){var e=n.parentNode,i=e&&e._pending&&e._pending[t.key];i&&i.context===t.context&&i.tag===t.tag&&i.elm._leaveCb&&i.elm._leaveCb(),E&&E(n,M)},"transition-insert"),O&&O(n),j&&(Ue(n,z),Ue(n,k),He(function(){Ue(n,C),Ge(n,z),M.cancelled||S||Je(n,o,M)})),t.data.show&&(e&&e(),E&&E(n,M)),j||S||M()}}}function We(t,e){function n(){g.cancelled||(t.data.show||((i.parentNode._pending||(i.parentNode._pending={}))[t.key]=t),u&&u(i),v&&(Ue(i,s),Ue(i,c),He(function(){Ue(i,l),Ge(i,s),g.cancelled||m||Je(i,a,g)})),d&&d(i,g),v||m||g())}var i=t.elm;i._enterCb&&(i._enterCb.cancelled=!0,i._enterCb());var r=Qe(t.data.transition);if(!r)return e();if(!i._leaveCb&&1===i.nodeType){var o=r.css,a=r.type,s=r.leaveClass,l=r.leaveToClass,c=r.leaveActiveClass,u=r.beforeLeave,d=r.leave,f=r.afterLeave,p=r.leaveCancelled,h=r.delayLeave,v=o!==!1&&!$n,m=d&&(d._length||d.length)>1,g=i._leaveCb=tn(function(){i.parentNode&&i.parentNode._pending&&(i.parentNode._pending[t.key]=null),v&&(Ge(i,l),Ge(i,c)),g.cancelled?(v&&Ge(i,s),p&&p(i)):(e(),f&&f(i)),i._leaveCb=null});h?h(n):n()}}function Qe(t){if(t){if("object"==typeof t){var e={};return t.css!==!1&&d(e,fr(t.name||"v")),d(e,t),e}return"string"==typeof t?fr(t):void 0}}function tn(t){var e=!1;return function(){e||(e=!0,t())}}function en(t,e){e.data.show||Ke(e)}function nn(t,e,n){var i=e.value,r=t.multiple;if(!r||Array.isArray(i)){for(var o,a,s=0,l=t.options.length;s-1,a.selected!==o&&(a.selected=o);else if(g(on(a),i))return void(t.selectedIndex!==s&&(t.selectedIndex=s));r||(t.selectedIndex=-1)}}function rn(t,e){for(var n=0,i=e.length;n0,Vn=Rn&&Rn.indexOf("edge/")>0,Bn=Rn&&Rn.indexOf("android")>0,Fn=Rn&&/iphone|ipad|ipod|ios/.test(Rn),Dn=function(){return void 0===bn&&(bn=!Ln&&void 0!==e&&"server"===e.process.env.VUE_ENV),bn},In=Ln&&window.__VUE_DEVTOOLS_GLOBAL_HOOK__,qn=function(){function t(){i=!1;var t=n.slice(0);n.length=0;for(var e=0;e1&&(e[n[0].trim()]=n[1].trim())}}),e}),Ki=/^--/,Wi=/\s*!important$/,Qi=function(t,e,n){Ki.test(e)?t.style.setProperty(e,n):Wi.test(n)?t.style.setProperty(e,n.replace(Wi,""),"important"):t.style[er(e)]=n},tr=["Webkit","Moz","ms"],er=l(function(t){if(Ci=Ci||document.createElement("div"),"filter"!==(t=zn(t))&&t in Ci.style)return t;for(var e=t.charAt(0).toUpperCase()+t.slice(1),n=0;n1?e-1:0),i=1;i0&&this.__events[t].splice(n,1):delete this.__events[t]}}};var l=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||window.msRequestAnimationFrame||function(t,e){return window.setTimeout(t,1e3/60)},c=window.cancelAnimationFrame||window.mozCancelAnimationFrame||window.webkitCancelAnimationFrame||window.msRequestAnimationFrame||function(t){clearTimeout(t)},u=function(t,e,n){e=e.split(/\s+/),e.forEach(function(e){return t.addEventListener(e,n)})},d=function(t,e,n){e=e.split(/\s+/),e.forEach(function(e){return t.removeEventListener(e,n)})};e.extend=s,e.EventEmitter=r,e.requestAnimationFrame=l,e.cancelAnimationFrame=c,e.bindEvents=u,e.removeEvents=d},function(t,e,n){t.exports={default:n(137),__esModule:!0}},function(t,e){t.exports=function(t){if("function"!=typeof t)throw TypeError(t+" is not a function!");return t}},function(t,e){t.exports=function(t){if(void 0==t)throw TypeError("Can't call method on "+t);return t}},function(t,e,n){var i=n(16),r=n(3).document,o=i(r)&&i(r.createElement);t.exports=function(t){return o?r.createElement(t):{}}},function(t,e,n){var i=n(17).f,r=n(15),o=n(1)("toStringTag");t.exports=function(t,e,n){t&&!r(t=n?t:t.prototype,o)&&i(t,o,{configurable:!0,value:e})}},function(t,e,n){var i=n(47)("keys"),r=n(50);t.exports=function(t){return i[t]||(i[t]=r(t))}},function(t,e){var n=Math.ceil,i=Math.floor;t.exports=function(t){return isNaN(t=+t)?0:(t>0?i:n)(t)}},function(t,e,n){var i=n(42),r=n(24);t.exports=function(t){return i(r(t))}},function(t,e){t.exports={"zh-CN":[{name:"开发指南",groups:[{list:[{path:"/install",title:"安装"},{path:"/quickstart",title:"快速上手"}]}]},{name:"ZanUI组件",showInMobile:!0,groups:[{groupName:"基础组件",list:[{path:"/button",title:"Button"},{path:"/icon",title:"Icon"},{path:"/cell",title:"Cell"},{path:"/progress",title:"Progress"},{path:"/panel",title:"Panel"},{path:"/card",title:"Card"},{path:"/loading",title:"Loading"},{path:"/steps",title:"Steps"},{path:"/tag",title:"Tag"},{path:"/badge",title:"Badge"},{path:"/tab",title:"Tab"},{path:"/lazyload",title:"Lazyload"},{path:"/popup",title:"Popup"},{path:"/swipe",title:"Swipe"},{path:"/search",title:"Search"},{path:"/quantity",title:"Quantity"},{path:"/waterfall",title:"Waterfall"},{path:"/image-preview",title:"ImagePreview"}]},{groupName:"表单",list:[{path:"/switch",title:"Switch"},{path:"/field",title:"Field"},{path:"/radio",title:"Radio"},{path:"/checkbox",title:"Checkbox"},{path:"/uploader",title:"Uploader"}]},{groupName:"操作反馈",list:[{path:"/actionsheet",title:"ActionSheet"},{path:"/toast",title:"Toast"},{path:"/picker",title:"Picker"},{path:"/datetime-picker",title:"Datetime Picker"},{path:"/dialog",title:"Dialog"}]}]}]}},function(t,e,n){function i(t){for(var e=0;en.parts.length&&(i.parts.length=n.parts.length)}else{for(var o=[],r=0;r";for(e.style.display="none",n(41).appendChild(e),e.src="javascript:",t=e.contentWindow.document,t.open(),t.write(r+"script"+a+"document.F=Object"+r+"/script"+a),t.close(),c=t.F;i--;)delete c[l][o[i]];return c()};t.exports=Object.create||function(t,e){var n;return null!==t?(s[l]=i(t),n=new s,s[l]=null,n[a]=t):n=c(),void 0===e?n:r(n,e)}},function(t,e){t.exports=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}}},function(t,e,n){var i=n(3),r="__core-js_shared__",o=i[r]||(i[r]={});t.exports=function(t){return o[t]||(o[t]={})}},function(t,e,n){var i,r,o,a=n(14),s=n(144),l=n(41),c=n(25),u=n(3),d=u.process,f=u.setImmediate,p=u.clearImmediate,h=u.MessageChannel,v=0,m={},g="onreadystatechange",b=function(){var t=+this;if(m.hasOwnProperty(t)){var e=m[t];delete m[t],e()}},_=function(t){b.call(t.data)};f&&p||(f=function(t){for(var e=[],n=1;arguments.length>n;)e.push(arguments[n++]);return m[++v]=function(){s("function"==typeof t?t:Function(t),e)},i(v),v},p=function(t){delete m[t]},"process"==n(13)(d)?i=function(t){d.nextTick(a(b,t,1))}:h?(r=new h,o=r.port2,r.port1.onmessage=_,i=a(o.postMessage,o,1)):u.addEventListener&&"function"==typeof postMessage&&!u.importScripts?(i=function(t){u.postMessage(t+"","*")},u.addEventListener("message",_,!1)):i=g in c("script")?function(t){l.appendChild(c("script"))[g]=function(){l.removeChild(this),b.call(t)}}:function(t){setTimeout(a(b,t,1),0)}),t.exports={set:f,clear:p}},function(t,e,n){var i=n(28),r=Math.min;t.exports=function(t){return t>0?r(i(t),9007199254740991):0}},function(t,e){var n=0,i=Math.random();t.exports=function(t){return"Symbol(".concat(void 0===t?"":t,")_",(++n+i).toString(36))}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t,e){function i(t){r.push({path:"/component"+t.path,component:function(i){n.e(0).then(function(){var r=[e?n(247)("./examples-dist"+t.path+".vue"):n(248)("./examples-docs"+t.path+".md")];i.apply(null,r)}.bind(this)).catch(n.oe)}})}var r=[];return t["zh-CN"].forEach(function(t){t.groups?t.groups.forEach(function(t){t.list.forEach(function(t){i(t)})}):t.children?t.children.forEach(function(t){i(t)}):i(t)}),r};e.default=i},function(t,e,n){var i=n(172);"string"==typeof i&&(i=[[t.i,i,""]]);n(54)(i,{});i.locals&&(t.exports=i.locals)},function(t,e,n){"use strict";function i(t,e){t||"undefined"!=typeof console&&console.warn("[vue-router] "+e)}function r(t,e){switch(typeof e){case"undefined":return;case"object":return e;case"function":return e(t);case"boolean":return e?t.params:void 0;default:i(!1,'props in "'+t.path+'" is a '+typeof e+", expecting an object, function or boolean.")}}function o(t,e){if(void 0===e&&(e={}),t){var n;try{n=a(t)}catch(t){n={}}for(var i in e)n[i]=e[i];return n}return e}function a(t){var e={};return(t=t.trim().replace(/^(\?|#|&)/,""))?(t.split("&").forEach(function(t){var n=t.replace(/\+/g," ").split("="),i=Mt(n.shift()),r=n.length>0?Mt(n.join("=")):null;void 0===e[i]?e[i]=r:Array.isArray(e[i])?e[i].push(r):e[i]=[e[i],r]}),e):e}function s(t){var e=t?Object.keys(t).map(function(e){var n=t[e];if(void 0===n)return"";if(null===n)return St(e);if(Array.isArray(n)){var i=[];return n.slice().forEach(function(t){void 0!==t&&(null===t?i.push(St(e)):i.push(St(e)+"="+St(t)))}),i.join("&")}return St(e)+"="+St(n)}).filter(function(t){return t.length>0}).join("&"):null;return e?"?"+e:""}function l(t,e,n){var i={name:e.name||t&&t.name,meta:t&&t.meta||{},path:e.path||"/",hash:e.hash||"",query:e.query||{},params:e.params||{},fullPath:u(e),matched:t?c(t):[]};return n&&(i.redirectedFrom=u(n)),Object.freeze(i)}function c(t){for(var e=[];t;)e.unshift(t),t=t.parent;return e}function u(t){var e=t.path,n=t.query;void 0===n&&(n={});var i=t.hash;return void 0===i&&(i=""),(e||"/")+s(n)+i}function d(t,e){return e===Lt?t===e:!!e&&(t.path&&e.path?t.path.replace(Tt,"")===e.path.replace(Tt,"")&&t.hash===e.hash&&f(t.query,e.query):!(!t.name||!e.name)&&(t.name===e.name&&t.hash===e.hash&&f(t.query,e.query)&&f(t.params,e.params)))}function f(t,e){void 0===t&&(t={}),void 0===e&&(e={});var n=Object.keys(t),i=Object.keys(e);return n.length===i.length&&n.every(function(n){return String(t[n])===String(e[n])})}function p(t,e){return 0===t.path.replace(Tt,"/").indexOf(e.path.replace(Tt,"/"))&&(!e.hash||t.hash===e.hash)&&h(t.query,e.query)}function h(t,e){for(var n in e)if(!(n in t))return!1;return!0}function v(t){if(!(t.metaKey||t.ctrlKey||t.shiftKey||t.defaultPrevented||void 0!==t.button&&0!==t.button)){if(t.target&&t.target.getAttribute){var e=t.target.getAttribute("target");if(/\b_blank\b/i.test(e))return}return t.preventDefault&&t.preventDefault(),!0}}function m(t){if(t)for(var e,n=0;n=0&&(e=t.slice(i),t=t.slice(0,i));var r=t.indexOf("?");return r>=0&&(n=t.slice(r+1),t=t.slice(0,r)),{path:t,query:n,hash:e}}function y(t){return t.replace(/\/\//g,"/")}function x(t,e,n){var i=e||Object.create(null),r=n||Object.create(null);return t.forEach(function(t){w(i,r,t)}),{pathMap:i,nameMap:r}}function w(t,e,n,i,r){var o=n.path,a=n.name,s={path:z(o,i),components:n.components||{default:n.component},instances:{},name:a,parent:i,matchAs:r,redirect:n.redirect,beforeEnter:n.beforeEnter,meta:n.meta||{},props:null==n.props?{}:n.components?n.props:{default:n.props}};if(n.children&&n.children.forEach(function(n){w(t,e,n,s,r?y(r+"/"+n.path):void 0)}),void 0!==n.alias)if(Array.isArray(n.alias))n.alias.forEach(function(r){w(t,e,{path:r,children:n.children},i,s.path)});else{var l={path:n.alias,children:n.children};w(t,e,l,i,s.path)}t[s.path]||(t[s.path]=s),a&&(e[a]||(e[a]=s))}function z(t,e){return t=t.replace(/\/$/,""),"/"===t[0]?t:null==e?t:y(e.path+"/"+t)}function k(t,e){for(var n,i=[],r=0,o=0,a="",s=e&&e.delimiter||"/";null!=(n=Gt.exec(t));){var l=n[0],c=n[1],u=n.index;if(a+=t.slice(o,u),o=u+l.length,c)a+=c[1];else{var d=t[o],f=n[2],p=n[3],h=n[4],v=n[5],m=n[6],g=n[7];a&&(i.push(a),a="");var b=null!=f&&null!=d&&d!==f,_="+"===m||"*"===m,y="?"===m||"*"===m,x=n[2]||s,w=h||v;i.push({name:p||r++,prefix:f||"",delimiter:x,optional:y,repeat:_,partial:b,asterisk:!!g,pattern:w?j(w):g?".*":"[^"+A(x)+"]+?"})}}return o-1&&(i.params[l]=e.params[l]);if(o)return i.path=B(o.path,i.params,'named route "'+r+'"'),a(o,i,n)}else if(i.path){i.params={};for(var d in c)if(q(d,i.params,i.path))return a(c[d],i,n)}return a(null,i)}function r(t,e){var r=t.redirect,o="function"==typeof r?r(l(t,e)):r;if("string"==typeof o&&(o={path:o}),!o||"object"!=typeof o)return a(null,e);var s=o,c=s.name,d=s.path,f=e.query,p=e.hash,h=e.params;if(f=s.hasOwnProperty("query")?s.query:f,p=s.hasOwnProperty("hash")?s.hash:p,h=s.hasOwnProperty("params")?s.params:h,c){u[c];return n({_normalized:!0,name:c,query:f,hash:p,params:h},void 0,e)}if(d){var v=H(d,t);return n({_normalized:!0,path:B(v,h,'redirect route with path "'+v+'"'),query:f,hash:p},void 0,e)}return i(!1,"invalid redirect option: "+JSON.stringify(o)),a(null,e)}function o(t,e,i){var r=B(i,e.params,'aliased route with path "'+i+'"'),o=n({_normalized:!0,path:r});if(o){var s=o.matched,l=s[s.length-1];return e.params=o.params,a(l,e)}return a(null,e)}function a(t,e,n){return t&&t.redirect?r(t,n||e):t&&t.matchAs?o(t,e,t.matchAs):l(t,e,n)}var s=x(t),c=s.pathMap,u=s.nameMap;return{match:n,addRoutes:e}}function q(t,e,n){var i=V(t),r=i.regexp,o=i.keys,a=n.match(r);if(!a)return!1;if(!e)return!0;for(var s=1,l=a.length;s=t.length?n():t[r]?e(t[r],function(){i(r+1)}):i(r+1)};i(0)}function ot(t){if(!t)if(Vt){var e=document.querySelector("base");t=e&&e.getAttribute("href")||"/"}else t="/";return"/"!==t.charAt(0)&&(t="/"+t),t.replace(/\/$/,"")}function at(t,e){var n,i=Math.max(t.length,e.length);for(n=0;n=0?e:0)+"#"+t)}function Ct(t,e,n){var i="hash"===n?"#"+e:e;return t?y(t+"/"+i):i}Object.defineProperty(e,"__esModule",{value:!0});var Ot,Et={name:"router-view",functional:!0,props:{name:{type:String,default:"default"}},render:function(t,e){var n=e.props,i=e.children,o=e.parent,a=e.data;a.routerView=!0;for(var s=n.name,l=o.$route,c=o._routerViewCache||(o._routerViewCache={}),u=0,d=!1;o;)o.$vnode&&o.$vnode.data.routerView&&u++,o._inactive&&(d=!0),o=o.$parent;if(a.routerViewDepth=u,d)return t(c[s],a,i);var f=l.matched[u];if(!f)return c[s]=null,t();var p=c[s]=f.components[s],h=a.hook||(a.hook={});return h.init=function(t){f.instances[s]=t.child},h.prepatch=function(t,e){f.instances[s]=e.child},h.destroy=function(t){f.instances[s]===t.child&&(f.instances[s]=void 0)},a.props=r(l,f.props&&f.props[s]),t(p,a,i)}},Pt=/[!'()*]/g,At=function(t){return"%"+t.charCodeAt(0).toString(16)},jt=/%2C/g,St=function(t){return encodeURIComponent(t).replace(Pt,At).replace(jt,",")},Mt=decodeURIComponent,Tt=/\/?$/,Lt=l(null,{path:"/"}),Rt=[String,Object],Nt=[String,Array],$t={name:"router-link",props:{to:{type:Rt,required:!0},tag:{type:String,default:"a"},exact:Boolean,append:Boolean,replace:Boolean,activeClass:String,event:{type:Nt,default:"click"}},render:function(t){var e=this,n=this.$router,i=this.$route,r=n.resolve(this.to,i,this.append),o=r.location,a=r.route,s=r.href,c={},u=this.activeClass||n.options.linkActiveClass||"router-link-active",f=o.path?l(null,o):a;c[u]=this.exact?d(i,f):p(i,f);var h=function(t){v(t)&&(e.replace?n.replace(o):n.push(o))},g={click:v};Array.isArray(this.event)?this.event.forEach(function(t){g[t]=h}):g[this.event]=h;var b={class:c};if("a"===this.tag)b.on=g,b.attrs={href:s};else{var _=m(this.$slots.default);if(_){_.isStatic=!1;var y=Ot.util.extend;(_.data=y({},_.data)).on=g;(_.data.attrs=y({},_.data.attrs)).href=s}else b.on=g}return t(this.tag,b,this.$slots.default)}},Vt="undefined"!=typeof window,Bt=Array.isArray||function(t){return"[object Array]"==Object.prototype.toString.call(t)},Ft=Bt,Dt=$,It=k,qt=C,Ht=P,Ut=N,Gt=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");Dt.parse=It,Dt.compile=qt,Dt.tokensToFunction=Ht,Dt.tokensToRegExp=Ut;var Jt=Object.create(null),Yt=Object.create(null),Xt=Object.create(null),Zt=Vt&&function(){var t=window.navigator.userAgent;return(t.indexOf("Android 2.")===-1&&t.indexOf("Android 4.0")===-1||t.indexOf("Mobile Safari")===-1||t.indexOf("Chrome")!==-1||t.indexOf("Windows Phone")!==-1)&&(window.history&&"pushState"in window.history)}(),Kt=Vt&&window.performance&&window.performance.now?window.performance:Date,Wt=Q(),Qt=function(t,e){this.router=t,this.base=ot(e),this.current=Lt,this.pending=null,this.ready=!1,this.readyCbs=[]};Qt.prototype.listen=function(t){this.cb=t},Qt.prototype.onReady=function(t){this.ready?t():this.readyCbs.push(t)},Qt.prototype.transitionTo=function(t,e,n){var i=this,r=this.router.match(t,this.current);this.confirmTransition(r,function(){i.updateRoute(r),e&&e(r),i.ensureURL(),i.ready||(i.ready=!0,i.readyCbs.forEach(function(t){t(r)}))},n)},Qt.prototype.confirmTransition=function(t,e,n){var i=this,r=this.current,o=function(){n&&n()};if(d(t,r)&&t.matched.length===r.matched.length)return this.ensureURL(),o();var a=at(this.current.matched,t.matched),s=a.updated,l=a.deactivated,c=a.activated,u=[].concat(ct(l),this.router.beforeHooks,ut(s),c.map(function(t){return t.beforeEnter}),vt(c));this.pending=t;var f=function(e,n){if(i.pending!==t)return o();e(t,r,function(t){t===!1?(i.ensureURL(!0),o()):"string"==typeof t||"object"==typeof t?("object"==typeof t&&t.replace?i.replace(t):i.push(t),o()):n(t)})};rt(u,f,function(){var n=[];rt(ft(c,n,function(){return i.current===t}),f,function(){if(i.pending!==t)return o();i.pending=null,e(t),i.router.app&&i.router.app.$nextTick(function(){n.forEach(function(t){return t()})})})})},Qt.prototype.updateRoute=function(t){var e=this.current;this.current=t,this.cb&&this.cb(t),this.router.afterHooks.forEach(function(n){n&&n(t,e)})};var te=function(t){function e(e,n){var i=this;t.call(this,e,n);var r=e.options.scrollBehavior;r&&U(),window.addEventListener("popstate",function(t){i.transitionTo(_t(i.base),function(t){r&&G(e,t,i.current,!0)})})}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.go=function(t){window.history.go(t)},e.prototype.push=function(t,e,n){var i=this;this.transitionTo(t,function(t){nt(y(i.base+t.fullPath)),G(i.router,t,i.current,!1),e&&e(t)},n)},e.prototype.replace=function(t,e,n){var i=this;this.transitionTo(t,function(t){it(y(i.base+t.fullPath)),G(i.router,t,i.current,!1),e&&e(t)},n)},e.prototype.ensureURL=function(t){if(_t(this.base)!==this.current.fullPath){var e=y(this.base+this.current.fullPath);t?nt(e):it(e)}},e.prototype.getCurrentLocation=function(){return _t(this.base)},e}(Qt),ee=function(t){function e(e,n,i){t.call(this,e,n),i&&yt(this.base)||xt()}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.setupListeners=function(){var t=this;window.addEventListener("hashchange",function(){xt()&&t.transitionTo(wt(),function(t){kt(t.fullPath)})})},e.prototype.push=function(t,e,n){this.transitionTo(t,function(t){zt(t.fullPath),e&&e(t)},n)},e.prototype.replace=function(t,e,n){this.transitionTo(t,function(t){kt(t.fullPath),e&&e(t)},n)},e.prototype.go=function(t){window.history.go(t)},e.prototype.ensureURL=function(t){var e=this.current.fullPath;wt()!==e&&(t?zt(e):kt(e))},e.prototype.getCurrentLocation=function(){return wt()},e}(Qt),ne=function(t){function e(e,n){t.call(this,e,n),this.stack=[],this.index=-1}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.push=function(t,e,n){var i=this;this.transitionTo(t,function(t){i.stack=i.stack.slice(0,i.index+1).concat(t),i.index++,e&&e(t)},n)},e.prototype.replace=function(t,e,n){var i=this;this.transitionTo(t,function(t){i.stack=i.stack.slice(0,i.index).concat(t),e&&e(t)},n)},e.prototype.go=function(t){var e=this,n=this.index+t;if(!(n<0||n>=this.stack.length)){var i=this.stack[n];this.confirmTransition(i,function(){e.index=n,e.updateRoute(i)})}},e.prototype.getCurrentLocation=function(){var t=this.stack[this.stack.length-1];return t?t.fullPath:"/"},e.prototype.ensureURL=function(){},e}(Qt),ie=function(t){void 0===t&&(t={}),this.app=null,this.apps=[],this.options=t,this.beforeHooks=[],this.afterHooks=[],this.matcher=I(t.routes||[]);var e=t.mode||"hash";switch(this.fallback="history"===e&&!Zt,this.fallback&&(e="hash"),Vt||(e="abstract"),this.mode=e,e){case"history":this.history=new te(this,t.base);break;case"hash":this.history=new ee(this,t.base,this.fallback);break;case"abstract":this.history=new ne(this,t.base)}},re={currentRoute:{}};ie.prototype.match=function(t,e,n){return this.matcher.match(t,e,n)},re.currentRoute.get=function(){return this.history&&this.history.current},ie.prototype.init=function(t){var e=this;if(this.apps.push(t),!this.app){this.app=t;var n=this.history;if(n instanceof te)n.transitionTo(n.getCurrentLocation());else if(n instanceof ee){var i=function(){n.setupListeners()};n.transitionTo(n.getCurrentLocation(),i,i)}n.listen(function(t){e.apps.forEach(function(e){e._route=t})})}},ie.prototype.beforeEach=function(t){this.beforeHooks.push(t)},ie.prototype.afterEach=function(t){this.afterHooks.push(t)},ie.prototype.onReady=function(t){this.history.onReady(t)},ie.prototype.push=function(t,e,n){this.history.push(t,e,n)},ie.prototype.replace=function(t,e,n){this.history.replace(t,e,n)},ie.prototype.go=function(t){this.history.go(t)},ie.prototype.back=function(){this.go(-1)},ie.prototype.forward=function(){this.go(1)},ie.prototype.getMatchedComponents=function(t){var e=t?this.resolve(t).route:this.currentRoute;return e?[].concat.apply([],e.matched.map(function(t){return Object.keys(t.components).map(function(e){return t.components[e]})})):[]},ie.prototype.resolve=function(t,e,n){var i=F(t,e||this.history.current,n),r=this.match(i,e),o=r.redirectedFrom||r.fullPath;return{location:i,route:r,href:Ct(this.history.base,o,this.mode),normalizedTo:i,resolved:r}},ie.prototype.addRoutes=function(t){this.matcher.addRoutes(t),this.history.current!==Lt&&this.history.transitionTo(this.history.getCurrentLocation())},Object.defineProperties(ie.prototype,re),ie.install=g,ie.version="2.2.1",Vt&&window.Vue&&window.Vue.use(ie),e.default=ie},function(t,e){function n(t,e){for(var n=0;n=0&&b.splice(e,1)}function a(t){var e=document.createElement("style");return e.type="text/css",r(t,e),e}function s(t){var e=document.createElement("link");return e.rel="stylesheet",r(t,e),e}function l(t,e){var n,i,r;if(e.singleton){var l=g++;n=m||(m=a(e)),i=c.bind(null,n,l,!1),r=c.bind(null,n,l,!0)}else t.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(n=s(e),i=d.bind(null,n),r=function(){o(n),n.href&&URL.revokeObjectURL(n.href)}):(n=a(e),i=u.bind(null,n),r=function(){o(n)});return i(t),function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap)return;i(t=e)}else r()}}function c(t,e,n,i){var r=n?"":i.css;if(t.styleSheet)t.styleSheet.cssText=_(e,r);else{var o=document.createTextNode(r),a=t.childNodes;a[e]&&t.removeChild(a[e]),a.length?t.insertBefore(o,a[e]):t.appendChild(o)}}function u(t,e){var n=e.css,i=e.media;if(i&&t.setAttribute("media",i),t.styleSheet)t.styleSheet.cssText=n;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(n))}}function d(t,e){var n=e.css,i=e.sourceMap;i&&(n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i))))+" */");var r=new Blob([n],{type:"text/css"}),o=t.href;t.href=URL.createObjectURL(r),o&&URL.revokeObjectURL(o)}var f={},p=function(t){var e;return function(){return void 0===e&&(e=t.apply(this,arguments)),e}},h=p(function(){return/msie [6-9]\b/.test(self.navigator.userAgent.toLowerCase())}),v=p(function(){return document.head||document.getElementsByTagName("head")[0]}),m=null,g=0,b=[];t.exports=function(t,e){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");e=e||{},void 0===e.singleton&&(e.singleton=h()),void 0===e.insertAt&&(e.insertAt="bottom");var r=i(t);return n(r,e),function(t){for(var o=[],a=0;a-1:void 0},isDisabled:function(){return this.isGroup&&this.parentGroup?this.parentGroup.disabled||this.disabled:this.disabled}},methods:{handleLabelClick:function(){this.isDisabled||(this.currentValue=!this.currentValue)}}}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={name:"zan-col",props:{span:[Number,String],offset:[Number,String],prefix:{type:String,default:"zan"}},computed:{gutter:function(){return Number(this.$parent.gutter)},style:function(){var t=this.gutter/2+"px";return this.gutter?{paddingLeft:t,paddingRight:t}:null}}}},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(11),o=i(r);e.default={name:"zan-dialog",mixins:[o.default],props:{overlay:{default:!0},closeOnClickOverlay:{default:!0},lockOnScroll:{default:!0}},data:function(){return{title:"",message:"",type:"",showConfirmButton:!0,showCancelButton:!1,confirmButtonText:"确认",cancelButtonText:"取消",callback:null}},methods:{handleAction:function(t){this.value=!1,this.callback&&this.callback(t)},close:function(){var t=this;this.closing||(this.closing=!0,this.value=!1,this.lockOnScroll&&setTimeout(function(){t.modal&&"hidden"!==t.bodyOverflow&&(document.body.style.overflow=t.bodyOverflow),t.bodyOverflow=null},200),this.opened=!1,this.doAfterClose())}}}},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(35),o=i(r);e.default={name:"zan-field",components:{zanCell:o.default},props:{type:{type:String,default:"text"},placeholder:String,value:{},label:String,disabled:Boolean,error:Boolean,readonly:Boolean,maxlength:[String,Number],border:Boolean},data:function(){return{currentValue:this.value}},watch:{value:function(t){this.currentValue=t},currentValue:function(t){this.$emit("input",t)}},methods:{handleInput:function(t){this.currentValue=t.target.value}}}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={name:"zan-icon",props:{name:String},methods:{handleIconClick:function(t){this.$emit("click",t)}}}},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(11),o=i(r),a=n(37),s=i(a),l=n(36),c=i(l);e.default={name:"zan-image-preview",mixins:[o.default],components:{ZanSwipe:s.default,ZanSwipeItem:c.default},props:{overlay:{default:!0},lockOnScroll:{default:!0},closeOnClickOverlay:{default:!0}},data:function(){return{images:[],viewportSize:null}},methods:{handlePreviewClick:function(){this.value=!1},close:function(){var t=this;this.closing||(this.closing=!0,this.value=!1,this.lockOnScroll&&setTimeout(function(){t.modal&&"hidden"!==t.bodyOverflow&&(document.body.style.overflow=t.bodyOverflow),t.bodyOverflow=null},200),this.opened=!1,this.doAfterClose())}}}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=["gradient-circle","circle"],r=["black","white"];e.default={name:"zan-loading",props:{type:{type:String,default:"gradient-circle",validate:function(t){return i.indexOf(t)>-1}},color:{type:String,default:"black",validate:function(t){return r.indexOf(t)>-1}}}}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={name:"zan-panel",props:{title:String,desc:String,status:String}}},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(133),o=i(r),a=n(107),s=i(a);e.default={name:"zan-picker-column",props:{visibileColumnCount:{type:Number,default:5},values:{type:Array,default:function(){return[]}},className:{type:String,default:""},itemHeight:{type:Number,default:44},value:{},valueKey:String},data:function(){return{currentValue:this.value,currentValues:this.values,isDragging:!1}},watch:{values:function(t){this.currentValues=t},currentValues:function(t){this.valueIndex===-1&&(this.currentValue=(t||[])[0])},currentValue:function(t){this.doOnValueChange(),this.$emit("change",this)}},computed:{visibleContentHeight:function(){return this.itemHeight*this.visibileColumnCount},valueIndex:function(){return this.currentValues.indexOf(this.currentValue)},dragRange:function(){var t=this.currentValues,e=this.visibileColumnCount,n=this.itemHeight;return[-n*(t.length-Math.ceil(e/2)),n*Math.floor(e/2)]},classNames:function(){return this.className.split(" ")}},mounted:function(){this.initEvents(),this.doOnValueChange()},methods:{value2Translate:function(t){var e=this.currentValues,n=e.indexOf(t),i=Math.floor(this.visibileColumnCount/2),r=this.itemHeight;if(n!==-1)return(n-i)*-r},translate2Value:function(t){var e=this.itemHeight;t=Math.round(t/e)*e;var n=-(t-Math.floor(this.visibileColumnCount/2)*e)/e;return this.currentValues[n]},initEvents:function(){var t,e,n,i=this,r=this.$refs.wrapper,a={};(0,s.default)(r,{start:function(t){a={range:i.dragRange,start:new Date,startLeft:t.pageX,startTop:t.pageY,startTranslateTop:o.default.getElementTranslate(r).top},n=r.querySelectorAll(".zan-picker-item")},drag:function(n){i.isDragging=!0,a.left=n.pageX,a.top=n.pageY;var s=a.top-a.startTop,l=a.startTranslateTop+s;o.default.translateElement(r,null,l),t=l-e||l,e=l},end:function(){if(i.isDragging){i.isDragging=!1;var e,n=o.default.getElementTranslate(r).top;new Date-a.start<300&&(e=n+t*7);var s=a.range;i.$nextTick(function(){var t,a=i.itemHeight;t=e?Math.round(e/a)*a:Math.round(n/a)*a,t=Math.max(Math.min(t,s[1]),s[0]),o.default.translateElement(r,null,t),i.currentValue=i.translate2Value(t)})}a={}}})},doOnValueChange:function(){var t=this.currentValue,e=this.$refs.wrapper;this.$emit("input",this.currentValue),o.default.translateElement(e,null,this.value2Translate(t))}}}},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(188),o=i(r);e.default={name:"zan-picker",components:{PickerColumn:o.default},props:{visibileColumnCount:{type:Number,default:5},itemHeight:{type:Number,default:44},columns:{type:Array,default:function(){return[]}},showToolbar:{type:Boolean,default:!1},valueKey:String},computed:{values:function t(){var e=this.columns||[],t=[];return e.forEach(function(e){t.push(e.value||e.values[e.defaultIndex||0])}),t}},methods:{handlePickerCancel:function(){this.$emit("cancel",this.values)},handlePickerConfirm:function(){this.$emit("confirm",this.values)},columnValueChange:function(t){this.$emit("change",this,this.values,t)},getColumn:function(t){return this.$children.filter(function(t){return"zan-picker-column"===t.$options.name})[t]},getColumnValue:function(t){var e=this.getColumn(t);return e&&e.values[e.valueIndex]},setColumnValue:function(t,e){var n=this.getColumn(t);n&&(n.currentValue=e)},getColumnValues:function(t){var e=this.getColumn(t);return e&&e.currentValues},setColumnValues:function(t,e){var n=this.getColumn(t);n&&(n.currentValues=e)},getValues:function(){return this.values},setValues:function(t){var e=this;t.forEach(function(t,n){e.setColumnValue(n,t)})}}}},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(11),o=i(r);e.default={name:"zan-popup",mixins:[o.default],props:{overlay:{default:!0},lockOnScroll:{default:!1},closeOnClickOverlay:{default:!0},transition:{type:String,default:"popup-slide"},position:{type:String,default:""}},data:function(){return{currentValue:!1,currentTransition:this.transition}},watch:{currentValue:function(t){this.$emit("input",t)},value:function(t){this.currentValue=t}},beforeMount:function(){"popup-fade"!==this.transition&&(this.currentTransition="popup-slide-"+this.position)},mounted:function(){this.value&&(this.currentValue=!0,this.open())}}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={name:"zan-progress",props:{percentage:{type:Number,default:0,validate:function(t){return t<=100&&t>=0}},inactive:{type:Boolean,default:!1},pivotText:{type:String,default:function(){return this.percentage.toString()+"%"}},color:{type:String,default:"#38f"},textColor:{type:String,default:"#fff"}},computed:{componentColor:function(){return this.inactive?"#cacaca":this.color},pivotStyle:function t(){var t={backgroundColor:this.componentColor,color:this.textColor,left:this.percentage+"%",marginLeft:"-14px"};return console.log(this.percentage),this.percentage<=5?(t.left="0%",t.marginLeft="0"):this.percentage>=95?(t.left="100%",t.marginLeft="-28px"):(t.left=this.percentage+"%",t.marginLeft="-14px"),t}}}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={name:"zan-quantity",props:{min:{type:[String,Number],default:1},max:{type:[String,Number],default:1/0},value:{},step:{type:[String,Number],default:1},disabled:Boolean,defaultValue:{type:[String,Number],default:1}},data:function(){return{currentValue:this.value?+this.value:+this.defaultValue}},computed:{isMinusDisabled:function(){var t=+this.min,e=+this.step,n=+this.currentValue;return t===n||n-et||this.disabled}},watch:{currentValue:function(t){this.$emit("input",+t)},value:function(t){t&&(this.currentValue=+t)}},methods:{handleInputChange:function(t){var e=+t.target.value,n=+this.max,i=+this.min;e>n?e=n:e-1}},message:{type:String,default:"",validate:function(t){if("success"===this.type||"fail"===this.type)return t.length<=16}}},data:function(){return{visible:!1}},computed:{displayStyle:function(){switch(this.type){case"text":return"text";case"loading":return"loading";default:return"default"}},iconName:function(){return"check"}}}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={name:"zan-uploader",props:{disabled:{type:Boolean,default:!1},beforeRead:Function,resultType:{type:String,default:"dataUrl",validator:function(t){return"dataUrl"===t||"text"===t}}},methods:{onValueChange:function(t){var e=this;if(!this.disabled){var n=t.target.files,i=n[0];if(i&&(!this.beforeRead||this.beforeRead(i))){var r=new FileReader;r.onload=function(t){e.$emit("file-readed",{name:i.name,type:i.type,size:i.size,content:t.target.result}),e.$refs.input.value=""},"dataUrl"===this.resultType?r.readAsDataURL(i):"text"===this.resultType&&r.readAsText(i)}}}}}},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(173),o=i(r);e.default=o.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(174),o=i(r);e.default=o.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(175),o=i(r);e.default=o.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(94),o=i(r);e.default=o.default},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=["mini","small","normal","large"],r=["default","danger","primary"];e.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(t){return r.indexOf(t)>-1}},size:{type:String,default:"normal",validator:function(t){return i.indexOf(t)>-1}}},methods:{handleClick:function(t){this.$emit("click",t)}},render:function(t){var e=this.type,n=this.nativeType,i=this.size,r=this.disabled,o=this.loading,a=this.block;return t(this.tag,{attrs:{type:n,disabled:r},class:["zan-button","zan-button--"+e,"zan-button--"+i,{"zan-button--disabled":r,"zan-button--loading":o,"zan-button--block":a}],on:{click:this.handleClick}},[o?t("zan-loading",{class:"zan-button__icon-loading",attrs:{type:"circle",color:"default"===e?"black":"white"}},[]):null,t("span",{class:"zan-button__text"},[this.$slots.default])])}}},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(176),o=i(r);e.default=o.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(177),o=i(r);e.default=o.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(179),o=i(r);e.default=o.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(180),o=i(r);e.default=o.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(181),o=i(r);e.default=o.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(135),o=i(r),a=n(2),s=i(a),l=n(182),c=i(l),u=n(12),d=i(u),f=s.default.extend(c.default),p=void 0,h=void 0,v=[],m=function(t){if(p){var e=p.callback;"function"==typeof e&&e(t),p.resolve&&"confirm"===t?p.resolve(t):p.reject&&"cancel"===t&&p.reject(t)}},g=function(){h=new f({el:document.createElement("div")}),h.callback=m},b=function(){if(h||g(),!h.value&&v.length>0){p=v.shift();var t=p.options;for(var e in t)t.hasOwnProperty(e)&&(h[e]=t[e]);void 0===t.callback&&(h.callback=m),document.body.appendChild(h.$el),s.default.nextTick(function(){h.value=!0})}},_=function(t){return new o.default(function(e,n){v.push({options:(0,d.default)({},t),callback:t.callback,resolve:e,reject:n}),b()})};_.alert=function(t){return _((0,d.default)({type:"alert",closeOnClickOverlay:!1,showCancelButton:!1},t))},_.confirm=function(t){return _((0,d.default)({type:"confirm",closeOnClickOverlay:!0,showCancelButton:!0},t))},_.close=function(){h.value=!1,v=[],p=null},e.default=_},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(183),o=i(r);e.default=o.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(103),o=i(r);e.default=o.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(2),o=i(r),a=n(185),s=i(a),l=n(12),c=(i(l),void 0),u=o.default.extend(s.default),d=function(){c=new u({el:document.createElement("div")})},f=function(t){c||d(),c.value||(c.images=t,document.body.appendChild(c.$el),o.default.nextTick(function(){c.value=!0}))};e.default=f},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={install:function(t,e){function n(){a.scrollTop===o?(window.cancelAnimationFrame(r),window.dispatchEvent(s)):o=a.scrollTop,window.requestAnimationFrame(n)}function i(t){if(t){var n=this.modifiers.fade||e.fade,i=this.modifiers.nohori||e.nohori;n&&(this.el.style.opacity=0,this.el.style.transition="opacity .3s",this.el.style.webkitTransition="opacity .3s");var r=function(){if(null!==this.el){var e=this.el.getBoundingClientRect(),n=document.head.parentNode.clientWidth,o=document.head.parentNode.clientHeight,s=function(){this.el.src=t,this.el.addEventListener("load",a),window.removeEventListener("scrollEnd",r,!0),window.removeEventListener("resize",r,!0)}.bind(this);this.el.src!==t&&(i?e.bottom>=0&&e.top<=o&&s():e.bottom>=0&&e.top<=o&&e.right>=0&&e.left<=n&&s())}}.bind(this),o=function(){r(),this.el&&this.el.removeEventListener("load",o),window.addEventListener("scrollEnd",r,!0),window.addEventListener("resize",r,!0)}.bind(this),a=function(){null!==this.el&&(n&&(this.el.style.opacity=1),this.el.removeEventListener("load",a))}.bind(this);this.el.addEventListener("load",o)}}e=e||{fade:!1,nohori:!1};var r=null,o=0,a=document.body,s=document.createEvent("HTMLEvents");s.initEvent("scrollEnd",!0,!1),document.addEventListener("scroll",function(){r||(r=window.requestAnimationFrame(n))},!0),t.directive("lazyload",i)}}},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(187),o=i(r);e.default=o.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(189),o=i(r);e.default=o.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0}),e.default=function(t,e){var n=function(t){e.drag&&e.drag(s?t.changedTouches[0]||t.touches[0]:t)},i=function t(i){s||(document.removeEventListener("mousemove",n),document.removeEventListener("mouseup",t)),document.onselectstart=null,document.ondragstart=null,a=!1,e.end&&e.end(s?i.changedTouches[0]||i.touches[0]:i)};t.addEventListener(s?"touchstart":"mousedown",function(t){a||(document.onselectstart=function(){return!1},document.ondragstart=function(){return!1},s||(document.addEventListener("mousemove",n),document.addEventListener("mouseup",i)),a=!0,e.start&&(t.preventDefault(),e.start(s?t.changedTouches[0]||t.touches[0]:t)))}),s&&(t.addEventListener("touchmove",n),t.addEventListener("touchend",i),t.addEventListener("touchcancel",i))};var r=n(2),o=i(r),a=!1,s=!o.default.prototype.$isServer&&"ontouchstart"in window},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(190),o=i(r);e.default=o.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(191),o=i(r);e.default=o.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(192),o=i(r);e.default=o.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(193),o=i(r);e.default=o.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(194),o=i(r);e.default=o.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(195),o=i(r);e.default=o.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(196),o=i(r);e.default=o.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(197),o=i(r);e.default=o.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(198),o=i(r);e.default=o.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function r(t,e){s.EventEmitter.apply(this,arguments),this.isStarting=!1,this.startPt=null,this.endPt=null,this.isDeaf=!1,this.options=(0,s.extend)({listenMoving:!1},e),this.host=t,this.onTouchStart=this.onTouchStart.bind(this),this.onTouchMove=this.onTouchMove.bind(this),this.onTouchEnd=this.onTouchEnd.bind(this),this.bind(this.host)}Object.defineProperty(e,"__esModule",{value:!0});var o=n(22),a=i(o),s=n(21);r.prototype=(0,a.default)(new s.EventEmitter),(0,s.extend)(r.prototype,{bind:function(t){(0,s.bindEvents)(t,"touchstart mousedown",this.onTouchStart),this.options.listenMoving&&(0,s.bindEvents)(window,"touchmove mousemove",this.onTouchMove),(0,s.bindEvents)(window,"touchend mouseup touchcancel",this.onTouchEnd)},onTouchStart:function(t){this.isDeaf||this.isStarting||(this.isStarting=!0,this.orgDirection=null,this.startPt=this.pointerEventToXY(t))},onTouchMove:function(t){this.isStarting&&this.caculate(t)},onTouchEnd:function(t){this.isStarting&&(this.isStarting=!1,this.caculate(t,!0))},caculate:function(t,e){var n,i;this.endPt=this.pointerEventToXY(t),n=this.startPt.y-this.endPt.y,i=this.startPt.x-this.endPt.x,n&&this.emit(n>0?"up":"down",n,e,t),i&&this.emit(i>0?"left":"right",i,e,t),null==this.orgDirection&&(this.orgDirection=Math.abs(i)>Math.abs(n)),this.emit("move",{x:i,y:n},e,t,{orgDirection:this.orgDirection})},pointerEventToXY:function(t){var e={x:0,y:0},n=t.type;if(t.originalEvent&&(t=t.originalEvent),["touchstart","touchmove","touchend","touchcancel"].indexOf(n)>-1){var i=t.touches[0]||t.changedTouches[0];e.x=i.pageX,e.y=i.pageY}else["mousedown","mouseup","mousemove","mouseover","mouseout","mouseenter","mouseleave"].indexOf(n)>-1&&(e.x=t.pageX,e.y=t.pageY);return e},deaf:function(){this.isDeaf=!0},undeaf:function(){this.isDeaf=!1},destroy:function(){(0,s.removeEvents)(this.host,"touchstart mousedown",this.onTouchStart),this.options.listenMoving&&(0,s.removeEvents)(window,"touchmove mousemove",this.onTouchMove),(0,s.removeEvents)(window,"touchend mouseup touchcancel",this.onTouchEnd)}}),e.default=r},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function r(t,e){s.EventEmitter.apply(this,arguments),this.wrapElem=t,this.wrapSize={width:function(){return t.clientWidth},height:function(){return t.clientHeight}},this.options=(0,s.extend)({loop:!0,autoPlay:!1,startIndex:0},e),this.init.apply(this,arguments)}Object.defineProperty(e,"__esModule",{value:!0});var o=n(22),a=i(o),s=n(21),l=function(t,e){Array.prototype.forEach.call(t,function(t){(0,s.extend)(t.style,e)})};r.prototype=(0,a.default)(new s.EventEmitter),(0,s.extend)(r.prototype,{init:function(){this.update()},getCurrentDist:function(){return this.mCache.currentDist},update:function(){var t=this,e=this.pages;if(this.pages=this.wrapElem.querySelectorAll(".zan-swipe-item"),e&&e.length===this.pages.length){if(Array.prototype.every.call(this.pages,function(n,i){return t.pages[i]===e[i]}))return}var n={position:"absolute",top:0,left:0,width:"100%",height:"100%","-webkit-transform":"translate3d(-9999px, 0, 0)","pointer-events":"none"};l(this.pages,n),this.mCache={dist:0,offsetPage:0},this.setCurrentPage(0),this.movePage(this.options.startIndex*this.wrapSize.width(),!0)},renderPage:function(){var t,e,n,i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,o=this.wrapSize.width(),a=r*o-i,s=a-o,l=a+o;t=this.getCurrentPage(),t&&(t.style["-webkit-transform"]="translate3d("+a+"px, 0, 0)",t.style.display="block"),e=this.pages[this.mapLoopPage(r-1)],e&&(Math.abs(s)<=o?e.style["-webkit-transform"]="translate3d("+s+"px, 0, 0)":this.pages.length>2&&(e.style["-webkit-transform"]="translate3d(-9999px, 0, 0)")),(n=this.pages[this.mapLoopPage(r+1)])&&(Math.abs(l)<=o?n.style["-webkit-transform"]="translate3d("+l+"px, 0, 0)":this.pages.length>2&&(n.style["-webkit-transform"]="translate3d(-9999px, 0, 0)"))},movePage:function(t,e){var n;this.mCache.currentDist=t+this.mCache.dist,e&&(this.mCache.dist+=t),n=Math.round(this.mCache.currentDist/this.wrapSize.width())||0,n!==this.mCache.offsetPage&&(this.setCurrentPage(n),this.emit("pageChangeEnd",this.getCurrentPage(),this.currentIndex,this.mCache.offsetPage),this.mCache.offsetPage=n),this.renderPage(this.mCache.currentDist,n)},getCurrentPage:function(){return this.pages[this.currentIndex]},mapLoopPage:function(t){if(this.options.loop){var e=t<0?-1:1,n=this.pages.length;return Math.abs(n+e*Math.abs(t)%n)%n}return t>=this.pages.length||t<0?this.pages.length:t},setCurrentPage:function(t){this.currentIndex=this.mapLoopPage(t)}}),e.default=r},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function r(t,e,n){var i=t.wrapElem,r=this;s.EventEmitter.apply(this,arguments),this.scroll=t,this.input=e,this.input.on("move",this.movementReact.bind(this)),this.wrapSize={width:function(){return i.clientWidth},height:function(){return i.clientHieght}},this.options=(0,s.extend)({intervalTween:3e3,threshold:20},n),this.scroll.options.autoPlay&&this.initMove(),this.on("bounceEnd",function(){r.scroll.options.autoPlay&&r.initMove(),r.input.undeaf()}).on("bounceStart",function(){r.input.deaf()})}Object.defineProperty(e,"__esModule",{value:!0});var o=n(22),a=i(o),s=n(21);r.prototype=(0,a.default)(new s.EventEmitter),(0,s.extend)(r.prototype,{clearTransition:function(){(0,s.cancelAnimationFrame)(this.transitionReq)},movementReact:function(t,e,n,i){e&&this.launch(i.orgDirection?t.x:0),this.clearMove()},launch:function(t){var e=this,n=t/Math.abs(t),i=0,r=e.wrapSize.width(),o=Math.round(t/r),a=this.scroll.mCache.offsetPage;i=r*o,0===i&&Math.abs(t)>e.options.threshold&&(i=r*n),e.scroll.options.loop||(a<=0&&(i=Math.abs(t)>e.options.threshold&&n>0?r*n:r*(o-a)),1===this.scroll.pages.length?i=0:a>=this.scroll.pages.length-1&&(i=Math.abs(t)>e.options.threshold&&n<0?r*n:r*(o-a+this.scroll.pages.length-1))),this.initTween(i-t,150,"bounce")},initTween:function(t,e,n){function i(){if((r=new Date-a)>e)return o.emit(n,{x:t},!0),void o.emit(n+"End");o.emit(n,{x:t/e*r},!1),o.tweenRid=(0,s.requestAnimationFrame)(i)}if(0!==t){var r,o=this,a=new Date;this.cancelTween(),this.emit(n+"Start"),i()}},cancelTween:function(){(0,s.cancelAnimationFrame)(this.tweenRid)},initMove:function(){function t(){n.currentIndex!==n.pages.length-1||n.options.loop?e.initTween(e.wrapSize.width(),200,"autoPlay"):e.initTween(-e.wrapSize.width()*(n.pages.length-1),200,"autoPlay"),e.moveTid=setTimeout(t,i)}var e=this,n=this.scroll,i=e.options.intervalTween;this.clearMove(),e.moveTid=setTimeout(t,i)},clearMove:function(){clearTimeout(this.moveTid)}}),e.default=r},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(201),o=i(r);e.default=o.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(202),o=i(r);e.default=o.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(203),o=i(r);e.default=o.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(204),o=i(r);e.default=o.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(125),o=i(r);e.default=o.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(2),o=i(r),a=n(12),s=i(a),l=o.default.extend(n(205)),c=[],u=function(){if(c.length>0){var t=c[0];return c.splice(0,1),t}return new l({el:document.createElement("div")})},d=function(t){t&&c.push(t)},f=function(t){t.target.parentNode&&t.target.parentNode.removeChild(t.target)},p=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=t.duration||3e3,n=u();return d(n),n.closed=!1,clearTimeout(n.timer),n.type=t.type?t.type:"text",n.message="string"==typeof t?t:t.message,document.body.appendChild(n.$el),o.default.nextTick(function(){n.visible=!0,n.$el.removeEventListener("transitionend",f),n.timer=setTimeout(function(){n.closed||(n.visible=!1,n.$el.addEventListener("transitionend",f),n.closed=!0)},e)}),n};p.loading=function(t){return new p((0,s.default)({type:"loading"},t))},p.success=function(t){var e="string"==typeof t?t:t.message;return new p((0,s.default)({type:"success",message:e},t))},p.fail=function(t){var e="string"==typeof t?t:t.message;return new p((0,s.default)({type:"fail",message:e},t))},e.default=p},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(206),o=i(r);e.default=o.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(129),o=i(r);e.default=o.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function r(){var t=this;this.scrollEventListener=c.default.debounce(o.bind(this),200),this.scrollEventTarget=c.default.getScrollEventTarget(this.el);var e=this.el.getAttribute("waterfall-disabled"),n=!1;e&&(this.vm.$watch(e,function(e){t.disabled=e,t.scrollEventListener()}),n=Boolean(this.vm[e])),this.disabled=n;var i=this.el.getAttribute("waterfall-offset");this.offset=Number(i)||d,this.scrollEventTarget.addEventListener("scroll",this.scrollEventListener),this.scrollEventListener()}function o(){var t=this.el,e=this.scrollEventTarget;if(!this.disabled){var n=c.default.getScrollTop(e),i=n+c.default.getVisibleHeight(e),r=!1;if(t===e)r=e.scollHeight-i0}o&&this.cb.upper&&this.cb.upper({target:e,top:n})}}function a(t){t[u].vm.$nextTick(function(){c.default.isAttached(t)&&r.call(t[u])})}function s(t){var e=t[u];e.vm._isMounted?a(t):e.vm.$on("hook:mounted",function(){a(t)})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=function(t){return{bind:function(e,n,i){e[u]||(e[u]={el:e,vm:i.context,cb:{}}),e[u].cb[t]=n.value,s(e)},update:function(t){t[u].scrollEventListener()},unbind:function(t){var e=t[u];e.scrollEventTarget.removeEventListener("scroll",e.scrollEventListener)}}};var l=n(130),c=i(l),u="@@Waterfall",d=300},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(128),o=i(r),a=n(2),s=i(a),l=function(t){t.directive("WaterfallLower",(0,o.default)("lower")),t.directive("WaterfallUpper",(0,o.default)("upper"))};s.default.prototype.$isServer||s.default.use(l),o.default.install=l,e.default=o.default},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={debounce:function(t,e,n){var i,r,o,a,s;return function(){o=this,r=arguments,a=new Date;var n=function n(){var l=new Date-a;l0){if(n[n.length-1].id===t)n.pop(),n.length>0&&(i.style.zIndex=n[n.length-1].zIndex);else for(var r=n.length-1;r>=0;r--)if(n[r].id===t){n.splice(r,1);break}}0===n.length&&setTimeout(function(){i.parentNode&&i.parentNode.removeChild(i),i.style.display="none",e.modalDom=null},200)}};e.default=s},function(t,e,n){"use strict";function i(t,e){if(!t||!e)return!1;if(e.indexOf(" ")!==-1)throw new Error("className should not contain space.");return t.classList?t.classList.contains(e):(" "+t.className+" ").indexOf(" "+e+" ")>-1}function r(t,e){if(t){for(var n=t.className,r=(e||"").split(" "),o=0,a=r.length;ou;)if((s=l[u++])!=s)return!0}else for(;c>u;u++)if((t||u in l)&&l[u]===n)return t||u||0;return!t&&-1}}},function(t,e,n){var i=n(14),r=n(146),o=n(145),a=n(5),s=n(49),l=n(164),c={},u={},e=t.exports=function(t,e,n,d,f){var p,h,v,m,g=f?function(){return t}:l(t),b=i(n,d,e?2:1),_=0;if("function"!=typeof g)throw TypeError(t+" is not iterable!");if(o(g)){for(p=s(t.length);p>_;_++)if((m=e?b(a(h=t[_])[0],h[1]):b(t[_]))===c||m===u)return m}else for(v=g.call(t);!(h=v.next()).done;)if((m=r(v,b,h.value,e))===c||m===u)return m};e.BREAK=c,e.RETURN=u},function(t,e,n){t.exports=!n(7)&&!n(19)(function(){return 7!=Object.defineProperty(n(25)("div"),"a",{get:function(){return 7}}).a})},function(t,e){t.exports=function(t,e,n){var i=void 0===n;switch(e.length){case 0:return i?t():t.call(n);case 1:return i?t(e[0]):t.call(n,e[0]);case 2:return i?t(e[0],e[1]):t.call(n,e[0],e[1]);case 3:return i?t(e[0],e[1],e[2]):t.call(n,e[0],e[1],e[2]);case 4:return i?t(e[0],e[1],e[2],e[3]):t.call(n,e[0],e[1],e[2],e[3])}return t.apply(n,e)}},function(t,e,n){var i=n(8),r=n(1)("iterator"),o=Array.prototype;t.exports=function(t){return void 0!==t&&(i.Array===t||o[r]===t)}},function(t,e,n){var i=n(5);t.exports=function(t,e,n,r){try{return r?e(i(n)[0],n[1]):e(n)}catch(e){var o=t.return;throw void 0!==o&&i(o.call(t)),e}}},function(t,e,n){"use strict";var i=n(45),r=n(46),o=n(26),a={};n(6)(a,n(1)("iterator"),function(){return this}),t.exports=function(t,e,n){t.prototype=i(a,{next:r(1,n)}),o(t,e+" Iterator")}},function(t,e,n){var i=n(1)("iterator"),r=!1;try{var o=[7][i]();o.return=function(){r=!0},Array.from(o,function(){throw 2})}catch(t){}t.exports=function(t,e){if(!e&&!r)return!1;var n=!1;try{var o=[7],a=o[i]();a.next=function(){return{done:n=!0}},o[i]=function(){return a},t(o)}catch(t){}return n}},function(t,e){t.exports=function(t,e){return{value:e,done:!!t}}},function(t,e,n){var i=n(3),r=n(48).set,o=i.MutationObserver||i.WebKitMutationObserver,a=i.process,s=i.Promise,l="process"==n(13)(a);t.exports=function(){var t,e,n,c=function(){var i,r;for(l&&(i=a.domain)&&i.exit();t;){r=t.fn,t=t.next;try{r()}catch(i){throw t?n():e=void 0,i}}e=void 0,i&&i.enter()};if(l)n=function(){a.nextTick(c)};else if(o){var u=!0,d=document.createTextNode("");new o(c).observe(d,{characterData:!0}),n=function(){d.data=u=!u}}else if(s&&s.resolve){var f=s.resolve();n=function(){f.then(c)}}else n=function(){r.call(i,c)};return function(i){var r={fn:i,next:void 0};e&&(e.next=r),t||(t=r,n()),e=r}}},function(t,e,n){"use strict";var i=n(33),r=n(153),o=n(156),a=n(34),s=n(42),l=Object.assign;t.exports=!l||n(19)(function(){var t={},e={},n=Symbol(),i="abcdefghijklmnopqrst";return t[n]=7,i.split("").forEach(function(t){e[t]=t}),7!=l({},t)[n]||Object.keys(l({},e)).join("")!=i})?function(t,e){for(var n=a(t),l=arguments.length,c=1,u=r.f,d=o.f;l>c;)for(var f,p=s(arguments[c++]),h=u?i(p).concat(u(p)):i(p),v=h.length,m=0;v>m;)d.call(p,f=h[m++])&&(n[f]=p[f]);return n}:l},function(t,e,n){var i=n(17),r=n(5),o=n(33);t.exports=n(7)?Object.defineProperties:function(t,e){r(t);for(var n,a=o(e),s=a.length,l=0;s>l;)i.f(t,n=a[l++],e[n]);return t}},function(t,e){e.f=Object.getOwnPropertySymbols},function(t,e,n){var i=n(15),r=n(34),o=n(27)("IE_PROTO"),a=Object.prototype;t.exports=Object.getPrototypeOf||function(t){return t=r(t),i(t,o)?t[o]:"function"==typeof t.constructor&&t instanceof t.constructor?t.constructor.prototype:t instanceof Object?a:null}},function(t,e,n){var i=n(15),r=n(29),o=n(141)(!1),a=n(27)("IE_PROTO");t.exports=function(t,e){var n,s=r(t),l=0,c=[];for(n in s)n!=a&&i(s,n)&&c.push(n);for(;e.length>l;)i(s,n=e[l++])&&(~o(c,n)||c.push(n));return c}},function(t,e){e.f={}.propertyIsEnumerable},function(t,e,n){var i=n(6);t.exports=function(t,e,n){for(var r in e)n&&t[r]?t[r]=e[r]:i(t,r,e[r]);return t}},function(t,e,n){t.exports=n(6)},function(t,e,n){"use strict";var i=n(3),r=n(4),o=n(17),a=n(7),s=n(1)("species");t.exports=function(t){var e="function"==typeof r[t]?r[t]:i[t];a&&e&&!e[s]&&o.f(e,s,{configurable:!0,get:function(){return this}})}},function(t,e,n){var i=n(5),r=n(23),o=n(1)("species");t.exports=function(t,e){var n,a=i(t).constructor;return void 0===a||void 0==(n=i(a)[o])?e:r(n)}},function(t,e,n){var i=n(28),r=n(24);t.exports=function(t){return function(e,n){var o,a,s=String(r(e)),l=i(n),c=s.length;return l<0||l>=c?t?"":void 0:(o=s.charCodeAt(l),o<55296||o>56319||l+1===c||(a=s.charCodeAt(l+1))<56320||a>57343?t?s.charAt(l):o:t?s.slice(l,l+2):a-56320+(o-55296<<10)+65536)}}},function(t,e,n){var i=n(28),r=Math.max,o=Math.min;t.exports=function(t,e){return t=i(t),t<0?r(t+e,0):o(t,e)}},function(t,e,n){var i=n(16);t.exports=function(t,e){if(!i(t))return t;var n,r;if(e&&"function"==typeof(n=t.toString)&&!i(r=n.call(t)))return r;if("function"==typeof(n=t.valueOf)&&!i(r=n.call(t)))return r;if(!e&&"function"==typeof(n=t.toString)&&!i(r=n.call(t)))return r;throw TypeError("Can't convert object to primitive value")}},function(t,e,n){var i=n(39),r=n(1)("iterator"),o=n(8);t.exports=n(4).getIteratorMethod=function(t){if(void 0!=t)return t[r]||t["@@iterator"]||o[i(t)]}},function(t,e,n){"use strict";var i=n(139),r=n(149),o=n(8),a=n(29);t.exports=n(43)(Array,"Array",function(t,e){this._t=a(t),this._i=0,this._k=e},function(){var t=this._t,e=this._k,n=this._i++;return!t||n>=t.length?(this._t=void 0,r(1)):"keys"==e?r(0,n):"values"==e?r(0,t[n]):r(0,[n,t[n]])},"values"),o.Arguments=o.Array,i("keys"),i("values"),i("entries")},function(t,e,n){var i=n(9);i(i.S+i.F,"Object",{assign:n(151)})},function(t,e,n){var i=n(9);i(i.S,"Object",{create:n(45)})},function(t,e){},function(t,e,n){"use strict";var i,r,o,a=n(44),s=n(3),l=n(14),c=n(39),u=n(9),d=n(16),f=n(23),p=n(140),h=n(142),v=n(160),m=n(48).set,g=n(150)(),b="Promise",_=s.TypeError,y=s.process,x=s[b],y=s.process,w="process"==c(y),z=function(){},k=!!function(){try{var t=x.resolve(1),e=(t.constructor={})[n(1)("species")]=function(t){t(z,z)};return(w||"function"==typeof PromiseRejectionEvent)&&t.then(z)instanceof e}catch(t){}}(),C=function(t,e){return t===e||t===x&&e===o},O=function(t){var e;return!(!d(t)||"function"!=typeof(e=t.then))&&e},E=function(t){return C(x,t)?new P(t):new r(t)},P=r=function(t){var e,n;this.promise=new t(function(t,i){if(void 0!==e||void 0!==n)throw _("Bad Promise constructor");e=t,n=i}),this.resolve=f(e),this.reject=f(n)},A=function(t){try{t()}catch(t){return{error:t}}},j=function(t,e){if(!t._n){t._n=!0;var n=t._c;g(function(){for(var i=t._v,r=1==t._s,o=0,a=function(e){var n,o,a=r?e.ok:e.fail,s=e.resolve,l=e.reject,c=e.domain;try{a?(r||(2==t._h&&T(t),t._h=1),a===!0?n=i:(c&&c.enter(),n=a(i),c&&c.exit()),n===e.promise?l(_("Promise-chain cycle")):(o=O(n))?o.call(n,s,l):s(n)):l(i)}catch(t){l(t)}};n.length>o;)a(n[o++]);t._c=[],t._n=!1,e&&!t._h&&S(t)})}},S=function(t){m.call(s,function(){var e,n,i,r=t._v;if(M(t)&&(e=A(function(){w?y.emit("unhandledRejection",r,t):(n=s.onunhandledrejection)?n({promise:t,reason:r}):(i=s.console)&&i.error&&i.error("Unhandled promise rejection",r)}),t._h=w||M(t)?2:1),t._a=void 0,e)throw e.error})},M=function(t){if(1==t._h)return!1;for(var e,n=t._a||t._c,i=0;n.length>i;)if(e=n[i++],e.fail||!M(e.promise))return!1;return!0},T=function(t){m.call(s,function(){var e;w?y.emit("rejectionHandled",t):(e=s.onrejectionhandled)&&e({promise:t,reason:t._v})})},L=function(t){var e=this;e._d||(e._d=!0,e=e._w||e,e._v=t,e._s=2,e._a||(e._a=e._c.slice()),j(e,!0))},R=function(t){var e,n=this;if(!n._d){n._d=!0,n=n._w||n;try{if(n===t)throw _("Promise can't be resolved itself");(e=O(t))?g(function(){var i={_w:n,_d:!1};try{e.call(t,l(R,i,1),l(L,i,1))}catch(t){L.call(i,t)}}):(n._v=t,n._s=1,j(n,!1))}catch(t){L.call({_w:n,_d:!1},t)}}};k||(x=function(t){p(this,x,b,"_h"),f(t),i.call(this);try{t(l(R,this,1),l(L,this,1))}catch(t){L.call(this,t)}},i=function(t){this._c=[],this._a=void 0,this._s=0,this._d=!1,this._v=void 0,this._h=0,this._n=!1},i.prototype=n(157)(x.prototype,{then:function(t,e){var n=E(v(this,x));return n.ok="function"!=typeof t||t,n.fail="function"==typeof e&&e,n.domain=w?y.domain:void 0,this._c.push(n),this._a&&this._a.push(n),this._s&&j(this,!1),n.promise},catch:function(t){return this.then(void 0,t)}}),P=function(){var t=new i;this.promise=t,this.resolve=l(R,t,1),this.reject=l(L,t,1)}),u(u.G+u.W+u.F*!k,{Promise:x}),n(26)(x,b),n(159)(b),o=n(4)[b],u(u.S+u.F*!k,b,{reject:function(t){var e=E(this);return(0,e.reject)(t),e.promise}}),u(u.S+u.F*(a||!k),b,{resolve:function(t){if(t instanceof x&&C(t.constructor,this))return t;var e=E(this);return(0,e.resolve)(t),e.promise}}),u(u.S+u.F*!(k&&n(148)(function(t){x.all(t).catch(z)})),b,{all:function(t){var e=this,n=E(e),i=n.resolve,r=n.reject,o=A(function(){var n=[],o=0,a=1;h(t,!1,function(t){var s=o++,l=!1;n.push(void 0),a++,e.resolve(t).then(function(t){l||(l=!0,n[s]=t,--a||i(n))},r)}),--a||i(n)});return o&&r(o.error),n.promise},race:function(t){var e=this,n=E(e),i=n.reject,r=A(function(){h(t,!1,function(t){e.resolve(t).then(n.resolve,i)})});return r&&i(r.error),n.promise}})},function(t,e,n){"use strict";var i=n(161)(!0);n(43)(String,"String",function(t){this._t=String(t),this._i=0},function(){var t,e=this._t,n=this._i;return n>=e.length?{value:void 0,done:!0}:(t=i(e,n),this._i+=t.length,{value:t,done:!1})})},function(t,e,n){n(165);for(var i=n(3),r=n(6),o=n(8),a=n(1)("toStringTag"),s=["NodeList","DOMTokenList","MediaList","StyleSheetList","CSSRuleList"],l=0;l<5;l++){var c=s[l],u=i[c],d=u&&u.prototype;d&&!d[a]&&r(d,a,c),o[c]=o.Array}},function(t,e,n){e=t.exports=n(18)(),e.push([t.i,'@-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-loading__spinner{display:inline-block;height:100%;width:100%;-webkit-animation:loading .8s linear;-webkit-animation-iteration-count:infinite;animation:loading .8s linear;animation-iteration-count:infinite}.zan-loading__spinner--circle{border-radius:100%;border:3px solid transparent;box-sizing:border-box}.zan-loading__spinner--circle.zan-loading__spinner--black{border-color:#c9c9c9;border-top-color:#666}.zan-loading__spinner--circle.zan-loading__spinner--white{border-color:rgba(0,0,0,.5);border-top-color:transparent}.zan-loading__spinner--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--gradient-circle.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}.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+.zan-button{margin-left:10px}.zan-button+.zan-button--block{margin-left:0}.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--mini+.zan-button--mini{margin-left:5px}.zan-button--disabled{color:#999;background-color:#e5e5e5;border:1px solid #cacaca}.zan-button--block{display:block;width:100%}.zan-button--loading .zan-button__text{display:none}.zan-button__icon-loading{display:inline-block;width:16px;height:16px;vertical-align:middle}.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 5px 115px;height:90px;background:#fafafa;overflow:hidden;position:relative;margin-top:10px}.zan-card:first-child{margin-top:0}.zan-card__img{width:90px;height:90px;border:0;position:absolute;top:5px;left:15px}.zan-card__content{display:table;width:100%}.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{word-break:break-all;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-modal{position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.701961);-webkit-transition:all .5s ease-out;transition:all .5s ease-out}.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{width:100%;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{width:100%;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-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--hastextarea .zan-field__control{min-height:60px}.zan-field--nolabel .zan-cell__title{display:none}.zan-field--nolabel .zan-cell__value{width:100%;padding-left:0}.zan-field--disabled .zan-field__control{color:#999}.zan-field--error .zan-field__control{color:#ed5050}.zan-field--border .zan-field__control{padding-left:10px}.zan-field--border:after{border-radius:2px;border:1px solid #e5e5e5}.zan-field--border:after,.zan-field--border:last-child: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}.zan-field--border:last-child:after{border-bottom:1px solid #e5e5e5}.zan-field__control{border:0;font-size:14px;line-height:22px;display:block;width:100%;resize:none;outline:0}@font-face{font-family:zan-icon;src:url("//b.yzcdn.cn/zanui/icon/zanui-icon-d64cb2f719.eot");src:url("//b.yzcdn.cn/zanui/icon/zanui-icon-d64cb2f719.eot?#iefix") format("embedded-opentype"),url("//b.yzcdn.cn/zanui/icon/zanui-icon-d64cb2f719.woff2") format("woff2"),url("//b.yzcdn.cn/zanui/icon/zanui-icon-d64cb2f719.woff") format("woff"),url("//b.yzcdn.cn/zanui/icon/zanui-icon-d64cb2f719.ttf") format("truetype")}.zan-icon,.zan-icon:before{display:inline-block}.zan-icon:before{font-family:zan-icon!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;-moz-osx-font-smoothing:grayscale}.zan-icon-qr-invalid:before{content:"\\E800"}.zan-icon-qr:before{content:"\\E801"}.zan-icon-exchange:before{content:"\\E802"}.zan-icon-close:before{content:"\\E803"}.zan-icon-location:before{content:"\\E804"}.zan-icon-upgrade:before{content:"\\E805"}.zan-icon-check:before{content:"\\E806"}.zan-icon-checked:before{content:"\\E807"}.zan-icon-like-o:before{content:"\\E808"}.zan-icon-like:before{content:"\\E809"}.zan-icon-chat:before{content:"\\E80A"}.zan-icon-shop:before{content:"\\E80B"}.zan-icon-photograph:before{content:"\\E80C"}.zan-icon-add:before{content:"\\E80D"}.zan-icon-add2:before{content:"\\E80E"}.zan-icon-photo:before{content:"\\E80F"}.zan-icon-logistics:before{content:"\\E810"}.zan-icon-edit:before{content:"\\E811"}.zan-icon-passed:before{content:"\\E812"}.zan-icon-cart:before{content:"\\E813"}.zan-icon-arrow:before{content:"\\E814"}.zan-icon-gift:before{content:"\\E815"}.zan-icon-search:before{content:"\\E816"}.zan-icon-clear:before{content:"\\E817"}.zan-icon-success:before{content:"\\E818"}.zan-icon-fail:before{content:"\\E819"}.zan-picker{overflow:hidden;background-color:#fff}.zan-picker__toolbar{height:40px;line-height:40px;overflow:hidden;padding:0 15px;position:relative}.zan-picker__toolbar: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-picker__cancel{color:#38f;float:left}.zan-picker__confirm{color:#38f;float:right}.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-radio{overflow:hidden}.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--disabled .zan-icon{color:#d1dbe5}.zan-radio__input{position:relative;height:22px;float:left}.zan-radio__control{position:absolute;top:0;left:0;width:22px;height:22px;opacity:0;margin:0}.zan-radio__label{line-height:22px;display:block;margin-left:37px}.zan-switch{height:31px;width:51px;display:inline-block;position:relative;background:#fff;border-radius:16px}.zan-switch: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 rgba(0,0,0,.1);border-width:3px;border-radius:32px}.zan-switch__node{width:28px;height:28px;border-radius:13.5px;background-color:#fff;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);left:1px;top:1px;z-index:2}.zan-switch__node: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 rgba(0,0,0,.1);border-radius:27px}.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-switch--on{background-color:#44db5e}.zan-switch--on .zan-switch__node{-webkit-transform:translateX(20px);transform:translateX(20px)}.zan-switch--on:after{border-color:#44db5e}.zan-switch--off{background-color:#fff;border-color:rgba(0,0,0,.1)}.zan-switch--disabled{opacity:.4}.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 .zan-icon-search{color:#666;position:absolute;top:9px;left:10px;font-size:16px}.zan-search .zan-icon-clear{display:none;position:absolute;right:5px;top:8px;color:#888}.zan-search--focus .zan-search__input-wrap{width:82%}.zan-search--focus .zan-icon-clear{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 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;margin-left:5px}.zan-search__cancel--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--3 .zan-step{width:50%}.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;position:relative}.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:-9px}.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{overflow:hidden}.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--disabled .zan-icon{color:#d1dbe5}.zan-checkbox__input{position:relative;height:22px;margin-right:15px;float:left}.zan-checkbox__control{position:absolute;top:0;left:0;width:22px;height:22px;opacity:0;margin:0}.zan-checkbox__label{line-height:22px;margin-left:37px;display:block}.zan-tabs{position:relative}.zan-tabs-line{height:44px;background-color:#fff}.zan-tabs-line .tabs-nav-bar{display:block}.zan-tabs-line:after{-webkit-transform:scale(.5);-webkit-transform-origin:left top;border-top: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-bottom:1px solid #e5e5e5}.zan-tabs-card{height:28px;margin:0 15px;background-color:#fff;border-radius:2px;border:1px solid #666;overflow:hidden}.zan-tabs-card .zan-tabs-nav-bar{display:none}.zan-tabs-card .zan-tab{color:#666;line-height:28px;border-right:1px solid #666}.zan-tabs-card .zan-tab:last-child{border-right:none}.zan-tabs-card .zan-tab.zan-tab-active{background-color:#666;color:#fff}.zan-tabs-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition:-webkit-transform .5s cubic-bezier(.645,.045,.355,1);transition:-webkit-transform .5s cubic-bezier(.645,.045,.355,1);transition:transform .5s cubic-bezier(.645,.045,.355,1);transition:transform .5s cubic-bezier(.645,.045,.355,1),-webkit-transform .5s cubic-bezier(.645,.045,.355,1);position:relative}.zan-tabs-nav:after,.zan-tabs-nav:before{display:table;content:" "}.zan-tabs-nav:after{clear:both}.zan-tabs-nav-bar{z-index:1;position:absolute;left:0;bottom:0;height:2px;background-color:#f13e3a;-webkit-transition:-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1);-webkit-transform-origin:0 0;transform-origin:0 0}.zan-tab{color:#333;font-size:14px;line-height:44px;-webkit-box-flex:1;-ms-flex:1;flex:1;display:inline-block;box-sizing:border-box;-webkit-transition:color .3s cubic-bezier(.645,.045,.355,1);transition:color .3s cubic-bezier(.645,.045,.355,1);cursor:pointer;text-align:center}.zan-tab-active{color:#f44}.zan-tabs-pane{display:none}.zan-tabs-pane.is-select{display:block}.zan-col{float:left;box-sizing:border-box}.zan-col-1{width:4.166666666666667%}.zan-col-2{width:8.333333333333334%}.zan-col-3{width:12.5%}.zan-col-4{width:16.666666666666668%}.zan-col-5{width:20.833333333333336%}.zan-col-6{width:25%}.zan-col-7{width:29.166666666666668%}.zan-col-8{width:33.333333333333336%}.zan-col-9{width:37.5%}.zan-col-10{width:41.66666666666667%}.zan-col-11{width:45.833333333333336%}.zan-col-12{width:50%}.zan-col-13{width:54.16666666666667%}.zan-col-14{width:58.333333333333336%}.zan-col-15{width:62.50000000000001%}.zan-col-16{width:66.66666666666667%}.zan-col-17{width:70.83333333333334%}.zan-col-18{width:75%}.zan-col-19{width:79.16666666666667%}.zan-col-20{width:83.33333333333334%}.zan-col-21{width:87.5%}.zan-col-22{width:91.66666666666667%}.zan-col-23{width:95.83333333333334%}.zan-col-24{width:100%}.zan-col-offset-1{margin-left:4.166666666666667%}.zan-col-offset-2{margin-left:8.333333333333334%}.zan-col-offset-3{margin-left:12.5%}.zan-col-offset-4{margin-left:16.666666666666668%}.zan-col-offset-5{margin-left:20.833333333333336%}.zan-col-offset-6{margin-left:25%}.zan-col-offset-7{margin-left:29.166666666666668%}.zan-col-offset-8{margin-left:33.333333333333336%}.zan-col-offset-9{margin-left:37.5%}.zan-col-offset-10{margin-left:41.66666666666667%}.zan-col-offset-11{margin-left:45.833333333333336%}.zan-col-offset-12{margin-left:50%}.zan-col-offset-13{margin-left:54.16666666666667%}.zan-col-offset-14{margin-left:58.333333333333336%}.zan-col-offset-15{margin-left:62.50000000000001%}.zan-col-offset-16{margin-left:66.66666666666667%}.zan-col-offset-17{margin-left:70.83333333333334%}.zan-col-offset-18{margin-left:75%}.zan-col-offset-19{margin-left:79.16666666666667%}.zan-col-offset-20{margin-left:83.33333333333334%}.zan-col-offset-21{margin-left:87.5%}.zan-col-offset-22{margin-left:91.66666666666667%}.zan-col-offset-23{margin-left:95.83333333333334%}.zan-col-offset-24{margin-left:100%}.zan-row{zoom:1}.zan-row:after{content:"";display:table;clear:both}.zan-image-preview{position:fixed;top:0;left:0;width:100%;height:100%;overflow:auto}.zan-image-preview .zan-swipe{height:100%}.zan-image-preview__image{display:block;width:100%;height:auto;-webkit-transition:.2s ease-out;transition:.2s ease-out;position:absolute;left:0}.zan-image-preview__image--center{top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.zan-actionsheet{position:fixed;width:100%;top:auto;bottom:0;right:auto;left:50%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:.2s ease-out;transition:.2s ease-out;background-color:#e0e0e0}.zan-actionsheet--withtitle{background-color:#fff}.zan-actionsheet__item{line-height:50px;text-align:center;color:#333;font-size:16px;position:relative;background-color:#fff}.zan-actionsheet__item: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-actionsheet__item--loading{padding:10px 0}.zan-actionsheet__subname{color:#666;font-size:12px}.zan-actionsheet__loading{margin:0 auto}.zan-actionsheet__button{display:block;margin-top:5px;line-height:50px;color:#333;font-size:16px;text-align:center;background-color:#fff}.zan-actionsheet__header{line-height:44px;color:#333;text-align:center;position:relative}.zan-actionsheet__header .zan-icon-close{position:absolute;font-size:22px;line-height:22px;top:11px;right:15px}.zan-actionsheet__header: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}.actionsheet-float-enter,.actionsheet-float-leave-active{-webkit-transform:translate3d(-50%,100%,0);transform:translate3d(-50%,100%,0)}.zan-quantity{font-size:0}.zan-quantity__stepper{width:40px;height:30px;box-sizing:border-box;background-color:#fff;border:1px solid #999;position:relative;outline:0;padding:5px;vertical-align:middle}.zan-quantity__stepper:before{width:9px;height:1px}.zan-quantity__stepper:after{width:1px;height:9px}.zan-quantity__stepper:after,.zan-quantity__stepper:before{content:"";position:absolute;margin:auto;top:0;left:0;right:0;bottom:0;background-color:#6c6c6c}.zan-quantity__minus{border-radius:2px 0 0 2px}.zan-quantity__minus:after{display:none}.zan-quantity__minus--disabled{background-color:#f8f8f8;border-color:#e8e8e8 #999 #e8e8e8 #e8e8e8}.zan-quantity__plus{border-radius:0 2px 2px 0}.zan-quantity__plus--disabled{background-color:#f8f8f8;border-color:#e8e8e8 #e8e8e8 #e8e8e8 #999}.zan-quantity__input{width:33px;height:26px;padding:1px;border:1px solid #999;border-width:1px 0;border-radius:0;box-sizing:content-box;color:#666;font-size:14px;outline:0;vertical-align:middle;text-align:center;-webkit-appearance:none}.zan-progress__bar{height:4px;border-radius:4.5px;width:100%;background:#e5e5e5;position:relative}.zan-progress__bar__finished-portion{border-radius:4.5px;height:100%;position:absolute;left:0;display:inline-block}.zan-progress__bar__pivot{padding:2px 0;font-size:8px;position:absolute;border-radius:6px;width:28px;background-color:#e5e5e5;line-height:8px;text-align:center;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.zan-toast{position:fixed;z-index:3000;border-radius:5px;background-color:#272727;opacity:.7;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);font-size:12px;color:#fff;text-align:center}.zan-toast--loading{padding:45px}.zan-toast--text{padding:12px;min-width:200px}.zan-toast--default{width:120px;height:120px}.zan-toast--default .zan-toast__icon{padding:20px;font-size:36px}.zan-toast--default .zan-toast__text{padding-bottom:20px}.zan-uploader{position:relative;display:inline-block}.zan-uploader input[type=file i]::-webkit-file-upload-button{cursor:pointer}.zan-uploader__input{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;opacity:0;cursor:pointer}.zan-swipe{position:relative;overflow:hidden;width:100%}.zan-swipe-item{display:none;width:100%;height:100%;overflow:hidden;text-align:center}.zan-swipe-item img{width:100%;height:auto}.zan-swipe-item:first-child{display:block}',""])},function(t,e,n){var i=n(0)(n(56),n(230),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(57),n(233),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(58),n(211),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(59),n(213),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(60),n(216),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(61),n(229),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(62),n(212),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(63),n(220),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(64),n(219),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(65),n(218),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(66),n(234),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(67),n(227),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(68),n(217),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(69),n(231),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(70),n(225),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(71),n(239),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(72),n(214),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(73),n(240),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(74),n(223),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(75),n(232),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(76),n(207),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(77),n(236),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(78),n(228),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(79),n(215),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(80),n(209),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(81),n(224),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(82),n(222),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(83),n(210),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(84),n(237),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(85),n(238),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(86),n(226),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(87),n(208),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(88),n(221),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(89),n(235),null,null);t.exports=i.exports},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("div",{staticClass:"zan-radio-group"},[t._t("default")],2)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("span",{staticClass:"zan-tag",class:[t.type?"zan-tag--"+t.type:"",{"is-plain":t.plain,"is-mark":t.mark}]},[t._t("default")],2)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"zan-step",class:t.statusClass},[n("div",{staticClass:"zan-step__circle-container"},["process"!==t.status?n("i",{staticClass:"zan-step__circle"}):n("i",{staticClass:"zan-icon zan-icon-checked"})]),t._v(" "),n("p",{staticClass:"zan-step__title"},[t._t("default")],2),t._v(" "),n("div",{staticClass:"zan-step__line"})])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("div",{staticClass:"zan-swipe"},[t._t("default")],2)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("a",{staticClass:"zan-badge",class:t.classNames,attrs:{href:t.url},on:{click:t.handleClick}},[n("div",{staticClass:"zan-badge__active"}),t._v(" "),t.info?n("div",{staticClass:"zan-badge__info"},[t._v(t._s(t.info))]):t._e(),t._v("\n "+t._s(t.title)+"\n")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("div",{staticClass:"zan-checkbox-group"},[t._t("default")],2)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"zan-card"},[n("img",{staticClass:"zan-card__img",attrs:{src:t.thumb,alt:""}}),t._v(" "),n("div",{staticClass:"zan-card__content",class:{"is-center":!this.$slots.footer}},[n("div",{staticClass:"zan-card__info"},[t._t("title",[n("h4",{staticClass:"zan-card__title",domProps:{textContent:t._s(t.title)}})]),t._v(" "),t._t("desc",[t.desc?n("p",{staticClass:"zan-card__desc",domProps:{textContent:t._s(t.desc)}}):t._e()]),t._v(" "),t._t("tags")],2),t._v(" "),t._t("footer")],2)])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"zan-picker"},[n("div",{directives:[{name:"show",rawName:"v-show",value:t.showToolbar,expression:"showToolbar"}],staticClass:"zan-picker__toolbar"},[t._t("default",[n("a",{staticClass:"zan-picker__cancel",attrs:{href:"javascript:void(0)"},on:{click:t.handlePickerCancel}},[t._v("取消")]),t._v(" "),n("a",{staticClass:"zan-picker__confirm",attrs:{href:"javascript:void(0)"},on:{click:t.handlePickerConfirm}},[t._v("完成")])])],2),t._v(" "),n("div",{staticClass:"zan-picker__columns",class:["zan-picker__columns--"+t.columns.length]},[t._l(t.columns,function(e,i){return n("picker-column",{directives:[{name:"model",rawName:"v-model",value:t.values[i],expression:"values[index]"}],attrs:{values:e.values,"class-name":e.className,itemHeight:t.itemHeight,"visible-item-count":t.visibleItemCount,"value-key":t.valueKey},domProps:{value:t.values[i]},on:{change:function(e){t.columnValueChange(i)},input:function(e){var n=t.values,r=i;Array.isArray(n)?n.splice(r,1,e):t.values[i]=e}}})}),t._v(" "),n("div",{staticClass:"zan-picker-center-highlight",style:{height:t.itemHeight+"px",marginTop:-t.itemHeight/2+"px"}})],2)])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"zan-search",class:{"zan-search--focus":t.isFocus}},[n("div",{staticClass:"zan-search__input-wrap"},[n("zan-icon",{attrs:{name:"search"}}),t._v(" "),n("input",{directives:[{name:"model",rawName:"v-model",value:t.value,expression:"value"},{name:"refocus",rawName:"v-refocus",value:t.focusStatus,expression:"focusStatus"}],attrs:{type:"text",placeholder:t.placeholder},domProps:{value:t._s(t.value)},on:{focus:t.handleFocus,keyup:function(e){t._k(e.keyCode,"enter",13)||t.handleSearch(e)},input:function(e){e.target.composing||(t.value=e.target.value)}}}),t._v(" "),n("zan-icon",{attrs:{name:"clear"},on:{click:t.handleClean}})],1),t._v(" "),n("div",{staticClass:"zan-search__cancel",class:{"zan-search__cancel--focus":t.isFocus},on:{click:t.handleBack}},[t._v("取消")])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("div",{staticClass:"zan-cell-group"},[t._t("default")],2)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("transition",{attrs:{name:"image-fade"}},[n("div",{directives:[{name:"show",rawName:"v-show",value:t.value,expression:"value"}],ref:"previewContainer",staticClass:"zan-image-preview",on:{click:t.handlePreviewClick}},[n("zan-swipe",t._l(t.images,function(t){return n("zan-swipe-item",[n("img",{staticClass:"zan-image-preview__image",class:{"zan-image-preview__image--center":!0},attrs:{src:t,alt:""}})])}))],1)])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("transition",{attrs:{name:"dialog-bounce"}},[n("div",{staticClass:"zan-dialog-wrapper"},[n("div",{directives:[{name:"show",rawName:"v-show",value:t.value,expression:"value"}],staticClass:"zan-dialog"},[t.title?n("div",{staticClass:"zan-dialog__header"},[n("div",{staticClass:"zan-dialog__title",domProps:{textContent:t._s(t.title)}})]):t._e(),t._v(" "),t.message?n("div",{staticClass:"zan-dialog__content"},[n("div",{staticClass:"zan-dialog__message",domProps:{innerHTML:t._s(t.message)}})]):t._e(),t._v(" "),n("div",{staticClass:"zan-dialog__footer",class:{"is-twobtn":t.showCancelButton&&t.showConfirmButton}},[n("button",{directives:[{name:"show",rawName:"v-show",value:t.showCancelButton,expression:"showCancelButton"}],staticClass:"zan-dialog__btn zan-dialog__cancel",on:{click:function(e){t.handleAction("cancel")}}},[t._v(t._s(t.cancelButtonText))]),t._v(" "),n("button",{directives:[{name:"show",rawName:"v-show",value:t.showConfirmButton,expression:"showConfirmButton"}],staticClass:"zan-dialog__btn zan-dialog__confirm",on:{click:function(e){t.handleAction("confirm")}}},[t._v(t._s(t.confirmButtonText))])])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("div",{class:[t.prefix+"-col",(n={},n[t.prefix+"-col-"+t.span]=t.span,n[t.prefix+"-col-offset-"+t.offset]=t.offset,n)],style:t.style},[t._t("default")],2);var n},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"zan-checkbox",class:{"zan-checkbox--disabled":t.isDisabled}},[n("span",{staticClass:"zan-checkbox__input"},[n("input",{directives:[{name:"model",rawName:"v-model",value:t.currentValue,expression:"currentValue"}],staticClass:"zan-checkbox__control",attrs:{type:"checkbox",disabled:t.isDisabled},domProps:{checked:Array.isArray(t.currentValue)?t._i(t.currentValue,null)>-1:t.currentValue},on:{change:function(e){var n=t.currentValue,i=e.target,r=!!i.checked;if(Array.isArray(n)){var o=null,a=t._i(n,o);r?a<0&&(t.currentValue=n.concat(o)):a>-1&&(t.currentValue=n.slice(0,a).concat(n.slice(a+1)))}else t.currentValue=r}}}),t._v(" "),n("span",{staticClass:"zan-icon",class:{"zan-icon-checked":t.isChecked,"zan-icon-check":!t.isChecked}})]),t._v(" "),n("span",{staticClass:"zan-checkbox__label",on:{click:t.handleLabelClick}},[t._t("default")],2)])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("transition",{attrs:{name:"zan-toast"}},[n("div",{directives:[{name:"show",rawName:"v-show",value:t.visible,expression:"visible"}],staticClass:"zan-toast",class:["zan-toast--"+t.displayStyle]},["text"===t.displayStyle?[n("div",{staticClass:"zan-toast__text"},[t._v(t._s(t.message))])]:t._e(),t._v(" "),"loading"===t.displayStyle?["loading"===t.type?n("zan-loading",{attrs:{type:"gradient-circle",color:"white"}}):t._e()]:t._e(),t._v(" "),"default"===t.displayStyle?[n("zan-icon",{staticClass:"zan-toast__icon",attrs:{name:"check"}}),t._v(" "),n("div",{staticClass:"zan-toast__text"},[t._v(t._s(t.message))])]:t._e()],2)])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("div",{staticClass:"zan-swipe-item"},[t._t("default")],2)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"zan-progress"},[n("div",{staticClass:"zan-progress__bar"},[n("span",{staticClass:"zan-progress__bar__finished-portion",style:{backgroundColor:t.componentColor,width:t.percentage+"%"}}),t._v(" "),n("span",{staticClass:"zan-progress__bar__pivot",style:t.pivotStyle},[t._v("\n "+t._s(t.pivotText)+"\n ")])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"zan-steps",class:"zan-steps--"+t.steps.length},[t.icon?n("div",{staticClass:"zan-steps__status"},[n("i",{staticClass:"zan-icon zan-steps__icon",class:t.computedIconClass}),t._v(" "),n("div",{staticClass:"zan-steps__message"},[n("div",{staticClass:"zan-steps__message-wrapper"},[n("h4",{staticClass:"zan-steps__title",domProps:{textContent:t._s(t.title)}}),t._v(" "),n("p",{staticClass:"zan-steps__desc",domProps:{textContent:t._s(t.description)}})])]),t._v(" "),t._t("message-extra")],2):t._e(),t._v(" "),n("div",{staticClass:"zan-steps__items"},[t._t("default")],2)])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"zan-panel"},[n("div",{staticClass:"zan-panel__header"},[t._t("header",[n("h4",{staticClass:"zan-panel__title",domProps:{textContent:t._s(t.title)}}),t._v(" "),t.desc?n("span",{staticClass:"zan-panel__desc",domProps:{textContent:t._s(t.desc)}}):t._e(),t._v(" "),t.status?n("span",{staticClass:"zan-panel__status",domProps:{textContent:t._s(t.status)}}):t._e()])],2),t._v(" "),n("div",{staticClass:"zan-panel__content"},[t._t("default")],2),t._v(" "),this.$slots.footer?n("div",{staticClass:"zan-panel__footer"},[t._t("footer")],2):t._e()])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"zan-tabs"},[n("div",{staticClass:"zan-tabs-nav",class:t.classNames},[n("div",{staticClass:"zan-tabs-nav-bar",style:t.navBarStyle}),t._v(" "),t._l(t.tabs,function(e,i){return n("div",{ref:"tabkey",refInFor:!0,staticClass:"zan-tab",class:{"zan-tab-active":i==t.switchActiveTabKey},on:{click:function(n){t.handleTabClick(i,e)}}},[t._v("\n "+t._s(e.title)+"\n ")])})],2),t._v(" "),n("div",{staticClass:"zan-tabs-content"},[t._t("default")],2)])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("i",{staticClass:"zan-icon",class:"zan-icon-"+t.name,on:{click:t.handleIconClick}})},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("div",{class:t.prefix+"-row",style:t.style},[t._t("default")],2)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("a",{staticClass:"zan-cell",attrs:{href:t.url},on:{click:t.handleClick}},[n("div",{staticClass:"zan-cell__title"},[t._t("icon",[t.icon?n("i",{staticClass:"zan-icon",class:"zan-icon-"+t.icon}):t._e()]),t._v(" "),t._t("title",[n("span",{staticClass:"zan-cell__text",domProps:{textContent:t._s(t.title)}}),t._v(" "),t.label?n("span",{staticClass:"zan-cell__label",domProps:{textContent:t._s(t.label)}}):t._e()])],2),t._v(" "),n("div",{staticClass:"zan-cell__value",class:{"is-link":t.isLink,"is-alone":!this.$slots.title&&!t.title&&!t.label}},[t._t("default",[n("span",{domProps:{textContent:t._s(t.value)}})])],2),t._v(" "),t.isLink?n("i",{staticClass:"zan-icon zan-icon-arrow"}):t._e()])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("transition",{attrs:{name:"actionsheet-float"}},[n("div",{directives:[{name:"show",rawName:"v-show",value:t.currentValue,expression:"currentValue"}],staticClass:"zan-actionsheet",class:[t.title?"zan-actionsheet--withtitle":""]},[t.title?n("div",{staticClass:"zan-actionsheet__header"},[n("h3",{domProps:{textContent:t._s(t.title)}}),t._v(" "),n("zan-icon",{attrs:{name:"close"},on:{click:function(e){e.stopPropagation(),t.currentValue=!1}}})],1):t._e(),t._v(" "),t.title?[n("div",{staticClass:"zan-actionsheet__content"},[t._t("default")],2)]:[n("ul",{staticClass:"zan-actionsheet__list"},t._l(t.actions,function(e){return n("li",{staticClass:"zan-actionsheet__item",class:[e.className,e.loading?"zan-actionsheet__item--loading":""],on:{click:function(n){n.stopPropagation(),t.handleItemClick(e)}}},[e.loading?[n("zan-loading",{staticClass:"zan-actionsheet__loading",attrs:{type:"circle",color:"black"}})]:[n("span",{staticClass:"zan-actionsheet__name"},[t._v(t._s(e.name))]),t._v(" "),e.subname?n("span",{staticClass:"zan-actionsheet__subname"},[t._v(t._s(e.subname))]):t._e()]],2)})),t._v(" "),t.cancelText?n("a",{staticClass:"zan-actionsheet__button",on:{click:function(e){e.stopPropagation(),t.currentValue=!1}}},[t._v(t._s(t.cancelText))]):t._e()]],2)])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"zan-loading"},[n("span",{staticClass:"zan-loading__spinner",class:["zan-loading__spinner--"+t.type,"zan-loading__spinner--"+t.color]})])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"zan-quantity"},[n("button",{staticClass:"zan-quantity__stepper zan-quantity__minus",class:{"zan-quantity__minus--disabled":t.isMinusDisabled},on:{click:function(e){t.handleChange("minus")}}}),t._v(" "),n("input",{staticClass:"zan-quantity__input",attrs:{type:"text",disabled:t.disabled},domProps:{value:t.currentValue},on:{input:t.handleInputChange}}),t._v(" "),n("button",{staticClass:"zan-quantity__stepper zan-quantity__plus",class:{"zan-quantity__plus--disabled":t.isPlusDisabled},on:{click:function(e){t.handleChange("plus")}}})])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("div",{staticClass:"zan-badge-group"},[t._t("default")],2)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("zan-cell",{staticClass:"zan-field",class:{"zan-field--hastextarea":"textarea"===t.type,"zan-field--nolabel":!t.label,"zan-field--disabled":t.disabled,"zan-field--error":t.error,"zan-field--border":t.border},attrs:{title:t.label}},["textarea"===t.type?n("textarea",{directives:[{name:"model",rawName:"v-model",value:t.currentValue,expression:"currentValue"}],staticClass:"zan-field__control",attrs:{placeholder:t.placeholder,maxlength:t.maxlength,disabled:t.disabled,readonly:t.readonly},domProps:{value:t._s(t.currentValue)},on:{input:function(e){e.target.composing||(t.currentValue=e.target.value)}}}):n("input",{staticClass:"zan-field__control",attrs:{type:t.type,placeholder:t.placeholder,maxlength:t.maxlength,disabled:t.disabled,readonly:t.readonly},domProps:{value:t.currentValue},on:{input:t.handleInput}})])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"zan-uploader"},[t._t("default",[n("div",[n("zan-button",{attrs:{block:""}},[t._v("上传文件")])],1)]),t._v(" "),n("input",{ref:"input",staticClass:"zan-uploader__input",attrs:{type:"file"},on:{change:t.onValueChange}})],2)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"zan-radio",class:{"zan-radio--disabled":t.isDisabled},on:{click:t.handleRadioClick}},[n("span",{staticClass:"zan-radio__input"},[n("input",{directives:[{name:"model",rawName:"v-model",value:t.currentValue,expression:"currentValue"}],staticClass:"zan-radio__control",attrs:{type:"radio",disabled:t.isDisabled},domProps:{value:t.name,checked:t._q(t.currentValue,t.name)},on:{change:function(e){t.currentValue=t.name}}}),t._v(" "),n("span",{staticClass:"zan-icon",class:{"zan-icon-checked":t.currentValue===t.name,"zan-icon-check":t.currentValue!==t.name}})]),t._v(" "),n("span",{staticClass:"zan-radio__label",on:{click:t.handleLabelClick}},[t._t("default")],2)])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"zan-switch",class:t.switchStates,on:{click:t.toggleState}},[n("div",{staticClass:"zan-switch__node"},[t.loading?n("zan-loading",{staticClass:"zan-switch__loading"}):t._e()],1),t._v(" "),n("div",{staticClass:"zan-switch__bg"})])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("div",{staticClass:"zan-tabs-pane",class:t.classNames},[t._t("default")],2)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"zan-picker-column",class:t.classNames},[n("div",{ref:"wrapper",staticClass:"zan-picker-column-wrapper",class:{dragging:t.isDragging},style:{height:t.visibleContentHeight+"px"}},t._l(t.currentValues,function(e){return n("div",{staticClass:"zan-picker-column__item",class:{"zan-picker-column__item--selected":e===t.currentValue},style:{height:t.itemHeight+"px",lineHeight:t.itemHeight+"px"}},[t._v("\n "+t._s("object"==typeof e&&e[t.valueKey]?e[t.valueKey]:e)+"\n ")])}))])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("transition",{attrs:{name:t.currentTransition}},[n("div",{directives:[{name:"show",rawName:"v-show",value:t.currentValue,expression:"currentValue"}],staticClass:"zan-popup",class:[t.position?"zan-popup--"+t.position:""]},[t._t("default")],2)])},staticRenderFns:[]}},function(t,e){t.exports=function(t,e){for(var n=[],i={},r=0;rh3{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-content{box-sizing:border-box;overflow:auto;height:inherit;margin-left:320px;padding:0 20px}.page-content section>p{font-size:14px;color:#5e6d82;margin:14px 0}.page-content p>code{background-color:#eee;padding:2px 4px;color:#26a2ff}.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}',""])},function(t,e,n){e=t.exports=n(18)(),e.push([t.i,".demo-block{border:1px solid #eaeefb;border-radius:4px;-webkit-transition:.2s;transition:.2s;overflow:hidden}.demo-block code{font-family:Menlo,Monaco,Consolas,Courier,monospace}.demo-block .examples{width:375px;float:right;box-sizing:border-box;padding:20px 0;min-height:200px;max-height:600px;overflow:auto}.demo-block .highlight{margin-right:375px;box-sizing:border-box;border-right:1px solid #eaeefb}.demo-block .highlight pre{margin:0}.demo-block .highlight code.hljs{margin:0;border:none;max-height:none;border-radius:0}.demo-block .highlight code.hljs:before{content:none}",""])},,function(t,e,n){var i=n(253);"string"==typeof i&&(i=[[t.i,i,""]]);n(54)(i,{});i.locals&&(t.exports=i.locals)},,function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"side-nav"},[n("ul",t._l(t.data,function(e){return n("li",{staticClass:"nav-item"},[e.path?n("router-link",{attrs:{"active-class":"active",to:t.base+e.path,exact:""},domProps:{textContent:t._s(e.title||e.name)}}):n("a",[t._v(t._s(e.name))]),t._v(" "),e.children?n("ul",{staticClass:"pure-menu-list sub-nav"},t._l(e.children,function(e){return n("li",{staticClass:"nav-item"},[n("router-link",{attrs:{"active-class":"active",to:t.base+e.path},domProps:{textContent:t._s(e.title||e.name)}})],1)})):t._e(),t._v(" "),e.groups?t._l(e.groups,function(e){return n("div",{staticClass:"nav-group"},[n("div",{staticClass:"nav-group__title"},[t._v(t._s(e.groupName))]),t._v(" "),n("ul",{staticClass:"pure-menu-list"},[t._l(e.list,function(e){return[e.disabled?t._e():n("li",{staticClass:"nav-item"},[n("router-link",{attrs:{"active-class":"active",to:t.base+e.path},domProps:{textContent:t._s(e.title)}})],1)]})],2)])}):t._e()],2)}))])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"page-container clearfix"},[n("side-nav",{attrs:{data:t.navConfig["zh-CN"],base:"/component"}}),t._v(" "),n("div",{staticClass:"page-content"},[n("router-view")],1)],1)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("div",{staticClass:"demo-block",class:t.blockClass},[t._t("examples"),t._v(" "),t._t("highlight")],2)},staticRenderFns:[]}},,function(t,e,n){var i=n(254);"string"==typeof i&&(i=[[t.i,i,""]]),i.locals&&(t.exports=i.locals);n(31)("649cef54",i,!0)},function(t,e,n){var i=n(255);"string"==typeof i&&(i=[[t.i,i,""]]),i.locals&&(t.exports=i.locals);n(31)("029d7973",i,!0)},function(t,e,n){var i=n(256);"string"==typeof i&&(i=[[t.i,i,""]]),i.locals&&(t.exports=i.locals);n(31)("74ec171a",i,!0)},,,function(t,e,n){"use strict";(function(t){function e(t){return t&&t.__esModule?t:{default:t}}function i(){var t=navigator.userAgent.toLowerCase();return/(android|bb\d+|meego).+mobile|kdtunion|weibo|m2oapp|micromessenger|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(t)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(t.substr(0,4))}var r=n(2),o=e(r),a=n(53),s=e(a),l=n(244),c=e(l),u=n(30),d=e(u),f=n(51),p=e(f),h=n(246),v=e(h),m=n(245),g=e(m),b=n(32),_=e(b);n(52),o.default.use(s.default),o.default.use(_.default),o.default.component("side-nav",v.default),o.default.component("demo-block",g.default);var y=(0,p.default)(d.default);y.push({path:"/",redirect:"/component/button"});var x=new s.default({mode:"hash",base:t,routes:y}),w=0;x.beforeEach(function(t,e,n){if("/"!==t.path&&(w=document.body.scrollTop),i())return void window.location.replace(location.pathname+"examples.html#"+t.path);document.title=t.meta.title||document.title,n()}),x.afterEach(function(t){"/"!==t.path?document.body.scrollTop=0:o.default.nextTick(function(){document.body.scrollTop=w})}),new o.default({render:function(t){return t(c.default)},router:x}).$mount("#app-container")}).call(e,"/")}]); \ No newline at end of file diff --git a/docs/build/zanui-examples.js b/docs/build/zanui-examples.js deleted file mode 100644 index 1dc03d164..000000000 --- a/docs/build/zanui-examples.js +++ /dev/null @@ -1 +0,0 @@ -!function(t){function e(n){if(i[n])return i[n].exports;var r=i[n]={i:n,l:!1,exports:{}};return t[n].call(r.exports,r,r.exports,e),r.l=!0,r.exports}var n=window.webpackJsonp;window.webpackJsonp=function(e,i,o){for(var a,s,l=0,c=[];l-1)return t.splice(n,1)}}function a(t,e){return xn.call(t,e)}function s(t){return"string"==typeof t||"number"==typeof t}function l(t){var e=Object.create(null);return function(n){return e[n]||(e[n]=t(n))}}function c(t,e){function n(n){var i=arguments.length;return i?i>1?t.apply(e,arguments):t.call(e,n):t.call(e)}return n._length=t.length,n}function u(t,e){e=e||0;for(var n=t.length-e,i=new Array(n);n--;)i[n]=t[n+e];return i}function f(t,e){for(var n in e)t[n]=e[n];return t}function d(t){return null!==t&&"object"==typeof t}function p(t){return En.call(t)===Pn}function h(t){for(var e={},n=0;n=0&&ii[n].id>t.id;)n--;ii.splice(Math.max(n,si)+1,0,t)}else ii.push(t);oi||(oi=!0,qn(U))}}function G(t){fi.clear(),J(t,fi)}function J(t,e){var n,i,r=Array.isArray(t);if((r||d(t))&&Object.isExtensible(t)){if(t.__ob__){var o=t.__ob__.dep.id;if(e.has(o))return;e.add(o)}if(r)for(n=t.length;n--;)J(t[n],e);else for(i=Object.keys(t),n=i.length;n--;)J(t[i[n]],e)}}function Y(t){t._watchers=[];var e=t.$options;e.props&&X(t,e.props),e.methods&&Q(t,e.methods),e.data?Z(t):E(t._data={},!0),e.computed&&K(t,e.computed),e.watch&&tt(t,e.watch)}function X(t,e){var n=t.$options.propsData||{},i=t.$options._propKeys=Object.keys(e),r=!t.$parent;Wn.shouldConvert=r;for(var o=function(r){var o=i[r];P(t,o,B(o,e,n,t))},a=0;a1?u(n):n;for(var i=u(arguments,1),r=0,o=n.length;r-1:t.test(e)}function Zt(t){var e={};e.get=function(){return Mn},Object.defineProperty(t,"config",e),t.util=ni,t.set=A,t.delete=S,t.nextTick=qn,t.options=Object.create(null),Mn._assetTypes.forEach(function(e){t.options[e+"s"]=Object.create(null)}),t.options._base=t,f(t.options.components,zi),Ht(t),Gt(t),Jt(t),Yt(t)}function Kt(t){for(var e=t.data,n=t,i=t;i.child;)i=i.child._vnode,i.data&&(e=Wt(i.data,e));for(;n=n.parent;)n.data&&(e=Wt(e,n.data));return Qt(e)}function Wt(t,e){return{staticClass:te(t.staticClass,e.staticClass),class:t.class?[t.class,e.class]:e.class}}function Qt(t){var e=t.class,n=t.staticClass;return n||e?te(n,ee(e)):""}function te(t,e){return t?e?t+" "+e:t:e||""}function ee(t){var e="";if(!t)return e;if("string"==typeof t)return t;if(Array.isArray(t)){for(var n,i=0,r=t.length;i-1?Vi[t]=e.constructor===window.HTMLUnknownElement||e.constructor===window.HTMLElement:Vi[t]=/HTMLUnknownElement/.test(e.toString())}function re(t){if("string"==typeof t){if(!(t=document.querySelector(t)))return document.createElement("div")}return t}function oe(t,e){var n=document.createElement(t);return"select"!==t?n:(e.data&&e.data.attrs&&"multiple"in e.data.attrs&&n.setAttribute("multiple","multiple"),n)}function ae(t,e){return document.createElementNS(Li[t],e)}function se(t){return document.createTextNode(t)}function le(t){return document.createComment(t)}function ce(t,e,n){t.insertBefore(e,n)}function ue(t,e){t.removeChild(e)}function fe(t,e){t.appendChild(e)}function de(t){return t.parentNode}function pe(t){return t.nextSibling}function he(t){return t.tagName}function ve(t,e){t.textContent=e}function me(t,e,n){t.setAttribute(e,n)}function ge(t,e){var n=t.data.ref;if(n){var i=t.context,r=t.child||t.elm,a=i.$refs;e?Array.isArray(a[n])?o(a[n],r):a[n]===r&&(a[n]=void 0):t.data.refInFor?Array.isArray(a[n])&&a[n].indexOf(r)<0?a[n].push(r):a[n]=[r]:a[n]=r}}function be(t){return null==t}function _e(t){return null!=t}function ye(t,e){return t.key===e.key&&t.tag===e.tag&&t.isComment===e.isComment&&!t.data==!e.data}function xe(t,e,n){var i,r,o={};for(i=e;i<=n;++i)r=t[i].key,_e(r)&&(o[r]=i);return o}function we(t){function e(t){return new pi(E.tagName(t).toLowerCase(),{},[],void 0,t)}function n(t,e){function n(){0==--n.listeners&&i(t)}return n.listeners=e,n}function i(t){var e=E.parentNode(t);e&&E.removeChild(e,t)}function o(t,e,n,i,r){if(t.isRootInsert=!r,!a(t,e,n,i)){var o=t.data,s=t.children,l=t.tag;_e(l)?(t.elm=t.ns?E.createElementNS(t.ns,l):E.createElement(l,t),h(t),u(t,s,e),_e(o)&&d(t,e),c(n,t.elm,i)):t.isComment?(t.elm=E.createComment(t.text),c(n,t.elm,i)):(t.elm=E.createTextNode(t.text),c(n,t.elm,i))}}function a(t,e,n,i){var r=t.data;if(_e(r)){var o=_e(t.child)&&r.keepAlive;if(_e(r=r.hook)&&_e(r=r.init)&&r(t,!1,n,i),_e(t.child))return p(t,e),o&&l(t,e,n,i),!0}}function l(t,e,n,i){for(var r,o=t;o.child;)if(o=o.child._vnode,_e(r=o.data)&&_e(r=r.transition)){for(r=0;rd?(c=be(n[m+1])?null:n[m+1].elm,v(t,c,n,f,m,i)):f>m&&g(t,e,u,d)}function y(t,e,n,i){if(t!==e){if(e.isStatic&&t.isStatic&&e.key===t.key&&(e.isCloned||e.isOnce))return e.elm=t.elm,void(e.child=t.child);var r,o=e.data,a=_e(o);a&&_e(r=o.hook)&&_e(r=r.prepatch)&&r(t,e);var s=e.elm=t.elm,l=t.children,c=e.children;if(a&&f(e)){for(r=0;r-1?e.split(/\s+/).forEach(function(e){return t.classList.add(e)}):t.classList.add(e);else{var n=" "+t.getAttribute("class")+" ";n.indexOf(" "+e+" ")<0&&t.setAttribute("class",(n+e).trim())}}function qe(t,e){if(e&&e.trim())if(t.classList)e.indexOf(" ")>-1?e.split(/\s+/).forEach(function(e){return t.classList.remove(e)}):t.classList.remove(e);else{for(var n=" "+t.getAttribute("class")+" ",i=" "+e+" ";n.indexOf(i)>=0;)n=n.replace(i," ");t.setAttribute("class",n.trim())}}function Ue(t){ur(function(){ur(t)})}function He(t,e){(t._transitionClasses||(t._transitionClasses=[])).push(e),Ie(t,e)}function Ge(t,e){t._transitionClasses&&o(t._transitionClasses,e),qe(t,e)}function Je(t,e,n){var i=Ye(t,e),r=i.type,o=i.timeout,a=i.propCount;if(!r)return n();var s=r===rr?sr:cr,l=0,c=function(){t.removeEventListener(s,u),n()},u=function(e){e.target===t&&++l>=a&&c()};setTimeout(function(){l0&&(n=rr,u=a,f=o.length):e===or?c>0&&(n=or,u=c,f=l.length):(u=Math.max(a,c),n=u>0?a>c?rr:or:null,f=n?n===rr?o.length:l.length:0),{type:n,timeout:u,propCount:f,hasTransform:n===rr&&fr.test(i[ar+"Property"])}}function Xe(t,e){for(;t.length1,T=n._enterCb=tn(function(){S&&(Ge(n,C),Ge(n,k)),T.cancelled?(S&&Ge(n,z),A&&A(n)):P&&P(n),n._enterCb=null});t.data.show||st(t.data.hook||(t.data.hook={}),"insert",function(){var e=n.parentNode,i=e&&e._pending&&e._pending[t.key];i&&i.context===t.context&&i.tag===t.tag&&i.elm._leaveCb&&i.elm._leaveCb(),E&&E(n,T)},"transition-insert"),O&&O(n),S&&(He(n,z),He(n,k),Ue(function(){He(n,C),Ge(n,z),T.cancelled||M||Je(n,o,T)})),t.data.show&&(e&&e(),E&&E(n,T)),S||M||T()}}}function We(t,e){function n(){g.cancelled||(t.data.show||((i.parentNode._pending||(i.parentNode._pending={}))[t.key]=t),u&&u(i),v&&(He(i,s),He(i,c),Ue(function(){He(i,l),Ge(i,s),g.cancelled||m||Je(i,a,g)})),f&&f(i,g),v||m||g())}var i=t.elm;i._enterCb&&(i._enterCb.cancelled=!0,i._enterCb());var r=Qe(t.data.transition);if(!r)return e();if(!i._leaveCb&&1===i.nodeType){var o=r.css,a=r.type,s=r.leaveClass,l=r.leaveToClass,c=r.leaveActiveClass,u=r.beforeLeave,f=r.leave,d=r.afterLeave,p=r.leaveCancelled,h=r.delayLeave,v=o!==!1&&!$n,m=f&&(f._length||f.length)>1,g=i._leaveCb=tn(function(){i.parentNode&&i.parentNode._pending&&(i.parentNode._pending[t.key]=null),v&&(Ge(i,l),Ge(i,c)),g.cancelled?(v&&Ge(i,s),p&&p(i)):(e(),d&&d(i)),i._leaveCb=null});h?h(n):n()}}function Qe(t){if(t){if("object"==typeof t){var e={};return t.css!==!1&&f(e,dr(t.name||"v")),f(e,t),e}return"string"==typeof t?dr(t):void 0}}function tn(t){var e=!1;return function(){e||(e=!0,t())}}function en(t,e){e.data.show||Ke(e)}function nn(t,e,n){var i=e.value,r=t.multiple;if(!r||Array.isArray(i)){for(var o,a,s=0,l=t.options.length;s-1,a.selected!==o&&(a.selected=o);else if(g(on(a),i))return void(t.selectedIndex!==s&&(t.selectedIndex=s));r||(t.selectedIndex=-1)}}function rn(t,e){for(var n=0,i=e.length;n0,Vn=Rn&&Rn.indexOf("edge/")>0,Bn=Rn&&Rn.indexOf("android")>0,Fn=Rn&&/iphone|ipad|ipod|ios/.test(Rn),Dn=function(){return void 0===bn&&(bn=!Ln&&void 0!==e&&"server"===e.process.env.VUE_ENV),bn},In=Ln&&window.__VUE_DEVTOOLS_GLOBAL_HOOK__,qn=function(){function t(){i=!1;var t=n.slice(0);n.length=0;for(var e=0;e1&&(e[n[0].trim()]=n[1].trim())}}),e}),Ki=/^--/,Wi=/\s*!important$/,Qi=function(t,e,n){Ki.test(e)?t.style.setProperty(e,n):Wi.test(n)?t.style.setProperty(e,n.replace(Wi,""),"important"):t.style[er(e)]=n},tr=["Webkit","Moz","ms"],er=l(function(t){if(Ci=Ci||document.createElement("div"),"filter"!==(t=zn(t))&&t in Ci.style)return t;for(var e=t.charAt(0).toUpperCase()+t.slice(1),n=0;n1?e-1:0),i=1;i0&&this.__events[t].splice(n,1):delete this.__events[t]}}};var l=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||window.msRequestAnimationFrame||function(t,e){return window.setTimeout(t,1e3/60)},c=window.cancelAnimationFrame||window.mozCancelAnimationFrame||window.webkitCancelAnimationFrame||window.msRequestAnimationFrame||function(t){clearTimeout(t)},u=function(t,e,n){e=e.split(/\s+/),e.forEach(function(e){return t.addEventListener(e,n)})},f=function(t,e,n){e=e.split(/\s+/),e.forEach(function(e){return t.removeEventListener(e,n)})};e.extend=s,e.EventEmitter=r,e.requestAnimationFrame=l,e.cancelAnimationFrame=c,e.bindEvents=u,e.removeEvents=f},function(t,e,n){t.exports={default:n(137),__esModule:!0}},function(t,e){t.exports=function(t){if("function"!=typeof t)throw TypeError(t+" is not a function!");return t}},function(t,e){t.exports=function(t){if(void 0==t)throw TypeError("Can't call method on "+t);return t}},function(t,e,n){var i=n(16),r=n(3).document,o=i(r)&&i(r.createElement);t.exports=function(t){return o?r.createElement(t):{}}},function(t,e,n){var i=n(17).f,r=n(15),o=n(1)("toStringTag");t.exports=function(t,e,n){t&&!r(t=n?t:t.prototype,o)&&i(t,o,{configurable:!0,value:e})}},function(t,e,n){var i=n(47)("keys"),r=n(50);t.exports=function(t){return i[t]||(i[t]=r(t))}},function(t,e){var n=Math.ceil,i=Math.floor;t.exports=function(t){return isNaN(t=+t)?0:(t>0?i:n)(t)}},function(t,e,n){var i=n(42),r=n(24);t.exports=function(t){return i(r(t))}},function(t,e){t.exports={"zh-CN":[{name:"开发指南",groups:[{list:[{path:"/install",title:"安装"},{path:"/quickstart",title:"快速上手"}]}]},{name:"ZanUI组件",showInMobile:!0,groups:[{groupName:"基础组件",list:[{path:"/button",title:"Button"},{path:"/icon",title:"Icon"},{path:"/cell",title:"Cell"},{path:"/progress",title:"Progress"},{path:"/panel",title:"Panel"},{path:"/card",title:"Card"},{path:"/loading",title:"Loading"},{path:"/steps",title:"Steps"},{path:"/tag",title:"Tag"},{path:"/badge",title:"Badge"},{path:"/tab",title:"Tab"},{path:"/lazyload",title:"Lazyload"},{path:"/popup",title:"Popup"},{path:"/swipe",title:"Swipe"},{path:"/search",title:"Search"},{path:"/quantity",title:"Quantity"},{path:"/waterfall",title:"Waterfall"},{path:"/image-preview",title:"ImagePreview"}]},{groupName:"表单",list:[{path:"/switch",title:"Switch"},{path:"/field",title:"Field"},{path:"/radio",title:"Radio"},{path:"/checkbox",title:"Checkbox"},{path:"/uploader",title:"Uploader"}]},{groupName:"操作反馈",list:[{path:"/actionsheet",title:"ActionSheet"},{path:"/toast",title:"Toast"},{path:"/picker",title:"Picker"},{path:"/datetime-picker",title:"Datetime Picker"},{path:"/dialog",title:"Dialog"}]}]}]}},function(t,e,n){function i(t){for(var e=0;en.parts.length&&(i.parts.length=n.parts.length)}else{for(var o=[],r=0;r";for(e.style.display="none",n(41).appendChild(e),e.src="javascript:",t=e.contentWindow.document,t.open(),t.write(r+"script"+a+"document.F=Object"+r+"/script"+a),t.close(),c=t.F;i--;)delete c[l][o[i]];return c()};t.exports=Object.create||function(t,e){var n;return null!==t?(s[l]=i(t),n=new s,s[l]=null,n[a]=t):n=c(),void 0===e?n:r(n,e)}},function(t,e){t.exports=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}}},function(t,e,n){var i=n(3),r="__core-js_shared__",o=i[r]||(i[r]={});t.exports=function(t){return o[t]||(o[t]={})}},function(t,e,n){var i,r,o,a=n(14),s=n(144),l=n(41),c=n(25),u=n(3),f=u.process,d=u.setImmediate,p=u.clearImmediate,h=u.MessageChannel,v=0,m={},g="onreadystatechange",b=function(){var t=+this;if(m.hasOwnProperty(t)){var e=m[t];delete m[t],e()}},_=function(t){b.call(t.data)};d&&p||(d=function(t){for(var e=[],n=1;arguments.length>n;)e.push(arguments[n++]);return m[++v]=function(){s("function"==typeof t?t:Function(t),e)},i(v),v},p=function(t){delete m[t]},"process"==n(13)(f)?i=function(t){f.nextTick(a(b,t,1))}:h?(r=new h,o=r.port2,r.port1.onmessage=_,i=a(o.postMessage,o,1)):u.addEventListener&&"function"==typeof postMessage&&!u.importScripts?(i=function(t){u.postMessage(t+"","*")},u.addEventListener("message",_,!1)):i=g in c("script")?function(t){l.appendChild(c("script"))[g]=function(){l.removeChild(this),b.call(t)}}:function(t){setTimeout(a(b,t,1),0)}),t.exports={set:d,clear:p}},function(t,e,n){var i=n(28),r=Math.min;t.exports=function(t){return t>0?r(i(t),9007199254740991):0}},function(t,e){var n=0,i=Math.random();t.exports=function(t){return"Symbol(".concat(void 0===t?"":t,")_",(++n+i).toString(36))}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t,e){function i(t){r.push({path:"/component"+t.path,component:function(i){n.e(0).then(function(){var r=[e?n(247)("./examples-dist"+t.path+".vue"):n(248)("./examples-docs"+t.path+".md")];i.apply(null,r)}.bind(this)).catch(n.oe)}})}var r=[];return t["zh-CN"].forEach(function(t){t.groups?t.groups.forEach(function(t){t.list.forEach(function(t){i(t)})}):t.children?t.children.forEach(function(t){i(t)}):i(t)}),r};e.default=i},function(t,e,n){var i=n(172);"string"==typeof i&&(i=[[t.i,i,""]]);n(54)(i,{});i.locals&&(t.exports=i.locals)},function(t,e,n){"use strict";function i(t,e){t||"undefined"!=typeof console&&console.warn("[vue-router] "+e)}function r(t,e){switch(typeof e){case"undefined":return;case"object":return e;case"function":return e(t);case"boolean":return e?t.params:void 0;default:i(!1,'props in "'+t.path+'" is a '+typeof e+", expecting an object, function or boolean.")}}function o(t,e){if(void 0===e&&(e={}),t){var n;try{n=a(t)}catch(t){n={}}for(var i in e)n[i]=e[i];return n}return e}function a(t){var e={};return(t=t.trim().replace(/^(\?|#|&)/,""))?(t.split("&").forEach(function(t){var n=t.replace(/\+/g," ").split("="),i=Tt(n.shift()),r=n.length>0?Tt(n.join("=")):null;void 0===e[i]?e[i]=r:Array.isArray(e[i])?e[i].push(r):e[i]=[e[i],r]}),e):e}function s(t){var e=t?Object.keys(t).map(function(e){var n=t[e];if(void 0===n)return"";if(null===n)return Mt(e);if(Array.isArray(n)){var i=[];return n.slice().forEach(function(t){void 0!==t&&(null===t?i.push(Mt(e)):i.push(Mt(e)+"="+Mt(t)))}),i.join("&")}return Mt(e)+"="+Mt(n)}).filter(function(t){return t.length>0}).join("&"):null;return e?"?"+e:""}function l(t,e,n){var i={name:e.name||t&&t.name,meta:t&&t.meta||{},path:e.path||"/",hash:e.hash||"",query:e.query||{},params:e.params||{},fullPath:u(e),matched:t?c(t):[]};return n&&(i.redirectedFrom=u(n)),Object.freeze(i)}function c(t){for(var e=[];t;)e.unshift(t),t=t.parent;return e}function u(t){var e=t.path,n=t.query;void 0===n&&(n={});var i=t.hash;return void 0===i&&(i=""),(e||"/")+s(n)+i}function f(t,e){return e===Lt?t===e:!!e&&(t.path&&e.path?t.path.replace(jt,"")===e.path.replace(jt,"")&&t.hash===e.hash&&d(t.query,e.query):!(!t.name||!e.name)&&(t.name===e.name&&t.hash===e.hash&&d(t.query,e.query)&&d(t.params,e.params)))}function d(t,e){void 0===t&&(t={}),void 0===e&&(e={});var n=Object.keys(t),i=Object.keys(e);return n.length===i.length&&n.every(function(n){return String(t[n])===String(e[n])})}function p(t,e){return 0===t.path.replace(jt,"/").indexOf(e.path.replace(jt,"/"))&&(!e.hash||t.hash===e.hash)&&h(t.query,e.query)}function h(t,e){for(var n in e)if(!(n in t))return!1;return!0}function v(t){if(!(t.metaKey||t.ctrlKey||t.shiftKey||t.defaultPrevented||void 0!==t.button&&0!==t.button)){if(t.target&&t.target.getAttribute){var e=t.target.getAttribute("target");if(/\b_blank\b/i.test(e))return}return t.preventDefault&&t.preventDefault(),!0}}function m(t){if(t)for(var e,n=0;n=0&&(e=t.slice(i),t=t.slice(0,i));var r=t.indexOf("?");return r>=0&&(n=t.slice(r+1),t=t.slice(0,r)),{path:t,query:n,hash:e}}function y(t){return t.replace(/\/\//g,"/")}function x(t,e,n){var i=e||Object.create(null),r=n||Object.create(null);return t.forEach(function(t){w(i,r,t)}),{pathMap:i,nameMap:r}}function w(t,e,n,i,r){var o=n.path,a=n.name,s={path:z(o,i),components:n.components||{default:n.component},instances:{},name:a,parent:i,matchAs:r,redirect:n.redirect,beforeEnter:n.beforeEnter,meta:n.meta||{},props:null==n.props?{}:n.components?n.props:{default:n.props}};if(n.children&&n.children.forEach(function(n){w(t,e,n,s,r?y(r+"/"+n.path):void 0)}),void 0!==n.alias)if(Array.isArray(n.alias))n.alias.forEach(function(r){w(t,e,{path:r,children:n.children},i,s.path)});else{var l={path:n.alias,children:n.children};w(t,e,l,i,s.path)}t[s.path]||(t[s.path]=s),a&&(e[a]||(e[a]=s))}function z(t,e){return t=t.replace(/\/$/,""),"/"===t[0]?t:null==e?t:y(e.path+"/"+t)}function k(t,e){for(var n,i=[],r=0,o=0,a="",s=e&&e.delimiter||"/";null!=(n=Gt.exec(t));){var l=n[0],c=n[1],u=n.index;if(a+=t.slice(o,u),o=u+l.length,c)a+=c[1];else{var f=t[o],d=n[2],p=n[3],h=n[4],v=n[5],m=n[6],g=n[7];a&&(i.push(a),a="");var b=null!=d&&null!=f&&f!==d,_="+"===m||"*"===m,y="?"===m||"*"===m,x=n[2]||s,w=h||v;i.push({name:p||r++,prefix:d||"",delimiter:x,optional:y,repeat:_,partial:b,asterisk:!!g,pattern:w?S(w):g?".*":"[^"+A(x)+"]+?"})}}return o-1&&(i.params[l]=e.params[l]);if(o)return i.path=B(o.path,i.params,'named route "'+r+'"'),a(o,i,n)}else if(i.path){i.params={};for(var f in c)if(q(f,i.params,i.path))return a(c[f],i,n)}return a(null,i)}function r(t,e){var r=t.redirect,o="function"==typeof r?r(l(t,e)):r;if("string"==typeof o&&(o={path:o}),!o||"object"!=typeof o)return a(null,e);var s=o,c=s.name,f=s.path,d=e.query,p=e.hash,h=e.params;if(d=s.hasOwnProperty("query")?s.query:d,p=s.hasOwnProperty("hash")?s.hash:p,h=s.hasOwnProperty("params")?s.params:h,c){u[c];return n({_normalized:!0,name:c,query:d,hash:p,params:h},void 0,e)}if(f){var v=U(f,t);return n({_normalized:!0,path:B(v,h,'redirect route with path "'+v+'"'),query:d,hash:p},void 0,e)}return i(!1,"invalid redirect option: "+JSON.stringify(o)),a(null,e)}function o(t,e,i){var r=B(i,e.params,'aliased route with path "'+i+'"'),o=n({_normalized:!0,path:r});if(o){var s=o.matched,l=s[s.length-1];return e.params=o.params,a(l,e)}return a(null,e)}function a(t,e,n){return t&&t.redirect?r(t,n||e):t&&t.matchAs?o(t,e,t.matchAs):l(t,e,n)}var s=x(t),c=s.pathMap,u=s.nameMap;return{match:n,addRoutes:e}}function q(t,e,n){var i=V(t),r=i.regexp,o=i.keys,a=n.match(r);if(!a)return!1;if(!e)return!0;for(var s=1,l=a.length;s=t.length?n():t[r]?e(t[r],function(){i(r+1)}):i(r+1)};i(0)}function ot(t){if(!t)if(Vt){var e=document.querySelector("base");t=e&&e.getAttribute("href")||"/"}else t="/";return"/"!==t.charAt(0)&&(t="/"+t),t.replace(/\/$/,"")}function at(t,e){var n,i=Math.max(t.length,e.length);for(n=0;n=0?e:0)+"#"+t)}function Ct(t,e,n){var i="hash"===n?"#"+e:e;return t?y(t+"/"+i):i}Object.defineProperty(e,"__esModule",{value:!0});var Ot,Et={name:"router-view",functional:!0,props:{name:{type:String,default:"default"}},render:function(t,e){var n=e.props,i=e.children,o=e.parent,a=e.data;a.routerView=!0;for(var s=n.name,l=o.$route,c=o._routerViewCache||(o._routerViewCache={}),u=0,f=!1;o;)o.$vnode&&o.$vnode.data.routerView&&u++,o._inactive&&(f=!0),o=o.$parent;if(a.routerViewDepth=u,f)return t(c[s],a,i);var d=l.matched[u];if(!d)return c[s]=null,t();var p=c[s]=d.components[s],h=a.hook||(a.hook={});return h.init=function(t){d.instances[s]=t.child},h.prepatch=function(t,e){d.instances[s]=e.child},h.destroy=function(t){d.instances[s]===t.child&&(d.instances[s]=void 0)},a.props=r(l,d.props&&d.props[s]),t(p,a,i)}},Pt=/[!'()*]/g,At=function(t){return"%"+t.charCodeAt(0).toString(16)},St=/%2C/g,Mt=function(t){return encodeURIComponent(t).replace(Pt,At).replace(St,",")},Tt=decodeURIComponent,jt=/\/?$/,Lt=l(null,{path:"/"}),Rt=[String,Object],Nt=[String,Array],$t={name:"router-link",props:{to:{type:Rt,required:!0},tag:{type:String,default:"a"},exact:Boolean,append:Boolean,replace:Boolean,activeClass:String,event:{type:Nt,default:"click"}},render:function(t){var e=this,n=this.$router,i=this.$route,r=n.resolve(this.to,i,this.append),o=r.location,a=r.route,s=r.href,c={},u=this.activeClass||n.options.linkActiveClass||"router-link-active",d=o.path?l(null,o):a;c[u]=this.exact?f(i,d):p(i,d);var h=function(t){v(t)&&(e.replace?n.replace(o):n.push(o))},g={click:v};Array.isArray(this.event)?this.event.forEach(function(t){g[t]=h}):g[this.event]=h;var b={class:c};if("a"===this.tag)b.on=g,b.attrs={href:s};else{var _=m(this.$slots.default);if(_){_.isStatic=!1;var y=Ot.util.extend;(_.data=y({},_.data)).on=g;(_.data.attrs=y({},_.data.attrs)).href=s}else b.on=g}return t(this.tag,b,this.$slots.default)}},Vt="undefined"!=typeof window,Bt=Array.isArray||function(t){return"[object Array]"==Object.prototype.toString.call(t)},Ft=Bt,Dt=$,It=k,qt=C,Ut=P,Ht=N,Gt=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");Dt.parse=It,Dt.compile=qt,Dt.tokensToFunction=Ut,Dt.tokensToRegExp=Ht;var Jt=Object.create(null),Yt=Object.create(null),Xt=Object.create(null),Zt=Vt&&function(){var t=window.navigator.userAgent;return(t.indexOf("Android 2.")===-1&&t.indexOf("Android 4.0")===-1||t.indexOf("Mobile Safari")===-1||t.indexOf("Chrome")!==-1||t.indexOf("Windows Phone")!==-1)&&(window.history&&"pushState"in window.history)}(),Kt=Vt&&window.performance&&window.performance.now?window.performance:Date,Wt=Q(),Qt=function(t,e){this.router=t,this.base=ot(e),this.current=Lt,this.pending=null,this.ready=!1,this.readyCbs=[]};Qt.prototype.listen=function(t){this.cb=t},Qt.prototype.onReady=function(t){this.ready?t():this.readyCbs.push(t)},Qt.prototype.transitionTo=function(t,e,n){var i=this,r=this.router.match(t,this.current);this.confirmTransition(r,function(){i.updateRoute(r),e&&e(r),i.ensureURL(),i.ready||(i.ready=!0,i.readyCbs.forEach(function(t){t(r)}))},n)},Qt.prototype.confirmTransition=function(t,e,n){var i=this,r=this.current,o=function(){n&&n()};if(f(t,r)&&t.matched.length===r.matched.length)return this.ensureURL(),o();var a=at(this.current.matched,t.matched),s=a.updated,l=a.deactivated,c=a.activated,u=[].concat(ct(l),this.router.beforeHooks,ut(s),c.map(function(t){return t.beforeEnter}),vt(c));this.pending=t;var d=function(e,n){if(i.pending!==t)return o();e(t,r,function(t){t===!1?(i.ensureURL(!0),o()):"string"==typeof t||"object"==typeof t?("object"==typeof t&&t.replace?i.replace(t):i.push(t),o()):n(t)})};rt(u,d,function(){var n=[];rt(dt(c,n,function(){return i.current===t}),d,function(){if(i.pending!==t)return o();i.pending=null,e(t),i.router.app&&i.router.app.$nextTick(function(){n.forEach(function(t){return t()})})})})},Qt.prototype.updateRoute=function(t){var e=this.current;this.current=t,this.cb&&this.cb(t),this.router.afterHooks.forEach(function(n){n&&n(t,e)})};var te=function(t){function e(e,n){var i=this;t.call(this,e,n);var r=e.options.scrollBehavior;r&&H(),window.addEventListener("popstate",function(t){i.transitionTo(_t(i.base),function(t){r&&G(e,t,i.current,!0)})})}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.go=function(t){window.history.go(t)},e.prototype.push=function(t,e,n){var i=this;this.transitionTo(t,function(t){nt(y(i.base+t.fullPath)),G(i.router,t,i.current,!1),e&&e(t)},n)},e.prototype.replace=function(t,e,n){var i=this;this.transitionTo(t,function(t){it(y(i.base+t.fullPath)),G(i.router,t,i.current,!1),e&&e(t)},n)},e.prototype.ensureURL=function(t){if(_t(this.base)!==this.current.fullPath){var e=y(this.base+this.current.fullPath);t?nt(e):it(e)}},e.prototype.getCurrentLocation=function(){return _t(this.base)},e}(Qt),ee=function(t){function e(e,n,i){t.call(this,e,n),i&&yt(this.base)||xt()}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.setupListeners=function(){var t=this;window.addEventListener("hashchange",function(){xt()&&t.transitionTo(wt(),function(t){kt(t.fullPath)})})},e.prototype.push=function(t,e,n){this.transitionTo(t,function(t){zt(t.fullPath),e&&e(t)},n)},e.prototype.replace=function(t,e,n){this.transitionTo(t,function(t){kt(t.fullPath),e&&e(t)},n)},e.prototype.go=function(t){window.history.go(t)},e.prototype.ensureURL=function(t){var e=this.current.fullPath;wt()!==e&&(t?zt(e):kt(e))},e.prototype.getCurrentLocation=function(){return wt()},e}(Qt),ne=function(t){function e(e,n){t.call(this,e,n),this.stack=[],this.index=-1}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.push=function(t,e,n){var i=this;this.transitionTo(t,function(t){i.stack=i.stack.slice(0,i.index+1).concat(t),i.index++,e&&e(t)},n)},e.prototype.replace=function(t,e,n){var i=this;this.transitionTo(t,function(t){i.stack=i.stack.slice(0,i.index).concat(t),e&&e(t)},n)},e.prototype.go=function(t){var e=this,n=this.index+t;if(!(n<0||n>=this.stack.length)){var i=this.stack[n];this.confirmTransition(i,function(){e.index=n,e.updateRoute(i)})}},e.prototype.getCurrentLocation=function(){var t=this.stack[this.stack.length-1];return t?t.fullPath:"/"},e.prototype.ensureURL=function(){},e}(Qt),ie=function(t){void 0===t&&(t={}),this.app=null,this.apps=[],this.options=t,this.beforeHooks=[],this.afterHooks=[],this.matcher=I(t.routes||[]);var e=t.mode||"hash";switch(this.fallback="history"===e&&!Zt,this.fallback&&(e="hash"),Vt||(e="abstract"),this.mode=e,e){case"history":this.history=new te(this,t.base);break;case"hash":this.history=new ee(this,t.base,this.fallback);break;case"abstract":this.history=new ne(this,t.base)}},re={currentRoute:{}};ie.prototype.match=function(t,e,n){return this.matcher.match(t,e,n)},re.currentRoute.get=function(){return this.history&&this.history.current},ie.prototype.init=function(t){var e=this;if(this.apps.push(t),!this.app){this.app=t;var n=this.history;if(n instanceof te)n.transitionTo(n.getCurrentLocation());else if(n instanceof ee){var i=function(){n.setupListeners()};n.transitionTo(n.getCurrentLocation(),i,i)}n.listen(function(t){e.apps.forEach(function(e){e._route=t})})}},ie.prototype.beforeEach=function(t){this.beforeHooks.push(t)},ie.prototype.afterEach=function(t){this.afterHooks.push(t)},ie.prototype.onReady=function(t){this.history.onReady(t)},ie.prototype.push=function(t,e,n){this.history.push(t,e,n)},ie.prototype.replace=function(t,e,n){this.history.replace(t,e,n)},ie.prototype.go=function(t){this.history.go(t)},ie.prototype.back=function(){this.go(-1)},ie.prototype.forward=function(){this.go(1)},ie.prototype.getMatchedComponents=function(t){var e=t?this.resolve(t).route:this.currentRoute;return e?[].concat.apply([],e.matched.map(function(t){return Object.keys(t.components).map(function(e){return t.components[e]})})):[]},ie.prototype.resolve=function(t,e,n){var i=F(t,e||this.history.current,n),r=this.match(i,e),o=r.redirectedFrom||r.fullPath;return{location:i,route:r,href:Ct(this.history.base,o,this.mode),normalizedTo:i,resolved:r}},ie.prototype.addRoutes=function(t){this.matcher.addRoutes(t),this.history.current!==Lt&&this.history.transitionTo(this.history.getCurrentLocation())},Object.defineProperties(ie.prototype,re),ie.install=g,ie.version="2.2.1",Vt&&window.Vue&&window.Vue.use(ie),e.default=ie},function(t,e){function n(t,e){for(var n=0;n=0&&b.splice(e,1)}function a(t){var e=document.createElement("style");return e.type="text/css",r(t,e),e}function s(t){var e=document.createElement("link");return e.rel="stylesheet",r(t,e),e}function l(t,e){var n,i,r;if(e.singleton){var l=g++;n=m||(m=a(e)),i=c.bind(null,n,l,!1),r=c.bind(null,n,l,!0)}else t.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(n=s(e),i=f.bind(null,n),r=function(){o(n),n.href&&URL.revokeObjectURL(n.href)}):(n=a(e),i=u.bind(null,n),r=function(){o(n)});return i(t),function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap)return;i(t=e)}else r()}}function c(t,e,n,i){var r=n?"":i.css;if(t.styleSheet)t.styleSheet.cssText=_(e,r);else{var o=document.createTextNode(r),a=t.childNodes;a[e]&&t.removeChild(a[e]),a.length?t.insertBefore(o,a[e]):t.appendChild(o)}}function u(t,e){var n=e.css,i=e.media;if(i&&t.setAttribute("media",i),t.styleSheet)t.styleSheet.cssText=n;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(n))}}function f(t,e){var n=e.css,i=e.sourceMap;i&&(n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i))))+" */");var r=new Blob([n],{type:"text/css"}),o=t.href;t.href=URL.createObjectURL(r),o&&URL.revokeObjectURL(o)}var d={},p=function(t){var e;return function(){return void 0===e&&(e=t.apply(this,arguments)),e}},h=p(function(){return/msie [6-9]\b/.test(self.navigator.userAgent.toLowerCase())}),v=p(function(){return document.head||document.getElementsByTagName("head")[0]}),m=null,g=0,b=[];t.exports=function(t,e){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");e=e||{},void 0===e.singleton&&(e.singleton=h()),void 0===e.insertAt&&(e.insertAt="bottom");var r=i(t);return n(r,e),function(t){for(var o=[],a=0;a-1:void 0},isDisabled:function(){return this.isGroup&&this.parentGroup?this.parentGroup.disabled||this.disabled:this.disabled}},methods:{handleLabelClick:function(){this.isDisabled||(this.currentValue=!this.currentValue)}}}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={name:"zan-col",props:{span:[Number,String],offset:[Number,String],prefix:{type:String,default:"zan"}},computed:{gutter:function(){return Number(this.$parent.gutter)},style:function(){var t=this.gutter/2+"px";return this.gutter?{paddingLeft:t,paddingRight:t}:null}}}},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(11),o=i(r);e.default={name:"zan-dialog",mixins:[o.default],props:{overlay:{default:!0},closeOnClickOverlay:{default:!0},lockOnScroll:{default:!0}},data:function(){return{title:"",message:"",type:"",showConfirmButton:!0,showCancelButton:!1,confirmButtonText:"确认",cancelButtonText:"取消",callback:null}},methods:{handleAction:function(t){this.value=!1,this.callback&&this.callback(t)},close:function(){var t=this;this.closing||(this.closing=!0,this.value=!1,this.lockOnScroll&&setTimeout(function(){t.modal&&"hidden"!==t.bodyOverflow&&(document.body.style.overflow=t.bodyOverflow),t.bodyOverflow=null},200),this.opened=!1,this.doAfterClose())}}}},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(35),o=i(r);e.default={name:"zan-field",components:{zanCell:o.default},props:{type:{type:String,default:"text"},placeholder:String,value:{},label:String,disabled:Boolean,error:Boolean,readonly:Boolean,maxlength:[String,Number],border:Boolean},data:function(){return{currentValue:this.value}},watch:{value:function(t){this.currentValue=t},currentValue:function(t){this.$emit("input",t)}},methods:{handleInput:function(t){this.currentValue=t.target.value}}}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={name:"zan-icon",props:{name:String},methods:{handleIconClick:function(t){this.$emit("click",t)}}}},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(11),o=i(r),a=n(37),s=i(a),l=n(36),c=i(l);e.default={name:"zan-image-preview",mixins:[o.default],components:{ZanSwipe:s.default,ZanSwipeItem:c.default},props:{overlay:{default:!0},lockOnScroll:{default:!0},closeOnClickOverlay:{default:!0}},data:function(){return{images:[],viewportSize:null}},methods:{handlePreviewClick:function(){this.value=!1},close:function(){var t=this;this.closing||(this.closing=!0,this.value=!1,this.lockOnScroll&&setTimeout(function(){t.modal&&"hidden"!==t.bodyOverflow&&(document.body.style.overflow=t.bodyOverflow),t.bodyOverflow=null},200),this.opened=!1,this.doAfterClose())}}}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=["gradient-circle","circle"],r=["black","white"];e.default={name:"zan-loading",props:{type:{type:String,default:"gradient-circle",validate:function(t){return i.indexOf(t)>-1}},color:{type:String,default:"black",validate:function(t){return r.indexOf(t)>-1}}}}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={name:"zan-panel",props:{title:String,desc:String,status:String}}},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(133),o=i(r),a=n(107),s=i(a);e.default={name:"zan-picker-column",props:{visibileColumnCount:{type:Number,default:5},values:{type:Array,default:function(){return[]}},className:{type:String,default:""},itemHeight:{type:Number,default:44},value:{},valueKey:String},data:function(){return{currentValue:this.value,currentValues:this.values,isDragging:!1}},watch:{values:function(t){this.currentValues=t},currentValues:function(t){this.valueIndex===-1&&(this.currentValue=(t||[])[0])},currentValue:function(t){this.doOnValueChange(),this.$emit("change",this)}},computed:{visibleContentHeight:function(){return this.itemHeight*this.visibileColumnCount},valueIndex:function(){return this.currentValues.indexOf(this.currentValue)},dragRange:function(){var t=this.currentValues,e=this.visibileColumnCount,n=this.itemHeight;return[-n*(t.length-Math.ceil(e/2)),n*Math.floor(e/2)]},classNames:function(){return this.className.split(" ")}},mounted:function(){this.initEvents(),this.doOnValueChange()},methods:{value2Translate:function(t){var e=this.currentValues,n=e.indexOf(t),i=Math.floor(this.visibileColumnCount/2),r=this.itemHeight;if(n!==-1)return(n-i)*-r},translate2Value:function(t){var e=this.itemHeight;t=Math.round(t/e)*e;var n=-(t-Math.floor(this.visibileColumnCount/2)*e)/e;return this.currentValues[n]},initEvents:function(){var t,e,n,i=this,r=this.$refs.wrapper,a={};(0,s.default)(r,{start:function(t){a={range:i.dragRange,start:new Date,startLeft:t.pageX,startTop:t.pageY,startTranslateTop:o.default.getElementTranslate(r).top},n=r.querySelectorAll(".zan-picker-item")},drag:function(n){i.isDragging=!0,a.left=n.pageX,a.top=n.pageY;var s=a.top-a.startTop,l=a.startTranslateTop+s;o.default.translateElement(r,null,l),t=l-e||l,e=l},end:function(){if(i.isDragging){i.isDragging=!1;var e,n=o.default.getElementTranslate(r).top;new Date-a.start<300&&(e=n+t*7);var s=a.range;i.$nextTick(function(){var t,a=i.itemHeight;t=e?Math.round(e/a)*a:Math.round(n/a)*a,t=Math.max(Math.min(t,s[1]),s[0]),o.default.translateElement(r,null,t),i.currentValue=i.translate2Value(t)})}a={}}})},doOnValueChange:function(){var t=this.currentValue,e=this.$refs.wrapper;this.$emit("input",this.currentValue),o.default.translateElement(e,null,this.value2Translate(t))}}}},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(188),o=i(r);e.default={name:"zan-picker",components:{PickerColumn:o.default},props:{visibileColumnCount:{type:Number,default:5},itemHeight:{type:Number,default:44},columns:{type:Array,default:function(){return[]}},showToolbar:{type:Boolean,default:!1},valueKey:String},computed:{values:function t(){var e=this.columns||[],t=[];return e.forEach(function(e){t.push(e.value||e.values[e.defaultIndex||0])}),t}},methods:{handlePickerCancel:function(){this.$emit("cancel",this.values)},handlePickerConfirm:function(){this.$emit("confirm",this.values)},columnValueChange:function(t){this.$emit("change",this,this.values,t)},getColumn:function(t){return this.$children.filter(function(t){return"zan-picker-column"===t.$options.name})[t]},getColumnValue:function(t){var e=this.getColumn(t);return e&&e.values[e.valueIndex]},setColumnValue:function(t,e){var n=this.getColumn(t);n&&(n.currentValue=e)},getColumnValues:function(t){var e=this.getColumn(t);return e&&e.currentValues},setColumnValues:function(t,e){var n=this.getColumn(t);n&&(n.currentValues=e)},getValues:function(){return this.values},setValues:function(t){var e=this;t.forEach(function(t,n){e.setColumnValue(n,t)})}}}},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(11),o=i(r);e.default={name:"zan-popup",mixins:[o.default],props:{overlay:{default:!0},lockOnScroll:{default:!1},closeOnClickOverlay:{default:!0},transition:{type:String,default:"popup-slide"},position:{type:String,default:""}},data:function(){return{currentValue:!1,currentTransition:this.transition}},watch:{currentValue:function(t){this.$emit("input",t)},value:function(t){this.currentValue=t}},beforeMount:function(){"popup-fade"!==this.transition&&(this.currentTransition="popup-slide-"+this.position)},mounted:function(){this.value&&(this.currentValue=!0,this.open())}}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={name:"zan-progress",props:{percentage:{type:Number,default:0,validate:function(t){return t<=100&&t>=0}},inactive:{type:Boolean,default:!1},pivotText:{type:String,default:function(){return this.percentage.toString()+"%"}},color:{type:String,default:"#38f"},textColor:{type:String,default:"#fff"}},computed:{componentColor:function(){return this.inactive?"#cacaca":this.color},pivotStyle:function t(){var t={backgroundColor:this.componentColor,color:this.textColor,left:this.percentage+"%",marginLeft:"-14px"};return console.log(this.percentage),this.percentage<=5?(t.left="0%",t.marginLeft="0"):this.percentage>=95?(t.left="100%",t.marginLeft="-28px"):(t.left=this.percentage+"%",t.marginLeft="-14px"),t}}}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={name:"zan-quantity",props:{min:{type:[String,Number],default:1},max:{type:[String,Number],default:1/0},value:{},step:{type:[String,Number],default:1},disabled:Boolean,defaultValue:{type:[String,Number],default:1}},data:function(){return{currentValue:this.value?+this.value:+this.defaultValue}},computed:{isMinusDisabled:function(){var t=+this.min,e=+this.step,n=+this.currentValue;return t===n||n-et||this.disabled}},watch:{currentValue:function(t){this.$emit("input",+t)},value:function(t){t&&(this.currentValue=+t)}},methods:{handleInputChange:function(t){var e=+t.target.value,n=+this.max,i=+this.min;e>n?e=n:e-1}},message:{type:String,default:"",validate:function(t){if("success"===this.type||"fail"===this.type)return t.length<=16}}},data:function(){return{visible:!1}},computed:{displayStyle:function(){switch(this.type){case"text":return"text";case"loading":return"loading";default:return"default"}},iconName:function(){return"check"}}}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={name:"zan-uploader",props:{disabled:{type:Boolean,default:!1},beforeRead:Function,resultType:{type:String,default:"dataUrl",validator:function(t){return"dataUrl"===t||"text"===t}}},methods:{onValueChange:function(t){var e=this;if(!this.disabled){var n=t.target.files,i=n[0];if(i&&(!this.beforeRead||this.beforeRead(i))){var r=new FileReader;r.onload=function(t){e.$emit("file-readed",{name:i.name,type:i.type,size:i.size,content:t.target.result}),e.$refs.input.value=""},"dataUrl"===this.resultType?r.readAsDataURL(i):"text"===this.resultType&&r.readAsText(i)}}}}}},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(173),o=i(r);e.default=o.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(174),o=i(r);e.default=o.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(175),o=i(r);e.default=o.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(94),o=i(r);e.default=o.default},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=["mini","small","normal","large"],r=["default","danger","primary"];e.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(t){return r.indexOf(t)>-1}},size:{type:String,default:"normal",validator:function(t){return i.indexOf(t)>-1}}},methods:{handleClick:function(t){this.$emit("click",t)}},render:function(t){var e=this.type,n=this.nativeType,i=this.size,r=this.disabled,o=this.loading,a=this.block;return t(this.tag,{attrs:{type:n,disabled:r},class:["zan-button","zan-button--"+e,"zan-button--"+i,{"zan-button--disabled":r,"zan-button--loading":o,"zan-button--block":a}],on:{click:this.handleClick}},[o?t("zan-loading",{class:"zan-button__icon-loading",attrs:{type:"circle",color:"default"===e?"black":"white"}},[]):null,t("span",{class:"zan-button__text"},[this.$slots.default])])}}},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(176),o=i(r);e.default=o.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(177),o=i(r);e.default=o.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(179),o=i(r);e.default=o.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(180),o=i(r);e.default=o.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(181),o=i(r);e.default=o.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(135),o=i(r),a=n(2),s=i(a),l=n(182),c=i(l),u=n(12),f=i(u),d=s.default.extend(c.default),p=void 0,h=void 0,v=[],m=function(t){if(p){var e=p.callback;"function"==typeof e&&e(t),p.resolve&&"confirm"===t?p.resolve(t):p.reject&&"cancel"===t&&p.reject(t)}},g=function(){h=new d({el:document.createElement("div")}),h.callback=m},b=function(){if(h||g(),!h.value&&v.length>0){p=v.shift();var t=p.options;for(var e in t)t.hasOwnProperty(e)&&(h[e]=t[e]);void 0===t.callback&&(h.callback=m),document.body.appendChild(h.$el),s.default.nextTick(function(){h.value=!0})}},_=function(t){return new o.default(function(e,n){v.push({options:(0,f.default)({},t),callback:t.callback,resolve:e,reject:n}),b()})};_.alert=function(t){return _((0,f.default)({type:"alert",closeOnClickOverlay:!1,showCancelButton:!1},t))},_.confirm=function(t){return _((0,f.default)({type:"confirm",closeOnClickOverlay:!0,showCancelButton:!0},t))},_.close=function(){h.value=!1,v=[],p=null},e.default=_},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(183),o=i(r);e.default=o.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(103),o=i(r);e.default=o.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(2),o=i(r),a=n(185),s=i(a),l=n(12),c=(i(l),void 0),u=o.default.extend(s.default),f=function(){c=new u({el:document.createElement("div")})},d=function(t){c||f(),c.value||(c.images=t,document.body.appendChild(c.$el),o.default.nextTick(function(){c.value=!0}))};e.default=d},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={install:function(t,e){function n(){a.scrollTop===o?(window.cancelAnimationFrame(r),window.dispatchEvent(s)):o=a.scrollTop,window.requestAnimationFrame(n)}function i(t){if(t){var n=this.modifiers.fade||e.fade,i=this.modifiers.nohori||e.nohori;n&&(this.el.style.opacity=0,this.el.style.transition="opacity .3s",this.el.style.webkitTransition="opacity .3s");var r=function(){if(null!==this.el){var e=this.el.getBoundingClientRect(),n=document.head.parentNode.clientWidth,o=document.head.parentNode.clientHeight,s=function(){this.el.src=t,this.el.addEventListener("load",a),window.removeEventListener("scrollEnd",r,!0),window.removeEventListener("resize",r,!0)}.bind(this);this.el.src!==t&&(i?e.bottom>=0&&e.top<=o&&s():e.bottom>=0&&e.top<=o&&e.right>=0&&e.left<=n&&s())}}.bind(this),o=function(){r(),this.el&&this.el.removeEventListener("load",o),window.addEventListener("scrollEnd",r,!0),window.addEventListener("resize",r,!0)}.bind(this),a=function(){null!==this.el&&(n&&(this.el.style.opacity=1),this.el.removeEventListener("load",a))}.bind(this);this.el.addEventListener("load",o)}}e=e||{fade:!1,nohori:!1};var r=null,o=0,a=document.body,s=document.createEvent("HTMLEvents");s.initEvent("scrollEnd",!0,!1),document.addEventListener("scroll",function(){r||(r=window.requestAnimationFrame(n))},!0),t.directive("lazyload",i)}}},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(187),o=i(r);e.default=o.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(189),o=i(r);e.default=o.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0}),e.default=function(t,e){var n=function(t){e.drag&&e.drag(s?t.changedTouches[0]||t.touches[0]:t)},i=function t(i){s||(document.removeEventListener("mousemove",n),document.removeEventListener("mouseup",t)),document.onselectstart=null,document.ondragstart=null,a=!1,e.end&&e.end(s?i.changedTouches[0]||i.touches[0]:i)};t.addEventListener(s?"touchstart":"mousedown",function(t){a||(document.onselectstart=function(){return!1},document.ondragstart=function(){return!1},s||(document.addEventListener("mousemove",n),document.addEventListener("mouseup",i)),a=!0,e.start&&(t.preventDefault(),e.start(s?t.changedTouches[0]||t.touches[0]:t)))}),s&&(t.addEventListener("touchmove",n),t.addEventListener("touchend",i),t.addEventListener("touchcancel",i))};var r=n(2),o=i(r),a=!1,s=!o.default.prototype.$isServer&&"ontouchstart"in window},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(190),o=i(r);e.default=o.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(191),o=i(r);e.default=o.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(192),o=i(r);e.default=o.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(193),o=i(r);e.default=o.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(194),o=i(r);e.default=o.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(195),o=i(r);e.default=o.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(196),o=i(r);e.default=o.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(197),o=i(r);e.default=o.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(198),o=i(r);e.default=o.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function r(t,e){s.EventEmitter.apply(this,arguments),this.isStarting=!1,this.startPt=null,this.endPt=null,this.isDeaf=!1,this.options=(0,s.extend)({listenMoving:!1},e),this.host=t,this.onTouchStart=this.onTouchStart.bind(this),this.onTouchMove=this.onTouchMove.bind(this),this.onTouchEnd=this.onTouchEnd.bind(this),this.bind(this.host)}Object.defineProperty(e,"__esModule",{value:!0});var o=n(22),a=i(o),s=n(21);r.prototype=(0,a.default)(new s.EventEmitter),(0,s.extend)(r.prototype,{bind:function(t){(0,s.bindEvents)(t,"touchstart mousedown",this.onTouchStart),this.options.listenMoving&&(0,s.bindEvents)(window,"touchmove mousemove",this.onTouchMove),(0,s.bindEvents)(window,"touchend mouseup touchcancel",this.onTouchEnd)},onTouchStart:function(t){this.isDeaf||this.isStarting||(this.isStarting=!0,this.orgDirection=null,this.startPt=this.pointerEventToXY(t))},onTouchMove:function(t){this.isStarting&&this.caculate(t)},onTouchEnd:function(t){this.isStarting&&(this.isStarting=!1,this.caculate(t,!0))},caculate:function(t,e){var n,i;this.endPt=this.pointerEventToXY(t),n=this.startPt.y-this.endPt.y,i=this.startPt.x-this.endPt.x,n&&this.emit(n>0?"up":"down",n,e,t),i&&this.emit(i>0?"left":"right",i,e,t),null==this.orgDirection&&(this.orgDirection=Math.abs(i)>Math.abs(n)),this.emit("move",{x:i,y:n},e,t,{orgDirection:this.orgDirection})},pointerEventToXY:function(t){var e={x:0,y:0},n=t.type;if(t.originalEvent&&(t=t.originalEvent),["touchstart","touchmove","touchend","touchcancel"].indexOf(n)>-1){var i=t.touches[0]||t.changedTouches[0];e.x=i.pageX,e.y=i.pageY}else["mousedown","mouseup","mousemove","mouseover","mouseout","mouseenter","mouseleave"].indexOf(n)>-1&&(e.x=t.pageX,e.y=t.pageY);return e},deaf:function(){this.isDeaf=!0},undeaf:function(){this.isDeaf=!1},destroy:function(){(0,s.removeEvents)(this.host,"touchstart mousedown",this.onTouchStart),this.options.listenMoving&&(0,s.removeEvents)(window,"touchmove mousemove",this.onTouchMove),(0,s.removeEvents)(window,"touchend mouseup touchcancel",this.onTouchEnd)}}),e.default=r},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function r(t,e){s.EventEmitter.apply(this,arguments),this.wrapElem=t,this.wrapSize={width:function(){return t.clientWidth},height:function(){return t.clientHeight}},this.options=(0,s.extend)({loop:!0,autoPlay:!1,startIndex:0},e),this.init.apply(this,arguments)}Object.defineProperty(e,"__esModule",{value:!0});var o=n(22),a=i(o),s=n(21),l=function(t,e){Array.prototype.forEach.call(t,function(t){(0,s.extend)(t.style,e)})};r.prototype=(0,a.default)(new s.EventEmitter),(0,s.extend)(r.prototype,{init:function(){this.update()},getCurrentDist:function(){return this.mCache.currentDist},update:function(){var t=this,e=this.pages;if(this.pages=this.wrapElem.querySelectorAll(".zan-swipe-item"),e&&e.length===this.pages.length){if(Array.prototype.every.call(this.pages,function(n,i){return t.pages[i]===e[i]}))return}var n={position:"absolute",top:0,left:0,width:"100%",height:"100%","-webkit-transform":"translate3d(-9999px, 0, 0)","pointer-events":"none"};l(this.pages,n),this.mCache={dist:0,offsetPage:0},this.setCurrentPage(0),this.movePage(this.options.startIndex*this.wrapSize.width(),!0)},renderPage:function(){var t,e,n,i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,o=this.wrapSize.width(),a=r*o-i,s=a-o,l=a+o;t=this.getCurrentPage(),t&&(t.style["-webkit-transform"]="translate3d("+a+"px, 0, 0)",t.style.display="block"),e=this.pages[this.mapLoopPage(r-1)],e&&(Math.abs(s)<=o?e.style["-webkit-transform"]="translate3d("+s+"px, 0, 0)":this.pages.length>2&&(e.style["-webkit-transform"]="translate3d(-9999px, 0, 0)")),(n=this.pages[this.mapLoopPage(r+1)])&&(Math.abs(l)<=o?n.style["-webkit-transform"]="translate3d("+l+"px, 0, 0)":this.pages.length>2&&(n.style["-webkit-transform"]="translate3d(-9999px, 0, 0)"))},movePage:function(t,e){var n;this.mCache.currentDist=t+this.mCache.dist,e&&(this.mCache.dist+=t),n=Math.round(this.mCache.currentDist/this.wrapSize.width())||0,n!==this.mCache.offsetPage&&(this.setCurrentPage(n),this.emit("pageChangeEnd",this.getCurrentPage(),this.currentIndex,this.mCache.offsetPage),this.mCache.offsetPage=n),this.renderPage(this.mCache.currentDist,n)},getCurrentPage:function(){return this.pages[this.currentIndex]},mapLoopPage:function(t){if(this.options.loop){var e=t<0?-1:1,n=this.pages.length;return Math.abs(n+e*Math.abs(t)%n)%n}return t>=this.pages.length||t<0?this.pages.length:t},setCurrentPage:function(t){this.currentIndex=this.mapLoopPage(t)}}),e.default=r},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function r(t,e,n){var i=t.wrapElem,r=this;s.EventEmitter.apply(this,arguments),this.scroll=t,this.input=e,this.input.on("move",this.movementReact.bind(this)),this.wrapSize={width:function(){return i.clientWidth},height:function(){return i.clientHieght}},this.options=(0,s.extend)({intervalTween:3e3,threshold:20},n),this.scroll.options.autoPlay&&this.initMove(),this.on("bounceEnd",function(){r.scroll.options.autoPlay&&r.initMove(),r.input.undeaf()}).on("bounceStart",function(){r.input.deaf()})}Object.defineProperty(e,"__esModule",{value:!0});var o=n(22),a=i(o),s=n(21);r.prototype=(0,a.default)(new s.EventEmitter),(0,s.extend)(r.prototype,{clearTransition:function(){(0,s.cancelAnimationFrame)(this.transitionReq)},movementReact:function(t,e,n,i){e&&this.launch(i.orgDirection?t.x:0),this.clearMove()},launch:function(t){var e=this,n=t/Math.abs(t),i=0,r=e.wrapSize.width(),o=Math.round(t/r),a=this.scroll.mCache.offsetPage;i=r*o,0===i&&Math.abs(t)>e.options.threshold&&(i=r*n),e.scroll.options.loop||(a<=0&&(i=Math.abs(t)>e.options.threshold&&n>0?r*n:r*(o-a)),1===this.scroll.pages.length?i=0:a>=this.scroll.pages.length-1&&(i=Math.abs(t)>e.options.threshold&&n<0?r*n:r*(o-a+this.scroll.pages.length-1))),this.initTween(i-t,150,"bounce")},initTween:function(t,e,n){function i(){if((r=new Date-a)>e)return o.emit(n,{x:t},!0),void o.emit(n+"End");o.emit(n,{x:t/e*r},!1),o.tweenRid=(0,s.requestAnimationFrame)(i)}if(0!==t){var r,o=this,a=new Date;this.cancelTween(),this.emit(n+"Start"),i()}},cancelTween:function(){(0,s.cancelAnimationFrame)(this.tweenRid)},initMove:function(){function t(){n.currentIndex!==n.pages.length-1||n.options.loop?e.initTween(e.wrapSize.width(),200,"autoPlay"):e.initTween(-e.wrapSize.width()*(n.pages.length-1),200,"autoPlay"),e.moveTid=setTimeout(t,i)}var e=this,n=this.scroll,i=e.options.intervalTween;this.clearMove(),e.moveTid=setTimeout(t,i)},clearMove:function(){clearTimeout(this.moveTid)}}),e.default=r},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(201),o=i(r);e.default=o.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(202),o=i(r);e.default=o.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(203),o=i(r);e.default=o.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(204),o=i(r);e.default=o.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(125),o=i(r);e.default=o.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(2),o=i(r),a=n(12),s=i(a),l=o.default.extend(n(205)),c=[],u=function(){if(c.length>0){var t=c[0];return c.splice(0,1),t}return new l({el:document.createElement("div")})},f=function(t){t&&c.push(t)},d=function(t){t.target.parentNode&&t.target.parentNode.removeChild(t.target)},p=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=t.duration||3e3,n=u();return f(n),n.closed=!1,clearTimeout(n.timer),n.type=t.type?t.type:"text",n.message="string"==typeof t?t:t.message,document.body.appendChild(n.$el),o.default.nextTick(function(){n.visible=!0,n.$el.removeEventListener("transitionend",d),n.timer=setTimeout(function(){n.closed||(n.visible=!1,n.$el.addEventListener("transitionend",d),n.closed=!0)},e)}),n};p.loading=function(t){return new p((0,s.default)({type:"loading"},t))},p.success=function(t){var e="string"==typeof t?t:t.message;return new p((0,s.default)({type:"success",message:e},t))},p.fail=function(t){var e="string"==typeof t?t:t.message;return new p((0,s.default)({type:"fail",message:e},t))},e.default=p},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(206),o=i(r);e.default=o.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(129),o=i(r);e.default=o.default},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function r(){var t=this;this.scrollEventListener=c.default.debounce(o.bind(this),200),this.scrollEventTarget=c.default.getScrollEventTarget(this.el);var e=this.el.getAttribute("waterfall-disabled"),n=!1;e&&(this.vm.$watch(e,function(e){t.disabled=e,t.scrollEventListener()}),n=Boolean(this.vm[e])),this.disabled=n;var i=this.el.getAttribute("waterfall-offset");this.offset=Number(i)||f,this.scrollEventTarget.addEventListener("scroll",this.scrollEventListener),this.scrollEventListener()}function o(){var t=this.el,e=this.scrollEventTarget;if(!this.disabled){var n=c.default.getScrollTop(e),i=n+c.default.getVisibleHeight(e),r=!1;if(t===e)r=e.scollHeight-i0}o&&this.cb.upper&&this.cb.upper({target:e,top:n})}}function a(t){t[u].vm.$nextTick(function(){c.default.isAttached(t)&&r.call(t[u])})}function s(t){var e=t[u];e.vm._isMounted?a(t):e.vm.$on("hook:mounted",function(){a(t)})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=function(t){return{bind:function(e,n,i){e[u]||(e[u]={el:e,vm:i.context,cb:{}}),e[u].cb[t]=n.value,s(e)},update:function(t){t[u].scrollEventListener()},unbind:function(t){var e=t[u];e.scrollEventTarget.removeEventListener("scroll",e.scrollEventListener)}}};var l=n(130),c=i(l),u="@@Waterfall",f=300},function(t,e,n){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(128),o=i(r),a=n(2),s=i(a),l=function(t){t.directive("WaterfallLower",(0,o.default)("lower")),t.directive("WaterfallUpper",(0,o.default)("upper"))};s.default.prototype.$isServer||s.default.use(l),o.default.install=l,e.default=o.default},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={debounce:function(t,e,n){var i,r,o,a,s;return function(){o=this,r=arguments,a=new Date;var n=function n(){var l=new Date-a;l0){if(n[n.length-1].id===t)n.pop(),n.length>0&&(i.style.zIndex=n[n.length-1].zIndex);else for(var r=n.length-1;r>=0;r--)if(n[r].id===t){n.splice(r,1);break}}0===n.length&&setTimeout(function(){i.parentNode&&i.parentNode.removeChild(i),i.style.display="none",e.modalDom=null},200)}};e.default=s},function(t,e,n){"use strict";function i(t,e){if(!t||!e)return!1;if(e.indexOf(" ")!==-1)throw new Error("className should not contain space.");return t.classList?t.classList.contains(e):(" "+t.className+" ").indexOf(" "+e+" ")>-1}function r(t,e){if(t){for(var n=t.className,r=(e||"").split(" "),o=0,a=r.length;ou;)if((s=l[u++])!=s)return!0}else for(;c>u;u++)if((t||u in l)&&l[u]===n)return t||u||0;return!t&&-1}}},function(t,e,n){var i=n(14),r=n(146),o=n(145),a=n(5),s=n(49),l=n(164),c={},u={},e=t.exports=function(t,e,n,f,d){var p,h,v,m,g=d?function(){return t}:l(t),b=i(n,f,e?2:1),_=0;if("function"!=typeof g)throw TypeError(t+" is not iterable!");if(o(g)){for(p=s(t.length);p>_;_++)if((m=e?b(a(h=t[_])[0],h[1]):b(t[_]))===c||m===u)return m}else for(v=g.call(t);!(h=v.next()).done;)if((m=r(v,b,h.value,e))===c||m===u)return m};e.BREAK=c,e.RETURN=u},function(t,e,n){t.exports=!n(7)&&!n(19)(function(){return 7!=Object.defineProperty(n(25)("div"),"a",{get:function(){return 7}}).a})},function(t,e){t.exports=function(t,e,n){var i=void 0===n;switch(e.length){case 0:return i?t():t.call(n);case 1:return i?t(e[0]):t.call(n,e[0]);case 2:return i?t(e[0],e[1]):t.call(n,e[0],e[1]);case 3:return i?t(e[0],e[1],e[2]):t.call(n,e[0],e[1],e[2]);case 4:return i?t(e[0],e[1],e[2],e[3]):t.call(n,e[0],e[1],e[2],e[3])}return t.apply(n,e)}},function(t,e,n){var i=n(8),r=n(1)("iterator"),o=Array.prototype;t.exports=function(t){return void 0!==t&&(i.Array===t||o[r]===t)}},function(t,e,n){var i=n(5);t.exports=function(t,e,n,r){try{return r?e(i(n)[0],n[1]):e(n)}catch(e){var o=t.return;throw void 0!==o&&i(o.call(t)),e}}},function(t,e,n){"use strict";var i=n(45),r=n(46),o=n(26),a={};n(6)(a,n(1)("iterator"),function(){return this}),t.exports=function(t,e,n){t.prototype=i(a,{next:r(1,n)}),o(t,e+" Iterator")}},function(t,e,n){var i=n(1)("iterator"),r=!1;try{var o=[7][i]();o.return=function(){r=!0},Array.from(o,function(){throw 2})}catch(t){}t.exports=function(t,e){if(!e&&!r)return!1;var n=!1;try{var o=[7],a=o[i]();a.next=function(){return{done:n=!0}},o[i]=function(){return a},t(o)}catch(t){}return n}},function(t,e){t.exports=function(t,e){return{value:e,done:!!t}}},function(t,e,n){var i=n(3),r=n(48).set,o=i.MutationObserver||i.WebKitMutationObserver,a=i.process,s=i.Promise,l="process"==n(13)(a);t.exports=function(){var t,e,n,c=function(){var i,r;for(l&&(i=a.domain)&&i.exit();t;){r=t.fn,t=t.next;try{r()}catch(i){throw t?n():e=void 0,i}}e=void 0,i&&i.enter()};if(l)n=function(){a.nextTick(c)};else if(o){var u=!0,f=document.createTextNode("");new o(c).observe(f,{characterData:!0}),n=function(){f.data=u=!u}}else if(s&&s.resolve){var d=s.resolve();n=function(){d.then(c)}}else n=function(){r.call(i,c)};return function(i){var r={fn:i,next:void 0};e&&(e.next=r),t||(t=r,n()),e=r}}},function(t,e,n){"use strict";var i=n(33),r=n(153),o=n(156),a=n(34),s=n(42),l=Object.assign;t.exports=!l||n(19)(function(){var t={},e={},n=Symbol(),i="abcdefghijklmnopqrst";return t[n]=7,i.split("").forEach(function(t){e[t]=t}),7!=l({},t)[n]||Object.keys(l({},e)).join("")!=i})?function(t,e){for(var n=a(t),l=arguments.length,c=1,u=r.f,f=o.f;l>c;)for(var d,p=s(arguments[c++]),h=u?i(p).concat(u(p)):i(p),v=h.length,m=0;v>m;)f.call(p,d=h[m++])&&(n[d]=p[d]);return n}:l},function(t,e,n){var i=n(17),r=n(5),o=n(33);t.exports=n(7)?Object.defineProperties:function(t,e){r(t);for(var n,a=o(e),s=a.length,l=0;s>l;)i.f(t,n=a[l++],e[n]);return t}},function(t,e){e.f=Object.getOwnPropertySymbols},function(t,e,n){var i=n(15),r=n(34),o=n(27)("IE_PROTO"),a=Object.prototype;t.exports=Object.getPrototypeOf||function(t){return t=r(t),i(t,o)?t[o]:"function"==typeof t.constructor&&t instanceof t.constructor?t.constructor.prototype:t instanceof Object?a:null}},function(t,e,n){var i=n(15),r=n(29),o=n(141)(!1),a=n(27)("IE_PROTO");t.exports=function(t,e){var n,s=r(t),l=0,c=[];for(n in s)n!=a&&i(s,n)&&c.push(n);for(;e.length>l;)i(s,n=e[l++])&&(~o(c,n)||c.push(n));return c}},function(t,e){e.f={}.propertyIsEnumerable},function(t,e,n){var i=n(6);t.exports=function(t,e,n){for(var r in e)n&&t[r]?t[r]=e[r]:i(t,r,e[r]);return t}},function(t,e,n){t.exports=n(6)},function(t,e,n){"use strict";var i=n(3),r=n(4),o=n(17),a=n(7),s=n(1)("species");t.exports=function(t){var e="function"==typeof r[t]?r[t]:i[t];a&&e&&!e[s]&&o.f(e,s,{configurable:!0,get:function(){return this}})}},function(t,e,n){var i=n(5),r=n(23),o=n(1)("species");t.exports=function(t,e){var n,a=i(t).constructor;return void 0===a||void 0==(n=i(a)[o])?e:r(n)}},function(t,e,n){var i=n(28),r=n(24);t.exports=function(t){return function(e,n){var o,a,s=String(r(e)),l=i(n),c=s.length;return l<0||l>=c?t?"":void 0:(o=s.charCodeAt(l),o<55296||o>56319||l+1===c||(a=s.charCodeAt(l+1))<56320||a>57343?t?s.charAt(l):o:t?s.slice(l,l+2):a-56320+(o-55296<<10)+65536)}}},function(t,e,n){var i=n(28),r=Math.max,o=Math.min;t.exports=function(t,e){return t=i(t),t<0?r(t+e,0):o(t,e)}},function(t,e,n){var i=n(16);t.exports=function(t,e){if(!i(t))return t;var n,r;if(e&&"function"==typeof(n=t.toString)&&!i(r=n.call(t)))return r;if("function"==typeof(n=t.valueOf)&&!i(r=n.call(t)))return r;if(!e&&"function"==typeof(n=t.toString)&&!i(r=n.call(t)))return r;throw TypeError("Can't convert object to primitive value")}},function(t,e,n){var i=n(39),r=n(1)("iterator"),o=n(8);t.exports=n(4).getIteratorMethod=function(t){if(void 0!=t)return t[r]||t["@@iterator"]||o[i(t)]}},function(t,e,n){"use strict";var i=n(139),r=n(149),o=n(8),a=n(29);t.exports=n(43)(Array,"Array",function(t,e){this._t=a(t),this._i=0,this._k=e},function(){var t=this._t,e=this._k,n=this._i++;return!t||n>=t.length?(this._t=void 0,r(1)):"keys"==e?r(0,n):"values"==e?r(0,t[n]):r(0,[n,t[n]])},"values"),o.Arguments=o.Array,i("keys"),i("values"),i("entries")},function(t,e,n){var i=n(9);i(i.S+i.F,"Object",{assign:n(151)})},function(t,e,n){var i=n(9);i(i.S,"Object",{create:n(45)})},function(t,e){},function(t,e,n){"use strict";var i,r,o,a=n(44),s=n(3),l=n(14),c=n(39),u=n(9),f=n(16),d=n(23),p=n(140),h=n(142),v=n(160),m=n(48).set,g=n(150)(),b="Promise",_=s.TypeError,y=s.process,x=s[b],y=s.process,w="process"==c(y),z=function(){},k=!!function(){try{var t=x.resolve(1),e=(t.constructor={})[n(1)("species")]=function(t){t(z,z)};return(w||"function"==typeof PromiseRejectionEvent)&&t.then(z)instanceof e}catch(t){}}(),C=function(t,e){return t===e||t===x&&e===o},O=function(t){var e;return!(!f(t)||"function"!=typeof(e=t.then))&&e},E=function(t){return C(x,t)?new P(t):new r(t)},P=r=function(t){var e,n;this.promise=new t(function(t,i){if(void 0!==e||void 0!==n)throw _("Bad Promise constructor");e=t,n=i}),this.resolve=d(e),this.reject=d(n)},A=function(t){try{t()}catch(t){return{error:t}}},S=function(t,e){if(!t._n){t._n=!0;var n=t._c;g(function(){for(var i=t._v,r=1==t._s,o=0,a=function(e){var n,o,a=r?e.ok:e.fail,s=e.resolve,l=e.reject,c=e.domain;try{a?(r||(2==t._h&&j(t),t._h=1),a===!0?n=i:(c&&c.enter(),n=a(i),c&&c.exit()),n===e.promise?l(_("Promise-chain cycle")):(o=O(n))?o.call(n,s,l):s(n)):l(i)}catch(t){l(t)}};n.length>o;)a(n[o++]);t._c=[],t._n=!1,e&&!t._h&&M(t)})}},M=function(t){m.call(s,function(){var e,n,i,r=t._v;if(T(t)&&(e=A(function(){w?y.emit("unhandledRejection",r,t):(n=s.onunhandledrejection)?n({promise:t,reason:r}):(i=s.console)&&i.error&&i.error("Unhandled promise rejection",r)}),t._h=w||T(t)?2:1),t._a=void 0,e)throw e.error})},T=function(t){if(1==t._h)return!1;for(var e,n=t._a||t._c,i=0;n.length>i;)if(e=n[i++],e.fail||!T(e.promise))return!1;return!0},j=function(t){m.call(s,function(){var e;w?y.emit("rejectionHandled",t):(e=s.onrejectionhandled)&&e({promise:t,reason:t._v})})},L=function(t){var e=this;e._d||(e._d=!0,e=e._w||e,e._v=t,e._s=2,e._a||(e._a=e._c.slice()),S(e,!0))},R=function(t){var e,n=this;if(!n._d){n._d=!0,n=n._w||n;try{if(n===t)throw _("Promise can't be resolved itself");(e=O(t))?g(function(){var i={_w:n,_d:!1};try{e.call(t,l(R,i,1),l(L,i,1))}catch(t){L.call(i,t)}}):(n._v=t,n._s=1,S(n,!1))}catch(t){L.call({_w:n,_d:!1},t)}}};k||(x=function(t){p(this,x,b,"_h"),d(t),i.call(this);try{t(l(R,this,1),l(L,this,1))}catch(t){L.call(this,t)}},i=function(t){this._c=[],this._a=void 0,this._s=0,this._d=!1,this._v=void 0,this._h=0,this._n=!1},i.prototype=n(157)(x.prototype,{then:function(t,e){var n=E(v(this,x));return n.ok="function"!=typeof t||t,n.fail="function"==typeof e&&e,n.domain=w?y.domain:void 0,this._c.push(n),this._a&&this._a.push(n),this._s&&S(this,!1),n.promise},catch:function(t){return this.then(void 0,t)}}),P=function(){var t=new i;this.promise=t,this.resolve=l(R,t,1),this.reject=l(L,t,1)}),u(u.G+u.W+u.F*!k,{Promise:x}),n(26)(x,b),n(159)(b),o=n(4)[b],u(u.S+u.F*!k,b,{reject:function(t){var e=E(this);return(0,e.reject)(t),e.promise}}),u(u.S+u.F*(a||!k),b,{resolve:function(t){if(t instanceof x&&C(t.constructor,this))return t;var e=E(this);return(0,e.resolve)(t),e.promise}}),u(u.S+u.F*!(k&&n(148)(function(t){x.all(t).catch(z)})),b,{all:function(t){var e=this,n=E(e),i=n.resolve,r=n.reject,o=A(function(){var n=[],o=0,a=1;h(t,!1,function(t){var s=o++,l=!1;n.push(void 0),a++,e.resolve(t).then(function(t){l||(l=!0,n[s]=t,--a||i(n))},r)}),--a||i(n)});return o&&r(o.error),n.promise},race:function(t){var e=this,n=E(e),i=n.reject,r=A(function(){h(t,!1,function(t){e.resolve(t).then(n.resolve,i)})});return r&&i(r.error),n.promise}})},function(t,e,n){"use strict";var i=n(161)(!0);n(43)(String,"String",function(t){this._t=String(t),this._i=0},function(){var t,e=this._t,n=this._i;return n>=e.length?{value:void 0,done:!0}:(t=i(e,n),this._i+=t.length,{value:t,done:!1})})},function(t,e,n){n(165);for(var i=n(3),r=n(6),o=n(8),a=n(1)("toStringTag"),s=["NodeList","DOMTokenList","MediaList","StyleSheetList","CSSRuleList"],l=0;l<5;l++){var c=s[l],u=i[c],f=u&&u.prototype;f&&!f[a]&&r(f,a,c),o[c]=o.Array}},function(t,e,n){e=t.exports=n(18)(),e.push([t.i,'@-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-loading__spinner{display:inline-block;height:100%;width:100%;-webkit-animation:loading .8s linear;-webkit-animation-iteration-count:infinite;animation:loading .8s linear;animation-iteration-count:infinite}.zan-loading__spinner--circle{border-radius:100%;border:3px solid transparent;box-sizing:border-box}.zan-loading__spinner--circle.zan-loading__spinner--black{border-color:#c9c9c9;border-top-color:#666}.zan-loading__spinner--circle.zan-loading__spinner--white{border-color:rgba(0,0,0,.5);border-top-color:transparent}.zan-loading__spinner--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--gradient-circle.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}.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+.zan-button{margin-left:10px}.zan-button+.zan-button--block{margin-left:0}.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--mini+.zan-button--mini{margin-left:5px}.zan-button--disabled{color:#999;background-color:#e5e5e5;border:1px solid #cacaca}.zan-button--block{display:block;width:100%}.zan-button--loading .zan-button__text{display:none}.zan-button__icon-loading{display:inline-block;width:16px;height:16px;vertical-align:middle}.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 5px 115px;height:90px;background:#fafafa;overflow:hidden;position:relative;margin-top:10px}.zan-card:first-child{margin-top:0}.zan-card__img{width:90px;height:90px;border:0;position:absolute;top:5px;left:15px}.zan-card__content{display:table;width:100%}.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{word-break:break-all;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-modal{position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.701961);-webkit-transition:all .5s ease-out;transition:all .5s ease-out}.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{width:100%;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{width:100%;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-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--hastextarea .zan-field__control{min-height:60px}.zan-field--nolabel .zan-cell__title{display:none}.zan-field--nolabel .zan-cell__value{width:100%;padding-left:0}.zan-field--disabled .zan-field__control{color:#999}.zan-field--error .zan-field__control{color:#ed5050}.zan-field--border .zan-field__control{padding-left:10px}.zan-field--border:after{border-radius:2px;border:1px solid #e5e5e5}.zan-field--border:after,.zan-field--border:last-child: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}.zan-field--border:last-child:after{border-bottom:1px solid #e5e5e5}.zan-field__control{border:0;font-size:14px;line-height:22px;display:block;width:100%;resize:none;outline:0}@font-face{font-family:zan-icon;src:url("//b.yzcdn.cn/zanui/icon/zanui-icon-d64cb2f719.eot");src:url("//b.yzcdn.cn/zanui/icon/zanui-icon-d64cb2f719.eot?#iefix") format("embedded-opentype"),url("//b.yzcdn.cn/zanui/icon/zanui-icon-d64cb2f719.woff2") format("woff2"),url("//b.yzcdn.cn/zanui/icon/zanui-icon-d64cb2f719.woff") format("woff"),url("//b.yzcdn.cn/zanui/icon/zanui-icon-d64cb2f719.ttf") format("truetype")}.zan-icon,.zan-icon:before{display:inline-block}.zan-icon:before{font-family:zan-icon!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;-moz-osx-font-smoothing:grayscale}.zan-icon-qr-invalid:before{content:"\\E800"}.zan-icon-qr:before{content:"\\E801"}.zan-icon-exchange:before{content:"\\E802"}.zan-icon-close:before{content:"\\E803"}.zan-icon-location:before{content:"\\E804"}.zan-icon-upgrade:before{content:"\\E805"}.zan-icon-check:before{content:"\\E806"}.zan-icon-checked:before{content:"\\E807"}.zan-icon-like-o:before{content:"\\E808"}.zan-icon-like:before{content:"\\E809"}.zan-icon-chat:before{content:"\\E80A"}.zan-icon-shop:before{content:"\\E80B"}.zan-icon-photograph:before{content:"\\E80C"}.zan-icon-add:before{content:"\\E80D"}.zan-icon-add2:before{content:"\\E80E"}.zan-icon-photo:before{content:"\\E80F"}.zan-icon-logistics:before{content:"\\E810"}.zan-icon-edit:before{content:"\\E811"}.zan-icon-passed:before{content:"\\E812"}.zan-icon-cart:before{content:"\\E813"}.zan-icon-arrow:before{content:"\\E814"}.zan-icon-gift:before{content:"\\E815"}.zan-icon-search:before{content:"\\E816"}.zan-icon-clear:before{content:"\\E817"}.zan-icon-success:before{content:"\\E818"}.zan-icon-fail:before{content:"\\E819"}.zan-picker{overflow:hidden;background-color:#fff}.zan-picker__toolbar{height:40px;line-height:40px;overflow:hidden;padding:0 15px;position:relative}.zan-picker__toolbar: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-picker__cancel{color:#38f;float:left}.zan-picker__confirm{color:#38f;float:right}.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-radio{overflow:hidden}.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--disabled .zan-icon{color:#d1dbe5}.zan-radio__input{position:relative;height:22px;float:left}.zan-radio__control{position:absolute;top:0;left:0;width:22px;height:22px;opacity:0;margin:0}.zan-radio__label{line-height:22px;display:block;margin-left:37px}.zan-switch{height:31px;width:51px;display:inline-block;position:relative;background:#fff;border-radius:16px}.zan-switch: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 rgba(0,0,0,.1);border-width:3px;border-radius:32px}.zan-switch__node{width:28px;height:28px;border-radius:13.5px;background-color:#fff;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);left:1px;top:1px;z-index:2}.zan-switch__node: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 rgba(0,0,0,.1);border-radius:27px}.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-switch--on{background-color:#44db5e}.zan-switch--on .zan-switch__node{-webkit-transform:translateX(20px);transform:translateX(20px)}.zan-switch--on:after{border-color:#44db5e}.zan-switch--off{background-color:#fff;border-color:rgba(0,0,0,.1)}.zan-switch--disabled{opacity:.4}.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 .zan-icon-search{color:#666;position:absolute;top:9px;left:10px;font-size:16px}.zan-search .zan-icon-clear{display:none;position:absolute;right:5px;top:8px;color:#888}.zan-search--focus .zan-search__input-wrap{width:82%}.zan-search--focus .zan-icon-clear{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 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;margin-left:5px}.zan-search__cancel--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--3 .zan-step{width:50%}.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;position:relative}.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:-9px}.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{overflow:hidden}.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--disabled .zan-icon{color:#d1dbe5}.zan-checkbox__input{position:relative;height:22px;margin-right:15px;float:left}.zan-checkbox__control{position:absolute;top:0;left:0;width:22px;height:22px;opacity:0;margin:0}.zan-checkbox__label{line-height:22px;margin-left:37px;display:block}.zan-tabs{position:relative}.zan-tabs-line{height:44px;background-color:#fff}.zan-tabs-line .tabs-nav-bar{display:block}.zan-tabs-line:after{-webkit-transform:scale(.5);-webkit-transform-origin:left top;border-top: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-bottom:1px solid #e5e5e5}.zan-tabs-card{height:28px;margin:0 15px;background-color:#fff;border-radius:2px;border:1px solid #666;overflow:hidden}.zan-tabs-card .zan-tabs-nav-bar{display:none}.zan-tabs-card .zan-tab{color:#666;line-height:28px;border-right:1px solid #666}.zan-tabs-card .zan-tab:last-child{border-right:none}.zan-tabs-card .zan-tab.zan-tab-active{background-color:#666;color:#fff}.zan-tabs-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition:-webkit-transform .5s cubic-bezier(.645,.045,.355,1);transition:-webkit-transform .5s cubic-bezier(.645,.045,.355,1);transition:transform .5s cubic-bezier(.645,.045,.355,1);transition:transform .5s cubic-bezier(.645,.045,.355,1),-webkit-transform .5s cubic-bezier(.645,.045,.355,1);position:relative}.zan-tabs-nav:after,.zan-tabs-nav:before{display:table;content:" "}.zan-tabs-nav:after{clear:both}.zan-tabs-nav-bar{z-index:1;position:absolute;left:0;bottom:0;height:2px;background-color:#f13e3a;-webkit-transition:-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1);-webkit-transform-origin:0 0;transform-origin:0 0}.zan-tab{color:#333;font-size:14px;line-height:44px;-webkit-box-flex:1;-ms-flex:1;flex:1;display:inline-block;box-sizing:border-box;-webkit-transition:color .3s cubic-bezier(.645,.045,.355,1);transition:color .3s cubic-bezier(.645,.045,.355,1);cursor:pointer;text-align:center}.zan-tab-active{color:#f44}.zan-tabs-pane{display:none}.zan-tabs-pane.is-select{display:block}.zan-col{float:left;box-sizing:border-box}.zan-col-1{width:4.166666666666667%}.zan-col-2{width:8.333333333333334%}.zan-col-3{width:12.5%}.zan-col-4{width:16.666666666666668%}.zan-col-5{width:20.833333333333336%}.zan-col-6{width:25%}.zan-col-7{width:29.166666666666668%}.zan-col-8{width:33.333333333333336%}.zan-col-9{width:37.5%}.zan-col-10{width:41.66666666666667%}.zan-col-11{width:45.833333333333336%}.zan-col-12{width:50%}.zan-col-13{width:54.16666666666667%}.zan-col-14{width:58.333333333333336%}.zan-col-15{width:62.50000000000001%}.zan-col-16{width:66.66666666666667%}.zan-col-17{width:70.83333333333334%}.zan-col-18{width:75%}.zan-col-19{width:79.16666666666667%}.zan-col-20{width:83.33333333333334%}.zan-col-21{width:87.5%}.zan-col-22{width:91.66666666666667%}.zan-col-23{width:95.83333333333334%}.zan-col-24{width:100%}.zan-col-offset-1{margin-left:4.166666666666667%}.zan-col-offset-2{margin-left:8.333333333333334%}.zan-col-offset-3{margin-left:12.5%}.zan-col-offset-4{margin-left:16.666666666666668%}.zan-col-offset-5{margin-left:20.833333333333336%}.zan-col-offset-6{margin-left:25%}.zan-col-offset-7{margin-left:29.166666666666668%}.zan-col-offset-8{margin-left:33.333333333333336%}.zan-col-offset-9{margin-left:37.5%}.zan-col-offset-10{margin-left:41.66666666666667%}.zan-col-offset-11{margin-left:45.833333333333336%}.zan-col-offset-12{margin-left:50%}.zan-col-offset-13{margin-left:54.16666666666667%}.zan-col-offset-14{margin-left:58.333333333333336%}.zan-col-offset-15{margin-left:62.50000000000001%}.zan-col-offset-16{margin-left:66.66666666666667%}.zan-col-offset-17{margin-left:70.83333333333334%}.zan-col-offset-18{margin-left:75%}.zan-col-offset-19{margin-left:79.16666666666667%}.zan-col-offset-20{margin-left:83.33333333333334%}.zan-col-offset-21{margin-left:87.5%}.zan-col-offset-22{margin-left:91.66666666666667%}.zan-col-offset-23{margin-left:95.83333333333334%}.zan-col-offset-24{margin-left:100%}.zan-row{zoom:1}.zan-row:after{content:"";display:table;clear:both}.zan-image-preview{position:fixed;top:0;left:0;width:100%;height:100%;overflow:auto}.zan-image-preview .zan-swipe{height:100%}.zan-image-preview__image{display:block;width:100%;height:auto;-webkit-transition:.2s ease-out;transition:.2s ease-out;position:absolute;left:0}.zan-image-preview__image--center{top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.zan-actionsheet{position:fixed;width:100%;top:auto;bottom:0;right:auto;left:50%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:.2s ease-out;transition:.2s ease-out;background-color:#e0e0e0}.zan-actionsheet--withtitle{background-color:#fff}.zan-actionsheet__item{line-height:50px;text-align:center;color:#333;font-size:16px;position:relative;background-color:#fff}.zan-actionsheet__item: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-actionsheet__item--loading{padding:10px 0}.zan-actionsheet__subname{color:#666;font-size:12px}.zan-actionsheet__loading{margin:0 auto}.zan-actionsheet__button{display:block;margin-top:5px;line-height:50px;color:#333;font-size:16px;text-align:center;background-color:#fff}.zan-actionsheet__header{line-height:44px;color:#333;text-align:center;position:relative}.zan-actionsheet__header .zan-icon-close{position:absolute;font-size:22px;line-height:22px;top:11px;right:15px}.zan-actionsheet__header: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}.actionsheet-float-enter,.actionsheet-float-leave-active{-webkit-transform:translate3d(-50%,100%,0);transform:translate3d(-50%,100%,0)}.zan-quantity{font-size:0}.zan-quantity__stepper{width:40px;height:30px;box-sizing:border-box;background-color:#fff;border:1px solid #999;position:relative;outline:0;padding:5px;vertical-align:middle}.zan-quantity__stepper:before{width:9px;height:1px}.zan-quantity__stepper:after{width:1px;height:9px}.zan-quantity__stepper:after,.zan-quantity__stepper:before{content:"";position:absolute;margin:auto;top:0;left:0;right:0;bottom:0;background-color:#6c6c6c}.zan-quantity__minus{border-radius:2px 0 0 2px}.zan-quantity__minus:after{display:none}.zan-quantity__minus--disabled{background-color:#f8f8f8;border-color:#e8e8e8 #999 #e8e8e8 #e8e8e8}.zan-quantity__plus{border-radius:0 2px 2px 0}.zan-quantity__plus--disabled{background-color:#f8f8f8;border-color:#e8e8e8 #e8e8e8 #e8e8e8 #999}.zan-quantity__input{width:33px;height:26px;padding:1px;border:1px solid #999;border-width:1px 0;border-radius:0;box-sizing:content-box;color:#666;font-size:14px;outline:0;vertical-align:middle;text-align:center;-webkit-appearance:none}.zan-progress__bar{height:4px;border-radius:4.5px;width:100%;background:#e5e5e5;position:relative}.zan-progress__bar__finished-portion{border-radius:4.5px;height:100%;position:absolute;left:0;display:inline-block}.zan-progress__bar__pivot{padding:2px 0;font-size:8px;position:absolute;border-radius:6px;width:28px;background-color:#e5e5e5;line-height:8px;text-align:center;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.zan-toast{position:fixed;z-index:3000;border-radius:5px;background-color:#272727;opacity:.7;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);font-size:12px;color:#fff;text-align:center}.zan-toast--loading{padding:45px}.zan-toast--text{padding:12px;min-width:200px}.zan-toast--default{width:120px;height:120px}.zan-toast--default .zan-toast__icon{padding:20px;font-size:36px}.zan-toast--default .zan-toast__text{padding-bottom:20px}.zan-uploader{position:relative;display:inline-block}.zan-uploader input[type=file i]::-webkit-file-upload-button{cursor:pointer}.zan-uploader__input{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;opacity:0;cursor:pointer}.zan-swipe{position:relative;overflow:hidden;width:100%}.zan-swipe-item{display:none;width:100%;height:100%;overflow:hidden;text-align:center}.zan-swipe-item img{width:100%;height:auto}.zan-swipe-item:first-child{display:block}',""])},function(t,e,n){var i=n(0)(n(56),n(230),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(57),n(233),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(58),n(211),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(59),n(213),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(60),n(216),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(61),n(229),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(62),n(212),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(63),n(220),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(64),n(219),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(65),n(218),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(66),n(234),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(67),n(227),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(68),n(217),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(69),n(231),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(70),n(225),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(71),n(239),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(72),n(214),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(73),n(240),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(74),n(223),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(75),n(232),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(76),n(207),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(77),n(236),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(78),n(228),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(79),n(215),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(80),n(209),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(81),n(224),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(82),n(222),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(83),n(210),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(84),n(237),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(85),n(238),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(86),n(226),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(87),n(208),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(88),n(221),null,null);t.exports=i.exports},function(t,e,n){var i=n(0)(n(89),n(235),null,null);t.exports=i.exports},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("div",{staticClass:"zan-radio-group"},[t._t("default")],2)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("span",{staticClass:"zan-tag",class:[t.type?"zan-tag--"+t.type:"",{"is-plain":t.plain,"is-mark":t.mark}]},[t._t("default")],2)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"zan-step",class:t.statusClass},[n("div",{staticClass:"zan-step__circle-container"},["process"!==t.status?n("i",{staticClass:"zan-step__circle"}):n("i",{staticClass:"zan-icon zan-icon-checked"})]),t._v(" "),n("p",{staticClass:"zan-step__title"},[t._t("default")],2),t._v(" "),n("div",{staticClass:"zan-step__line"})])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("div",{staticClass:"zan-swipe"},[t._t("default")],2)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("a",{staticClass:"zan-badge",class:t.classNames,attrs:{href:t.url},on:{click:t.handleClick}},[n("div",{staticClass:"zan-badge__active"}),t._v(" "),t.info?n("div",{staticClass:"zan-badge__info"},[t._v(t._s(t.info))]):t._e(),t._v("\n "+t._s(t.title)+"\n")])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("div",{staticClass:"zan-checkbox-group"},[t._t("default")],2)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"zan-card"},[n("img",{staticClass:"zan-card__img",attrs:{src:t.thumb,alt:""}}),t._v(" "),n("div",{staticClass:"zan-card__content",class:{"is-center":!this.$slots.footer}},[n("div",{staticClass:"zan-card__info"},[t._t("title",[n("h4",{staticClass:"zan-card__title",domProps:{textContent:t._s(t.title)}})]),t._v(" "),t._t("desc",[t.desc?n("p",{staticClass:"zan-card__desc",domProps:{textContent:t._s(t.desc)}}):t._e()]),t._v(" "),t._t("tags")],2),t._v(" "),t._t("footer")],2)])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"zan-picker"},[n("div",{directives:[{name:"show",rawName:"v-show",value:t.showToolbar,expression:"showToolbar"}],staticClass:"zan-picker__toolbar"},[t._t("default",[n("a",{staticClass:"zan-picker__cancel",attrs:{href:"javascript:void(0)"},on:{click:t.handlePickerCancel}},[t._v("取消")]),t._v(" "),n("a",{staticClass:"zan-picker__confirm",attrs:{href:"javascript:void(0)"},on:{click:t.handlePickerConfirm}},[t._v("完成")])])],2),t._v(" "),n("div",{staticClass:"zan-picker__columns",class:["zan-picker__columns--"+t.columns.length]},[t._l(t.columns,function(e,i){return n("picker-column",{directives:[{name:"model",rawName:"v-model",value:t.values[i],expression:"values[index]"}],attrs:{values:e.values,"class-name":e.className,itemHeight:t.itemHeight,"visible-item-count":t.visibleItemCount,"value-key":t.valueKey},domProps:{value:t.values[i]},on:{change:function(e){t.columnValueChange(i)},input:function(e){var n=t.values,r=i;Array.isArray(n)?n.splice(r,1,e):t.values[i]=e}}})}),t._v(" "),n("div",{staticClass:"zan-picker-center-highlight",style:{height:t.itemHeight+"px",marginTop:-t.itemHeight/2+"px"}})],2)])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"zan-search",class:{"zan-search--focus":t.isFocus}},[n("div",{staticClass:"zan-search__input-wrap"},[n("zan-icon",{attrs:{name:"search"}}),t._v(" "),n("input",{directives:[{name:"model",rawName:"v-model",value:t.value,expression:"value"},{name:"refocus",rawName:"v-refocus",value:t.focusStatus,expression:"focusStatus"}],attrs:{type:"text",placeholder:t.placeholder},domProps:{value:t._s(t.value)},on:{focus:t.handleFocus,keyup:function(e){t._k(e.keyCode,"enter",13)||t.handleSearch(e)},input:function(e){e.target.composing||(t.value=e.target.value)}}}),t._v(" "),n("zan-icon",{attrs:{name:"clear"},on:{click:t.handleClean}})],1),t._v(" "),n("div",{staticClass:"zan-search__cancel",class:{"zan-search__cancel--focus":t.isFocus},on:{click:t.handleBack}},[t._v("取消")])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("div",{staticClass:"zan-cell-group"},[t._t("default")],2)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("transition",{attrs:{name:"image-fade"}},[n("div",{directives:[{name:"show",rawName:"v-show",value:t.value,expression:"value"}],ref:"previewContainer",staticClass:"zan-image-preview",on:{click:t.handlePreviewClick}},[n("zan-swipe",t._l(t.images,function(t){return n("zan-swipe-item",[n("img",{staticClass:"zan-image-preview__image",class:{"zan-image-preview__image--center":!0},attrs:{src:t,alt:""}})])}))],1)])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("transition",{attrs:{name:"dialog-bounce"}},[n("div",{staticClass:"zan-dialog-wrapper"},[n("div",{directives:[{name:"show",rawName:"v-show",value:t.value,expression:"value"}],staticClass:"zan-dialog"},[t.title?n("div",{staticClass:"zan-dialog__header"},[n("div",{staticClass:"zan-dialog__title",domProps:{textContent:t._s(t.title)}})]):t._e(),t._v(" "),t.message?n("div",{staticClass:"zan-dialog__content"},[n("div",{staticClass:"zan-dialog__message",domProps:{innerHTML:t._s(t.message)}})]):t._e(),t._v(" "),n("div",{staticClass:"zan-dialog__footer",class:{"is-twobtn":t.showCancelButton&&t.showConfirmButton}},[n("button",{directives:[{name:"show",rawName:"v-show",value:t.showCancelButton,expression:"showCancelButton"}],staticClass:"zan-dialog__btn zan-dialog__cancel",on:{click:function(e){t.handleAction("cancel")}}},[t._v(t._s(t.cancelButtonText))]),t._v(" "),n("button",{directives:[{name:"show",rawName:"v-show",value:t.showConfirmButton,expression:"showConfirmButton"}],staticClass:"zan-dialog__btn zan-dialog__confirm",on:{click:function(e){t.handleAction("confirm")}}},[t._v(t._s(t.confirmButtonText))])])])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("div",{class:[t.prefix+"-col",(n={},n[t.prefix+"-col-"+t.span]=t.span,n[t.prefix+"-col-offset-"+t.offset]=t.offset,n)],style:t.style},[t._t("default")],2);var n},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"zan-checkbox",class:{"zan-checkbox--disabled":t.isDisabled}},[n("span",{staticClass:"zan-checkbox__input"},[n("input",{directives:[{name:"model",rawName:"v-model",value:t.currentValue,expression:"currentValue"}],staticClass:"zan-checkbox__control",attrs:{type:"checkbox",disabled:t.isDisabled},domProps:{checked:Array.isArray(t.currentValue)?t._i(t.currentValue,null)>-1:t.currentValue},on:{change:function(e){var n=t.currentValue,i=e.target,r=!!i.checked;if(Array.isArray(n)){var o=null,a=t._i(n,o);r?a<0&&(t.currentValue=n.concat(o)):a>-1&&(t.currentValue=n.slice(0,a).concat(n.slice(a+1)))}else t.currentValue=r}}}),t._v(" "),n("span",{staticClass:"zan-icon",class:{"zan-icon-checked":t.isChecked,"zan-icon-check":!t.isChecked}})]),t._v(" "),n("span",{staticClass:"zan-checkbox__label",on:{click:t.handleLabelClick}},[t._t("default")],2)])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("transition",{attrs:{name:"zan-toast"}},[n("div",{directives:[{name:"show",rawName:"v-show",value:t.visible,expression:"visible"}],staticClass:"zan-toast",class:["zan-toast--"+t.displayStyle]},["text"===t.displayStyle?[n("div",{staticClass:"zan-toast__text"},[t._v(t._s(t.message))])]:t._e(),t._v(" "),"loading"===t.displayStyle?["loading"===t.type?n("zan-loading",{attrs:{type:"gradient-circle",color:"white"}}):t._e()]:t._e(),t._v(" "),"default"===t.displayStyle?[n("zan-icon",{staticClass:"zan-toast__icon",attrs:{name:"check"}}),t._v(" "),n("div",{staticClass:"zan-toast__text"},[t._v(t._s(t.message))])]:t._e()],2)])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("div",{staticClass:"zan-swipe-item"},[t._t("default")],2)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"zan-progress"},[n("div",{staticClass:"zan-progress__bar"},[n("span",{staticClass:"zan-progress__bar__finished-portion",style:{backgroundColor:t.componentColor,width:t.percentage+"%"}}),t._v(" "),n("span",{staticClass:"zan-progress__bar__pivot",style:t.pivotStyle},[t._v("\n "+t._s(t.pivotText)+"\n ")])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"zan-steps",class:"zan-steps--"+t.steps.length},[t.icon?n("div",{staticClass:"zan-steps__status"},[n("i",{staticClass:"zan-icon zan-steps__icon",class:t.computedIconClass}),t._v(" "),n("div",{staticClass:"zan-steps__message"},[n("div",{staticClass:"zan-steps__message-wrapper"},[n("h4",{staticClass:"zan-steps__title",domProps:{textContent:t._s(t.title)}}),t._v(" "),n("p",{staticClass:"zan-steps__desc",domProps:{textContent:t._s(t.description)}})])]),t._v(" "),t._t("message-extra")],2):t._e(),t._v(" "),n("div",{staticClass:"zan-steps__items"},[t._t("default")],2)])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"zan-panel"},[n("div",{staticClass:"zan-panel__header"},[t._t("header",[n("h4",{staticClass:"zan-panel__title",domProps:{textContent:t._s(t.title)}}),t._v(" "),t.desc?n("span",{staticClass:"zan-panel__desc",domProps:{textContent:t._s(t.desc)}}):t._e(),t._v(" "),t.status?n("span",{staticClass:"zan-panel__status",domProps:{textContent:t._s(t.status)}}):t._e()])],2),t._v(" "),n("div",{staticClass:"zan-panel__content"},[t._t("default")],2),t._v(" "),this.$slots.footer?n("div",{staticClass:"zan-panel__footer"},[t._t("footer")],2):t._e()])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"zan-tabs"},[n("div",{staticClass:"zan-tabs-nav",class:t.classNames},[n("div",{staticClass:"zan-tabs-nav-bar",style:t.navBarStyle}),t._v(" "),t._l(t.tabs,function(e,i){return n("div",{ref:"tabkey",refInFor:!0,staticClass:"zan-tab",class:{"zan-tab-active":i==t.switchActiveTabKey},on:{click:function(n){t.handleTabClick(i,e)}}},[t._v("\n "+t._s(e.title)+"\n ")])})],2),t._v(" "),n("div",{staticClass:"zan-tabs-content"},[t._t("default")],2)])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("i",{staticClass:"zan-icon",class:"zan-icon-"+t.name,on:{click:t.handleIconClick}})},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("div",{class:t.prefix+"-row",style:t.style},[t._t("default")],2)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("a",{staticClass:"zan-cell",attrs:{href:t.url},on:{click:t.handleClick}},[n("div",{staticClass:"zan-cell__title"},[t._t("icon",[t.icon?n("i",{staticClass:"zan-icon",class:"zan-icon-"+t.icon}):t._e()]),t._v(" "),t._t("title",[n("span",{staticClass:"zan-cell__text",domProps:{textContent:t._s(t.title)}}),t._v(" "),t.label?n("span",{staticClass:"zan-cell__label",domProps:{textContent:t._s(t.label)}}):t._e()])],2),t._v(" "),n("div",{staticClass:"zan-cell__value",class:{"is-link":t.isLink,"is-alone":!this.$slots.title&&!t.title&&!t.label}},[t._t("default",[n("span",{domProps:{textContent:t._s(t.value)}})])],2),t._v(" "),t.isLink?n("i",{staticClass:"zan-icon zan-icon-arrow"}):t._e()])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("transition",{attrs:{name:"actionsheet-float"}},[n("div",{directives:[{name:"show",rawName:"v-show",value:t.currentValue,expression:"currentValue"}],staticClass:"zan-actionsheet",class:[t.title?"zan-actionsheet--withtitle":""]},[t.title?n("div",{staticClass:"zan-actionsheet__header"},[n("h3",{domProps:{textContent:t._s(t.title)}}),t._v(" "),n("zan-icon",{attrs:{name:"close"},on:{click:function(e){e.stopPropagation(),t.currentValue=!1}}})],1):t._e(),t._v(" "),t.title?[n("div",{staticClass:"zan-actionsheet__content"},[t._t("default")],2)]:[n("ul",{staticClass:"zan-actionsheet__list"},t._l(t.actions,function(e){return n("li",{staticClass:"zan-actionsheet__item",class:[e.className,e.loading?"zan-actionsheet__item--loading":""],on:{click:function(n){n.stopPropagation(),t.handleItemClick(e)}}},[e.loading?[n("zan-loading",{staticClass:"zan-actionsheet__loading",attrs:{type:"circle",color:"black"}})]:[n("span",{staticClass:"zan-actionsheet__name"},[t._v(t._s(e.name))]),t._v(" "),e.subname?n("span",{staticClass:"zan-actionsheet__subname"},[t._v(t._s(e.subname))]):t._e()]],2)})),t._v(" "),t.cancelText?n("a",{staticClass:"zan-actionsheet__button",on:{click:function(e){e.stopPropagation(),t.currentValue=!1}}},[t._v(t._s(t.cancelText))]):t._e()]],2)])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"zan-loading"},[n("span",{staticClass:"zan-loading__spinner",class:["zan-loading__spinner--"+t.type,"zan-loading__spinner--"+t.color]})])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"zan-quantity"},[n("button",{staticClass:"zan-quantity__stepper zan-quantity__minus",class:{"zan-quantity__minus--disabled":t.isMinusDisabled},on:{click:function(e){t.handleChange("minus")}}}),t._v(" "),n("input",{staticClass:"zan-quantity__input",attrs:{type:"text",disabled:t.disabled},domProps:{value:t.currentValue},on:{input:t.handleInputChange}}),t._v(" "),n("button",{staticClass:"zan-quantity__stepper zan-quantity__plus",class:{"zan-quantity__plus--disabled":t.isPlusDisabled},on:{click:function(e){t.handleChange("plus")}}})])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("div",{staticClass:"zan-badge-group"},[t._t("default")],2)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("zan-cell",{staticClass:"zan-field",class:{"zan-field--hastextarea":"textarea"===t.type,"zan-field--nolabel":!t.label,"zan-field--disabled":t.disabled,"zan-field--error":t.error,"zan-field--border":t.border},attrs:{title:t.label}},["textarea"===t.type?n("textarea",{directives:[{name:"model",rawName:"v-model",value:t.currentValue,expression:"currentValue"}],staticClass:"zan-field__control",attrs:{placeholder:t.placeholder,maxlength:t.maxlength,disabled:t.disabled,readonly:t.readonly},domProps:{value:t._s(t.currentValue)},on:{input:function(e){e.target.composing||(t.currentValue=e.target.value)}}}):n("input",{staticClass:"zan-field__control",attrs:{type:t.type,placeholder:t.placeholder,maxlength:t.maxlength,disabled:t.disabled,readonly:t.readonly},domProps:{value:t.currentValue},on:{input:t.handleInput}})])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"zan-uploader"},[t._t("default",[n("div",[n("zan-button",{attrs:{block:""}},[t._v("上传文件")])],1)]),t._v(" "),n("input",{ref:"input",staticClass:"zan-uploader__input",attrs:{type:"file"},on:{change:t.onValueChange}})],2)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"zan-radio",class:{"zan-radio--disabled":t.isDisabled},on:{click:t.handleRadioClick}},[n("span",{staticClass:"zan-radio__input"},[n("input",{directives:[{name:"model",rawName:"v-model",value:t.currentValue,expression:"currentValue"}],staticClass:"zan-radio__control",attrs:{type:"radio",disabled:t.isDisabled},domProps:{value:t.name,checked:t._q(t.currentValue,t.name)},on:{change:function(e){t.currentValue=t.name}}}),t._v(" "),n("span",{staticClass:"zan-icon",class:{"zan-icon-checked":t.currentValue===t.name,"zan-icon-check":t.currentValue!==t.name}})]),t._v(" "),n("span",{staticClass:"zan-radio__label",on:{click:t.handleLabelClick}},[t._t("default")],2)])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"zan-switch",class:t.switchStates,on:{click:t.toggleState}},[n("div",{staticClass:"zan-switch__node"},[t.loading?n("zan-loading",{staticClass:"zan-switch__loading"}):t._e()],1),t._v(" "),n("div",{staticClass:"zan-switch__bg"})])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("div",{staticClass:"zan-tabs-pane",class:t.classNames},[t._t("default")],2)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"zan-picker-column",class:t.classNames},[n("div",{ref:"wrapper",staticClass:"zan-picker-column-wrapper",class:{dragging:t.isDragging},style:{height:t.visibleContentHeight+"px"}},t._l(t.currentValues,function(e){return n("div",{staticClass:"zan-picker-column__item",class:{"zan-picker-column__item--selected":e===t.currentValue},style:{height:t.itemHeight+"px",lineHeight:t.itemHeight+"px"}},[t._v("\n "+t._s("object"==typeof e&&e[t.valueKey]?e[t.valueKey]:e)+"\n ")])}))])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("transition",{attrs:{name:t.currentTransition}},[n("div",{directives:[{name:"show",rawName:"v-show",value:t.currentValue,expression:"currentValue"}],staticClass:"zan-popup",class:[t.position?"zan-popup--"+t.position:""]},[t._t("default")],2)])},staticRenderFns:[]}},function(t,e){t.exports=function(t,e){for(var n=[],i={},r=0;r -
+
- - +
@@ -13,44 +10,40 @@ export default { computed: { blockClass() { return `demo-${this.$route.path.split('/').pop()}`; - }, - - codeAreaHeight() { - return Math.max(this.$el.getElementsByClassName('examples')[0].clientHeight, this.$el.getElementsByClassName('highlight')[0].clientHeight); } - }, - - mounted() { - this.$el.getElementsByClassName('highlight')[0].style.height = `${this.codeAreaHeight + 1}px`; } }; diff --git a/docs/components/mobile-computed.js b/docs/components/mobile-computed.js index 0604eb1b6..b59fb80e9 100644 --- a/docs/components/mobile-computed.js +++ b/docs/components/mobile-computed.js @@ -7,7 +7,7 @@ export default { computed: { mobileUrl() { - return location.pathname + 'examples.html' + location.hash; + return '/examples.html#' + location.pathname.slice(4); } }, diff --git a/docs/components/side-nav.vue b/docs/components/side-nav.vue index 17a1c0f6d..2d790aa2f 100644 --- a/docs/components/side-nav.vue +++ b/docs/components/side-nav.vue @@ -43,32 +43,23 @@ -## Button组件 +## Button 按钮 ### 按钮功能 -只接受primary, default, danger三种类型，默认default。 +只接受`primary`, `default`, `danger`三种类型，默认`default`。 :::demo 按钮功能 ```html @@ -39,6 +39,8 @@ ### 禁用状态 +在组件上加上`disabled`属性即可，此时按钮不可点击。 + :::demo 禁用状态 ```html @@ -51,7 +53,7 @@ ### 按钮尺寸 -只接受large, normal, small, mini四种尺寸，默认normal。 +只接受`large`, `normal`, `small`, `mini`四种尺寸，默认`normal`。 :::demo 按钮尺寸 ```html @@ -76,7 +78,7 @@ ### 自定义按钮标签 -按钮默认是button标签，可以使用tag属性修改为一个a标签。 +按钮默认是`button`标签，可以使用`tag`属性修改为一个`a`标签。 :::demo 自定义按钮标签 ```html @@ -90,7 +92,7 @@ ### loading按钮 -表示loading状态 +`loading`状态的按钮。 :::demo loading按钮 ```html @@ -105,27 +107,13 @@ ``` ::: -### button group - -一组按钮。 - -:::demo button group -```html -
- 确认付款 - 确认收货 - 取消订单 -
-``` -::: - ### API | 参数 | 说明 | 类型 | 默认值 | 可选值 | |-----------|-----------|-----------|-------------|-------------| -| type | 按钮类型 | string | 'default' | 'primary', 'danger' | -| size | 按钮尺寸 | string | 'normal' | 'large', 'small', 'mini' | -| tag | 按钮标签 | string | 'button' | 'a', 'span', ... | -| diabled | 按钮是否禁用 | Boolean | | | -| block | 按钮是否显示为块级元素 | Boolean | | | +| type | 按钮类型 | `string` | `default` | `primary`, `danger` | +| size | 按钮尺寸 | `string` | `normal` | `large`, `small`, `mini` | +| tag | 按钮标签 | `string` | `button` | `a`, `span`, ... | +| diabled | 按钮是否禁用 | `boolean` | | | +| block | 按钮是否显示为块级元素 | `boolean` | | | diff --git a/docs/examples-docs/card.md b/docs/examples-docs/card.md index 60a462497..09cdb975f 100644 --- a/docs/examples-docs/card.md +++ b/docs/examples-docs/card.md @@ -41,9 +41,9 @@ | 参数 | 说明 | 类型 | 默认值 | 可选值 | |-----------|-----------|-----------|-------------|-------------| -| thumb | 左侧图片 | string | '' | '' | -| title | 标题 | string | '' | '' | -| desc | 描述 | string | '' | '' | +| thumb | 左侧图片 | `string` | | | +| title | 标题 | `string` | | | +| desc | 描述 | `string` | | | ### Slot diff --git a/docs/examples-docs/cell.md b/docs/examples-docs/cell.md index f58bc10e6..11e05d070 100644 --- a/docs/examples-docs/cell.md +++ b/docs/examples-docs/cell.md @@ -16,7 +16,7 @@ export default { }; -## Cell 组件 +## Cell 单元格 ### 基础用法 @@ -102,17 +102,17 @@ export default { | 参数 | 说明 | 类型 | 默认值 | 可选值 | |-----------|-----------|-----------|-------------|-------------| -| icon | 左侧图标 | string | '' | '' | -| title | 左侧标题 | string | '' | '' | -| value | 右侧内容 | string | '' | '' | -| isLink | 是否为链接，链接会在右侧出现箭头 | boolean | '' | '' | -| url | 跳转链接 | string | '' | '' | -| label | 描述信息，显示在标题下方 | string | '' | '' | +| icon | 左侧图标 | `string` | | | +| title | 左侧标题 | `string` | | | +| value | 右侧内容 | `string` | | | +| isLink | 是否为链接，链接会在右侧出现箭头 | `boolean` | | | +| url | 跳转链接 | `string` | | | +| label | 描述信息，显示在标题下方 | `string` | | | ### Slot | name | 描述 | |-----------|-----------| | - | 自定义显示内容 | -| icon | 自定义icon | -| title | 自定义title | +| icon | 自定义`icon` | +| title | 自定义`title` | diff --git a/docs/examples-docs/checkbox.md b/docs/examples-docs/checkbox.md index a1d07b536..8e94f0d31 100644 --- a/docs/examples-docs/checkbox.md +++ b/docs/examples-docs/checkbox.md @@ -35,7 +35,7 @@ export default { }; -## Checkbox组件 +## Checkbox 复选框 ### 基础用法 @@ -170,14 +170,14 @@ export default { | 参数 | 说明 | 类型 | 默认值 | 可选值 | |-----------|-----------|-----------|-------------|-------------| -| disabled | 是否禁用单选框 | Boolean | false | | -| name | 根据这个来判断radio是否选中 | Boolean | false | | +| disabled | 是否禁用单选框 | `boolean` | `false` | | +| name | 根据这个来判断radio是否选中 | `boolean` | `false` | | ### CheckboxGroup API | 参数 | 说明 | 类型 | 默认值 | 可选值 | |-----------|-----------|-----------|-------------|-------------| -| disabled | 是否禁用单选框 | Boolean | false | | +| disabled | 是否禁用单选框 | `boolean` | `false` | | ### CheckboxGroup Event diff --git a/docs/examples-docs/datetime-picker.md b/docs/examples-docs/datetime-picker.md index f50a2543a..c3fde9400 100644 --- a/docs/examples-docs/datetime-picker.md +++ b/docs/examples-docs/datetime-picker.md @@ -23,7 +23,7 @@ export default { }; -## Picker组件 +## Datetime Picker 时间选择 模仿iOS中的`UIPickerView`。 diff --git a/docs/examples-docs/dialog.md b/docs/examples-docs/dialog.md index 7a6a519c3..c0a2750c1 100644 --- a/docs/examples-docs/dialog.md +++ b/docs/examples-docs/dialog.md @@ -39,7 +39,7 @@ export default { }; -## Dialog组件 +## Dialog 弹出框 ### 基础用法 @@ -89,5 +89,5 @@ export default { | 参数 | 说明 | 类型 | 默认值 | 可选值 | |-----------|-----------|-----------|-------------|-------------| -| title | 标题 | String | '' | | -| message | 内容 | String | '' | | +| title | 标题 | `string` | | | +| message | 内容 | `string` | | | diff --git a/docs/examples-docs/field.md b/docs/examples-docs/field.md index 0bcb5e04e..d3b562795 100644 --- a/docs/examples-docs/field.md +++ b/docs/examples-docs/field.md @@ -18,7 +18,7 @@ export default { }; -## Field组件 +## Field 输入框 表单中`input`或`textarea`的输入框。 @@ -101,15 +101,15 @@ export default { | 参数 | 说明 | 类型 | 默认值 | 可选值 | |-----------|-----------|-----------|-------------|-------------| -| type | 输入框类型 | string | text | text, number, email, url, tel, date, datetime, password, textarea | -| placeholder | 输入框placeholder | string | '' | | -| value | 输入框的值 | string | '' | | -| label | 输入框标签 | string | '' | | -| disabled | 是否禁用输入框 | boolean | false | | -| error | 输入框是否有错误 | boolean | false | | -| readonly | 输入框是否只读 | boolean | false | | -| maxlength | 输入框maxlength | [String, Number] | '' | | -| rows | textarea rows | [String, Number] | '' | | -| cols | textarea cols | [String, Number] | '' | | -| autosize | 自动调整高度(仅支持textarea) | Boolean | false | true, false | +| type | 输入框类型 | `string` | `text` | `text`, `number`, `email`, `url`, `tel`, `date`, `datetime`, `password`, `textarea` | +| placeholder | 输入框placeholder | `string` | | | +| value | 输入框的值 | `string` | | | +| label | 输入框标签 | `string` | | | +| disabled | 是否禁用输入框 | `boolean` | `false` | | +| error | 输入框是否有错误 | `boolean` | `false` | | +| readonly | 输入框是否只读 | `boolean` | `false` | | +| maxlength | 输入框maxlength | `string`, `number` | | | +| rows | textarea rows | `string`, `number` | | | +| cols | textarea cols | `string`, `number` | | | +| autosize | 自动调整高度(仅支持textarea) | `boolean` | `false` | `true`, `false` | diff --git a/docs/examples-docs/icon.md b/docs/examples-docs/icon.md index 1c84a72a4..99f58633a 100644 --- a/docs/examples-docs/icon.md +++ b/docs/examples-docs/icon.md @@ -5,14 +5,18 @@ .zan-icon { margin: 10px; font-size: 45px; + width: 56px; + text-align: center; } } } -## Icon +## Icon 图标 -### 所有Icon +### 基础用法 + +设置`name`属性为对应的图标名称即可。 :::demo 所有Icon ```html @@ -49,4 +53,4 @@ | 参数 | 说明 | 类型 | 默认值 | 可选值 | |-----------|-----------|-----------|-------------|-------------| -| name | icon名称 | string | '' | | +| name | icon名称 | `string` | `''` | | diff --git a/docs/examples-docs/loading.md b/docs/examples-docs/loading.md index bb3458293..5691d8fb8 100644 --- a/docs/examples-docs/loading.md +++ b/docs/examples-docs/loading.md @@ -17,7 +17,7 @@ } -## Loading +## Loading 加载 ### 基础用法 @@ -43,3 +43,10 @@
``` ::: + +### API + +| 参数 | 说明 | 类型 | 默认值 | 可选值 | +|-----------|-----------|-----------|-------------|-------------| +| color | `loading`颜色 | `string` | `black` | `black`, `white` | +| type | `loading`类型 | `string` | `gradient-circle` | `gradient-circle`, `circle` | diff --git a/docs/examples-docs/panel.md b/docs/examples-docs/panel.md index 543292b01..e551e43e8 100644 --- a/docs/examples-docs/panel.md +++ b/docs/examples-docs/panel.md @@ -84,9 +84,9 @@ | 参数 | 说明 | 类型 | 默认值 | 可选值 | |-----------|-----------|-----------|-------------|-------------| -| title | 标题 | string | '' | '' | -| desc | 描述 | string | '' | '' | -| status | 状态 | string | '' | '' | +| title | 标题 | `string` | | | +| desc | 描述 | `string` | | | +| status | 状态 | `string` | | | ### Slot diff --git a/docs/examples-docs/picker.md b/docs/examples-docs/picker.md index de0bb20b5..0c6810cf9 100644 --- a/docs/examples-docs/picker.md +++ b/docs/examples-docs/picker.md @@ -35,9 +35,7 @@ export default { }; -## Picker组件 - -模仿iOS中的`UIPickerView`。 +## Picker 选择器 ### 基础用法 @@ -127,10 +125,10 @@ export default { | 参数 | 说明 | 类型 | 默认值 | 可选值 | |-----------|-----------|-----------|-------------|-------------| -| visibileColumnCount | 每一列可见备选元素的个数 | Number | 5 | | -| itemHeight | 选中元素区高度 | Number | 44 | | -| columns | 对象数组，配置每一列显示的数据 | Array | | | -| showToolbar | 是否在组件顶部显示一个toolbar | Boolean | true | | +| visibileColumnCount | 每一列可见备选元素的个数 | `number` | `5` | | +| itemHeight | 选中元素区高度 | `number` | `44` | | +| columns | 对象数组，配置每一列显示的数据 | `Array` | | | +| showToolbar | 是否在组件顶部显示一个toolbar | `Boolean` | `true` | | ### columns diff --git a/docs/examples-docs/popup.md b/docs/examples-docs/popup.md index 2fe391738..9cd94610f 100644 --- a/docs/examples-docs/popup.md +++ b/docs/examples-docs/popup.md @@ -76,7 +76,7 @@ export default { }; -## Popup组件 +## Popup 弹出菜单 ### 基础用法 @@ -145,4 +145,4 @@ export default { | 参数 | 说明 | 类型 | 默认值 | 可选值 | |-----------|-----------|-----------|-------------|-------------| -| value | 利用`v-model`绑定当前组件是否显示 | Boolean | '' | | +| value | 利用`v-model`绑定当前组件是否显示 | `boolean` | | | diff --git a/docs/examples-docs/progress.md b/docs/examples-docs/progress.md index 3ae7102a4..0d4291867 100644 --- a/docs/examples-docs/progress.md +++ b/docs/examples-docs/progress.md @@ -10,7 +10,7 @@ -## Switch组件 +## Progress 进度条 ### 基础用法 @@ -64,9 +64,9 @@ | 参数 | 说明 | 类型 | 默认值 | 可选值 | |-----------|-----------|-----------|-------------|-------------| -| inactive | 是否只会 | boolean | false | true, false | -| percentage | 进度百分比 | number | false | 0-100 | -| pivotText | 文字显示 | string | 百分比文字 | - | -| color | 进度条颜色 | string | #38f | hexvalue | -| textColor | 进度条文字颜色 | string | #fff | hexvalue | +| inactive | 是否只会 | `boolean` | `false` | `true`, `false` | +| percentage | 进度百分比 | `number` | `false` | `0-100` | +| pivotText | 文字显示 | `string` | 百分比文字 | - | +| color | 进度条颜色 | `string` | `#38f` | hexvalue | +| textColor | 进度条文字颜色 | `string` | `#fff` | hexvalue | diff --git a/docs/examples-docs/quantity.md b/docs/examples-docs/quantity.md index f43c15da4..f3f81f98a 100644 --- a/docs/examples-docs/quantity.md +++ b/docs/examples-docs/quantity.md @@ -23,7 +23,7 @@ export default { }; -## Quantity +## Quantity 数量选择 ### 基础用法 @@ -57,9 +57,9 @@ export default { | 参数 | 说明 | 类型 | 默认值 | 可选值 | |-----------|-----------|-----------|-------------|-------------| -| min | 最小值 | string/number | 1 | '' | -| max | 最大值 | string/number | '' | '' | -| step | 步数 | string/number | 1 | '' | -| disabled | 是否被禁用了 | boolean | false | '' | -| defaultValue | 默认值 | string/number | 1 | '' | +| min | 最小值 | `string`, `number` | `1` | | +| max | 最大值 | `string`, `number` | | | +| step | 步数 | `string`, `number` | `1` | | +| disabled | 是否被禁用了 | `boolean` | `false` | | +| defaultValue | 默认值 | `string`, `number` | `1` | | diff --git a/docs/examples-docs/radio.md b/docs/examples-docs/radio.md index 41685985a..826379134 100644 --- a/docs/examples-docs/radio.md +++ b/docs/examples-docs/radio.md @@ -25,7 +25,7 @@ export default { }; -## Radio组件 +## Radio 单选框 ### 基础用法 @@ -119,14 +119,14 @@ export default { | 参数 | 说明 | 类型 | 默认值 | 可选值 | |-----------|-----------|-----------|-------------|-------------| -| disabled | 是否禁用单选框 | Boolean | false | | -| name | 根据这个来判断radio是否选中 | Boolean | false | | +| disabled | 是否禁用单选框 | `boolean` | `false` | | +| name | 根据这个来判断radio是否选中 | `boolean` | `false` | | ### RadioGroup API | 参数 | 说明 | 类型 | 默认值 | 可选值 | |-----------|-----------|-----------|-------------|-------------| -| disabled | 是否禁用单选框 | Boolean | false | | +| disabled | 是否禁用单选框 | `boolean` | `false` | | ### RadioGroup Event diff --git a/docs/examples-docs/search.md b/docs/examples-docs/search.md index db18c7e76..13b9bd05e 100644 --- a/docs/examples-docs/search.md +++ b/docs/examples-docs/search.md @@ -8,7 +8,7 @@ export default { }; -## Search 组件 +## Search 搜索 ### 基础用法 @@ -31,4 +31,4 @@ export default { | 参数 | 说明 | 类型 | 默认值 | 必须 | |-----------|-----------|-----------|-------------|-------------| -| placeholder | input的placeholder文案 | string | | | \ No newline at end of file +| placeholder | `input`的`placeholder`文案 | `string` | | | diff --git a/docs/examples-docs/steps.md b/docs/examples-docs/steps.md index 462243697..b5beffa8e 100644 --- a/docs/examples-docs/steps.md +++ b/docs/examples-docs/steps.md @@ -6,7 +6,7 @@ } .zan-button { - margin-left: 15px; + margin: 15px 0 0 15px; } } } @@ -79,11 +79,11 @@ export default { | 参数 | 说明 | 类型 | 默认值 | 可选值 | |-----------|-----------|-----------|-------------|-------------| -| active | 当前激活的步骤，从0开始 | Number | '' | '' | -| icon | 当前步骤的icon | string | '' | '' | -| iconClass | 当前步骤栏为icon添加的类 | string | '' | '' | -| title | 当前步骤从标题 | string | '' | '' | -| description | 当前步骤描述 | string | '' | '' | +| active | 当前激活的步骤，从0开始 | `number` | | | +| icon | 当前步骤的icon | `string` | | | +| iconClass | 当前步骤栏为icon添加的类 | `string` | | | +| title | 当前步骤从标题 | `string` | | | +| description | 当前步骤描述 | `string` | | | ### Steps Slot diff --git a/docs/examples-docs/swipe.md b/docs/examples-docs/swipe.md index 8449eb4e7..0fd446e17 100644 --- a/docs/examples-docs/swipe.md +++ b/docs/examples-docs/swipe.md @@ -12,7 +12,7 @@ } -## Swipe +## Swipe 轮播 ### 基础用法 diff --git a/docs/examples-docs/switch.md b/docs/examples-docs/switch.md index e475dc631..d9b948cef 100644 --- a/docs/examples-docs/switch.md +++ b/docs/examples-docs/switch.md @@ -36,7 +36,7 @@ export default { }; -## Switch组件 +## Switch 开关 ### 基础用法 @@ -89,6 +89,6 @@ export default { | 参数 | 说明 | 类型 | 默认值 | 可选值 | |-----------|-----------|-----------|-------------|-------------| -| checked | 开关状态 | boolean | false | true, false | -| loading | loading状态 | boolean | false | true, false | -| disabled | 禁用状态 | boolean | false | true, false | +| checked | 开关状态 | `boolean` | `false` | `true`, `false` | +| loading | loading状态 | `boolean` | `false` | `true`, `false` | +| disabled | 禁用状态 | `boolean` | `false` | `true`, `false` | diff --git a/docs/examples-docs/tab.md b/docs/examples-docs/tab.md index 1a3978995..78e835f64 100644 --- a/docs/examples-docs/tab.md +++ b/docs/examples-docs/tab.md @@ -1,7 +1,7 @@ -## Tab 组件 + + +## Tab 标签 ### 基础用法 @@ -24,20 +44,11 @@ ``` - ::: ### 禁用用法 :::demo 禁用用法 ```html - + 内容一 内容二 内容三 @@ -124,14 +135,14 @@ export default { | 参数 | 说明 | 类型 | 默认值 | 可选 | |-----------|-----------|-----------|-------------|-------------| -| classtype | 两种UI | string | line | card | -| active | 默认激活的tab | string || number | 0 | | -| navclass | tabs的内部nav上的自定义classname | string | '' | | +| classtype | 两种UI | `string` | `line` | `line`, `card` | +| active | 默认激活的tab | `string`, `number` | `0` | | +| navclass | tabs的内部nav上的自定义classname | `string` | | | ### zan-tab API -| 参数 | 说明 | 类型 | 默认值 | 必须 | +| 参数 | 说明 | 类型 | 默认值 | 可选 | |-----------|-----------|-----------|-------------|-------------| -| title | tab的标题 | string | '' | required | -| disable | 是否禁用这个tab | Boolean | false | | +| title | tab的标题 | `string` | | | +| disable | 是否禁用这个tab | `boolean` | `false` | | diff --git a/docs/examples-docs/tag.md b/docs/examples-docs/tag.md index 382b1220d..a1a2b89c8 100644 --- a/docs/examples-docs/tag.md +++ b/docs/examples-docs/tag.md @@ -8,7 +8,7 @@ } -## Tag 组件 +## Tag 标记 ### 基础用法 @@ -52,9 +52,9 @@ | 参数 | 说明 | 类型 | 默认值 | 可选值 | |-----------|-----------|-----------|-------------|-------------| -| plain | 是否是空心tag | boolean | false | '' | -| mark | 是否是标记 | boolean | false | '' | -| type | tag类型 | string | '' | 'primary', 'success', 'danger' | +| plain | 是否是空心tag | `boolean` | `false` | | +| mark | 是否是标记 | `boolean` | `false` | | +| type | tag类型 | `string` | `''` | `primary`, `success`, `danger` | ### Slot diff --git a/docs/examples-docs/toast.md b/docs/examples-docs/toast.md index 4a6681170..731b57245 100644 --- a/docs/examples-docs/toast.md +++ b/docs/examples-docs/toast.md @@ -25,6 +25,12 @@ export default { showFailToast() { Toast.fail('失败文案'); }, + showForbidClickToast() { + Toast({ + message: '背景不能点击', + forbidClick: true + }) + }, showCustomizedToast(duration) { let leftSec = duration / 1000; let toast = Toast({ @@ -40,12 +46,24 @@ export default { } toast.message = (--leftSec).toString(); }, 1000); + }, + showToast() { + this.toast = Toast('我是提示文案，建议不超过十五字~'); + }, + closeToast() { + this.toast.clear(); + }, + showHtmlToast() { + Toast({ + type: 'html', + message: 'HTML' + }) } } }; -## Toast +## Toast 轻提示 ### 基础用法 @@ -55,6 +73,7 @@ export default { 加载Toast 成功 失败 +背景不能点击 倒数5秒 +``` +::: + + +### 传入html + +:::demo 手动关闭 +```html +打开 + + +``` +::: + + +### 基础用法 +### Toast(options) + +| 参数 | 说明 | 类型 | 默认值 | 可选值 | +|-----------|-----------|-----------|-------------|-------------| +| type | 类型 | String | 'text' | 'text', 'loading', 'success', 'fail', 'html' | +| message | 内容 | String | '' | - |\| message | 内容 | String | '' | - +| forbidClick | 不允许背景点击 | Boolean | false | true, false| +| duration | 时长(ms) | Number | 3000ms | -| + +### 快速用法 +### Toast(message) || Toast(message, options) + +| 参数 | 说明 | 类型 | 默认值 | 可选值 | +|-----------|-----------|-----------|-------------|-------------| +| message | 内容 | String | '' | - | +| forbidClick | 不允许背景点击 | Boolean | false | true, false| +| duration | 时长(ms) | Number | 3000ms | -| + +### Toast.loading() || Toast.loading(message, options) + +| 参数 | 说明 | 类型 | 默认值 | 可选值 | +|-----------|-----------|-----------|-------------|-------------| +| forbidClick | 不允许背景点击 | Boolean | false | true, false| +| duration | 时长(ms) | Number | 3000ms | -| + +### Toast.success(message) || Toast.success(message, options) | 参数 | 说明 | 类型 | 默认值 | 可选值 | |-----------|-----------|-----------|-------------|-------------| | type | 类型 | String | 'text' | 'text', 'loading', 'success', 'failure' | -| message | 内容 | String | '' | - | +| forbidClick | 不允许背景点击 | Boolean | false | true, false| +| duration | 时长(ms) | Number | 3000ms | -| + +### Toast.fail(message) || Toast.fail(message, options) + +| 参数 | 说明 | 类型 | 默认值 | 可选值 | +|-----------|-----------|-----------|-------------|-------------| +| type | 类型 | String | 'text' | 'text', 'loading', 'success', 'failure' | +| forbidClick | 不允许背景点击 | Boolean | false | true, false| +| duration | 时长(ms) | Number | 3000ms | -| + +### instanceOfToast.clear() +关闭toast。 diff --git a/docs/examples-docs/uploader.md b/docs/examples-docs/uploader.md index 2b5bfb1d3..37d503191 100644 --- a/docs/examples-docs/uploader.md +++ b/docs/examples-docs/uploader.md @@ -12,7 +12,7 @@ export default { } }; -## Uploader 组件 +## Uploader 图片上传 ### 基础用法 @@ -42,10 +42,10 @@ export default { | 参数 | 说明 | 类型 | 默认值 | 可选值 | |-----------|-----------|-----------|-------------|-------------| -| result-type | 读取文件的方式，以base64的方式读取；以文本的方式读取 | String | 'dataUrl' | 'dataUrl','text' | -| disable | 是否禁用上传,在图片上传期间设置为true，禁止用户点击此组件上传图片 | boolean | false | | -| before-read | 读文件之前的钩子，参数为选择的文件，若返回 false 则停止读取文件。 | Function | | | -| file-readed | 文件读完之后出发此事件，参数为{name:'文件名',type:'文件类型',size:'文件大小',content:'读的内容'} | Function | | | +| result-type | 读取文件的方式，以base64的方式读取；以文本的方式读取 | `string` | `dataUrl` | `dataUrl`, `text` | +| disable | 是否禁用上传,在图片上传期间设置为true，禁止用户点击此组件上传图片 | `boolean` | `false` | | +| before-read | 读文件之前的钩子，参数为选择的文件，若返回 false 则停止读取文件。 | `Function` | | | +| file-readed | 文件读完之后出发此事件，参数为{name:'文件名',type:'文件类型',size:'文件大小',content:'读的内容'} | `Function` | | | ### Slot diff --git a/docs/examples-docs/waterfall.md b/docs/examples-docs/waterfall.md index 99c1dc3c8..7ba9035da 100644 --- a/docs/examples-docs/waterfall.md +++ b/docs/examples-docs/waterfall.md @@ -76,6 +76,6 @@ export default { | 参数 | 说明 | 类型 | 默认值 | 可选值 | |-----------|-----------|-----------|-------------|-------------| -| waterfall-disabled | 在vue对象中表示是否禁止瀑布流触发的key值 | String | - | | -| waterfall-offset | 触发瀑布流加载的阈值 | Number | 300 | | +| waterfall-disabled | 在vue对象中表示是否禁止瀑布流触发的key值 | `string` | - | | +| waterfall-offset | 触发瀑布流加载的阈值 | `number` | `300` | | diff --git a/docs/examples.js b/docs/examples.js index 20d9fb575..4272848cf 100644 --- a/docs/examples.js +++ b/docs/examples.js @@ -7,15 +7,15 @@ import ZanUI from '../src/index'; import 'packages/zanui-css/src/index.css'; +import DemoList from './components/demo-list.vue'; + Vue.use(ZanUI); Vue.use(VueRouter); let routesConfig = routes(navConfig, true); routesConfig.push({ path: '/', - component: function(resolve) { - require(['./components/demo-list.vue'], resolve); - } + component: DemoList.default || DemoList }); const router = new VueRouter({ mode: 'hash', diff --git a/docs/index.js b/docs/index.js index b946c1569..cdbb3a4cb 100644 --- a/docs/index.js +++ b/docs/index.js @@ -5,6 +5,7 @@ import navConfig from './nav.config.json'; import routes from './router.config'; import SideNav from './components/side-nav'; import DemoBlock from './components/demo-block'; +import FooterNav from './components/footer-nav'; import ZanUI from 'src/index.js'; import 'packages/zanui-css/src/index.css'; @@ -19,6 +20,7 @@ Vue.use(VueRouter); Vue.use(ZanUI); Vue.component('side-nav', SideNav); Vue.component('demo-block', DemoBlock); +Vue.component('footer-nav', FooterNav); let routesConfig = routes(navConfig); routesConfig.push({ @@ -27,15 +29,14 @@ routesConfig.push({ }); const router = new VueRouter({ - mode: 'hash', - base: __dirname, + mode: 'history', + base: '/vue', routes: routesConfig }); -let indexScrollTop = 0; router.beforeEach((route, redirect, next) => { if (route.path !== '/') { - indexScrollTop = document.body.scrollTop; + window.scrollTo(0, 0); } if (isMobile()) { window.location.replace(location.pathname + 'examples.html#' + route.path); @@ -45,16 +46,6 @@ router.beforeEach((route, redirect, next) => { next(); }); -router.afterEach(route => { - if (route.path !== '/') { - document.body.scrollTop = 0; - } else { - Vue.nextTick(() => { - document.body.scrollTop = indexScrollTop; - }); - } -}); - new Vue({ // eslint-disable-line render: h => h(App), router diff --git a/index.html b/docs/index.tpl similarity index 80% rename from index.html rename to docs/index.tpl index 5b0f386b1..9fd48fd50 100644 --- a/index.html +++ b/docs/index.tpl @@ -2,7 +2,7 @@ - + ZanUI @@ -11,6 +11,5 @@ - diff --git a/docs/nav.config.json b/docs/nav.config.json index 0060196b0..7d1959e5a 100644 --- a/docs/nav.config.json +++ b/docs/nav.config.json @@ -26,75 +26,71 @@ "list": [ { "path": "/button", - "title": "Button" + "title": "Button 按钮" }, { "path": "/icon", - "title": "Icon" + "title": "Icon 图标" }, { "path": "/cell", - "title": "Cell" + "title": "Cell 单元格" }, { "path": "/progress", - "title": "Progress" + "title": "Progress 进度条" }, { "path": "/panel", - "title": "Panel" + "title": "Panel 面板" }, { "path": "/card", - "title": "Card" + "title": "Card 图文组件" }, { "path": "/loading", - "title": "Loading" + "title": "Loading 加载" }, { "path": "/steps", - "title": "Steps" + "title": "Steps 步骤条" }, { "path": "/tag", - "title": "Tag" + "title": "Tag 标记" }, { "path": "/badge", - "title": "Badge" + "title": "Badge 徽章" }, { "path": "/tab", - "title": "Tab" - }, - { - "path": "/lazyload", - "title": "Lazyload" + "title": "Tab 标签" }, { "path": "/popup", - "title": "Popup" + "title": "Popup 弹出菜单" }, { "path": "/swipe", - "title": "Swipe" + "title": "Swipe 轮播" }, { "path": "/search", - "title": "Search" + "title": "Search 搜索" }, { "path": "/quantity", - "title": "Quantity" + "title": "Quantity 数量选择" }, { "path": "/waterfall", - "title": "Waterfall" + "title": "Waterfall 瀑布流" }, { "path": "/image-preview", - "title": "ImagePreview" + "title": "ImagePreview 图片预览" } ] }, @@ -103,23 +99,23 @@ "list": [ { "path": "/switch", - "title": "Switch" + "title": "Switch 开关" }, { "path": "/field", - "title": "Field" + "title": "Field 输入框" }, { "path": "/radio", - "title": "Radio" + "title": "Radio 单选框" }, { "path": "/checkbox", - "title": "Checkbox" + "title": "Checkbox 复选框" }, { "path": "/uploader", - "title": "Uploader" + "title": "Uploader 图片上传" } ] }, @@ -128,23 +124,23 @@ "list": [ { "path": "/actionsheet", - "title": "ActionSheet" + "title": "ActionSheet 行动按钮" }, { "path": "/toast", - "title": "Toast" + "title": "Toast 轻提示" }, { "path": "/picker", - "title": "Picker" + "title": "Picker 选择器" }, { "path": "/datetime-picker", - "title": "Datetime Picker" + "title": "Datetime Picker 时间选择" }, { "path": "/dialog", - "title": "Dialog" + "title": "Dialog 弹出框" } ] } diff --git a/docs/router.config.js b/docs/router.config.js index d7dfa8025..308eaf7e1 100644 --- a/docs/router.config.js +++ b/docs/router.config.js @@ -2,6 +2,10 @@ const registerRoute = (navConfig, isExample) => { let route = []; let navs = navConfig['zh-CN']; navs.forEach(nav => { + if (isExample && !nav.showInMobile) { + return; + } + if (nav.groups) { nav.groups.forEach(group => { group.list.forEach(nav => { @@ -18,11 +22,12 @@ const registerRoute = (navConfig, isExample) => { }); function addRoute(page) { + const component = isExample + ? require(`./examples-dist${page.path}.vue`) + : require(`./examples-docs${page.path}.md`); route.push({ path: '/component' + page.path, - component: function(resolve) { - require([isExample ? `./examples-dist${page.path}.vue` : `./examples-docs${page.path}.md`], resolve); - } + component: component.default || component }); } diff --git a/examples.html b/examples.html deleted file mode 100644 index 908ff24d3..000000000 --- a/examples.html +++ /dev/null @@ -1,16 +0,0 @@ - - - - - - ZanUI - - - -
- -
- - - - diff --git a/package.json b/package.json index 4507cddc9..d0b1fb9b2 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@youzan/zanui-vue", - "version": "0.0.38", + "version": "0.0.43", "description": "有赞vue wap组件库", "main": "lib/zanui.js", "style": "lib/zanui-css/index.css", @@ -10,22 +10,23 @@ "packages" ], "scripts": { - "bootstrap": "npm i --registry=http://registry.npm.qima-inc.com", - "dev": "npm run build:file && webpack-dev-server --inline --hot --config build/webpack.config.js", + "bootstrap": "yarn || npm i --registry=http://registry.npm.qima-inc.com", + "dev": "npm run build:file && webpack-dev-server --inline --history-api-fallback --hot --config build/webpack.config.js --content-base ./", "build:file": "node build/bin/build-entry.js", "build:utils": "cross-env BABEL_ENV=utils babel src --out-dir lib --ignore src/index.js", "build:zanui-css": "gulp build --gulpfile packages/zanui-css/gulpfile.js && cp-cli packages/zanui-css/lib lib/zanui-css", "build:components": "webpack --progress --hide-modules --config build/webpack.components.js", "build:zanui": "webpack --progress --hide-modules --config build/webpack.build.js && webpack --progress --hide-modules --config build/webpack.build.min.js", "build:example": "node build/genExamples.js", - "build:docs": "npm run build:example && cross-env NODE_ENV=production webpack --progress --hide-modules --config build/webpack.config.js", + "deploy": "npm run deploy:docs && gh-pages -d docs/dist && rimraf docs/dist", + "deploy:docs": "rimraf docs/dist && npm run build:example && cross-env NODE_ENV=production webpack --progress --hide-modules --config build/webpack.config.js", "dist": "npm run clean && npm run build:file && npm run lint && npm run build:zanui && npm run build:components && npm run build:utils && npm run build:zanui-css", "clean": "rimraf lib && rimraf packages/*/lib", - "lint": "eslint src/**/*.js packages/**/*.{js,vue} --quiet", + "lint": "eslint src/**/*.js packages/**/*.{js,vue} build/**/*.js --quiet", "test": "karma start test/unit/karma.conf.js --single-run; npm run coverage", "test:watch": "karma start test/unit/karma.conf.js", "coverage": "find test/unit/coverage/lcov-report -name 'index.html' | sed -n 1,1p | xargs -I {} open {} ", - "deploy": "sh build/release.sh" + "release": "npm run bootstrap && sh build/release.sh" }, "repository": { "type": "git", @@ -77,10 +78,8 @@ "extract-text-webpack-plugin": "^2.0.0-beta.5", "file-loader": "^0.9.0", "file-save": "^0.2.0", - "gh-pages": "^0.11.0", + "gh-pages": "^0.12.0", "gulp": "^3.9.1", - "gulp-cssmin": "^0.1.7", - "gulp-postcss": "^6.1.1", "gulp-util": "^3.0.8", "highlight.js": "^9.8.0", "html-loader": "^0.4.3", @@ -103,21 +102,9 @@ "markdown-it-anchor": "^2.5.0", "markdown-it-container": "^2.0.0", "mocha": "^3.2.0", - "pixrem": "^3.0.0", "postcss": "^5.1.2", - "postcss-calc": "^5.0.0", - "postcss-css-reset": "^1.0.2", "postcss-easy-import": "^2.0.0", - "postcss-initial": "^1.3.1", - "postcss-inline-svg": "^1.4.0", - "postcss-loader": "^0.13.0", - "postcss-neat": "^2.5.2", - "postcss-pseudo-class-any-link": "^1.0.0", - "postcss-sass-color-functions": "^1.1.0", - "postcss-scss": "^0.1.7", - "postcss-shape": "^0.0.1", - "postcss-short": "^1.4.0", - "postcss-utils": "^1.0.1", + "postcss-loader": "^1.3.3", "precss": "^1.4.0", "prismjs": "^1.5.1", "progress-bar-webpack-plugin": "^1.9.3", @@ -141,7 +128,7 @@ "vue-template-compiler": "2.1.8", "vue-template-es2015-compiler": "^1.4.2", "webpack": "^2.2.1", - "webpack-dev-server": "^1.16.0", + "webpack-dev-server": "^1.16.3", "webpack-merge": "^2.0.0", "webpack-node-externals": "^1.5.4", "webpack-vendor-chunk-plugin": "^1.0.0" diff --git a/packages/badge/src/badge-group.vue b/packages/badge/src/badge-group.vue index e6998998e..7e98f52fb 100644 --- a/packages/badge/src/badge-group.vue +++ b/packages/badge/src/badge-group.vue @@ -14,12 +14,6 @@ type: [Number, String], default: 0 } - }, - - data() { - return { - computedActiveKey: this.activeKey - }; } }; diff --git a/packages/badge/src/badge.vue b/packages/badge/src/badge.vue index e0406b3c2..43f827f21 100644 --- a/packages/badge/src/badge.vue +++ b/packages/badge/src/badge.vue @@ -19,21 +19,27 @@ export default { required: true }, url: { - type: String + type: String, + default: 'javascript:;' }, info: { type: String } }, methods: { - handleClick() { - this.$parent.computedActiveKey = this.mark; + handleClick(e) { + this.$emit('click', e, { + mark: this.mark, + title: this.title, + url: this.url, + info: this.info + }); } }, computed: { classNames() { return { - 'is-select': this.mark === this.$parent.computedActiveKey + 'is-select': this.mark === this.$parent.activeKey }; } } diff --git a/packages/cell/src/cell.vue b/packages/cell/src/cell.vue index a618c7a33..22df2622e 100644 --- a/packages/cell/src/cell.vue +++ b/packages/cell/src/cell.vue @@ -1,6 +1,6 @@ @@ -29,7 +27,7 @@ export default { props: { percentage: { type: Number, - default: 0, + required: true, validate(value) { return value <= 100 && value >= 0; } @@ -55,6 +53,9 @@ export default { }, computed: { + currentPivotText() { + return this.pivotText ? this.pivotText : this.this.percentage.toString() + '%'; + }, componentColor() { return this.inactive ? '#cacaca' : this.color; }, @@ -65,7 +66,6 @@ export default { left: this.percentage + '%', marginLeft: '-14px' }; - console.log(this.percentage); if (this.percentage <= 5) { pivotStyle.left = '0%'; pivotStyle.marginLeft = '0'; diff --git a/packages/tab/src/tab.vue b/packages/tab/src/tab.vue index cf533df2b..1e43b8c55 100644 --- a/packages/tab/src/tab.vue +++ b/packages/tab/src/tab.vue @@ -1,5 +1,5 @@ @@ -17,7 +17,7 @@ }, computed: { classNames() { - return { 'is-select': this.$parent.tabs.indexOf(this) === this.$parent.switchActiveTabKey }; + return { 'zan-tab__pane--select': this.$parent.tabs.indexOf(this) === this.$parent.switchActiveTabKey }; } }, created() { diff --git a/packages/tab/src/tabs.vue b/packages/tab/src/tabs.vue index 0cabeec72..b78264e4f 100644 --- a/packages/tab/src/tabs.vue +++ b/packages/tab/src/tabs.vue @@ -1,24 +1,25 @@