{"version":3,"sources":["webpack:///106.6911f06e.js","webpack:///swiper.vue?be10","webpack:///./en/components/swiper.vue?7805","webpack:///./en/components/swiper.vue?0eee","webpack:///./en/components/swiper.vue?b20d","webpack:///./en/components/swiper.vue","webpack:///./en/components/swiper_git_metas.json"],"names":["webpackJsonp","1540","module","__webpack_exports__","__webpack_require__","Object","defineProperty","value","__WEBPACK_IMPORTED_MODULE_0_babel_runtime_regenerator__","__WEBPACK_IMPORTED_MODULE_0_babel_runtime_regenerator___default","n","__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_asyncToGenerator__","__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_asyncToGenerator___default","__WEBPACK_IMPORTED_MODULE_2_axios__","__WEBPACK_IMPORTED_MODULE_2_axios___default","metas","category","en","zh-CN","icon","extra","tips","q","a","props","list","type","direction","default","show-dots","show-desc-mask","dots-position","dots-class","auto","loop","interval","threshold","duration","height","aspect-ratio","min-moving-distance","v-model","events","on-index-change","params","on-get-height","version","changes","v2.9.2","v2.7.7","v2.7.6","v2.7.0","v2.6.0","v2.5.3","v2.5.1","v2.3.5","v2.3.4","v2.2.1-rc.2","v2.1.1-rc.3","v2.1.1-rc.2","variables","name","is_inherited","inherited_name","desc","demos","componentList","Array","isArray","items","forEach","item","index","meta","length","push","e","console","log","gitMetas","demoCode","decodeURIComponent","domainMap","development","production","head","title","content","property","link","rel","hreflang","href","script","innerHTML","__dangerouslyDisableSanitizers","filters","parseCode","str","replace","mounted","_this","this","mark","_callee","rs","wrap","_context","prev","next","get","componentName","sent","issues","data","hasReady","stop","watch","sourceCodeDialogVisibility","val","_this2","_callee2","mask","_context2","$nextTick","document","querySelector","addEventListener","methods","onCopyError","$message","message","onCopy","showSourceCode","getTypeHTML","test","split","map","one","toLowerCase","join","computed","lang","$route","path","indexOf","isBeta","showQr","localImportCode","globalImportCode","needImport","toc","domain","1687","exports","i","1849","locals","2597","render","_vm","_h","$createElement","_c","_self","staticClass","class","attrs","id","_v","target","_e","on","click","$event","preventDefault","trigger","staticStyle","width","text-align","src","slot","display","border","border-radius","overflow","z-index","frameborder","_l","t","anchor","_s","_t","slice","label","placement","directives","rawName","expression","arg","_m","demo","style","margin","noBackgroundColor","file","oriHeight","contenteditable","domProps","code","encodeURIComponent","component","description","prop","hide-after","open-delay","event","slot-disabled","method","variable","$refs","backgroundColor","ref","refInFor","tip","size","issue","html_url","number","color","commitCount","commitUniqueCount","person","authorName","count","changelog","to","references","top","visible","update:visible","staticRenderFns","_withStripped","368","injectStyle","ssrContext","disposed","Component","options","__file","esModule","keys","some","key","substr","error","functional","991","commitMembers"],"mappings":"AAAAA,cAAc,MAERC,KACA,SAAUC,EAAQC,EAAqBC,GAE7C,YACAC,QAAOC,eAAeH,EAAqB,cAAgBI,OAAO,GAC7C,IAAIC,GAA0DJ,EAAoB,IAC9EK,EAAkEL,EAAoBM,EAAEF,GACxFG,EAAuEP,EAAoB,IAC3FQ,EAA+ER,EAAoBM,EAAEC,GACrGE,EAAsCT,EAAoB,IAC1DU,EAA8CV,EAAoBM,EAAEG,GAOzFE,GACFC,UACEC,GCyZJ,eDxZIC,QC0ZJ,QDxZEC,KCyZF,WDxZEC,MCyZF,uvBDxZEC,MACEH,UACEI,EC0ZN,0BDzZMC,EC6ZN,qJD1ZEC,OACEC,MACEC,KC2ZN,QD1ZMT,GC2ZN,6DD1ZMC,QC4ZN,oED1ZIS,WACED,KC2ZN,SD1ZME,QC2ZN,aD1ZMX,GC2ZN,oBD1ZMC,QC4ZN,MD1ZIW,aACEH,KC2ZN,UD1ZME,SC2ZN,ED1ZMX,GC2ZN,qBD1ZMC,QC4ZN,WD1ZIY,kBACEJ,KC2ZN,UD1ZME,SC2ZN,ED1ZMX,GC2ZN,2BD1ZMC,QC4ZN,eD1ZIa,iBACEL,KC2ZN,SD1ZME,QC2ZN,QD1ZMX,GC2ZN,qBD1ZMC,QC4ZN,SD1ZIc,cACEf,GC2ZN,+BD1ZMC,QC4ZN,eD1ZIe,MACEP,KC2ZN,UD1ZME,SC2ZN,ED1ZMX,GC2ZN,kBD1ZMC,QC4ZN,UD1ZIgB,MACER,KC2ZN,UD1ZME,SC2ZN,ED1ZMX,GC2ZN,mBD1ZMC,QC4ZN,QD1ZIiB,UACET,KC2ZN,SD1ZME,QC2ZN,ID1ZMX,GC2ZN,iBD1ZMC,QC4ZN,UD1ZIkB,WACEV,KC2ZN,SD1ZME,QC2ZN,GD1ZMX,GC2ZN,kBD1ZMC,QC4ZN,iBD1ZImB,UACEX,KC2ZN,SD1ZME,QC2ZN,ID1ZMX,GC2ZN,sBD1ZMC,QC4ZN,UD1ZIoB,QACEZ,KC2ZN,SD1ZME,QC2ZN,QD1ZMX,GC2ZN,eD1ZMC,QC4ZN,mDD1ZIqB,gBACEb,KC2ZN,SD1ZMT,GC2ZN,uDD1ZMC,QC4ZN,mBD1ZIsB,uBACEd,KC2ZN,SD1ZME,QC2ZN,ED1ZMX,GC2ZN,6BD1ZMC,QC4ZN,cD1ZIuB,WACEf,KC2ZN,SD1ZME,QC2ZN,ED1ZMX,GC2ZN,yCD1ZMC,QC6ZN,iCD1ZEwB,QACEC,mBACEC,OC2ZN,mBD1ZM3B,GC2ZN,8BD1ZMC,QC4ZN,kBD1ZI2B,iBACEC,QC2ZN,SD1ZMF,OC2ZN,aD1ZM3B,GC2ZN,kCD1ZMC,QC6ZN,YD1ZE6B,SACEC,UACE/B,IC4ZN,gEAEA,yDD7ZMC,SC+ZN,8BAGA,kCDhaI+B,UACEhC,ICmaN,4DDlaMC,SCsaN,iCDpaIgC,UACEjC,ICuaN,wCDtaMC,SC0aN,4BDxaIiC,UACElC,IC0aN,+EACA,0CAEA,yDD5aMC,SC8aN,qCACA,2CAGA,gCDhbIkC,UACEnC,ICmbN,qDDlbMC,SCsbN,yDDpbImC,UACEpC,ICubN,kEDtbMC,SC0bN,sDDxbIoC,UACErC,IC2bN,mDD1bMC,SC8bN,gDD5bIqC,UACEtC,IC+bN,qCD9bMC,SCkcN,yBDhcIsC,UACEvC,ICmcN,4EDlcMC,SCscN,iDDpcIuC,eACExC,ICscN,2EAEA,yCDvcMC,SCycN,wCAGA,+BD1cIwC,eACEzC,IC6cN,sED5cMC,SCgdN,kDD9cIyC,eACE1C,ICidN,mDDhdMC,SCqdN,+BDldE0C,YACEC,KCodJ,gCDndItD,MCodJ,UDndIuD,cCodJ,EDndIC,eCodJ,eDndIC,WAGAC,KAEAC,IACJ,IAAIC,MAAMC,QAAQrD,EAAMsD,OACtB,IACEtD,EAAMsD,MAAMC,QAAQ,SAAUC,EAAMC,GAClC,GAAIC,IACFZ,KCqdRU,EDpdQE,KAAM1D,ECsddwD,GDpd8B,QAApBE,EAAKA,KAAKjD,aACLiD,GAAKA,KCqdpBjD,MDndUgD,IAAUzD,EAAMsD,MAAMK,OAAS,GAC7BD,EAAKA,OACPA,EAAKA,KAAKb,UAAY7C,ECqdhC6C,WDldMM,EAAcS,KCqdpBF,KDndI,MAAOG,GACPC,QAAQC,ICqdZF,ODldEV,GAAcS,MACZF,KCsdJ1D,GDndA,IAAIgE,GAAW3E,ECqdf,KDpdI4E,ECsdJC,mBAAA,w98CDpdIC,GACFC,YCqdF,yBDpdEC,WCudF,2BDpd6BjF,GAA6B,SACxDkF,MACEC,MCqdJ,yEDpdIb,OACEZ,KCqdN,cDpdM0B,QCqdN,gDDndM1B,KCqdN,WDpdM0B,QCqdN,0DDndMC,SCqdN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","file":"106.6911f06e.js","sourcesContent":["webpackJsonp([106],{\n\n/***/ 1540:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_regenerator__ = __webpack_require__(70);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_regenerator___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_regenerator__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_asyncToGenerator__ = __webpack_require__(69);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_asyncToGenerator___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_asyncToGenerator__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_axios__ = __webpack_require__(68);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_axios___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_axios__);\n\n\n\n\n\n\nvar metas = {\n  \"category\": {\n    \"en\": \"Data Display\",\n    \"zh-CN\": \"数据展示\"\n  },\n  \"icon\": \"&#xe612;\",\n  \"extra\": \"::: tip\\n  `list`为图片列表快捷设置，如果你需要自定义一些样式，或者内容并不为纯图片，可以引用`swiper-item`组件来自定义。\\n  <br>\\n  `list` 格式如下\\n  <br>\\n\\n  ``` js\\n  [{\\n    url: 'javascript:',\\n    img: 'https://static.vux.li/demo/1.jpg',\\n    title: '送你一朵fua'\\n  }, {\\n    url: 'javascript:',\\n    img: 'https://static.vux.li/demo/5.jpg',\\n    title: '送你一次旅行',\\n    fallbackImg: 'https://static.vux.li/demo/3.jpg'\\n  }]\\n  ```\\n\\n  `fallbackImg` 在 `v2.5.13` 支持，它将在 `img` 加载失败时显示，注意的是 `fallbackImg` 可能会在 `img` 加载成功时也进行了加载，只是不会显示（取决于浏览器实现）。\\n\\n:::\\n\\n::: warning\\n不要在`swiper`里嵌套`scroller`，在`web`上过于复杂化而且手势会有冲突，相关`Issue`将不会处理。\\n<br>\\n<br>\\n该组件场景是固定高度的内容列表，不支持为不同 swiper-item 设置不同高度。\\n<br>\\n<br>\\n如果确实需要设置不同高度，可以通过 ref 获取 swiper, 通过 this.$refs.swiper.xheight = '100px' 设置。 切记，需要放在 $nextTick 中执行。\\n:::\\n\",\n  \"tips\": {\n    \"zh-CN\": [{\n      \"q\": \"swiper-item 只有两项时无法循环播放\",\n      \"a\": \"<p>是的，建议直接使用 <code>list</code> 来实现循环。因为实现原理是对<code>swiper-item</code>元素进行移动，需要至少有<code>3</code>个<code>swiper-item</code>才能保证有上一张和下一张可以切换。</p>\\n\"\n    }]\n  },\n  \"props\": {\n    \"list\": {\n      \"type\": \"Array\",\n      \"en\": \"image list, use swiper-item if you need to customize style\",\n      \"zh-CN\": \"轮播图片列表，如果有自定义样式需求，请使用 swiper-item(使用 swiper-item 时仅有2个的情况下不支持循环)\"\n    },\n    \"direction\": {\n      \"type\": \"String\",\n      \"default\": \"horizontal\",\n      \"en\": \"swiping direction\",\n      \"zh-CN\": \"方向\"\n    },\n    \"show-dots\": {\n      \"type\": \"Boolean\",\n      \"default\": true,\n      \"en\": \"if show indicators\",\n      \"zh-CN\": \"是否显示提示点\"\n    },\n    \"show-desc-mask\": {\n      \"type\": \"Boolean\",\n      \"default\": true,\n      \"en\": \"if show description mask\",\n      \"zh-CN\": \"是否显示描述半透明遮罩\"\n    },\n    \"dots-position\": {\n      \"type\": \"String\",\n      \"default\": \"right\",\n      \"en\": \"indicator position\",\n      \"zh-CN\": \"提示点位置\"\n    },\n    \"dots-class\": {\n      \"en\": \"custom indicator's classname\",\n      \"zh-CN\": \"提示className\"\n    },\n    \"auto\": {\n      \"type\": \"Boolean\",\n      \"default\": false,\n      \"en\": \"if auto playing\",\n      \"zh-CN\": \"是否自动轮播\"\n    },\n    \"loop\": {\n      \"type\": \"Boolean\",\n      \"default\": false,\n      \"en\": \"if use loop mode\",\n      \"zh-CN\": \"是否循环\"\n    },\n    \"interval\": {\n      \"type\": \"Number\",\n      \"default\": 3000,\n      \"en\": \"interval value\",\n      \"zh-CN\": \"轮播停留时长\"\n    },\n    \"threshold\": {\n      \"type\": \"Number\",\n      \"default\": 50,\n      \"en\": \"threshold value\",\n      \"zh-CN\": \"当滑动超过这个距离时才滑动\"\n    },\n    \"duration\": {\n      \"type\": \"Number\",\n      \"default\": 300,\n      \"en\": \"transition duration\",\n      \"zh-CN\": \"切换动画时间\"\n    },\n    \"height\": {\n      \"type\": \"String\",\n      \"default\": \"180px\",\n      \"en\": \"height value\",\n      \"zh-CN\": \"高度值。如果为`100%`宽度并且知道宽高比，可以设置`aspect-ratio`自动计算高度\"\n    },\n    \"aspect-ratio\": {\n      \"type\": \"Number\",\n      \"en\": \"if specified, height will be caculated automatically\",\n      \"zh-CN\": \"用以根据当前可用宽度计算高度值\"\n    },\n    \"min-moving-distance\": {\n      \"type\": \"Number\",\n      \"default\": 0,\n      \"en\": \"min distance before moving\",\n      \"zh-CN\": \"超过这个距离时才滑动\"\n    },\n    \"v-model\": {\n      \"type\": \"Number\",\n      \"default\": 0,\n      \"en\": \"index value, use `v-model` for binding\",\n      \"zh-CN\": \"index 绑定，使用`v-model`，一般不需要绑定\"\n    }\n  },\n  \"events\": {\n    \"on-index-change\": {\n      \"params\": \"`(currentIndex)`\",\n      \"en\": \"fires when index is changed\",\n      \"zh-CN\": \"轮播 index 变化时触发\"\n    },\n    \"on-get-height\": {\n      \"version\": \"v2.7.0\",\n      \"params\": \"`(height)`\",\n      \"en\": \"fires after height is caculated\",\n      \"zh-CN\": \"高度获取后触发\"\n    }\n  },\n  \"changes\": {\n    \"v2.9.2\": {\n      \"en\": [\"[fix] fix stuck swipe after setting min-moving-distance #2773\", \"[fix] fix error for repeat setting data in loop #2803\"],\n      \"zh-CN\": [\"[fix] 修复设置最小移动距离后滑动卡住 #2773\", \"[fix] 修复在循环模式下重复设置数据的错误 #2803\"]\n    },\n    \"v2.7.7\": {\n      \"en\": [\"[fix] fix cannot scroll body when touching with one item\"],\n      \"zh-CN\": [\"[fix] 修复只有一个 item 时无法滚动页面的问题\"]\n    },\n    \"v2.7.6\": {\n      \"en\": [\"[enhance] stop moving width one item\"],\n      \"zh-CN\": [\"[enhance] 只有一张图片时阻止滑动跟随\"]\n    },\n    \"v2.7.0\": {\n      \"en\": [\"[enhance] set shorter distance for first and last item for better experience\", \"[feature] add event:on-get-height #2112\", \"[enhance] stop interval if auto is set to false #2027\"],\n      \"zh-CN\": [\"[enhance] 非循环模式下对第一张和最后一张使用更短的拖动距离\", \"[feature] 添加事件 event:on-get-height #2112\", \"[enhance] auto 支持动态设置 #2027\"]\n    },\n    \"v2.6.0\": {\n      \"en\": [\"[enhance] support fallbackImg for prop:list #1923\"],\n      \"zh-CN\": [\"[enhance] 支持 list.fallbackImg 属性在图片加载失败时显示预设图片 #1923\"]\n    },\n    \"v2.5.3\": {\n      \"en\": [\"[fix] clear listTtwoLoopItem when list size !== 2 #1684 @weizs\"],\n      \"zh-CN\": [\"[fix] 轮播个数不为2时清除 listTtwoLoopItem 列表 #1684 @weizs\"]\n    },\n    \"v2.5.1\": {\n      \"en\": [\"[fix] Fix array-from issue with webpack@3 #1649\"],\n      \"zh-CN\": [\"[fix] 修复 array-from 在 webpack@3 下报错问题 #1649\"]\n    },\n    \"v2.3.5\": {\n      \"en\": [\"[fix] Fix repeat render bug #1458\"],\n      \"zh-CN\": [\"[fix] 修复重复渲染问题 #1458\"]\n    },\n    \"v2.3.4\": {\n      \"en\": [\"[fix] Fix click to fail when only two swiper-item and loop #1484 @unclay\"],\n      \"zh-CN\": [\"[fix] 修复只有两个轮播图且为 loop 时点击失效问题 #1484 @unclay\"]\n    },\n    \"v2.2.1-rc.2\": {\n      \"en\": [\"[enhance] Use document width as swiper width if initial width is 0 #1188\", \"[fix] Fix initial index > 0 not works\"],\n      \"zh-CN\": [\"[enhance] 如果初始化时获取不到宽度则直接使用视口宽度 #1188\", \"[fix] 修复初始化时 index > 0 不生效\"]\n    },\n    \"v2.1.1-rc.3\": {\n      \"en\": [\"[fix] Fix nodes list forEach function is undefined #991 @howyhuang\"],\n      \"zh-CN\": [\"[fix] 修复 node 列表没有 forEach 方法 #991 @howyhuang\"]\n    },\n    \"v2.1.1-rc.2\": {\n      \"en\": [\"[fix] Fix es6 iterator compability, use forEach\"],\n      \"zh-CN\": [\"[fix] 修复部分机子不支持 for of 遍历\"]\n    }\n  },\n  \"variables\": [{\n    \"name\": \"swiper-indicator-active-color\",\n    \"value\": \"#04BE02\",\n    \"is_inherited\": true,\n    \"inherited_name\": \"@theme-color\",\n    \"desc\": {}\n  }]\n};\nvar demos = [];\n\nvar componentList = [];\nif (Array.isArray(metas.items)) {\n  try {\n    metas.items.forEach(function (item, index) {\n      var meta = {\n        name: item,\n        meta: metas[item]\n      };\n      if (meta.meta.props === null) {\n        delete meta.meta.props;\n      }\n      if (index === metas.items.length - 1) {\n        if (meta.meta) {\n          meta.meta.variables = metas.variables;\n        }\n      }\n      componentList.push(meta);\n    });\n  } catch (e) {\n    console.log(e);\n  }\n} else {\n  componentList.push({\n    meta: metas\n  });\n}\nvar gitMetas = __webpack_require__(991);\nvar demoCode = decodeURIComponent(\"%3Cpre%20class%3D%22hljs%22%3E%3Ccode%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Etemplate%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ediv%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup-title%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3ETHX%20to%3A%20https%3A%2F%2Fgithub.com%2Fwechatui%2Fswiper%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup-title%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup-title%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3Elist%E6%A8%A1%E5%BC%8F%E4%B8%8B%EF%BC%8C%E9%BB%98%E8%AE%A4%E9%AB%98%E5%BA%A6%E4%B8%BA180px%2C%20%E5%A6%82%E6%9E%9C%E8%AE%BE%E7%BD%AEaspect-ratio%E4%BC%9A%E6%A0%B9%E6%8D%AE%E5%AE%BD%E5%BA%A6%E8%87%AA%E5%8A%A8%E8%AE%A1%E7%AE%97%E9%AB%98%E5%BA%A6%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup-title%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eswiper%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Alist%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22demo01_list%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Ev-model%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22demo01_index%22%3C%2Fspan%3E%20%40%3Cspan%20class%3D%22hljs-attr%22%3Eon-index-change%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22demo01_onIndexChange%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eswiper%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ep%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eclass%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22copyright%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3EImage%20Source%3A%20http%3A%2F%2Fwww.gratisography.com%2F%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ep%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ep%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3Ecurrent%20index%3A%20%7B%7Bdemo01_index%7D%7D%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ep%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-button%3C%2Fspan%3E%20%40%3Cspan%20class%3D%22hljs-attr%22%3Eclick.native%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22demo01_index%20%3D%200%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3Ego%20to%200%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-button%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-button%3C%2Fspan%3E%20%40%3Cspan%20class%3D%22hljs-attr%22%3Eclick.native%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22demo01_index%20%3D%201%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3Ego%20to%201%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-button%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-button%3C%2Fspan%3E%20%40%3Cspan%20class%3D%22hljs-attr%22%3Eclick.native%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22demo01_index%20%3D%202%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3Ego%20to%202%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-button%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ebr%3C%2Fspan%3E%2F%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ebr%3C%2Fspan%3E%2F%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Edivider%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%E5%8D%8E%E4%B8%BD%E7%9A%84%E5%88%86%E5%89%B2%E7%BA%BF%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Edivider%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup-title%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%E8%AE%BE%E7%BD%AEmin-moving-distance%E4%B8%BA120%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup-title%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eswiper%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Alist%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22demo01_list%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Ev-model%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22demo02_index%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Amin-moving-distance%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22120%22%3C%2Fspan%3E%20%40%3Cspan%20class%3D%22hljs-attr%22%3Eon-index-change%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22demo01_onIndexChange%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eswiper%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ebr%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ebr%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Edivider%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%E5%8D%8E%E4%B8%BD%E7%9A%84%E5%88%86%E5%89%B2%E7%BA%BF%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Edivider%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup-title%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%E8%AE%BE%E7%BD%AEaspect-ratio%2C%20%E5%B0%86%E8%87%AA%E5%8A%A8%E6%A0%B9%E6%8D%AE%E5%AE%BD%E5%BA%A6%E8%AE%A1%E7%AE%97%E9%AB%98%E5%BA%A6%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup-title%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eswiper%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Alist%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22demo02_list%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Estyle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22width%3A85%25%3Bmargin%3A0%20auto%3B%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Aaspect-ratio%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22300%2F800%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Edots-position%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22center%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eswiper%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ebr%3C%2Fspan%3E%2F%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ebr%3C%2Fspan%3E%2F%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Edivider%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%E5%8D%8E%E4%B8%BD%E7%9A%84%E5%88%86%E5%89%B2%E7%BA%BF%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Edivider%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup-title%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%E8%87%AA%E5%8A%A8%E8%BD%AE%E6%92%AD%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup-title%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eswiper%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Alist%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22demo03_list%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eauto%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Estyle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22width%3A80%25%3Bmargin%3A0%20auto%3B%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eheight%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22180px%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Edots-class%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22custom-bottom%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Edots-position%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22center%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eswiper%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ebr%3C%2Fspan%3E%2F%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ebr%3C%2Fspan%3E%2F%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Edivider%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%E5%8D%8E%E4%B8%BD%E7%9A%84%E5%88%86%E5%89%B2%E7%BA%BF%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Edivider%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup-title%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3Euse%20swiper-item%20for%20image%20list%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup-title%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eswiper%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Aaspect-ratio%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22300%2F800%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eswiper-item%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eclass%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22swiper-demo-img%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Ev-for%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22(item%2C%20index)%20in%20demo04_list%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Akey%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22index%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eimg%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Asrc%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22item%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eswiper-item%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eswiper%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ebr%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ebr%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup-title%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3Eset%20index%20%3D%201%20with%20swiper-item%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup-title%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eswiper%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Aaspect-ratio%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22300%2F800%22%3C%2Fspan%3E%20%40%3Cspan%20class%3D%22hljs-attr%22%3Eon-index-change%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22onSwiperItemIndexChange%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Ev-model%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22swiperItemIndex%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eswiper-item%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eclass%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22swiper-demo-img%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Ev-for%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22(item%2C%20index)%20in%20demo04_list%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Akey%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22index%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eimg%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Asrc%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22item%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eswiper-item%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eswiper%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ebr%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%7B%7B%20swiperItemIndex%20%7D%7D%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ebr%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-button%3C%2Fspan%3E%20%40%3Cspan%20class%3D%22hljs-attr%22%3Eclick.native%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22swiperItemIndex%20%3D%200%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3Ego%20to%200%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-button%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-button%3C%2Fspan%3E%20%40%3Cspan%20class%3D%22hljs-attr%22%3Eclick.native%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22swiperItemIndex%20%3D%201%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3Ego%20to%201%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-button%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-button%3C%2Fspan%3E%20%40%3Cspan%20class%3D%22hljs-attr%22%3Eclick.native%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22swiperItemIndex%20%3D%202%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3Ego%20to%202%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-button%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ebr%3C%2Fspan%3E%2F%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ebr%3C%2Fspan%3E%2F%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Edivider%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%E5%8D%8E%E4%B8%BD%E7%9A%84%E5%88%86%E5%89%B2%E7%BA%BF%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Edivider%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup-title%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3EAsync%20setting%20list%20data%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup-title%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eswiper%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Alist%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22demo05_list%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eauto%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eheight%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22180px%22%3C%2Fspan%3E%20%40%3Cspan%20class%3D%22hljs-attr%22%3Eon-index-change%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22demo05_onIndexChange%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eswiper%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ep%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%20current%20index%3A%20%7B%7Bdemo05_index%7D%7D%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ep%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-button%3C%2Fspan%3E%20%40%3Cspan%20class%3D%22hljs-attr%22%3Eclick.native%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22demo05_onLoad(1)%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etype%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22primary%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Estyle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22margin%3A%2010px%200%3B%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3ELoad%20list1%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-button%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-button%3C%2Fspan%3E%20%40%3Cspan%20class%3D%22hljs-attr%22%3Eclick.native%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22demo05_onLoad(2)%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etype%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22primary%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Estyle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22margin%3A%2010px%200%3B%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3ELoad%20list2%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-button%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ebr%3C%2Fspan%3E%2F%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ebr%3C%2Fspan%3E%2F%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Edivider%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%E5%8D%8E%E4%B8%BD%E7%9A%84%E5%88%86%E5%89%B2%E7%BA%BF%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Edivider%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup-title%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%E5%BC%95%E5%85%A5swiper-item%E8%87%AA%E5%AE%9A%E4%B9%89item%E5%86%85%E5%AE%B9%EF%BC%8C%E7%94%A8height%E5%AE%9A%E4%B9%89%E9%AB%98%E5%BA%A6%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup-title%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eswiper%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eauto%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eheight%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22100px%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eswiper-item%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eclass%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22black%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eh2%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eclass%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22title%20fadeInUp%20animated%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%E5%AE%83%E6%97%A0%E5%AD%94%E4%B8%8D%E5%85%A5%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eh2%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eswiper-item%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eswiper-item%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eclass%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22black%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eh2%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eclass%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22title%20fadeInUp%20animated%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%E4%BD%A0%E6%97%A0%E5%A4%84%E5%8F%AF%E8%97%8F%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eh2%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eswiper-item%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eswiper-item%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eclass%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22black%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eh2%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eclass%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22title%20fadeInUp%20animated%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%E4%B8%8D%E6%98%AF%E5%AE%83%E5%8F%AF%E6%81%B6%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eh2%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eswiper-item%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eswiper-item%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eclass%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22black%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eh2%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eclass%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22title%20fadeInUp%20animated%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%E8%80%8C%E6%98%AF%E5%AE%83%E4%B8%8D%E6%87%82%E4%BD%A0%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eh2%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eswiper-item%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eswiper-item%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eclass%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22black%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eh2%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eclass%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22title%20fadeInUp%20animated%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%E6%88%91%E4%BB%AC%E8%AF%95%E5%9B%BE%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eh2%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eswiper-item%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eswiper-item%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eclass%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22black%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eh2%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eclass%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22title%20fadeInUp%20animated%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%E5%81%9A%E4%BA%9B%E6%94%B9%E5%8F%98%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eh2%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eswiper-item%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eswiper%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ebr%3C%2Fspan%3E%2F%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ebr%3C%2Fspan%3E%2F%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Edivider%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%E5%8D%8E%E4%B8%BD%E7%9A%84%E5%88%86%E5%89%B2%E7%BA%BF%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Edivider%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup-title%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%E5%9E%82%E7%9B%B4%E6%96%B9%E5%90%91%E6%96%87%E5%AD%97%E6%BB%9A%E5%8A%A8%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup-title%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eswiper%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eauto%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eheight%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%2230px%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Edirection%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22vertical%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Ainterval%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E2000%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eclass%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22text-scroll%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Ashow-dots%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22false%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eswiper-item%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ep%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%E4%B9%89%E5%8A%A1%E7%88%B1%E4%BA%86%20%E5%AE%8C%E6%88%90%E4%BC%A0%E5%A5%87%E4%B8%96%E7%95%8CH5-%E7%8E%8B%E8%80%85%E5%BD%92%E6%9D%A5%E4%BB%BB%E5%8A%A1%20%E8%8E%B7%E5%BE%9720%E9%87%91%E5%B8%81%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ep%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eswiper-item%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eswiper-item%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ep%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%E5%9F%BA%E6%9C%AC%E4%B8%96%E7%A5%9E%20%E5%85%91%E6%8D%A2%E3%80%8A%E4%BC%A0%E5%A5%87%E4%B8%96%E7%95%8CH5%E3%80%8B%E7%95%85%E7%8E%A9%E7%BA%A7%E7%A4%BC%E5%8C%85%20%E6%B6%88%E8%80%9730%E9%87%91%E5%B8%81%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ep%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eswiper-item%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eswiper-item%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ep%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%E9%9B%B6%E5%93%A5%E7%AB%A0%E9%AD%9A%20%E5%AE%8C%E6%88%90%E4%BC%A0%E5%A5%87%E4%B8%96%E7%95%8CH5-%E7%8E%8B%E8%80%85%E5%BD%92%E6%9D%A5%E4%BB%BB%E5%8A%A1%20%E8%8E%B7%E5%BE%9730%E9%87%91%E5%B8%81%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ep%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eswiper-item%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eswiper-item%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ep%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%E5%81%9A%E8%BF%8E%E8%80%8C%E7%82%BA%20%E5%85%91%E6%8D%A2%E3%80%90%E9%A5%BF%E4%BA%86%E4%B9%88%E3%80%91%E7%95%85%E4%BA%AB%E7%BE%8E%E9%A3%9F%E7%BA%A2%E5%8C%85%20%E6%B6%88%E8%80%9720%E9%87%91%E5%B8%81%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ep%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eswiper-item%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eswiper-item%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ep%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%E5%8F%AA%E7%9F%A5%E9%81%93%E4%B8%8D%E7%9F%A5%E9%81%93%20%E5%85%91%E6%8D%A2%E3%80%90%E9%A5%BF%E4%BA%86%E4%B9%88%E3%80%91%E7%95%85%E4%BA%AB%E7%BE%8E%E9%A3%9F%E7%BA%A2%E5%8C%85%20%E6%B6%88%E8%80%9720%E9%87%91%E5%B8%81%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ep%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eswiper-item%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eswiper-item%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ep%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%E5%9F%BA%E6%9C%AC%E4%B8%96%E7%A5%9E%20%E5%85%91%E6%8D%A2%E3%80%8A%E4%BC%A0%E5%A5%87%E4%B8%96%E7%95%8CH5%E3%80%8B%E7%95%85%E7%8E%A9%E7%BA%A7%E7%A4%BC%E5%8C%85%20%E6%B6%88%E8%80%9730%E9%87%91%E5%B8%81%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ep%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eswiper-item%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eswiper%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ebr%3C%2Fspan%3E%2F%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ebr%3C%2Fspan%3E%2F%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Edivider%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%E5%8D%8E%E4%B8%BD%E7%9A%84%E5%88%86%E5%89%B2%E7%BA%BF%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Edivider%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup-title%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%E5%BE%AA%E7%8E%AF%E6%A8%A1%E5%BC%8F%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup-title%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eswiper%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eloop%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eauto%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Alist%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22demo06_list%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Aindex%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22demo06_index%22%3C%2Fspan%3E%20%40%3Cspan%20class%3D%22hljs-attr%22%3Eon-index-change%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22demo06_onIndexChange%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eswiper%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ep%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3Ecurrent%20index%3A%20%7B%7Bdemo06_index%7D%7D%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ep%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup-title%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%E5%BE%AA%E7%8E%AF%E6%A8%A1%E5%BC%8F%EF%BC%88%E5%8F%AA%E6%9C%89%E4%B8%A4%E4%B8%AA%E4%B8%94%E5%8F%AF%E7%82%B9%E5%87%BB%EF%BC%89%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup-title%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eswiper%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eloop%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eauto%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Alist%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22demo07_list%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Aindex%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22demo07_index%22%3C%2Fspan%3E%20%40%3Cspan%20class%3D%22hljs-attr%22%3Eon-index-change%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22demo07_onIndexChange%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eswiper%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ep%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3Ecurrent%20index%3A%20%7B%7Bdemo07_index%7D%7D%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ep%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ediv%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Etemplate%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Escript%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22javascript%22%3E%0A%3Cspan%20class%3D%22hljs-keyword%22%3Eimport%3C%2Fspan%3E%20%7B%20Swiper%2C%20GroupTitle%2C%20SwiperItem%2C%20XButton%2C%20Divider%20%7D%20%3Cspan%20class%3D%22hljs-keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-string%22%3E'vux'%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22hljs-keyword%22%3Econst%3C%2Fspan%3E%20baseList%20%3D%20%5B%7B%0A%20%20%3Cspan%20class%3D%22hljs-attr%22%3Eurl%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-string%22%3E'javascript%3A'%3C%2Fspan%3E%2C%0A%20%20%3Cspan%20class%3D%22hljs-attr%22%3Eimg%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-string%22%3E'https%3A%2F%2Fww1.sinaimg.cn%2Flarge%2F663d3650gy1fq66vvsr72j20p00gogo2.jpg'%3C%2Fspan%3E%2C%0A%20%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-string%22%3E'%E9%80%81%E4%BD%A0%E4%B8%80%E6%9C%B5fua'%3C%2Fspan%3E%0A%7D%2C%20%7B%0A%20%20%3Cspan%20class%3D%22hljs-attr%22%3Eurl%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-string%22%3E'javascript%3A'%3C%2Fspan%3E%2C%0A%20%20%3Cspan%20class%3D%22hljs-attr%22%3Eimg%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-string%22%3E'https%3A%2F%2Fww1.sinaimg.cn%2Flarge%2F663d3650gy1fq66vw1k2wj20p00goq7n.jpg'%3C%2Fspan%3E%2C%0A%20%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-string%22%3E'%E9%80%81%E4%BD%A0%E4%B8%80%E8%BE%86%E8%BD%A6'%3C%2Fspan%3E%0A%7D%2C%20%7B%0A%20%20%3Cspan%20class%3D%22hljs-attr%22%3Eurl%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-string%22%3E'javascript%3A'%3C%2Fspan%3E%2C%0A%20%20%3Cspan%20class%3D%22hljs-attr%22%3Eimg%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-string%22%3E'https%3A%2F%2Fstatic.vux.li%2Fdemo%2F5.jpg'%3C%2Fspan%3E%2C%20%3Cspan%20class%3D%22hljs-comment%22%3E%2F%2F%20404%3C%2Fspan%3E%0A%20%20title%3A%20%3Cspan%20class%3D%22hljs-string%22%3E'%E9%80%81%E4%BD%A0%E4%B8%80%E6%AC%A1%E6%97%85%E8%A1%8C'%3C%2Fspan%3E%2C%0A%20%20%3Cspan%20class%3D%22hljs-attr%22%3EfallbackImg%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-string%22%3E'https%3A%2F%2Fww1.sinaimg.cn%2Flarge%2F663d3650gy1fq66vw50iwj20ff0aaaci.jpg'%3C%2Fspan%3E%0A%7D%5D%0A%0A%3Cspan%20class%3D%22hljs-keyword%22%3Econst%3C%2Fspan%3E%20imgList%20%3D%20%5B%0A%20%20%3Cspan%20class%3D%22hljs-string%22%3E'http%3A%2F%2Fplaceholder.qiniudn.com%2F800x300%2FFF3B3B%2Fffffff'%3C%2Fspan%3E%2C%0A%20%20%3Cspan%20class%3D%22hljs-string%22%3E'http%3A%2F%2Fplaceholder.qiniudn.com%2F800x300%2FFFEF7D%2Fffffff'%3C%2Fspan%3E%2C%0A%20%20%3Cspan%20class%3D%22hljs-string%22%3E'http%3A%2F%2Fplaceholder.qiniudn.com%2F800x300%2F8AEEB1%2Fffffff'%3C%2Fspan%3E%0A%5D%0A%0A%3Cspan%20class%3D%22hljs-keyword%22%3Econst%3C%2Fspan%3E%20urlList%20%3D%20baseList.map(%3Cspan%20class%3D%22hljs-function%22%3E(%3Cspan%20class%3D%22hljs-params%22%3Eitem%2C%20index%3C%2Fspan%3E)%20%3D%26gt%3B%3C%2Fspan%3E%20(%7B%0A%20%20%3Cspan%20class%3D%22hljs-attr%22%3Eurl%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-string%22%3E'http%3A%2F%2Fm.baidu.com'%3C%2Fspan%3E%2C%0A%20%20%3Cspan%20class%3D%22hljs-attr%22%3Eimg%3C%2Fspan%3E%3A%20item.img%2C%0A%20%20%3Cspan%20class%3D%22hljs-attr%22%3EfallbackImg%3C%2Fspan%3E%3A%20item.fallbackImg%2C%0A%20%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-string%22%3E%60(%E5%8F%AF%E7%82%B9%E5%87%BB)%3Cspan%20class%3D%22hljs-subst%22%3E%24%7Bitem.title%7D%3C%2Fspan%3E%60%3C%2Fspan%3E%0A%7D))%0A%0A%3Cspan%20class%3D%22hljs-keyword%22%3Econst%3C%2Fspan%3E%20demoList%20%3D%20imgList.map(%3Cspan%20class%3D%22hljs-function%22%3E(%3Cspan%20class%3D%22hljs-params%22%3Eone%2C%20index%3C%2Fspan%3E)%20%3D%26gt%3B%3C%2Fspan%3E%20(%7B%0A%20%20%3Cspan%20class%3D%22hljs-attr%22%3Eurl%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-string%22%3E'javascript%3A'%3C%2Fspan%3E%2C%0A%20%20%3Cspan%20class%3D%22hljs-attr%22%3Eimg%3C%2Fspan%3E%3A%20one%0A%7D))%0A%0A%3Cspan%20class%3D%22hljs-keyword%22%3Econst%3C%2Fspan%3E%20only2ClickList%20%3D%20baseList.slice(%3Cspan%20class%3D%22hljs-number%22%3E0%3C%2Fspan%3E%2C%20%3Cspan%20class%3D%22hljs-number%22%3E2%3C%2Fspan%3E).map(%3Cspan%20class%3D%22hljs-function%22%3E%3Cspan%20class%3D%22hljs-params%22%3Eitem%3C%2Fspan%3E%20%3D%26gt%3B%3C%2Fspan%3E%20%7B%0A%20%20item.url%20%3D%20%3Cspan%20class%3D%22hljs-string%22%3E'http%3A%2F%2Fm.baidu.com'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22hljs-keyword%22%3Ereturn%3C%2Fspan%3E%20item%0A%7D)%0A%0A%3Cspan%20class%3D%22hljs-keyword%22%3Eexport%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-keyword%22%3Edefault%3C%2Fspan%3E%20%7B%0A%20%20%3Cspan%20class%3D%22hljs-attr%22%3Ecomponents%3C%2Fspan%3E%3A%20%7B%0A%20%20%20%20Swiper%2C%0A%20%20%20%20SwiperItem%2C%0A%20%20%20%20GroupTitle%2C%0A%20%20%20%20XButton%2C%0A%20%20%20%20Divider%0A%20%20%7D%2C%0A%20%20ready%20()%20%7B%0A%0A%20%20%7D%2C%0A%20%20%3Cspan%20class%3D%22hljs-attr%22%3Emethods%3C%2Fspan%3E%3A%20%7B%0A%20%20%20%20onSwiperItemIndexChange%20(index)%20%7B%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-built_in%22%3Econsole%3C%2Fspan%3E.log(%3Cspan%20class%3D%22hljs-string%22%3E'demo%20item%20change'%3C%2Fspan%3E%2C%20index)%0A%20%20%20%20%7D%2C%0A%20%20%20%20demo01_onIndexChange%20(index)%20%7B%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-keyword%22%3Ethis%3C%2Fspan%3E.demo01_index%20%3D%20index%0A%20%20%20%20%7D%2C%0A%20%20%20%20demo05_onIndexChange%20(index)%20%7B%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-keyword%22%3Ethis%3C%2Fspan%3E.demo05_index%20%3D%20index%0A%20%20%20%20%7D%2C%0A%20%20%20%20demo05_onLoad%20(id)%20%7B%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-keyword%22%3Ethis%3C%2Fspan%3E.demo05_list%20%3D%20id%20%3D%3D%3D%20%3Cspan%20class%3D%22hljs-number%22%3E1%3C%2Fspan%3E%20%3F%20baseList%20%3A%20demoList%0A%20%20%20%20%7D%2C%0A%20%20%20%20demo06_onIndexChange%20(index)%20%7B%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-keyword%22%3Ethis%3C%2Fspan%3E.demo06_index%20%3D%20index%0A%20%20%20%20%7D%2C%0A%20%20%20%20demo07_onIndexChange%20(index)%20%7B%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-keyword%22%3Ethis%3C%2Fspan%3E.demo07_index%20%3D%20index%0A%20%20%20%20%7D%0A%20%20%7D%2C%0A%20%20data%20()%20%7B%0A%20%20%20%20%3Cspan%20class%3D%22hljs-keyword%22%3Ereturn%3C%2Fspan%3E%20%7B%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3Edemo01_list%3C%2Fspan%3E%3A%20baseList%2C%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3Edemo02_list%3C%2Fspan%3E%3A%20demoList%2C%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3Edemo03_list%3C%2Fspan%3E%3A%20demoList%2C%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3Edemo04_list%3C%2Fspan%3E%3A%20imgList%2C%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3Edemo05_list%3C%2Fspan%3E%3A%20%5B%5D%2C%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3Edemo06_list%3C%2Fspan%3E%3A%20urlList%2C%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3Edemo07_list%3C%2Fspan%3E%3A%20only2ClickList%2C%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3Edemo01_index%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-number%22%3E0%3C%2Fspan%3E%2C%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3Edemo02_index%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-number%22%3E1%3C%2Fspan%3E%2C%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3Edemo05_index%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-number%22%3E0%3C%2Fspan%3E%2C%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3Edemo06_index%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-number%22%3E0%3C%2Fspan%3E%2C%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3Edemo07_index%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-number%22%3E0%3C%2Fspan%3E%2C%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3EswiperItemIndex%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-number%22%3E1%3C%2Fspan%3E%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Escript%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Estyle%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Escoped%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22css%22%3E%0A%3Cspan%20class%3D%22hljs-selector-class%22%3E.copyright%3C%2Fspan%3E%20%7B%0A%20%20%3Cspan%20class%3D%22hljs-attribute%22%3Efont-size%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-number%22%3E12px%3C%2Fspan%3E%3B%0A%20%20%3Cspan%20class%3D%22hljs-attribute%22%3Ecolor%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-number%22%3E%23ccc%3C%2Fspan%3E%3B%0A%20%20%3Cspan%20class%3D%22hljs-attribute%22%3Etext-align%3C%2Fspan%3E%3A%20center%3B%0A%7D%0A%3Cspan%20class%3D%22hljs-selector-class%22%3E.text-scroll%3C%2Fspan%3E%20%7B%0A%20%20%3Cspan%20class%3D%22hljs-attribute%22%3Eborder%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-number%22%3E1px%3C%2Fspan%3E%20solid%20%3Cspan%20class%3D%22hljs-number%22%3E%23ddd%3C%2Fspan%3E%3B%0A%20%20%3Cspan%20class%3D%22hljs-attribute%22%3Eborder-left%3C%2Fspan%3E%3A%20none%3B%0A%20%20%3Cspan%20class%3D%22hljs-attribute%22%3Eborder-right%3C%2Fspan%3E%3A%20none%3B%0A%7D%0A%3Cspan%20class%3D%22hljs-selector-class%22%3E.text-scroll%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-selector-tag%22%3Ep%3C%2Fspan%3E%7B%0A%20%20%3Cspan%20class%3D%22hljs-attribute%22%3Efont-size%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-number%22%3E12px%3C%2Fspan%3E%3B%0A%20%20%3Cspan%20class%3D%22hljs-attribute%22%3Etext-align%3C%2Fspan%3E%3A%20center%3B%0A%20%20%3Cspan%20class%3D%22hljs-attribute%22%3Eline-height%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-number%22%3E30px%3C%2Fspan%3E%3B%0A%7D%0A%3Cspan%20class%3D%22hljs-selector-class%22%3E.black%3C%2Fspan%3E%20%7B%0A%20%20%3Cspan%20class%3D%22hljs-attribute%22%3Ebackground-color%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-number%22%3E%23000%3C%2Fspan%3E%3B%0A%7D%0A%3Cspan%20class%3D%22hljs-selector-class%22%3E.title%3C%2Fspan%3E%7B%0A%20%20%3Cspan%20class%3D%22hljs-attribute%22%3Eline-height%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-number%22%3E100px%3C%2Fspan%3E%3B%0A%20%20%3Cspan%20class%3D%22hljs-attribute%22%3Etext-align%3C%2Fspan%3E%3A%20center%3B%0A%20%20%3Cspan%20class%3D%22hljs-attribute%22%3Ecolor%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-number%22%3E%23fff%3C%2Fspan%3E%3B%0A%7D%0A%3Cspan%20class%3D%22hljs-selector-class%22%3E.animated%3C%2Fspan%3E%20%7B%0A%20%20%3Cspan%20class%3D%22hljs-attribute%22%3Eanimation-duration%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-number%22%3E1s%3C%2Fspan%3E%3B%0A%20%20%3Cspan%20class%3D%22hljs-attribute%22%3Eanimation-fill-mode%3C%2Fspan%3E%3A%20both%3B%0A%7D%0A%3Cspan%20class%3D%22hljs-selector-class%22%3E.vux-indicator%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-selector-class%22%3E.custom-bottom%3C%2Fspan%3E%20%7B%0A%20%20%3Cspan%20class%3D%22hljs-attribute%22%3Ebottom%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-number%22%3E30px%3C%2Fspan%3E%3B%0A%7D%0A%40-%3Cspan%20class%3D%22hljs-keyword%22%3Ewebkit%3C%2Fspan%3E-%3Cspan%20class%3D%22hljs-keyword%22%3Ekeyframes%3C%2Fspan%3E%20fadeInUp%20%7B%0A%20%20%3Cspan%20class%3D%22hljs-selector-tag%22%3Efrom%3C%2Fspan%3E%20%7B%0A%20%20%20%20%3Cspan%20class%3D%22hljs-attribute%22%3Eopacity%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-number%22%3E0%3C%2Fspan%3E%3B%0A%20%20%20%20%3Cspan%20class%3D%22hljs-attribute%22%3Etransform%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-built_in%22%3Etranslate3d%3C%2Fspan%3E(0%2C%20100%25%2C%200)%3B%0A%20%20%7D%0A%20%20100%25%20%7B%0A%20%20%20%20%3Cspan%20class%3D%22hljs-attribute%22%3Eopacity%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-number%22%3E1%3C%2Fspan%3E%3B%0A%20%20%20%20%3Cspan%20class%3D%22hljs-attribute%22%3Etransform%3C%2Fspan%3E%3A%20none%3B%0A%20%20%7D%0A%7D%0A%40%3Cspan%20class%3D%22hljs-keyword%22%3Ekeyframes%3C%2Fspan%3E%20fadeInUp%20%7B%0A%20%20%3Cspan%20class%3D%22hljs-selector-tag%22%3Efrom%3C%2Fspan%3E%20%7B%0A%20%20%20%20%3Cspan%20class%3D%22hljs-attribute%22%3Eopacity%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-number%22%3E0%3C%2Fspan%3E%3B%0A%20%20%20%20%3Cspan%20class%3D%22hljs-attribute%22%3Etransform%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-built_in%22%3Etranslate3d%3C%2Fspan%3E(0%2C%20100%25%2C%200)%3B%0A%20%20%7D%0A%20%20100%25%20%7B%0A%20%20%20%20%3Cspan%20class%3D%22hljs-attribute%22%3Eopacity%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-number%22%3E1%3C%2Fspan%3E%3B%0A%20%20%20%20%3Cspan%20class%3D%22hljs-attribute%22%3Etransform%3C%2Fspan%3E%3A%20none%3B%0A%20%20%7D%0A%7D%0A%3Cspan%20class%3D%22hljs-selector-class%22%3E.fadeInUp%3C%2Fspan%3E%20%7B%0A%20%20%3Cspan%20class%3D%22hljs-attribute%22%3Eanimation-name%3C%2Fspan%3E%3A%20fadeInUp%3B%0A%7D%0A%3Cspan%20class%3D%22hljs-selector-class%22%3E.swiper-demo-img%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-selector-tag%22%3Eimg%3C%2Fspan%3E%20%7B%0A%20%20%3Cspan%20class%3D%22hljs-attribute%22%3Ewidth%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-number%22%3E100%25%3C%2Fspan%3E%3B%0A%7D%0A%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Estyle%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E\");\n\nvar domainMap = {\n  'development': 'http://localhost:8080/',\n  'production': 'https://vux.li/demos/v2/'\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  head: {\n    title: 'Swiper component tutorial | VUX - Vue.js Mobile UI Component Framework',\n    meta: [{\n      name: 'description',\n      content: 'Vue component swiper for the VUX framework.'\n    }, {\n      name: 'keywords',\n      content: 'swiper, vue-swiper, vux-swiper, vue mobile components'\n    }, {\n      property: 'og:title',\n      content: 'Swiper component tutorial | VUX - Vue.js Mobile UI Component Framework'\n    }, {\n      property: 'og:description',\n      content: 'Vue component swiper for the VUX framework.'\n    }],\n\n    link: [{ \"rel\": \"alternate\", \"hreflang\": \"zh-CN\", \"href\": \"/zh-CN/components/swiper.html\" }],\n    script: [{\n      innerHTML: '{\"@context\":\"http://schema.org/\",\"@type\":\"SoftwareApplication\",\"name\":\"Vue Component swiper\",\"screenshot\":\"\",\"description\":\"Vue.js component for VUX\",\"url\":\"/en/components/swiper.html\",\"applicationCategory\":\"Component\",\"author\":{\"@type\":\"Organization\",\"name\":\"VUX\",\"url\":\"https://vux.li\"},\"downloadUrl\":\"https://vux.li\",\"softwareVersion\":\"2.9.2\",\"aggregateRating\":{\"@type\":\"AggregateRating\",\"ratingValue\":5,\"reviewCount\":45},\"operatingSystem\":\"iOS >= 7, Android >= 4.1\",\"offers\":{\"@type\":\"Offer\",\"price\":0,\"priceCurrency\":\"USD\",\"availability\":\"http://schema.org/InStock\"}}',\n      type: 'application/ld+json'\n    }],\n    __dangerouslyDisableSanitizers: ['script']\n  },\n  filters: {\n    parseCode: function parseCode(str) {\n      return str.replace(/`(.*?)`/g, '<code>$1</code>');\n    }\n  },\n  mounted: function mounted() {\n    var _this = this;\n\n    return __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_asyncToGenerator___default()(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_regenerator___default.a.mark(function _callee() {\n      var rs;\n      return __WEBPACK_IMPORTED_MODULE_0_babel_runtime_regenerator___default.a.wrap(function _callee$(_context) {\n        while (1) {\n          switch (_context.prev = _context.next) {\n            case 0:\n              _context.next = 2;\n              return __WEBPACK_IMPORTED_MODULE_2_axios___default.a.get('https://api.github.com/search/issues?q=repo:airyland/vux%20label:component/' + _this.componentName);\n\n            case 2:\n              rs = _context.sent;\n\n              _this.issues = rs.data.items;\n              _this.hasReady = true;\n\n            case 5:\n            case \"end\":\n              return _context.stop();\n          }\n        }\n      }, _callee, _this);\n    }))();\n  },\n\n  watch: {\n    sourceCodeDialogVisibility: function sourceCodeDialogVisibility(val) {\n      var _this2 = this;\n\n      return __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_asyncToGenerator___default()(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_regenerator___default.a.mark(function _callee2() {\n        var mask;\n        return __WEBPACK_IMPORTED_MODULE_0_babel_runtime_regenerator___default.a.wrap(function _callee2$(_context2) {\n          while (1) {\n            switch (_context2.prev = _context2.next) {\n              case 0:\n                if (!val) {\n                  _context2.next = 5;\n                  break;\n                }\n\n                _context2.next = 3;\n                return _this2.$nextTick();\n\n              case 3:\n                mask = document.querySelector('.v-modal');\n\n                mask && mask.addEventListener('click', function () {\n                  _this2.sourceCodeDialogVisibility = false;\n                });\n\n              case 5:\n              case \"end\":\n                return _context2.stop();\n            }\n          }\n        }, _callee2, _this2);\n      }))();\n    }\n  },\n  methods: {\n    onCopyError: function onCopyError() {\n      this.$message({\n        type: 'error',\n        message: 'copy fail!'\n      });\n    },\n    onCopy: function onCopy() {\n      this.$message({\n        type: 'success',\n        message: 'copy done!'\n      });\n    },\n    showSourceCode: function showSourceCode() {\n      this.sourceCodeDialogVisibility = true;\n    },\n    getTypeHTML: function getTypeHTML(type) {\n      type = type || 'String';\n      if (/,/.test(type)) {\n        var list = type.split(',').map(function (one) {\n          return one.replace(/^s+|s+$/g, '');\n        }).map(function (one) {\n          var type = one ? one.toLowerCase() : 'string';\n          return '<span class=\"type\">' + type + '</span>';\n        });\n        return list.join('<br>');\n      } else {\n        type = type ? type.toLowerCase() : 'string';\n        return '<span class=\"type\">' + type + '</span>';\n      }\n    }\n  },\n  computed: {\n    lang: function lang() {\n      if (this.$route.path.indexOf('/en/') !== -1) {\n        return 'en';\n      }\n      if (this.$route.path.indexOf('/zh-CN/') !== -1) {\n        return 'zh-CN';\n      }\n      return 'en';\n    }\n  },\n  data: function data() {\n    return {\n      demos: demos,\n      isBeta: false,\n      hasReady: false,\n      issues: [],\n      componentName: 'swiper',\n      demoCode: demoCode,\n      sourceCodeDialogVisibility: false,\n      showQr: false,\n      metas: metas,\n      gitMetas: gitMetas,\n      componentList: componentList,\n      localImportCode: \"import { Swiper } from 'vux'\\n\\nexport default {\\n  components: {\\n    Swiper\\n  }\\n}\",\n      globalImportCode: \"// you can also register globally\\n\\nimport Vue from 'vue'\\nimport { Swiper } from 'vux'\\n\\nVue.component('swiper', Swiper)\\n\",\n      needImport: true,\n      toc: [],\n      domain: domainMap[\"production\"]\n    };\n  }\n});\n\n/***/ }),\n\n/***/ 1687:\n/***/ (function(module, exports, __webpack_require__) {\n\nexports = module.exports = __webpack_require__(306)(false);\n// imports\n\n\n// module\nexports.push([module.i, \".component-box{position:relative}.component-demo{position:absolute;right:5px;top:15px}.prop-color{display:inline-block;width:10px;height:10px;border:1px solid #aaa}.changelog-version{width:110px;display:inline-block}.component-extra-links{position:relative;font-size:12px}.component-extra-links a{padding-right:10px;color:#999}\", \"\"]);\n\n// exports\n\n\n/***/ }),\n\n/***/ 1849:\n/***/ (function(module, exports, __webpack_require__) {\n\n// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = __webpack_require__(1687);\nif(typeof content === 'string') content = [[module.i, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = __webpack_require__(307)(\"2bca9963\", content, false);\n// Hot Module Replacement\nif(false) {\n // When the styles change, update the <style> tags\n if(!content.locals) {\n   module.hot.accept(\"!!../../node_modules/css-loader/index.js?{\\\"autoprefixer\\\":false,\\\"sourceMap\\\":false,\\\"minimize\\\":true}!../../node_modules/ream/node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-2ff3b03e\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":true}!../../node_modules/ream/node_modules/vue-loader/lib/selector.js?type=styles&index=0!./swiper.vue\", function() {\n     var newContent = require(\"!!../../node_modules/css-loader/index.js?{\\\"autoprefixer\\\":false,\\\"sourceMap\\\":false,\\\"minimize\\\":true}!../../node_modules/ream/node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-2ff3b03e\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":true}!../../node_modules/ream/node_modules/vue-loader/lib/selector.js?type=styles&index=0!./swiper.vue\");\n     if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n     update(newContent);\n   });\n }\n // When the module is disposed, remove the <style> tags\n module.hot.dispose(function() { update(); });\n}\n\n/***/ }),\n\n/***/ 2597:\n/***/ (function(module, exports, __webpack_require__) {\n\nmodule.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"component-box\",\n    class: _vm.demos.length ? 'components-with-toc' : ''\n  }, [_c('div', {\n    class: _vm.demos.length ? 'component-header-v2' : 'component-header-v1'\n  }, [_c('a', {\n    staticClass: \"anchor\",\n    attrs: {\n      \"id\": \"intro\"\n    }\n  }, [_vm._v(\"Swiper\")]), _c('div', {\n    staticClass: \"title-box\"\n  }, [(_vm.isBeta) ? _c('el-badge', {\n    attrs: {\n      \"value\": \"Beta\"\n    }\n  }, [_c('h1', {\n    staticClass: \"vux-component-name\"\n  }, [_vm._v(\"Swiper\")])]) : _c('h1', {\n    staticClass: \"vux-component-name\"\n  }, [_vm._v(\"Swiper\")]), _c('p', {\n    staticClass: \"component-extra-links\"\n  }, [_c('a', {\n    attrs: {\n      \"href\": \"https://vux.li/demos/v2/#/component/swiper\",\n      \"target\": \"_blank\"\n    }\n  }, [_vm._v(\"demo url\")]), (!_vm.demos.length) ? _c('a', {\n    attrs: {\n      \"href\": \"https://github.com/airyland/vux/blob/v2/src/demos/Swiper.vue\",\n      \"target\": \"_blank\"\n    },\n    on: {\n      \"click\": function($event) {\n        $event.preventDefault();\n        _vm.showSourceCode($event)\n      }\n    }\n  }, [_vm._v(\"demo source code\")]) : _vm._e(), _c('a', {\n    attrs: {\n      \"href\": \"https://github.com/airyland/vux/blob/v2/src/components/swiper/metas.yml\",\n      \"target\": \"_blank\"\n    }\n  }, [_vm._v(\"edit document\")]), _c('a', {\n    attrs: {\n      \"href\": \"https://github.com/airyland/vux/blob/v2/src/components/swiper/\",\n      \"target\": \"_blank\"\n    }\n  }, [_vm._v(\"component source code\")]), (_vm.hasReady) ? _c('el-popover', {\n    attrs: {\n      \"trigger\": \"hover\"\n    }\n  }, [_c('div', {\n    staticStyle: {\n      \"width\": \"100%\",\n      \"text-align\": \"center\"\n    }\n  }, [_c('img', {\n    staticClass: \"qr\",\n    attrs: {\n      \"width\": \"100\",\n      \"src\": \"https://qr.vux.li/api.php?text=https%3A%2F%2Fvux.li%2Fdemos%2Fv2%2F%23%2Fcomponent%2Fswiper\"\n    }\n  })]), _c('a', {\n    attrs: {\n      \"href\": \"javascript:\"\n    },\n    slot: \"reference\"\n  }, [_vm._v(\"\\n              view demos on mobile\\n              \")])]) : _vm._e()], 1), _c('div', {\n    staticClass: \"component-description\"\n  }, [(false) ? void 0 : _vm._e()], 2)], 1), (!_vm.demos.length) ? _c('div', {\n    staticClass: \"component-demo\",\n    staticStyle: {\n      \"width\": \"377px\",\n      \"height\": \"600px\",\n      \"display\": \"inline-block\",\n      \"border\": \"1px solid #ececec\",\n      \"border-radius\": \"5px\",\n      \"overflow\": \"hidden\",\n      \"z-index\": \"2500\"\n    }\n  }, [_c('iframe', {\n    attrs: {\n      \"src\": \"https://vux.li/demos/v2?locale=en&transition=none/#/component/swiper\",\n      \"width\": \"375\",\n      \"height\": \"600\",\n      \"border\": \"0\",\n      \"frameborder\": \"0\"\n    }\n  })], 1) : _vm._e(), _c('div', {\n    staticClass: \"toc\"\n  }, _vm._l((_vm.toc), function(t) {\n    return _c('ul', [_c('li', [_c('a', {\n      attrs: {\n        \"href\": '#' + (t.anchor || t.title)\n      }\n    }, [_vm._v(_vm._s(t.title))]), _vm._l((t.list), function(_t) {\n      return (t.list) ? _c('ul', [_c('li', [_c('a', {\n        attrs: {\n          \"href\": '#' + _t.anchor\n        }\n      }, [_vm._v(_vm._s(_t.title.slice(0, 12)))])])]) : _vm._e()\n    })], 2)])\n  })), (_vm.needImport) ? [_c('a', {\n    staticClass: \"anchor\",\n    attrs: {\n      \"id\": \"install\"\n    }\n  }, [_vm._v(\"Install\")]), _c('h2', [_vm._v(\"Install\")]), _c('el-tabs', [_c('el-tab-pane', {\n    attrs: {\n      \"label\": \"Local Registration\"\n    }\n  }, [_c('div', {\n    staticClass: \"import-code-box\"\n  }, [_c('el-tooltip', {\n    attrs: {\n      \"content\": \"click to copy\",\n      \"placement\": \"top\"\n    }\n  }, [_c('span', {\n    directives: [{\n      name: \"clipboard\",\n      rawName: \"v-clipboard:copy\",\n      value: (_vm.localImportCode),\n      expression: \"localImportCode\",\n      arg: \"copy\"\n    }, {\n      name: \"clipboard\",\n      rawName: \"v-clipboard:success\",\n      value: (_vm.onCopy),\n      expression: \"onCopy\",\n      arg: \"success\"\n    }, {\n      name: \"clipboard\",\n      rawName: \"v-clipboard:error\",\n      value: (_vm.onCopyError),\n      expression: \"onCopyError\",\n      arg: \"error\"\n    }]\n  }, [_c('el-icon', {\n    staticClass: \"el-icon-document\"\n  })], 1)]), _c('pre', {\n    staticClass: \"hljs\"\n  }, [_c('code', [_c('span', {\n    staticClass: \"hljs-keyword\"\n  }, [_vm._v(\"import\")]), _vm._v(\" { Swiper } \"), _c('span', {\n    staticClass: \"hljs-keyword\"\n  }, [_vm._v(\"from\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"'vux'\")]), _vm._v(\"\\n\\n\"), _c('span', {\n    staticClass: \"hljs-keyword\"\n  }, [_vm._v(\"export\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-keyword\"\n  }, [_vm._v(\"default\")]), _vm._v(\" {\\n  \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"components\")]), _vm._v(\": {\\n    Swiper\\n  }\\n}\")])])], 1)]), _c('el-tab-pane', {\n    attrs: {\n      \"label\": \"Global Registration\"\n    }\n  }, [_c('div', {\n    staticClass: \"import-code-box\"\n  }, [_c('el-tooltip', {\n    attrs: {\n      \"content\": \"click to copy\",\n      \"placement\": \"top\"\n    }\n  }, [_c('span', {\n    directives: [{\n      name: \"clipboard\",\n      rawName: \"v-clipboard:copy\",\n      value: (_vm.globalImportCode),\n      expression: \"globalImportCode\",\n      arg: \"copy\"\n    }, {\n      name: \"clipboard\",\n      rawName: \"v-clipboard:success\",\n      value: (_vm.onCopy),\n      expression: \"onCopy\",\n      arg: \"success\"\n    }, {\n      name: \"clipboard\",\n      rawName: \"v-clipboard:error\",\n      value: (_vm.onCopyError),\n      expression: \"onCopyError\",\n      arg: \"error\"\n    }]\n  }, [_c('el-icon', {\n    staticClass: \"el-icon-document\"\n  })], 1)]), _c('pre', {\n    staticClass: \"hljs\"\n  }, [_c('code', [_c('span', {\n    staticClass: \"hljs-comment\"\n  }, [_vm._v(\"// you can also register globally\")]), _vm._v(\"\\n\\n\"), _c('span', {\n    staticClass: \"hljs-keyword\"\n  }, [_vm._v(\"import\")]), _vm._v(\" Vue \"), _c('span', {\n    staticClass: \"hljs-keyword\"\n  }, [_vm._v(\"from\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"'vue'\")]), _vm._v(\"\\n\"), _c('span', {\n    staticClass: \"hljs-keyword\"\n  }, [_vm._v(\"import\")]), _vm._v(\" { Swiper } \"), _c('span', {\n    staticClass: \"hljs-keyword\"\n  }, [_vm._v(\"from\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"'vux'\")]), _vm._v(\"\\n\\nVue.component(\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"'swiper'\")]), _vm._v(\", Swiper)\\n\")])])], 1)])], 1)] : [_c('div', {\n    staticClass: \"tip\"\n  }, [_c('p', [_vm._v(\"You don't need to import this component.\")])])], (_vm.metas.tip) ? _c('div', {\n    staticClass: \"tip\",\n    staticStyle: {\n      \"width\": \"600px\"\n    }\n  }) : _vm._e(), (_vm.metas.example) ? _c('h2', [_vm._v(\"example\")]) : _vm._e(), (_vm.metas.example) ? _c('div', {\n    staticStyle: {\n      \"width\": \"600px\"\n    }\n  }) : _vm._e()], 2), (_vm.metas.extra && _vm.metas.extra['en']) ? _c('div') : _vm._e(), (_vm.metas.extra && !_vm.metas.extra['en']) ? _c('div', [_vm._m(0), _vm._m(1)]) : _vm._e(), (_vm.demos.length) ? _c('a', {\n    staticClass: \"anchor\",\n    attrs: {\n      \"id\": \"examples\"\n    }\n  }, [_vm._v(\"Examples\")]) : _vm._e(), _c('br'), _vm._l((_vm.demos), function(demo) {\n    return (_vm.demos.length) ? [_c('a', {\n      staticClass: \"anchor\",\n      attrs: {\n        \"id\": 'examples:' + demo.title\n      }\n    }, [_vm._v(_vm._s(demo.title))]), _c('br'), _c('div', {\n      staticClass: \"demo-header\"\n    }, [_c('span', {\n      staticClass: \"demo-title\"\n    }, [_vm._v(_vm._s(demo.title))])]), _c('div', {\n      staticClass: \"demos\",\n      style: ({\n        height: demo.height\n      })\n    }, [_c('div', {\n      staticClass: \"demo-iframe-box\"\n    }, [_c('lazy-component', [_c('iframe', {\n      staticStyle: {\n        \"margin\": \"0 auto\"\n      },\n      attrs: {\n        \"src\": _vm.domain + '?no-background-color=' + demo.noBackgroundColor + '&locale=en&transition=none&hide-nav=true&hide-tab-bar=true#/components/' + demo.file,\n        \"width\": \"375\",\n        \"height\": \"600\",\n        \"border\": \"0\",\n        \"frameborder\": \"0\"\n      }\n    })], 1)], 1), _c('div', {\n      staticClass: \"demo-code-box\",\n      style: ({\n        overflow: demo.height === demo.oriHeight ? 'hidden' : 'scroll'\n      })\n    }, [_c('div', {\n      attrs: {\n        \"contenteditable\": \"\"\n      },\n      domProps: {\n        \"innerHTML\": _vm._s(demo.code)\n      }\n    }), (demo.height === demo.oriHeight) ? _c('div', {\n      staticClass: \"demo-code-masker\",\n      on: {\n        \"click\": function($event) {\n          demo.height = 'auto'\n        }\n      }\n    }, [_c('div', [_c('img', {\n      staticClass: \"demo-qr\",\n      attrs: {\n        \"width\": \"100\",\n        \"src\": 'https://qr.vux.li/api.php?text=' + encodeURIComponent(_vm.domain + '?locale=en#/components/' + demo.file)\n      }\n    }), _c('br'), _c('span', [_c('el-icon', {\n      staticClass: \"el-icon-arrow-left\"\n    }), _c('el-icon', {\n      staticClass: \"el-icon-arrow-right\"\n    }), _vm._v(\"\\n                    Show code\\n                  \"), _c('br')], 1)])]) : _vm._e(), (demo.height === 'auto') ? _c('span', {\n      staticClass: \"hide-code\",\n      on: {\n        \"click\": function($event) {\n          demo.height = demo.oriHeight\n        }\n      }\n    }, [_c('el-icon', {\n      staticClass: \"el-icon-close\"\n    })], 1) : _vm._e()])])] : _vm._e()\n  }), _vm._l((_vm.componentList), function(component) {\n    return [_c('div', [(_vm.componentList.length > 1) ? _c('a', {\n      staticClass: \"anchor\",\n      attrs: {\n        \"id\": 'components:' + component.name\n      }\n    }, [_vm._v(_vm._s(component.name))]) : _c('a', {\n      staticClass: \"anchor\",\n      attrs: {\n        \"id\": \"api\"\n      }\n    }, [_vm._v(\"API\")]), _c('br'), _c('h2', {\n      directives: [{\n        name: \"show\",\n        rawName: \"v-show\",\n        value: (_vm.componentList.length > 1),\n        expression: \"componentList.length > 1\"\n      }],\n      staticClass: \"vux-component-name-sub-item\"\n    }, [_vm._v(_vm._s(component.name))]), (component.meta.items && component.meta.description) ? [_c('div', {\n      domProps: {\n        \"innerHTML\": _vm._s(component.meta.description)\n      }\n    })] : _vm._e(), (component.meta.props) ? [_c('h2', [_vm._v(\"Props\")]), _c('table', [_vm._m(2, true), _c('tbody', _vm._l((component.meta.props), function(prop, i) {\n      return _c('tr', [_c('td', {\n        staticClass: \"prop-name\"\n      }, [_c('el-tooltip', {\n        attrs: {\n          \"content\": \"click to copy\",\n          \"placement\": \"left\",\n          \"hide-after\": 0,\n          \"open-delay\": 50\n        }\n      }, [_c('span', {\n        directives: [{\n          name: \"clipboard\",\n          rawName: \"v-clipboard:copy\",\n          value: (i),\n          expression: \"i\",\n          arg: \"copy\"\n        }, {\n          name: \"clipboard\",\n          rawName: \"v-clipboard:success\",\n          value: (_vm.onCopy),\n          expression: \"onCopy\",\n          arg: \"success\"\n        }]\n      }, [_vm._v(_vm._s(i))])])], 1), _c('td', {\n        domProps: {\n          \"innerHTML\": _vm._s(_vm.getTypeHTML(prop.type))\n        }\n      }), _c('td', [_vm._v(_vm._s(prop.default))]), _c('td', {\n        domProps: {\n          \"innerHTML\": _vm._s(prop['en'].replace(/`(.*?)`/g, '<code>$1</code>'))\n        }\n      }), _c('td', [_vm._v(_vm._s(prop.version || '--'))])])\n    }))])] : _vm._e(), (component.meta.events) ? [_c('h2', [_vm._v(\"Events\")]), _c('table', [_vm._m(3, true), _c('tbody', _vm._l((component.meta.events), function(event, i) {\n      return _c('tr', [_c('td', {\n        staticClass: \"prop-name\"\n      }, [_c('el-tooltip', {\n        attrs: {\n          \"content\": \"click to copy\",\n          \"placement\": \"left\",\n          \"hide-after\": 0,\n          \"open-delay\": 50\n        }\n      }, [_c('span', {\n        directives: [{\n          name: \"clipboard\",\n          rawName: \"v-clipboard:copy\",\n          value: ('@' + i),\n          expression: \"'@' + i\",\n          arg: \"copy\"\n        }, {\n          name: \"clipboard\",\n          rawName: \"v-clipboard:success\",\n          value: (_vm.onCopy),\n          expression: \"onCopy\",\n          arg: \"success\"\n        }]\n      }, [_vm._v(\"@\" + _vm._s(i))])])], 1), _c('td', {\n        domProps: {\n          \"innerHTML\": _vm._s(event.params ? event.params.replace(/`(.*?)`/g, '<code>$1</code>') : '--')\n        }\n      }), _c('td', {\n        domProps: {\n          \"innerHTML\": _vm._s(event['en'] ? event['en'].replace(/`(.*?)`/g, '<code>$1</code>') : '--')\n        }\n      }), _c('td', [_vm._v(_vm._s(event['version'] || '--'))])])\n    }))])] : _vm._e(), (component.meta.slots) ? [_c('h2', [_vm._v(\"Slots\")]), _c('table', [_vm._m(4, true), _c('tbody', _vm._l((component.meta.slots), function(slot, i) {\n      return _c('tr', {\n        class: {\n          'slot-disabled': slot['status'] === 'deprecated'\n        }\n      }, [_c('td', {\n        staticClass: \"prop-name\"\n      }, [_c('el-tooltip', {\n        attrs: {\n          \"content\": \"click to copy\",\n          \"placement\": \"left\",\n          \"hide-after\": 0,\n          \"open-delay\": 50\n        }\n      }, [_c('span', {\n        directives: [{\n          name: \"clipboard\",\n          rawName: \"v-clipboard:copy\",\n          value: (i),\n          expression: \"i\",\n          arg: \"copy\"\n        }, {\n          name: \"clipboard\",\n          rawName: \"v-clipboard:success\",\n          value: (_vm.onCopy),\n          expression: \"onCopy\",\n          arg: \"success\"\n        }]\n      }, [_vm._v(_vm._s(i === 'default' ? 'default' : i))])])], 1), _c('td', {\n        domProps: {\n          \"innerHTML\": _vm._s(slot['en'] ? slot['en'].replace(/`(.*?)`/g, '<code>$1</code>') : '')\n        }\n      }), _c('td', [_vm._v(_vm._s(slot['version'] || '--'))])])\n    }))])] : _vm._e(), (component.meta.methods) ? [_c('h2', [_vm._v(\"Functions\")]), _c('table', [_vm._m(5, true), _c('tbody', _vm._l((component.meta.methods), function(method, i) {\n      return _c('tr', [_c('td', {\n        staticClass: \"prop-name\"\n      }, [_c('el-tooltip', {\n        attrs: {\n          \"content\": \"click to copy\",\n          \"placement\": \"left\",\n          \"hide-after\": 0,\n          \"open-delay\": 50\n        }\n      }, [_c('span', {\n        directives: [{\n          name: \"clipboard\",\n          rawName: \"v-clipboard:copy\",\n          value: (i),\n          expression: \"i\",\n          arg: \"copy\"\n        }, {\n          name: \"clipboard\",\n          rawName: \"v-clipboard:success\",\n          value: (_vm.onCopy),\n          expression: \"onCopy\",\n          arg: \"success\"\n        }]\n      }, [_vm._v(_vm._s(i))])])], 1), _c('td', {\n        domProps: {\n          \"innerHTML\": _vm._s(method['params'] ? method['params'].replace(/`(.*?)`/g, '<code>$1</code>') : '')\n        }\n      }), _c('td', {\n        domProps: {\n          \"innerHTML\": _vm._s(method['en'].replace(/`(.*?)`/g, '<code>$1</code>'))\n        }\n      }), _c('td', [_vm._v(_vm._s(method['version']))])])\n    }))])] : _vm._e(), (component.meta.variables) ? [_c('a', {\n      staticClass: \"anchor\",\n      attrs: {\n        \"id\": \"variables\"\n      }\n    }, [_vm._v(\"Variables\")]), _c('br'), _c('h2', [_vm._v(\"Variables\")]), _c('table', [_vm._m(6, true), _c('tbody', _vm._l((component.meta.variables), function(variable, i) {\n      return _c('tr', [_c('td', {\n        staticClass: \"prop-name\"\n      }, [_c('el-tooltip', {\n        attrs: {\n          \"content\": \"click to copy\",\n          \"placement\": \"left\",\n          \"hide-after\": 0,\n          \"open-delay\": 50\n        }\n      }, [_c('span', {\n        directives: [{\n          name: \"clipboard\",\n          rawName: \"v-clipboard:copy\",\n          value: ('@' + variable.name),\n          expression: \"'@' + variable.name\",\n          arg: \"copy\"\n        }, {\n          name: \"clipboard\",\n          rawName: \"v-clipboard:success\",\n          value: (_vm.onCopy),\n          expression: \"onCopy\",\n          arg: \"success\"\n        }]\n      }, [_vm._v(\"@\" + _vm._s(variable.name))])])], 1), _c('td', [(!_vm.$refs['propColor' + i] || (_vm.$refs['propColor' + i][0] && _vm.$refs['propColor' + i][0].style.backgroundColor)) ? _c('em', {\n        ref: 'propColor' + i,\n        refInFor: true,\n        staticClass: \"prop-color\",\n        style: ({\n          backgroundColor: variable.value\n        })\n      }) : _vm._e(), _vm._v(\"\\n                    \" + _vm._s(variable.value) + \"\\n                  \")]), _c('td', [_vm._v(_vm._s(variable['desc']['en'] || '--'))]), _c('td', [_vm._v(_vm._s(variable.inherited_name))])])\n    }))])] : _vm._e(), (component.meta.tips && component.meta.tips['en']) ? [_c('a', {\n      staticClass: \"anchor\",\n      attrs: {\n        \"id\": \"tips\"\n      }\n    }, [_vm._v(\"Tips\")]), _c('br'), _c('h2', [_vm._v(\"Tips\")]), _c('div', [_c('ul', _vm._l((component.meta.tips['en']), function(tip) {\n      return _c('li', [_c('el-tag', {\n        staticClass: \"component-tip-tag\",\n        attrs: {\n          \"size\": \"mini\",\n          \"type\": \"success\"\n        }\n      }, [_vm._v(\"Q\")]), _c('span', {\n        staticClass: \"component-tip-question\"\n      }, [_vm._v(_vm._s(tip.q))]), _c('div', {\n        staticClass: \"tip-answer-box\",\n        domProps: {\n          \"innerHTML\": _vm._s(tip.a)\n        }\n      })], 1)\n    }))])] : _vm._e()], 2)]\n  }), _c('br'), (_vm.issues.length) ? _c('div', [_c('a', {\n    staticClass: \"anchor\",\n    attrs: {\n      \"id\": \"Issues\"\n    }\n  }, [_vm._v(\"Issues\")]), _c('br'), _c('h2', [_vm._v(\"Related issues\")]), _c('ul', _vm._l((_vm.issues), function(issue) {\n    return _c('li', [_c('a', {\n      attrs: {\n        \"target\": \"_blank\",\n        \"href\": issue.html_url\n      }\n    }, [_vm._v(\"#\" + _vm._s(issue.number) + \" \"), _c('span', {\n      staticStyle: {\n        \"color\": \"#666\"\n      }\n    }, [_vm._v(_vm._s(issue.title))])])])\n  }))]) : _vm._e(), _c('br'), (_vm.gitMetas) ? _c('div', [_c('a', {\n    staticClass: \"anchor\",\n    attrs: {\n      \"id\": \"contributors\"\n    }\n  }, [_vm._v(\"Contributors\")]), _c('h2', [_vm._v(\"Contributors\")]), _c('p', [_vm._v(\"Total commits quantity: \" + _vm._s(_vm.gitMetas.commitCount) + \"，Total contributors quantity: \" + _vm._s(_vm.gitMetas.commitUniqueCount) + \"\\n        \")]), _vm._l((_vm.gitMetas.commitMembers), function(person) {\n    return _c('a', {\n      staticClass: \"contributor-item\",\n      attrs: {\n        \"href\": 'https://github.com/' + person.authorName,\n        \"target\": \"_blank\",\n        \"title\": 'contribute' + person.count\n      }\n    }, [_vm._v(_vm._s(person.authorName))])\n  })], 2) : _vm._e(), _c('br'), (_vm.metas.changes) ? _c('div', [_c('a', {\n    staticClass: \"anchor\",\n    attrs: {\n      \"id\": \"changelog\"\n    }\n  }, [_vm._v(\"Changelog\")]), _c('br'), _c('h2', [_vm._v(\"Releases\")]), (_vm.metas.changes) ? _c('ul', [_vm._l((_vm.metas.changes), function(changelog, version) {\n    return _vm._l((changelog['en']), function(log) {\n      return _c('li', [_c('router-link', {\n        staticClass: \"changelog-version\",\n        attrs: {\n          \"to\": '/en/changelog/' + version + '.html'\n        }\n      }, [_vm._v(_vm._s(version))]), _vm._v(\" \" + _vm._s(log) + \"\\n            \")], 1)\n    })\n  })], 2) : _vm._e()]) : _vm._e(), (_vm.metas.references) ? _c('h2', [_vm._v(\"Referrences\")]) : _vm._e(), (_vm.metas.references) ? _c('ul', _vm._l((_vm.metas.references['en']), function(link) {\n    return _c('li', [_c('a', {\n      attrs: {\n        \"href\": link.link,\n        \"target\": \"_blank\"\n      }\n    }, [_vm._v(_vm._s(link.title))])])\n  })) : _vm._e(), _c('el-dialog', {\n    staticClass: \"sourcec-code-dialog\",\n    attrs: {\n      \"top\": \"0\",\n      \"width\": \"80%\",\n      \"visible\": _vm.sourceCodeDialogVisibility\n    },\n    on: {\n      \"update:visible\": function($event) {\n        _vm.sourceCodeDialogVisibility = $event\n      }\n    }\n  }, [_c('div', {\n    staticClass: \"code-box\",\n    attrs: {\n      \"contenteditable\": \"\"\n    },\n    domProps: {\n      \"innerHTML\": _vm._s(_vm.demoCode)\n    }\n  })])], 2)\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"tip\"\n  }, [_c('p', [_c('code', [_vm._v(\"list\")]), _vm._v(\"为图片列表快捷设置，如果你需要自定义一些样式，或者内容并不为纯图片，可以引用\"), _c('code', [_vm._v(\"swiper-item\")]), _vm._v(\"组件来自定义。\\n\"), _c('br'), _c('code', [_vm._v(\"list\")]), _vm._v(\" 格式如下\\n\"), _c('br')]), _c('pre', {\n    staticClass: \"hljs\"\n  }, [_c('code', [_vm._v(\"[{\\n  \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"url\")]), _vm._v(\": \"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"'javascript:'\")]), _vm._v(\",\\n  \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"img\")]), _vm._v(\": \"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"'https://static.vux.li/demo/1.jpg'\")]), _vm._v(\",\\n  \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"title\")]), _vm._v(\": \"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"'送你一朵fua'\")]), _vm._v(\"\\n}, {\\n  \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"url\")]), _vm._v(\": \"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"'javascript:'\")]), _vm._v(\",\\n  \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"img\")]), _vm._v(\": \"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"'https://static.vux.li/demo/5.jpg'\")]), _vm._v(\",\\n  \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"title\")]), _vm._v(\": \"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"'送你一次旅行'\")]), _vm._v(\",\\n  \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"fallbackImg\")]), _vm._v(\": \"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"'https://static.vux.li/demo/3.jpg'\")]), _vm._v(\"\\n}]\\n\")])]), _c('p', [_c('code', [_vm._v(\"fallbackImg\")]), _vm._v(\" 在 \"), _c('code', [_vm._v(\"v2.5.13\")]), _vm._v(\" 支持，它将在 \"), _c('code', [_vm._v(\"img\")]), _vm._v(\" 加载失败时显示，注意的是 \"), _c('code', [_vm._v(\"fallbackImg\")]), _vm._v(\" 可能会在 \"), _c('code', [_vm._v(\"img\")]), _vm._v(\" 加载成功时也进行了加载，只是不会显示（取决于浏览器实现）。\")])])\n},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"warning\"\n  }, [_c('p', [_vm._v(\"不要在\"), _c('code', [_vm._v(\"swiper\")]), _vm._v(\"里嵌套\"), _c('code', [_vm._v(\"scroller\")]), _vm._v(\"，在\"), _c('code', [_vm._v(\"web\")]), _vm._v(\"上过于复杂化而且手势会有冲突，相关\"), _c('code', [_vm._v(\"Issue\")]), _vm._v(\"将不会处理。\\n\"), _c('br'), _c('br'), _vm._v(\"\\n该组件场景是固定高度的内容列表，不支持为不同 swiper-item 设置不同高度。\\n\"), _c('br'), _c('br'), _vm._v(\"\\n如果确实需要设置不同高度，可以通过 ref 获取 swiper, 通过 this.$refs.swiper.xheight = '100px' 设置。 切记，需要放在 $nextTick 中执行。\")])])\n},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('thead', [_c('tr', [_c('td', [_vm._v(\"name\")]), _c('td', {\n    staticStyle: {\n      \"width\": \"48px\"\n    }\n  }, [_vm._v(\"type\")]), _c('td', [_vm._v(\"default\")]), _c('td', [_vm._v(\"description\")]), _c('td', [_vm._v(\"required version\")])])])\n},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('thead', [_c('tr', [_c('td', [_vm._v(\"name\")]), _c('td', [_vm._v(\"params\")]), _c('td', [_vm._v(\"description\")]), _c('td', [_vm._v(\"required version\")])])])\n},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('thead', [_c('tr', [_c('td', [_vm._v(\"name\")]), _c('td', [_vm._v(\"description\")]), _c('td', [_vm._v(\"required version\")])])])\n},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('thead', [_c('tr', [_c('td', [_vm._v(\"name\")]), _c('td', [_vm._v(\"params\")]), _c('td', [_vm._v(\"description\")]), _c('td', [_vm._v(\"required version\")])])])\n},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('thead', [_c('tr', [_c('td', [_vm._v(\"name\")]), _c('td', [_vm._v(\"default\")]), _c('td', [_vm._v(\"description\")]), _c('td', [_vm._v(\"inherited name\")])])])\n}]}\nmodule.exports.render._withStripped = true\nif (false) {\n  module.hot.accept()\n  if (module.hot.data) {\n     require(\"vue-hot-reload-api\").rerender(\"data-v-2ff3b03e\", module.exports)\n  }\n}\n\n/***/ }),\n\n/***/ 368:\n/***/ (function(module, exports, __webpack_require__) {\n\nvar disposed = false\nfunction injectStyle (ssrContext) {\n  if (disposed) return\n  __webpack_require__(1849)\n}\nvar Component = __webpack_require__(67)(\n  /* script */\n  __webpack_require__(1540),\n  /* template */\n  __webpack_require__(2597),\n  /* styles */\n  injectStyle,\n  /* scopeId */\n  null,\n  /* moduleIdentifier (server only) */\n  null\n)\nComponent.options.__file = \"/data/vux/home/websites/vux-repo/docs/en/components/swiper.vue\"\nif (Component.esModule && Object.keys(Component.esModule).some(function (key) {return key !== \"default\" && key.substr(0, 2) !== \"__\"})) {console.error(\"named exports are not supported in *.vue files.\")}\nif (Component.options.functional) {console.error(\"[vue-loader] swiper.vue: functional components are not supported with templates, they should use render functions.\")}\n\n/* hot reload */\nif (false) {(function () {\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), false)\n  if (!hotAPI.compatible) return\n  module.hot.accept()\n  if (!module.hot.data) {\n    hotAPI.createRecord(\"data-v-2ff3b03e\", Component.options)\n  } else {\n    hotAPI.reload(\"data-v-2ff3b03e\", Component.options)\n  }\n  module.hot.dispose(function (data) {\n    disposed = true\n  })\n})()}\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n\n/***/ 991:\n/***/ (function(module, exports) {\n\nmodule.exports = {\n\t\"commitCount\": 45,\n\t\"commitMembers\": [\n\t\t{\n\t\t\t\"count\": 36,\n\t\t\t\"authorName\": \"airyland\"\n\t\t},\n\t\t{\n\t\t\t\"count\": 1,\n\t\t\t\"authorName\": \"unclay\"\n\t\t},\n\t\t{\n\t\t\t\"count\": 2,\n\t\t\t\"authorName\": \"Clay\"\n\t\t},\n\t\t{\n\t\t\t\"count\": 1,\n\t\t\t\"authorName\": \"万刚\"\n\t\t},\n\t\t{\n\t\t\t\"count\": 1,\n\t\t\t\"authorName\": \"jackie\"\n\t\t},\n\t\t{\n\t\t\t\"count\": 1,\n\t\t\t\"authorName\": \"William Wei\"\n\t\t},\n\t\t{\n\t\t\t\"count\": 1,\n\t\t\t\"authorName\": \"F-loat\"\n\t\t},\n\t\t{\n\t\t\t\"count\": 2,\n\t\t\t\"authorName\": \"wg\"\n\t\t}\n\t],\n\t\"commitUniqueCount\": 8\n};\n\n/***/ })\n\n});\n\n\n// WEBPACK FOOTER //\n// 106.6911f06e.js","\n  <template>\n    <div class=\"component-box\" :class=\"demos.length ? 'components-with-toc' : ''\">\n\n      <div :class=\"demos.length ? 'component-header-v2' : 'component-header-v1'\">\n        <a class=\"anchor\" id=\"intro\">Swiper</a>\n        <div class=\"title-box\">\n\n          <el-badge value=\"Beta\" v-if=\"isBeta\">\n            <h1 class=\"vux-component-name\">Swiper</h1>\n          </el-badge>\n          <h1 v-else class=\"vux-component-name\">Swiper</h1>\n\n          <p class=\"component-extra-links\">\n            <a href=\"https://vux.li/demos/v2/#/component/swiper\" target=\"_blank\">demo url</a>\n            <a v-if=\"!demos.length\" href=\"https://github.com/airyland/vux/blob/v2/src/demos/Swiper.vue\" target=\"_blank\" @click.prevent=\"showSourceCode\">demo source code</a>\n            <a href=\"https://github.com/airyland/vux/blob/v2/src/components/swiper/metas.yml\" target=\"_blank\">edit document</a>\n            <a href=\"https://github.com/airyland/vux/blob/v2/src/components/swiper/\" target=\"_blank\">component source code</a>\n            <el-popover trigger=\"hover\" v-if=\"hasReady\">\n              <div style=\"width:100%;text-align:center;\">\n                <img class=\"qr\" width=\"100\" src=\"https://qr.vux.li/api.php?text=https%3A%2F%2Fvux.li%2Fdemos%2Fv2%2F%23%2Fcomponent%2Fswiper\"/>\n              </div>\n              <a href=\"javascript:\" slot=\"reference\">\n              view demos on mobile\n              </a>\n            </el-popover>\n          </p>\n\n          <div class=\"component-description\">\n            <template v-if=\"false\">\n            \n            </template>\n          </div>\n\n        </div>\n\n        <div v-if=\"!demos.length\" class=\"component-demo\" style=\"width:377px;height:600px;display:inline-block;border:1px solid #ececec;border-radius:5px;overflow:hidden;z-index:2500;\">\n          <iframe src=\"https://vux.li/demos/v2?locale=en&transition=none/#/component/swiper\" width=\"375\" height=\"600\" border=\"0\" frameborder=\"0\"></iframe>\n        </div>\n        <div class=\"toc\">\n          <ul v-for=\"t in toc\">\n            <li>\n              <a :href=\"'#' + (t.anchor || t.title)\">{{ t.title }}</a>\n              <ul v-if=\"t.list\" v-for=\"_t in t.list\">\n                <li><a :href=\"'#' + _t.anchor\">{{ _t.title.slice(0, 12) }}</a></li>\n              </ul>\n            </li>\n          </ul>\n        </div>\n      \n        <template v-if=\"needImport\">\n          <a class=\"anchor\" id=\"install\">Install</a>\n          <h2>Install</h2>\n          <el-tabs>\n            <el-tab-pane label=\"Local Registration\">\n              <div class=\"import-code-box\">\n              <el-tooltip content=\"click to copy\" placement=\"top\">\n                <span\n                  v-clipboard:copy=\"localImportCode\"\n                  v-clipboard:success=\"onCopy\"\n                  v-clipboard:error=\"onCopyError\">\n                  <el-icon class=\"el-icon-document\"></el-icon>\n                </span>\n              </el-tooltip>\n              <pre class=\"hljs\"><code><span class=\"hljs-keyword\">import</span> { Swiper } <span class=\"hljs-keyword\">from</span> <span class=\"hljs-string\">'vux'</span>\n\n<span class=\"hljs-keyword\">export</span> <span class=\"hljs-keyword\">default</span> {\n  <span class=\"hljs-attr\">components</span>: {\n    Swiper\n  }\n}</code></pre>\n            </div>\n            </el-tab-pane>\n            <el-tab-pane label=\"Global Registration\">\n              <div class=\"import-code-box\">\n                <el-tooltip content=\"click to copy\" placement=\"top\">\n                  <span\n                    v-clipboard:copy=\"globalImportCode\"\n                    v-clipboard:success=\"onCopy\"\n                    v-clipboard:error=\"onCopyError\">\n                    <el-icon class=\"el-icon-document\"></el-icon>\n                  </span>\n                </el-tooltip>\n                <pre class=\"hljs\"><code><span class=\"hljs-comment\">// you can also register globally</span>\n\n<span class=\"hljs-keyword\">import</span> Vue <span class=\"hljs-keyword\">from</span> <span class=\"hljs-string\">'vue'</span>\n<span class=\"hljs-keyword\">import</span> { Swiper } <span class=\"hljs-keyword\">from</span> <span class=\"hljs-string\">'vux'</span>\n\nVue.component(<span class=\"hljs-string\">'swiper'</span>, Swiper)\n</code></pre>\n              </div> \n            </el-tab-pane>\n          </el-tabs>   \n        </template>\n\n        <template v-else>\n          <div class=\"tip\">\n            <p>You don't need to import this component.</p>\n          </div>\n        </template>\n\n        <div class=\"tip\" style=\"width:600px;\" v-if=\"metas.tip\">\n          \n        </div>\n      \n        <h2 v-if=\"metas.example\">example</h2>\n        <div v-if=\"metas.example\" style=\"width:600px;\">\n          \n        </div>\n      </div>\n\n      <div v-if=\"metas.extra && metas.extra['en']\">\n        \n      </div>\n      <div v-if=\"metas.extra && !metas.extra['en']\">\n        <div class=\"tip\">\n<p><code>list</code>为图片列表快捷设置，如果你需要自定义一些样式，或者内容并不为纯图片，可以引用<code>swiper-item</code>组件来自定义。\n<br>\n<code>list</code> 格式如下\n<br></p>\n<pre class=\"hljs\"><code>[{\n  <span class=\"hljs-attr\">url</span>: <span class=\"hljs-string\">'javascript:'</span>,\n  <span class=\"hljs-attr\">img</span>: <span class=\"hljs-string\">'https://static.vux.li/demo/1.jpg'</span>,\n  <span class=\"hljs-attr\">title</span>: <span class=\"hljs-string\">'送你一朵fua'</span>\n}, {\n  <span class=\"hljs-attr\">url</span>: <span class=\"hljs-string\">'javascript:'</span>,\n  <span class=\"hljs-attr\">img</span>: <span class=\"hljs-string\">'https://static.vux.li/demo/5.jpg'</span>,\n  <span class=\"hljs-attr\">title</span>: <span class=\"hljs-string\">'送你一次旅行'</span>,\n  <span class=\"hljs-attr\">fallbackImg</span>: <span class=\"hljs-string\">'https://static.vux.li/demo/3.jpg'</span>\n}]\n</code></pre>\n<p><code>fallbackImg</code> 在 <code>v2.5.13</code> 支持，它将在 <code>img</code> 加载失败时显示，注意的是 <code>fallbackImg</code> 可能会在 <code>img</code> 加载成功时也进行了加载，只是不会显示（取决于浏览器实现）。</p>\n</div>\n<div class=\"warning\">\n<p>不要在<code>swiper</code>里嵌套<code>scroller</code>，在<code>web</code>上过于复杂化而且手势会有冲突，相关<code>Issue</code>将不会处理。\n<br>\n<br>\n该组件场景是固定高度的内容列表，不支持为不同 swiper-item 设置不同高度。\n<br>\n<br>\n如果确实需要设置不同高度，可以通过 ref 获取 swiper, 通过 this.$refs.swiper.xheight = '100px' 设置。 切记，需要放在 $nextTick 中执行。</p>\n</div>\n\n      </div>\n      \n      <a v-if=\"demos.length\" class=\"anchor\" id=\"examples\">Examples</a>\n      <br/>\n      <template v-if=\"demos.length\" v-for=\"demo in demos\">\n        <a class=\"anchor\" :id=\"'examples:' + demo.title\">{{ demo.title }}</a>\n        <br/>\n        <div class=\"demo-header\">\n          <span class=\"demo-title\">{{ demo.title }}</span>\n        </div>\n        <div class=\"demos\" :style=\"{height: demo.height}\">\n          <div class=\"demo-iframe-box\">\n            <lazy-component>\n              <iframe\n                :src=\"domain + '?no-background-color=' + demo.noBackgroundColor +'&locale=en&transition=none&hide-nav=true&hide-tab-bar=true#/components/' + demo.file\"\n                width=\"375\"\n                height=\"600\"\n                border=\"0\"\n                frameborder=\"0\"\n                style=\"margin: 0 auto;\"></iframe>\n            </lazy-component>\n          </div>\n          <div class=\"demo-code-box\" :style=\"{overflow: demo.height === demo.oriHeight ? 'hidden' : 'scroll'}\">\n            <div v-html=\"demo.code\" contenteditable></div>\n            <div v-if=\"demo.height === demo.oriHeight\" class=\"demo-code-masker\" @click=\"demo.height='auto'\">\n              <div>\n                  <img class=\"demo-qr\" width=\"100\" :src=\"'https://qr.vux.li/api.php?text=' + encodeURIComponent(domain + '?locale=en#/components/' + demo.file)\"/>\n                  <br/>\n                  <span>\n                    <el-icon class=\"el-icon-arrow-left\"/>\n                    <el-icon class=\"el-icon-arrow-right\"/>\n                    Show code\n                  <br/>\n                  <!--<span class=\"demo-path\">src/demos/{{ demo.file }}.vue</span>-->\n                </span>\n              </div>\n            </div>\n            <span v-if=\"demo.height === 'auto'\" class=\"hide-code\" @click=\"demo.height=demo.oriHeight\">\n              <el-icon class=\"el-icon-close\"></el-icon>\n            </span>\n          </div>\n        </div>\n      </template>\n\n      <template v-for=\"component in componentList\">\n        <div>\n          <a v-if=\"componentList.length > 1\" class=\"anchor\" :id=\"'components:' + component.name\">{{ component.name }}</a>\n          <a v-else class=\"anchor\" id=\"api\">API</a>\n          <br/>\n          <h2\n            v-show=\"componentList.length > 1\"\n            class=\"vux-component-name-sub-item\">{{ component.name }}</h2>\n            \n          <template v-if=\"component.meta.items && component.meta.description\">\n            <div v-html=\"component.meta.description\"></div>\n          </template>\n\n          <template v-if=\"component.meta.props\">\n            <h2>Props</h2>\n            <table>\n              <thead>\n                <tr>\n                  <td>name</td>\n                  <td style=\"width:48px;\">type</td>\n                  <td>default</td>\n                  <td>description</td>\n                  <td>required version</td>\n                </tr>\n              </thead>\n              <tbody>\n                <tr v-for=\"(prop, i) in component.meta.props\">\n                  <td class=\"prop-name\">\n                    <el-tooltip content=\"click to copy\" placement=\"left\" :hide-after=\"0\" :open-delay=\"50\">\n                      <span\n                      v-clipboard:copy=\"i\"\n                      v-clipboard:success=\"onCopy\">{{ i }}</span>\n                    </el-tooltip>\n                  </td>\n                  <td v-html=\"getTypeHTML(prop.type)\"></td>\n                  <td>{{ prop.default}}</td>\n                  <td v-html=\"prop['en'].replace(/`(.*?)`/g, '<code>$1</code>')\"></td>\n                  <td>{{ prop.version || '--'}}</td>\n                </tr>\n              </tbody>\n            </table>\n          </template>\n\n          <template v-if=\"component.meta.events\">\n            <h2>Events</h2>\n            <table>\n              <thead>\n                <tr>\n                  <td>name</td>\n                  <td>params</td>\n                  <td>description</td>\n                  <td>required version</td>\n                </tr>\n              </thead>\n              <tbody>\n                <tr v-for=\"(event, i) in component.meta.events\">\n                  <td class=\"prop-name\">\n                    <el-tooltip content=\"click to copy\" placement=\"left\" :hide-after=\"0\" :open-delay=\"50\">\n                      <span\n                      v-clipboard:copy=\"'@' + i\"\n                      v-clipboard:success=\"onCopy\">@{{ i }}</span>\n                    </el-tooltip>\n                  </td>\n                  <td v-html=\"event.params ? event.params.replace(/`(.*?)`/g, '<code>$1</code>') : '--'\"></td>\n                  <td v-html=\"event['en'] ? event['en'].replace(/`(.*?)`/g, '<code>$1</code>') : '--'\"></td>\n                  <td>{{ event['version'] || '--' }}</td>\n                </tr>\n              </tbody>\n            </table>\n          </template>\n      \n\n          <template v-if=\"component.meta.slots\">\n            <h2>Slots</h2>\n            <table>\n              <thead>\n                <tr>\n                  <td>name</td>\n                  <td>description</td>\n                  <td>required version</td>\n                </tr>\n              </thead>\n              <tbody>\n                <tr v-for=\"(slot, i) in component.meta.slots\" :class=\"{'slot-disabled': slot['status'] === 'deprecated'}\">\n                  <td class=\"prop-name\">\n                    <el-tooltip content=\"click to copy\" placement=\"left\" :hide-after=\"0\" :open-delay=\"50\">\n                      <span\n                      v-clipboard:copy=\"i\"\n                      v-clipboard:success=\"onCopy\">{{ i === 'default' ? 'default' : i }}</span>\n                    </el-tooltip>\n                  </td>\n                  <td v-html=\"slot['en'] ? slot['en'].replace(/`(.*?)`/g, '<code>$1</code>') : ''\"></td>\n                  <td>{{ slot['version'] || '--' }}</td>\n                </tr>\n              </tbody>\n            </table>\n          </template>\n          \n          <template v-if=\"component.meta.methods\">\n            <h2>Functions</h2>\n            <table>\n              <thead>\n                <tr>\n                  <td>name</td>\n                  <td>params</td>\n                  <td>description</td>\n                  <td>required version</td>\n                </tr>\n              </thead>\n              <tbody>\n                <tr v-for=\"(method, i) in component.meta.methods\">\n                  <td class=\"prop-name\">\n                    <el-tooltip content=\"click to copy\" placement=\"left\" :hide-after=\"0\" :open-delay=\"50\">\n                      <span\n                      v-clipboard:copy=\"i\"\n                      v-clipboard:success=\"onCopy\">{{ i }}</span>\n                    </el-tooltip>\n                  </td>\n                  <td v-html=\"method['params'] ? method['params'].replace(/`(.*?)`/g, '<code>$1</code>') : ''\"></td>\n                  <td v-html=\"method['en'].replace(/`(.*?)`/g, '<code>$1</code>')\"></td>\n                  <td>{{ method['version'] }}</td>\n                </tr>\n              </tbody>\n            </table>\n          </template>\n\n          <template v-if=\"component.meta.variables\">\n            <a class=\"anchor\" id=\"variables\">Variables</a>\n            <br/>\n            <h2>Variables</h2>\n            <table>\n              <thead>\n                <tr>\n                  <td>name</td>\n                  <td>default</td>\n                  <td>description</td>\n                  <td>inherited name</td>\n                </tr>\n              </thead>\n              <tbody>\n                <tr v-for=\"(variable, i) in component.meta.variables\">\n                  <td class=\"prop-name\">\n                    <el-tooltip content=\"click to copy\" placement=\"left\" :hide-after=\"0\" :open-delay=\"50\">\n                      <span\n                      v-clipboard:copy=\"'@' + variable.name\"\n                      v-clipboard:success=\"onCopy\">@{{ variable.name }}</span>\n                    </el-tooltip>\n                  </td>\n                  <td>\n                    <em\n                      :ref=\"'propColor' + i\"\n                      v-if=\"!$refs['propColor' + i] || ($refs['propColor' + i][0] && $refs['propColor' + i][0].style.backgroundColor)\"\n                      class=\"prop-color\"\n                      :style=\"{ backgroundColor: variable.value }\">\n                    </em>\n                    {{ variable.value }}\n                  </td>\n                  <td>{{ variable['desc']['en'] || '--' }}</td>\n                  <td>{{ variable.inherited_name }}</td>\n                </tr>\n              </tbody>\n            </table>\n          </template>\n      \n          <template v-if=\"component.meta.tips && component.meta.tips['en']\">\n            <a class=\"anchor\" id=\"tips\">Tips</a>\n            <br>\n            <h2>Tips</h2>\n            <div>\n              <ul>\n                <li v-for=\"tip in component.meta.tips['en']\">\n                <el-tag size=\"mini\" type=\"success\" class=\"component-tip-tag\">Q</el-tag> <span class=\"component-tip-question\">{{ tip.q }}</span>\n                <div v-html=\"tip.a\" class=\"tip-answer-box\"></div>\n                </li>\n              </ul>\n            </div>\n          </template>\n        </div>\n      </template>\n\n      <!--<h2>社区相关讨论</h2>\n      [即将上线]\n      -->\n    \n      <br>\n      <div v-if=\"issues.length\">\n        <a class=\"anchor\" id=\"Issues\">Issues</a>\n        <br/>\n        <h2>Related issues</h2>\n        <ul>\n          <li v-for=\"issue in issues\"><a target=\"_blank\" :href=\"issue.html_url\">#{{ issue.number}} <span style=\"color:#666;\">{{ issue.title }}</span></a></li>\n        </ul>\n      </div>\n      <br>\n    \n      <div v-if=\"gitMetas\">\n        <a class=\"anchor\" id=\"contributors\">Contributors</a>\n        <h2>Contributors</h2>\n        <p>Total commits quantity: {{ gitMetas.commitCount }}，Total contributors quantity: {{gitMetas.commitUniqueCount}}\n        </p>\n        <a v-for=\"person in gitMetas.commitMembers\" class=\"contributor-item\" :href=\"'https://github.com/' + person.authorName\" target=\"_blank\" :title=\"'contribute' + person.count\">{{person.authorName}}</a>\n      </div>\n      <br>\n\n      <div v-if=\"metas.changes\">\n        <a class=\"anchor\" id=\"changelog\">Changelog</a>\n        <br/>\n        <h2>Releases</h2>\n        <ul v-if=\"metas.changes\">\n          <template v-for=\"(changelog, version) in metas.changes\">\n            <li v-for=\"log in changelog['en']\">\n              <router-link :to=\"'/en/changelog/' + version + '.html'\" class=\"changelog-version\">{{version}}</router-link> {{log}}\n            </li>\n          </template>\n        </ul>\n      </div>\n\n      <h2 v-if=\"metas.references\">Referrences</h2>\n      <ul v-if=\"metas.references\">\n        <li v-for=\"link in metas.references['en']\">\n          <a :href=\"link.link\" target=\"_blank\">{{link.title}}</a>\n        </li>\n      </ul>\n\n      <el-dialog\n        class=\"sourcec-code-dialog\"\n        top=\"0\"\n        width=\"80%\"\n        :visible.sync=\"sourceCodeDialogVisibility\">\n        <div class=\"code-box\" contenteditable v-html=\"demoCode\"></div>\n      </el-dialog>\n\n    </div>\n  </template>\n\n\n  <script>\n  import Axios from 'axios'\n\n  // const metas = require('json-loader!yaml-loader!../../../src/components/swiper/metas.yml')\n  const metas = {\n  \"category\": {\n    \"en\": \"Data Display\",\n    \"zh-CN\": \"数据展示\"\n  },\n  \"icon\": \"&#xe612;\",\n  \"extra\": \"::: tip\\n  `list`为图片列表快捷设置，如果你需要自定义一些样式，或者内容并不为纯图片，可以引用`swiper-item`组件来自定义。\\n  <br>\\n  `list` 格式如下\\n  <br>\\n\\n  ``` js\\n  [{\\n    url: 'javascript:',\\n    img: 'https://static.vux.li/demo/1.jpg',\\n    title: '送你一朵fua'\\n  }, {\\n    url: 'javascript:',\\n    img: 'https://static.vux.li/demo/5.jpg',\\n    title: '送你一次旅行',\\n    fallbackImg: 'https://static.vux.li/demo/3.jpg'\\n  }]\\n  ```\\n\\n  `fallbackImg` 在 `v2.5.13` 支持，它将在 `img` 加载失败时显示，注意的是 `fallbackImg` 可能会在 `img` 加载成功时也进行了加载，只是不会显示（取决于浏览器实现）。\\n\\n:::\\n\\n::: warning\\n不要在`swiper`里嵌套`scroller`，在`web`上过于复杂化而且手势会有冲突，相关`Issue`将不会处理。\\n<br>\\n<br>\\n该组件场景是固定高度的内容列表，不支持为不同 swiper-item 设置不同高度。\\n<br>\\n<br>\\n如果确实需要设置不同高度，可以通过 ref 获取 swiper, 通过 this.$refs.swiper.xheight = '100px' 设置。 切记，需要放在 $nextTick 中执行。\\n:::\\n\",\n  \"tips\": {\n    \"zh-CN\": [\n      {\n        \"q\": \"swiper-item 只有两项时无法循环播放\",\n        \"a\": \"<p>是的，建议直接使用 <code>list</code> 来实现循环。因为实现原理是对<code>swiper-item</code>元素进行移动，需要至少有<code>3</code>个<code>swiper-item</code>才能保证有上一张和下一张可以切换。</p>\\n\"\n      }\n    ]\n  },\n  \"props\": {\n    \"list\": {\n      \"type\": \"Array\",\n      \"en\": \"image list, use swiper-item if you need to customize style\",\n      \"zh-CN\": \"轮播图片列表，如果有自定义样式需求，请使用 swiper-item(使用 swiper-item 时仅有2个的情况下不支持循环)\"\n    },\n    \"direction\": {\n      \"type\": \"String\",\n      \"default\": \"horizontal\",\n      \"en\": \"swiping direction\",\n      \"zh-CN\": \"方向\"\n    },\n    \"show-dots\": {\n      \"type\": \"Boolean\",\n      \"default\": true,\n      \"en\": \"if show indicators\",\n      \"zh-CN\": \"是否显示提示点\"\n    },\n    \"show-desc-mask\": {\n      \"type\": \"Boolean\",\n      \"default\": true,\n      \"en\": \"if show description mask\",\n      \"zh-CN\": \"是否显示描述半透明遮罩\"\n    },\n    \"dots-position\": {\n      \"type\": \"String\",\n      \"default\": \"right\",\n      \"en\": \"indicator position\",\n      \"zh-CN\": \"提示点位置\"\n    },\n    \"dots-class\": {\n      \"en\": \"custom indicator's classname\",\n      \"zh-CN\": \"提示className\"\n    },\n    \"auto\": {\n      \"type\": \"Boolean\",\n      \"default\": false,\n      \"en\": \"if auto playing\",\n      \"zh-CN\": \"是否自动轮播\"\n    },\n    \"loop\": {\n      \"type\": \"Boolean\",\n      \"default\": false,\n      \"en\": \"if use loop mode\",\n      \"zh-CN\": \"是否循环\"\n    },\n    \"interval\": {\n      \"type\": \"Number\",\n      \"default\": 3000,\n      \"en\": \"interval value\",\n      \"zh-CN\": \"轮播停留时长\"\n    },\n    \"threshold\": {\n      \"type\": \"Number\",\n      \"default\": 50,\n      \"en\": \"threshold value\",\n      \"zh-CN\": \"当滑动超过这个距离时才滑动\"\n    },\n    \"duration\": {\n      \"type\": \"Number\",\n      \"default\": 300,\n      \"en\": \"transition duration\",\n      \"zh-CN\": \"切换动画时间\"\n    },\n    \"height\": {\n      \"type\": \"String\",\n      \"default\": \"180px\",\n      \"en\": \"height value\",\n      \"zh-CN\": \"高度值。如果为`100%`宽度并且知道宽高比，可以设置`aspect-ratio`自动计算高度\"\n    },\n    \"aspect-ratio\": {\n      \"type\": \"Number\",\n      \"en\": \"if specified, height will be caculated automatically\",\n      \"zh-CN\": \"用以根据当前可用宽度计算高度值\"\n    },\n    \"min-moving-distance\": {\n      \"type\": \"Number\",\n      \"default\": 0,\n      \"en\": \"min distance before moving\",\n      \"zh-CN\": \"超过这个距离时才滑动\"\n    },\n    \"v-model\": {\n      \"type\": \"Number\",\n      \"default\": 0,\n      \"en\": \"index value, use `v-model` for binding\",\n      \"zh-CN\": \"index 绑定，使用`v-model`，一般不需要绑定\"\n    }\n  },\n  \"events\": {\n    \"on-index-change\": {\n      \"params\": \"`(currentIndex)`\",\n      \"en\": \"fires when index is changed\",\n      \"zh-CN\": \"轮播 index 变化时触发\"\n    },\n    \"on-get-height\": {\n      \"version\": \"v2.7.0\",\n      \"params\": \"`(height)`\",\n      \"en\": \"fires after height is caculated\",\n      \"zh-CN\": \"高度获取后触发\"\n    }\n  },\n  \"changes\": {\n    \"v2.9.2\": {\n      \"en\": [\n        \"[fix] fix stuck swipe after setting min-moving-distance #2773\",\n        \"[fix] fix error for repeat setting data in loop #2803\"\n      ],\n      \"zh-CN\": [\n        \"[fix] 修复设置最小移动距离后滑动卡住 #2773\",\n        \"[fix] 修复在循环模式下重复设置数据的错误 #2803\"\n      ]\n    },\n    \"v2.7.7\": {\n      \"en\": [\n        \"[fix] fix cannot scroll body when touching with one item\"\n      ],\n      \"zh-CN\": [\n        \"[fix] 修复只有一个 item 时无法滚动页面的问题\"\n      ]\n    },\n    \"v2.7.6\": {\n      \"en\": [\n        \"[enhance] stop moving width one item\"\n      ],\n      \"zh-CN\": [\n        \"[enhance] 只有一张图片时阻止滑动跟随\"\n      ]\n    },\n    \"v2.7.0\": {\n      \"en\": [\n        \"[enhance] set shorter distance for first and last item for better experience\",\n        \"[feature] add event:on-get-height #2112\",\n        \"[enhance] stop interval if auto is set to false #2027\"\n      ],\n      \"zh-CN\": [\n        \"[enhance] 非循环模式下对第一张和最后一张使用更短的拖动距离\",\n        \"[feature] 添加事件 event:on-get-height #2112\",\n        \"[enhance] auto 支持动态设置 #2027\"\n      ]\n    },\n    \"v2.6.0\": {\n      \"en\": [\n        \"[enhance] support fallbackImg for prop:list #1923\"\n      ],\n      \"zh-CN\": [\n        \"[enhance] 支持 list.fallbackImg 属性在图片加载失败时显示预设图片 #1923\"\n      ]\n    },\n    \"v2.5.3\": {\n      \"en\": [\n        \"[fix] clear listTtwoLoopItem when list size !== 2 #1684 @weizs\"\n      ],\n      \"zh-CN\": [\n        \"[fix] 轮播个数不为2时清除 listTtwoLoopItem 列表 #1684 @weizs\"\n      ]\n    },\n    \"v2.5.1\": {\n      \"en\": [\n        \"[fix] Fix array-from issue with webpack@3 #1649\"\n      ],\n      \"zh-CN\": [\n        \"[fix] 修复 array-from 在 webpack@3 下报错问题 #1649\"\n      ]\n    },\n    \"v2.3.5\": {\n      \"en\": [\n        \"[fix] Fix repeat render bug #1458\"\n      ],\n      \"zh-CN\": [\n        \"[fix] 修复重复渲染问题 #1458\"\n      ]\n    },\n    \"v2.3.4\": {\n      \"en\": [\n        \"[fix] Fix click to fail when only two swiper-item and loop #1484 @unclay\"\n      ],\n      \"zh-CN\": [\n        \"[fix] 修复只有两个轮播图且为 loop 时点击失效问题 #1484 @unclay\"\n      ]\n    },\n    \"v2.2.1-rc.2\": {\n      \"en\": [\n        \"[enhance] Use document width as swiper width if initial width is 0 #1188\",\n        \"[fix] Fix initial index > 0 not works\"\n      ],\n      \"zh-CN\": [\n        \"[enhance] 如果初始化时获取不到宽度则直接使用视口宽度 #1188\",\n        \"[fix] 修复初始化时 index > 0 不生效\"\n      ]\n    },\n    \"v2.1.1-rc.3\": {\n      \"en\": [\n        \"[fix] Fix nodes list forEach function is undefined #991 @howyhuang\"\n      ],\n      \"zh-CN\": [\n        \"[fix] 修复 node 列表没有 forEach 方法 #991 @howyhuang\"\n      ]\n    },\n    \"v2.1.1-rc.2\": {\n      \"en\": [\n        \"[fix] Fix es6 iterator compability, use forEach\"\n      ],\n      \"zh-CN\": [\n        \"[fix] 修复部分机子不支持 for of 遍历\"\n      ]\n    }\n  },\n  \"variables\": [\n    {\n      \"name\": \"swiper-indicator-active-color\",\n      \"value\": \"#04BE02\",\n      \"is_inherited\": true,\n      \"inherited_name\": \"@theme-color\",\n      \"desc\": {}\n    }\n  ]\n}\n  const demos = []\n\n  let componentList = []\n  if (Array.isArray(metas.items)) {\n    try {\n      metas.items.forEach((item, index) => {\n        const meta = {\n          name: item,\n          meta: metas[item]\n        }\n        if (meta.meta.props === null) {\n          delete meta.meta.props\n        }\n        if (index === metas.items.length - 1) {\n          if (meta.meta) {\n            meta.meta.variables = metas.variables\n          }\n        }\n        componentList.push(meta)\n      })\n    } catch (e) {\n      console.log(e)\n    }\n  } else {\n    componentList.push({\n      meta: metas\n    })\n  }\n  const gitMetas = require('./swiper_git_metas.json')\n  const demoCode = decodeURIComponent(`%3Cpre%20class%3D%22hljs%22%3E%3Ccode%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Etemplate%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ediv%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup-title%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3ETHX%20to%3A%20https%3A%2F%2Fgithub.com%2Fwechatui%2Fswiper%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup-title%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup-title%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3Elist%E6%A8%A1%E5%BC%8F%E4%B8%8B%EF%BC%8C%E9%BB%98%E8%AE%A4%E9%AB%98%E5%BA%A6%E4%B8%BA180px%2C%20%E5%A6%82%E6%9E%9C%E8%AE%BE%E7%BD%AEaspect-ratio%E4%BC%9A%E6%A0%B9%E6%8D%AE%E5%AE%BD%E5%BA%A6%E8%87%AA%E5%8A%A8%E8%AE%A1%E7%AE%97%E9%AB%98%E5%BA%A6%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup-title%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eswiper%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Alist%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22demo01_list%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Ev-model%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22demo01_index%22%3C%2Fspan%3E%20%40%3Cspan%20class%3D%22hljs-attr%22%3Eon-index-change%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22demo01_onIndexChange%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eswiper%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ep%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eclass%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22copyright%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3EImage%20Source%3A%20http%3A%2F%2Fwww.gratisography.com%2F%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ep%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ep%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3Ecurrent%20index%3A%20%7B%7Bdemo01_index%7D%7D%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ep%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-button%3C%2Fspan%3E%20%40%3Cspan%20class%3D%22hljs-attr%22%3Eclick.native%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22demo01_index%20%3D%200%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3Ego%20to%200%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-button%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-button%3C%2Fspan%3E%20%40%3Cspan%20class%3D%22hljs-attr%22%3Eclick.native%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22demo01_index%20%3D%201%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3Ego%20to%201%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-button%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-button%3C%2Fspan%3E%20%40%3Cspan%20class%3D%22hljs-attr%22%3Eclick.native%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22demo01_index%20%3D%202%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3Ego%20to%202%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-button%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ebr%3C%2Fspan%3E%2F%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ebr%3C%2Fspan%3E%2F%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Edivider%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%E5%8D%8E%E4%B8%BD%E7%9A%84%E5%88%86%E5%89%B2%E7%BA%BF%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Edivider%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup-title%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%E8%AE%BE%E7%BD%AEmin-moving-distance%E4%B8%BA120%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup-title%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eswiper%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Alist%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22demo01_list%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Ev-model%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22demo02_index%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Amin-moving-distance%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22120%22%3C%2Fspan%3E%20%40%3Cspan%20class%3D%22hljs-attr%22%3Eon-index-change%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22demo01_onIndexChange%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eswiper%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ebr%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ebr%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Edivider%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%E5%8D%8E%E4%B8%BD%E7%9A%84%E5%88%86%E5%89%B2%E7%BA%BF%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Edivider%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup-title%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%E8%AE%BE%E7%BD%AEaspect-ratio%2C%20%E5%B0%86%E8%87%AA%E5%8A%A8%E6%A0%B9%E6%8D%AE%E5%AE%BD%E5%BA%A6%E8%AE%A1%E7%AE%97%E9%AB%98%E5%BA%A6%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup-title%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eswiper%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Alist%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22demo02_list%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Estyle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22width%3A85%25%3Bmargin%3A0%20auto%3B%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Aaspect-ratio%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22300%2F800%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Edots-position%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22center%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eswiper%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ebr%3C%2Fspan%3E%2F%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ebr%3C%2Fspan%3E%2F%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Edivider%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%E5%8D%8E%E4%B8%BD%E7%9A%84%E5%88%86%E5%89%B2%E7%BA%BF%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Edivider%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup-title%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%E8%87%AA%E5%8A%A8%E8%BD%AE%E6%92%AD%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup-title%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eswiper%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Alist%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22demo03_list%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eauto%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Estyle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22width%3A80%25%3Bmargin%3A0%20auto%3B%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eheight%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22180px%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Edots-class%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22custom-bottom%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Edots-position%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22center%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eswiper%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ebr%3C%2Fspan%3E%2F%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ebr%3C%2Fspan%3E%2F%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Edivider%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%E5%8D%8E%E4%B8%BD%E7%9A%84%E5%88%86%E5%89%B2%E7%BA%BF%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Edivider%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup-title%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3Euse%20swiper-item%20for%20image%20list%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup-title%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eswiper%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Aaspect-ratio%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22300%2F800%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eswiper-item%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eclass%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22swiper-demo-img%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Ev-for%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22(item%2C%20index)%20in%20demo04_list%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Akey%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22index%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eimg%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Asrc%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22item%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eswiper-item%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eswiper%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ebr%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ebr%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup-title%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3Eset%20index%20%3D%201%20with%20swiper-item%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup-title%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eswiper%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Aaspect-ratio%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22300%2F800%22%3C%2Fspan%3E%20%40%3Cspan%20class%3D%22hljs-attr%22%3Eon-index-change%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22onSwiperItemIndexChange%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Ev-model%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22swiperItemIndex%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eswiper-item%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eclass%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22swiper-demo-img%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Ev-for%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22(item%2C%20index)%20in%20demo04_list%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Akey%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22index%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eimg%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Asrc%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22item%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eswiper-item%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eswiper%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ebr%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%7B%7B%20swiperItemIndex%20%7D%7D%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ebr%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-button%3C%2Fspan%3E%20%40%3Cspan%20class%3D%22hljs-attr%22%3Eclick.native%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22swiperItemIndex%20%3D%200%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3Ego%20to%200%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-button%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-button%3C%2Fspan%3E%20%40%3Cspan%20class%3D%22hljs-attr%22%3Eclick.native%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22swiperItemIndex%20%3D%201%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3Ego%20to%201%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-button%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-button%3C%2Fspan%3E%20%40%3Cspan%20class%3D%22hljs-attr%22%3Eclick.native%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22swiperItemIndex%20%3D%202%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3Ego%20to%202%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-button%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ebr%3C%2Fspan%3E%2F%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ebr%3C%2Fspan%3E%2F%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Edivider%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%E5%8D%8E%E4%B8%BD%E7%9A%84%E5%88%86%E5%89%B2%E7%BA%BF%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Edivider%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup-title%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3EAsync%20setting%20list%20data%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup-title%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eswiper%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Alist%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22demo05_list%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eauto%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eheight%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22180px%22%3C%2Fspan%3E%20%40%3Cspan%20class%3D%22hljs-attr%22%3Eon-index-change%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22demo05_onIndexChange%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eswiper%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ep%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%20current%20index%3A%20%7B%7Bdemo05_index%7D%7D%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ep%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-button%3C%2Fspan%3E%20%40%3Cspan%20class%3D%22hljs-attr%22%3Eclick.native%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22demo05_onLoad(1)%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etype%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22primary%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Estyle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22margin%3A%2010px%200%3B%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3ELoad%20list1%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-button%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-button%3C%2Fspan%3E%20%40%3Cspan%20class%3D%22hljs-attr%22%3Eclick.native%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22demo05_onLoad(2)%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etype%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22primary%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Estyle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22margin%3A%2010px%200%3B%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3ELoad%20list2%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-button%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ebr%3C%2Fspan%3E%2F%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ebr%3C%2Fspan%3E%2F%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Edivider%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%E5%8D%8E%E4%B8%BD%E7%9A%84%E5%88%86%E5%89%B2%E7%BA%BF%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Edivider%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup-title%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%E5%BC%95%E5%85%A5swiper-item%E8%87%AA%E5%AE%9A%E4%B9%89item%E5%86%85%E5%AE%B9%EF%BC%8C%E7%94%A8height%E5%AE%9A%E4%B9%89%E9%AB%98%E5%BA%A6%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup-title%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eswiper%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eauto%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eheight%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22100px%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eswiper-item%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eclass%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22black%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eh2%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eclass%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22title%20fadeInUp%20animated%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%E5%AE%83%E6%97%A0%E5%AD%94%E4%B8%8D%E5%85%A5%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eh2%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eswiper-item%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eswiper-item%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eclass%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22black%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eh2%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eclass%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22title%20fadeInUp%20animated%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%E4%BD%A0%E6%97%A0%E5%A4%84%E5%8F%AF%E8%97%8F%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eh2%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eswiper-item%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eswiper-item%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eclass%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22black%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eh2%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eclass%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22title%20fadeInUp%20animated%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%E4%B8%8D%E6%98%AF%E5%AE%83%E5%8F%AF%E6%81%B6%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eh2%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eswiper-item%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eswiper-item%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eclass%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22black%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eh2%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eclass%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22title%20fadeInUp%20animated%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%E8%80%8C%E6%98%AF%E5%AE%83%E4%B8%8D%E6%87%82%E4%BD%A0%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eh2%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eswiper-item%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eswiper-item%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eclass%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22black%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eh2%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eclass%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22title%20fadeInUp%20animated%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%E6%88%91%E4%BB%AC%E8%AF%95%E5%9B%BE%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eh2%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eswiper-item%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eswiper-item%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eclass%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22black%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eh2%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eclass%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22title%20fadeInUp%20animated%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%E5%81%9A%E4%BA%9B%E6%94%B9%E5%8F%98%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eh2%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eswiper-item%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eswiper%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ebr%3C%2Fspan%3E%2F%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ebr%3C%2Fspan%3E%2F%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Edivider%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%E5%8D%8E%E4%B8%BD%E7%9A%84%E5%88%86%E5%89%B2%E7%BA%BF%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Edivider%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup-title%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%E5%9E%82%E7%9B%B4%E6%96%B9%E5%90%91%E6%96%87%E5%AD%97%E6%BB%9A%E5%8A%A8%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup-title%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eswiper%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eauto%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eheight%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%2230px%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Edirection%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22vertical%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Ainterval%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E2000%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eclass%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22text-scroll%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Ashow-dots%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22false%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eswiper-item%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ep%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%E4%B9%89%E5%8A%A1%E7%88%B1%E4%BA%86%20%E5%AE%8C%E6%88%90%E4%BC%A0%E5%A5%87%E4%B8%96%E7%95%8CH5-%E7%8E%8B%E8%80%85%E5%BD%92%E6%9D%A5%E4%BB%BB%E5%8A%A1%20%E8%8E%B7%E5%BE%9720%E9%87%91%E5%B8%81%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ep%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eswiper-item%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eswiper-item%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ep%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%E5%9F%BA%E6%9C%AC%E4%B8%96%E7%A5%9E%20%E5%85%91%E6%8D%A2%E3%80%8A%E4%BC%A0%E5%A5%87%E4%B8%96%E7%95%8CH5%E3%80%8B%E7%95%85%E7%8E%A9%E7%BA%A7%E7%A4%BC%E5%8C%85%20%E6%B6%88%E8%80%9730%E9%87%91%E5%B8%81%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ep%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eswiper-item%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eswiper-item%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ep%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%E9%9B%B6%E5%93%A5%E7%AB%A0%E9%AD%9A%20%E5%AE%8C%E6%88%90%E4%BC%A0%E5%A5%87%E4%B8%96%E7%95%8CH5-%E7%8E%8B%E8%80%85%E5%BD%92%E6%9D%A5%E4%BB%BB%E5%8A%A1%20%E8%8E%B7%E5%BE%9730%E9%87%91%E5%B8%81%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ep%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eswiper-item%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eswiper-item%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ep%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%E5%81%9A%E8%BF%8E%E8%80%8C%E7%82%BA%20%E5%85%91%E6%8D%A2%E3%80%90%E9%A5%BF%E4%BA%86%E4%B9%88%E3%80%91%E7%95%85%E4%BA%AB%E7%BE%8E%E9%A3%9F%E7%BA%A2%E5%8C%85%20%E6%B6%88%E8%80%9720%E9%87%91%E5%B8%81%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ep%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eswiper-item%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eswiper-item%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ep%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%E5%8F%AA%E7%9F%A5%E9%81%93%E4%B8%8D%E7%9F%A5%E9%81%93%20%E5%85%91%E6%8D%A2%E3%80%90%E9%A5%BF%E4%BA%86%E4%B9%88%E3%80%91%E7%95%85%E4%BA%AB%E7%BE%8E%E9%A3%9F%E7%BA%A2%E5%8C%85%20%E6%B6%88%E8%80%9720%E9%87%91%E5%B8%81%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ep%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eswiper-item%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eswiper-item%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ep%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%E5%9F%BA%E6%9C%AC%E4%B8%96%E7%A5%9E%20%E5%85%91%E6%8D%A2%E3%80%8A%E4%BC%A0%E5%A5%87%E4%B8%96%E7%95%8CH5%E3%80%8B%E7%95%85%E7%8E%A9%E7%BA%A7%E7%A4%BC%E5%8C%85%20%E6%B6%88%E8%80%9730%E9%87%91%E5%B8%81%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ep%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eswiper-item%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eswiper%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ebr%3C%2Fspan%3E%2F%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ebr%3C%2Fspan%3E%2F%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Edivider%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%E5%8D%8E%E4%B8%BD%E7%9A%84%E5%88%86%E5%89%B2%E7%BA%BF%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Edivider%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup-title%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%E5%BE%AA%E7%8E%AF%E6%A8%A1%E5%BC%8F%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup-title%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eswiper%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eloop%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eauto%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Alist%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22demo06_list%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Aindex%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22demo06_index%22%3C%2Fspan%3E%20%40%3Cspan%20class%3D%22hljs-attr%22%3Eon-index-change%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22demo06_onIndexChange%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eswiper%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ep%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3Ecurrent%20index%3A%20%7B%7Bdemo06_index%7D%7D%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ep%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup-title%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%E5%BE%AA%E7%8E%AF%E6%A8%A1%E5%BC%8F%EF%BC%88%E5%8F%AA%E6%9C%89%E4%B8%A4%E4%B8%AA%E4%B8%94%E5%8F%AF%E7%82%B9%E5%87%BB%EF%BC%89%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup-title%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eswiper%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eloop%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eauto%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Alist%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22demo07_list%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Aindex%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22demo07_index%22%3C%2Fspan%3E%20%40%3Cspan%20class%3D%22hljs-attr%22%3Eon-index-change%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22demo07_onIndexChange%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Eswiper%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ep%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3Ecurrent%20index%3A%20%7B%7Bdemo07_index%7D%7D%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ep%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ediv%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Etemplate%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Escript%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22javascript%22%3E%0A%3Cspan%20class%3D%22hljs-keyword%22%3Eimport%3C%2Fspan%3E%20%7B%20Swiper%2C%20GroupTitle%2C%20SwiperItem%2C%20XButton%2C%20Divider%20%7D%20%3Cspan%20class%3D%22hljs-keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-string%22%3E'vux'%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22hljs-keyword%22%3Econst%3C%2Fspan%3E%20baseList%20%3D%20%5B%7B%0A%20%20%3Cspan%20class%3D%22hljs-attr%22%3Eurl%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-string%22%3E'javascript%3A'%3C%2Fspan%3E%2C%0A%20%20%3Cspan%20class%3D%22hljs-attr%22%3Eimg%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-string%22%3E'https%3A%2F%2Fww1.sinaimg.cn%2Flarge%2F663d3650gy1fq66vvsr72j20p00gogo2.jpg'%3C%2Fspan%3E%2C%0A%20%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-string%22%3E'%E9%80%81%E4%BD%A0%E4%B8%80%E6%9C%B5fua'%3C%2Fspan%3E%0A%7D%2C%20%7B%0A%20%20%3Cspan%20class%3D%22hljs-attr%22%3Eurl%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-string%22%3E'javascript%3A'%3C%2Fspan%3E%2C%0A%20%20%3Cspan%20class%3D%22hljs-attr%22%3Eimg%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-string%22%3E'https%3A%2F%2Fww1.sinaimg.cn%2Flarge%2F663d3650gy1fq66vw1k2wj20p00goq7n.jpg'%3C%2Fspan%3E%2C%0A%20%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-string%22%3E'%E9%80%81%E4%BD%A0%E4%B8%80%E8%BE%86%E8%BD%A6'%3C%2Fspan%3E%0A%7D%2C%20%7B%0A%20%20%3Cspan%20class%3D%22hljs-attr%22%3Eurl%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-string%22%3E'javascript%3A'%3C%2Fspan%3E%2C%0A%20%20%3Cspan%20class%3D%22hljs-attr%22%3Eimg%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-string%22%3E'https%3A%2F%2Fstatic.vux.li%2Fdemo%2F5.jpg'%3C%2Fspan%3E%2C%20%3Cspan%20class%3D%22hljs-comment%22%3E%2F%2F%20404%3C%2Fspan%3E%0A%20%20title%3A%20%3Cspan%20class%3D%22hljs-string%22%3E'%E9%80%81%E4%BD%A0%E4%B8%80%E6%AC%A1%E6%97%85%E8%A1%8C'%3C%2Fspan%3E%2C%0A%20%20%3Cspan%20class%3D%22hljs-attr%22%3EfallbackImg%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-string%22%3E'https%3A%2F%2Fww1.sinaimg.cn%2Flarge%2F663d3650gy1fq66vw50iwj20ff0aaaci.jpg'%3C%2Fspan%3E%0A%7D%5D%0A%0A%3Cspan%20class%3D%22hljs-keyword%22%3Econst%3C%2Fspan%3E%20imgList%20%3D%20%5B%0A%20%20%3Cspan%20class%3D%22hljs-string%22%3E'http%3A%2F%2Fplaceholder.qiniudn.com%2F800x300%2FFF3B3B%2Fffffff'%3C%2Fspan%3E%2C%0A%20%20%3Cspan%20class%3D%22hljs-string%22%3E'http%3A%2F%2Fplaceholder.qiniudn.com%2F800x300%2FFFEF7D%2Fffffff'%3C%2Fspan%3E%2C%0A%20%20%3Cspan%20class%3D%22hljs-string%22%3E'http%3A%2F%2Fplaceholder.qiniudn.com%2F800x300%2F8AEEB1%2Fffffff'%3C%2Fspan%3E%0A%5D%0A%0A%3Cspan%20class%3D%22hljs-keyword%22%3Econst%3C%2Fspan%3E%20urlList%20%3D%20baseList.map(%3Cspan%20class%3D%22hljs-function%22%3E(%3Cspan%20class%3D%22hljs-params%22%3Eitem%2C%20index%3C%2Fspan%3E)%20%3D%26gt%3B%3C%2Fspan%3E%20(%7B%0A%20%20%3Cspan%20class%3D%22hljs-attr%22%3Eurl%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-string%22%3E'http%3A%2F%2Fm.baidu.com'%3C%2Fspan%3E%2C%0A%20%20%3Cspan%20class%3D%22hljs-attr%22%3Eimg%3C%2Fspan%3E%3A%20item.img%2C%0A%20%20%3Cspan%20class%3D%22hljs-attr%22%3EfallbackImg%3C%2Fspan%3E%3A%20item.fallbackImg%2C%0A%20%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-string%22%3E%60(%E5%8F%AF%E7%82%B9%E5%87%BB)%3Cspan%20class%3D%22hljs-subst%22%3E%24%7Bitem.title%7D%3C%2Fspan%3E%60%3C%2Fspan%3E%0A%7D))%0A%0A%3Cspan%20class%3D%22hljs-keyword%22%3Econst%3C%2Fspan%3E%20demoList%20%3D%20imgList.map(%3Cspan%20class%3D%22hljs-function%22%3E(%3Cspan%20class%3D%22hljs-params%22%3Eone%2C%20index%3C%2Fspan%3E)%20%3D%26gt%3B%3C%2Fspan%3E%20(%7B%0A%20%20%3Cspan%20class%3D%22hljs-attr%22%3Eurl%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-string%22%3E'javascript%3A'%3C%2Fspan%3E%2C%0A%20%20%3Cspan%20class%3D%22hljs-attr%22%3Eimg%3C%2Fspan%3E%3A%20one%0A%7D))%0A%0A%3Cspan%20class%3D%22hljs-keyword%22%3Econst%3C%2Fspan%3E%20only2ClickList%20%3D%20baseList.slice(%3Cspan%20class%3D%22hljs-number%22%3E0%3C%2Fspan%3E%2C%20%3Cspan%20class%3D%22hljs-number%22%3E2%3C%2Fspan%3E).map(%3Cspan%20class%3D%22hljs-function%22%3E%3Cspan%20class%3D%22hljs-params%22%3Eitem%3C%2Fspan%3E%20%3D%26gt%3B%3C%2Fspan%3E%20%7B%0A%20%20item.url%20%3D%20%3Cspan%20class%3D%22hljs-string%22%3E'http%3A%2F%2Fm.baidu.com'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22hljs-keyword%22%3Ereturn%3C%2Fspan%3E%20item%0A%7D)%0A%0A%3Cspan%20class%3D%22hljs-keyword%22%3Eexport%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-keyword%22%3Edefault%3C%2Fspan%3E%20%7B%0A%20%20%3Cspan%20class%3D%22hljs-attr%22%3Ecomponents%3C%2Fspan%3E%3A%20%7B%0A%20%20%20%20Swiper%2C%0A%20%20%20%20SwiperItem%2C%0A%20%20%20%20GroupTitle%2C%0A%20%20%20%20XButton%2C%0A%20%20%20%20Divider%0A%20%20%7D%2C%0A%20%20ready%20()%20%7B%0A%0A%20%20%7D%2C%0A%20%20%3Cspan%20class%3D%22hljs-attr%22%3Emethods%3C%2Fspan%3E%3A%20%7B%0A%20%20%20%20onSwiperItemIndexChange%20(index)%20%7B%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-built_in%22%3Econsole%3C%2Fspan%3E.log(%3Cspan%20class%3D%22hljs-string%22%3E'demo%20item%20change'%3C%2Fspan%3E%2C%20index)%0A%20%20%20%20%7D%2C%0A%20%20%20%20demo01_onIndexChange%20(index)%20%7B%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-keyword%22%3Ethis%3C%2Fspan%3E.demo01_index%20%3D%20index%0A%20%20%20%20%7D%2C%0A%20%20%20%20demo05_onIndexChange%20(index)%20%7B%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-keyword%22%3Ethis%3C%2Fspan%3E.demo05_index%20%3D%20index%0A%20%20%20%20%7D%2C%0A%20%20%20%20demo05_onLoad%20(id)%20%7B%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-keyword%22%3Ethis%3C%2Fspan%3E.demo05_list%20%3D%20id%20%3D%3D%3D%20%3Cspan%20class%3D%22hljs-number%22%3E1%3C%2Fspan%3E%20%3F%20baseList%20%3A%20demoList%0A%20%20%20%20%7D%2C%0A%20%20%20%20demo06_onIndexChange%20(index)%20%7B%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-keyword%22%3Ethis%3C%2Fspan%3E.demo06_index%20%3D%20index%0A%20%20%20%20%7D%2C%0A%20%20%20%20demo07_onIndexChange%20(index)%20%7B%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-keyword%22%3Ethis%3C%2Fspan%3E.demo07_index%20%3D%20index%0A%20%20%20%20%7D%0A%20%20%7D%2C%0A%20%20data%20()%20%7B%0A%20%20%20%20%3Cspan%20class%3D%22hljs-keyword%22%3Ereturn%3C%2Fspan%3E%20%7B%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3Edemo01_list%3C%2Fspan%3E%3A%20baseList%2C%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3Edemo02_list%3C%2Fspan%3E%3A%20demoList%2C%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3Edemo03_list%3C%2Fspan%3E%3A%20demoList%2C%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3Edemo04_list%3C%2Fspan%3E%3A%20imgList%2C%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3Edemo05_list%3C%2Fspan%3E%3A%20%5B%5D%2C%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3Edemo06_list%3C%2Fspan%3E%3A%20urlList%2C%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3Edemo07_list%3C%2Fspan%3E%3A%20only2ClickList%2C%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3Edemo01_index%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-number%22%3E0%3C%2Fspan%3E%2C%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3Edemo02_index%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-number%22%3E1%3C%2Fspan%3E%2C%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3Edemo05_index%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-number%22%3E0%3C%2Fspan%3E%2C%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3Edemo06_index%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-number%22%3E0%3C%2Fspan%3E%2C%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3Edemo07_index%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-number%22%3E0%3C%2Fspan%3E%2C%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3EswiperItemIndex%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-number%22%3E1%3C%2Fspan%3E%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Escript%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Estyle%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Escoped%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22css%22%3E%0A%3Cspan%20class%3D%22hljs-selector-class%22%3E.copyright%3C%2Fspan%3E%20%7B%0A%20%20%3Cspan%20class%3D%22hljs-attribute%22%3Efont-size%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-number%22%3E12px%3C%2Fspan%3E%3B%0A%20%20%3Cspan%20class%3D%22hljs-attribute%22%3Ecolor%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-number%22%3E%23ccc%3C%2Fspan%3E%3B%0A%20%20%3Cspan%20class%3D%22hljs-attribute%22%3Etext-align%3C%2Fspan%3E%3A%20center%3B%0A%7D%0A%3Cspan%20class%3D%22hljs-selector-class%22%3E.text-scroll%3C%2Fspan%3E%20%7B%0A%20%20%3Cspan%20class%3D%22hljs-attribute%22%3Eborder%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-number%22%3E1px%3C%2Fspan%3E%20solid%20%3Cspan%20class%3D%22hljs-number%22%3E%23ddd%3C%2Fspan%3E%3B%0A%20%20%3Cspan%20class%3D%22hljs-attribute%22%3Eborder-left%3C%2Fspan%3E%3A%20none%3B%0A%20%20%3Cspan%20class%3D%22hljs-attribute%22%3Eborder-right%3C%2Fspan%3E%3A%20none%3B%0A%7D%0A%3Cspan%20class%3D%22hljs-selector-class%22%3E.text-scroll%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-selector-tag%22%3Ep%3C%2Fspan%3E%7B%0A%20%20%3Cspan%20class%3D%22hljs-attribute%22%3Efont-size%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-number%22%3E12px%3C%2Fspan%3E%3B%0A%20%20%3Cspan%20class%3D%22hljs-attribute%22%3Etext-align%3C%2Fspan%3E%3A%20center%3B%0A%20%20%3Cspan%20class%3D%22hljs-attribute%22%3Eline-height%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-number%22%3E30px%3C%2Fspan%3E%3B%0A%7D%0A%3Cspan%20class%3D%22hljs-selector-class%22%3E.black%3C%2Fspan%3E%20%7B%0A%20%20%3Cspan%20class%3D%22hljs-attribute%22%3Ebackground-color%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-number%22%3E%23000%3C%2Fspan%3E%3B%0A%7D%0A%3Cspan%20class%3D%22hljs-selector-class%22%3E.title%3C%2Fspan%3E%7B%0A%20%20%3Cspan%20class%3D%22hljs-attribute%22%3Eline-height%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-number%22%3E100px%3C%2Fspan%3E%3B%0A%20%20%3Cspan%20class%3D%22hljs-attribute%22%3Etext-align%3C%2Fspan%3E%3A%20center%3B%0A%20%20%3Cspan%20class%3D%22hljs-attribute%22%3Ecolor%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-number%22%3E%23fff%3C%2Fspan%3E%3B%0A%7D%0A%3Cspan%20class%3D%22hljs-selector-class%22%3E.animated%3C%2Fspan%3E%20%7B%0A%20%20%3Cspan%20class%3D%22hljs-attribute%22%3Eanimation-duration%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-number%22%3E1s%3C%2Fspan%3E%3B%0A%20%20%3Cspan%20class%3D%22hljs-attribute%22%3Eanimation-fill-mode%3C%2Fspan%3E%3A%20both%3B%0A%7D%0A%3Cspan%20class%3D%22hljs-selector-class%22%3E.vux-indicator%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-selector-class%22%3E.custom-bottom%3C%2Fspan%3E%20%7B%0A%20%20%3Cspan%20class%3D%22hljs-attribute%22%3Ebottom%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-number%22%3E30px%3C%2Fspan%3E%3B%0A%7D%0A%40-%3Cspan%20class%3D%22hljs-keyword%22%3Ewebkit%3C%2Fspan%3E-%3Cspan%20class%3D%22hljs-keyword%22%3Ekeyframes%3C%2Fspan%3E%20fadeInUp%20%7B%0A%20%20%3Cspan%20class%3D%22hljs-selector-tag%22%3Efrom%3C%2Fspan%3E%20%7B%0A%20%20%20%20%3Cspan%20class%3D%22hljs-attribute%22%3Eopacity%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-number%22%3E0%3C%2Fspan%3E%3B%0A%20%20%20%20%3Cspan%20class%3D%22hljs-attribute%22%3Etransform%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-built_in%22%3Etranslate3d%3C%2Fspan%3E(0%2C%20100%25%2C%200)%3B%0A%20%20%7D%0A%20%20100%25%20%7B%0A%20%20%20%20%3Cspan%20class%3D%22hljs-attribute%22%3Eopacity%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-number%22%3E1%3C%2Fspan%3E%3B%0A%20%20%20%20%3Cspan%20class%3D%22hljs-attribute%22%3Etransform%3C%2Fspan%3E%3A%20none%3B%0A%20%20%7D%0A%7D%0A%40%3Cspan%20class%3D%22hljs-keyword%22%3Ekeyframes%3C%2Fspan%3E%20fadeInUp%20%7B%0A%20%20%3Cspan%20class%3D%22hljs-selector-tag%22%3Efrom%3C%2Fspan%3E%20%7B%0A%20%20%20%20%3Cspan%20class%3D%22hljs-attribute%22%3Eopacity%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-number%22%3E0%3C%2Fspan%3E%3B%0A%20%20%20%20%3Cspan%20class%3D%22hljs-attribute%22%3Etransform%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-built_in%22%3Etranslate3d%3C%2Fspan%3E(0%2C%20100%25%2C%200)%3B%0A%20%20%7D%0A%20%20100%25%20%7B%0A%20%20%20%20%3Cspan%20class%3D%22hljs-attribute%22%3Eopacity%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-number%22%3E1%3C%2Fspan%3E%3B%0A%20%20%20%20%3Cspan%20class%3D%22hljs-attribute%22%3Etransform%3C%2Fspan%3E%3A%20none%3B%0A%20%20%7D%0A%7D%0A%3Cspan%20class%3D%22hljs-selector-class%22%3E.fadeInUp%3C%2Fspan%3E%20%7B%0A%20%20%3Cspan%20class%3D%22hljs-attribute%22%3Eanimation-name%3C%2Fspan%3E%3A%20fadeInUp%3B%0A%7D%0A%3Cspan%20class%3D%22hljs-selector-class%22%3E.swiper-demo-img%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-selector-tag%22%3Eimg%3C%2Fspan%3E%20%7B%0A%20%20%3Cspan%20class%3D%22hljs-attribute%22%3Ewidth%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-number%22%3E100%25%3C%2Fspan%3E%3B%0A%7D%0A%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Estyle%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E`)\n\n  const domainMap = {\n    'development': 'http://localhost:8080/',\n    'production': 'https://vux.li/demos/v2/'\n  }\n\n  export default {\n    head: {\n      title: 'Swiper component tutorial | VUX - Vue.js Mobile UI Component Framework',\n      meta: [{\n        name: 'description',\n        content: 'Vue component swiper for the VUX framework.'\n      }, {\n        name: 'keywords',\n        content: 'swiper, vue-swiper, vux-swiper, vue mobile components'\n      }, {\n        property: 'og:title',\n        content: 'Swiper component tutorial | VUX - Vue.js Mobile UI Component Framework'\n      }, {\n        property: 'og:description',\n        content: 'Vue component swiper for the VUX framework.'\n      }],\n      // https://support.google.com/webmasters/answer/189077?hl=en\n      link: [{\"rel\":\"alternate\",\"hreflang\":\"zh-CN\",\"href\":\"/zh-CN/components/swiper.html\"}],\n      script: [\n        {\n          innerHTML:'{\"@context\":\"http://schema.org/\",\"@type\":\"SoftwareApplication\",\"name\":\"Vue Component swiper\",\"screenshot\":\"\",\"description\":\"Vue.js component for VUX\",\"url\":\"/en/components/swiper.html\",\"applicationCategory\":\"Component\",\"author\":{\"@type\":\"Organization\",\"name\":\"VUX\",\"url\":\"https://vux.li\"},\"downloadUrl\":\"https://vux.li\",\"softwareVersion\":\"2.9.2\",\"aggregateRating\":{\"@type\":\"AggregateRating\",\"ratingValue\":5,\"reviewCount\":45},\"operatingSystem\":\"iOS >= 7, Android >= 4.1\",\"offers\":{\"@type\":\"Offer\",\"price\":0,\"priceCurrency\":\"USD\",\"availability\":\"http://schema.org/InStock\"}}',\n          type: 'application/ld+json'\n        }\n      ],\n      __dangerouslyDisableSanitizers: ['script']\n    },\n    filters: {\n      parseCode (str) {\n        return str.replace(/`(.*?)`/g, '<code>$1</code>')\n      }\n    },\n    async mounted () {\n      const rs = await Axios.get('https://api.github.com/search/issues?q=repo:airyland/vux%20label:component/' + this.componentName)\n      this.issues = rs.data.items\n      this.hasReady = true\n    },\n    watch: {\n      async sourceCodeDialogVisibility (val) {\n        if (val) {\n          await this.$nextTick()\n          const mask = document.querySelector('.v-modal')\n          mask && mask.addEventListener('click', () => {\n            this.sourceCodeDialogVisibility = false\n          })\n        }\n      }\n    },\n    methods: {\n      onCopyError () {\n        this.$message({\n          type: 'error',\n          message: 'copy fail!'\n        })\n      },\n      onCopy () {\n        this.$message({\n          type: 'success',\n          message: 'copy done!'\n        })\n      },\n      showSourceCode () {\n        this.sourceCodeDialogVisibility = true\n      },\n      getTypeHTML (type) {\n        type = type || 'String'\n        if (/,/.test(type)) {\n          const list = type.split(',').map(function (one) {\n            return one.replace(/^s+|s+$/g, '')\n          }).map(function (one) {\n            const type = one ?  one.toLowerCase() : 'string'\n            return '<span class=\"type\">' + type + '</span>'\n          })\n          return list.join('<br>')\n        } else {\n          type = type ?  type.toLowerCase() : 'string'\n          return '<span class=\"type\">' + type + '</span>'\n        }\n      }\n    },\n    computed: {\n      lang () {\n        if (this.$route.path.indexOf('/en/') !== -1) {\n          return 'en'\n        }\n        if (this.$route.path.indexOf('/zh-CN/') !== -1) {\n          return 'zh-CN'\n        }\n        return 'en'\n      }\n    },\n    data () {\n      return {\n        demos,\n        isBeta: false,\n        hasReady: false,\n        issues: [],\n        componentName: 'swiper',\n        demoCode,\n        sourceCodeDialogVisibility: false,\n        showQr: false,\n        metas: metas,\n        gitMetas,\n        componentList,\n        localImportCode: `import { Swiper } from 'vux'\n\nexport default {\n  components: {\n    Swiper\n  }\n}`,\n        globalImportCode: `// you can also register globally\n\nimport Vue from 'vue'\nimport { Swiper } from 'vux'\n\nVue.component('swiper', Swiper)\n`,\n        needImport: true,\n        toc: [],\n        domain: domainMap[process.env.NODE_ENV]\n      }\n    }\n  }\n  </script>\n\n  <style>\n  .component-box {\n    position: relative;\n  }\n  .component-demo {\n    position: absolute;\n    right: 5px;\n    top: 15px;\n  }\n  .prop-color {\n    display: inline-block;\n    width: 10px;\n    height: 10px;\n    border: 1px solid #aaa;\n  }\n  .changelog-version {\n    width: 110px;\n    display: inline-block;\n  }\n  .component-extra-links {\n    position: relative;\n    font-size: 12px;\n  }\n  .component-extra-links a {\n    padding-right: 10px;\n    color: #999;\n  }\n  </style>\n    \n\n\n// WEBPACK FOOTER //\n// swiper.vue?7aa8a277","exports = module.exports = require(\"../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \".component-box{position:relative}.component-demo{position:absolute;right:5px;top:15px}.prop-color{display:inline-block;width:10px;height:10px;border:1px solid #aaa}.changelog-version{width:110px;display:inline-block}.component-extra-links{position:relative;font-size:12px}.component-extra-links a{padding-right:10px;color:#999}\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader?{\"autoprefixer\":false,\"sourceMap\":false,\"minimize\":true}!./~/ream/~/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-2ff3b03e\",\"scoped\":false,\"hasInlineConfig\":true}!./~/ream/~/vue-loader/lib/selector.js?type=styles&index=0!./en/components/swiper.vue\n// module id = 1687\n// module chunks = 106","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../node_modules/css-loader/index.js?{\\\"autoprefixer\\\":false,\\\"sourceMap\\\":false,\\\"minimize\\\":true}!../../node_modules/ream/node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-2ff3b03e\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":true}!../../node_modules/ream/node_modules/vue-loader/lib/selector.js?type=styles&index=0!./swiper.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = require(\"!../../node_modules/vue-style-loader/lib/addStylesClient.js\")(\"2bca9963\", content, false);\n// Hot Module Replacement\nif(module.hot) {\n // When the styles change, update the <style> tags\n if(!content.locals) {\n   module.hot.accept(\"!!../../node_modules/css-loader/index.js?{\\\"autoprefixer\\\":false,\\\"sourceMap\\\":false,\\\"minimize\\\":true}!../../node_modules/ream/node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-2ff3b03e\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":true}!../../node_modules/ream/node_modules/vue-loader/lib/selector.js?type=styles&index=0!./swiper.vue\", function() {\n     var newContent = require(\"!!../../node_modules/css-loader/index.js?{\\\"autoprefixer\\\":false,\\\"sourceMap\\\":false,\\\"minimize\\\":true}!../../node_modules/ream/node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-2ff3b03e\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":true}!../../node_modules/ream/node_modules/vue-loader/lib/selector.js?type=styles&index=0!./swiper.vue\");\n     if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n     update(newContent);\n   });\n }\n // When the module is disposed, remove the <style> tags\n module.hot.dispose(function() { update(); });\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/extract-text-webpack-plugin/loader.js?{\"omit\":1,\"remove\":true}!./~/vue-style-loader!./~/css-loader?{\"autoprefixer\":false,\"sourceMap\":false,\"minimize\":true}!./~/ream/~/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-2ff3b03e\",\"scoped\":false,\"hasInlineConfig\":true}!./~/ream/~/vue-loader/lib/selector.js?type=styles&index=0!./en/components/swiper.vue\n// module id = 1849\n// module chunks = 106","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"component-box\",\n    class: _vm.demos.length ? 'components-with-toc' : ''\n  }, [_c('div', {\n    class: _vm.demos.length ? 'component-header-v2' : 'component-header-v1'\n  }, [_c('a', {\n    staticClass: \"anchor\",\n    attrs: {\n      \"id\": \"intro\"\n    }\n  }, [_vm._v(\"Swiper\")]), _c('div', {\n    staticClass: \"title-box\"\n  }, [(_vm.isBeta) ? _c('el-badge', {\n    attrs: {\n      \"value\": \"Beta\"\n    }\n  }, [_c('h1', {\n    staticClass: \"vux-component-name\"\n  }, [_vm._v(\"Swiper\")])]) : _c('h1', {\n    staticClass: \"vux-component-name\"\n  }, [_vm._v(\"Swiper\")]), _c('p', {\n    staticClass: \"component-extra-links\"\n  }, [_c('a', {\n    attrs: {\n      \"href\": \"https://vux.li/demos/v2/#/component/swiper\",\n      \"target\": \"_blank\"\n    }\n  }, [_vm._v(\"demo url\")]), (!_vm.demos.length) ? _c('a', {\n    attrs: {\n      \"href\": \"https://github.com/airyland/vux/blob/v2/src/demos/Swiper.vue\",\n      \"target\": \"_blank\"\n    },\n    on: {\n      \"click\": function($event) {\n        $event.preventDefault();\n        _vm.showSourceCode($event)\n      }\n    }\n  }, [_vm._v(\"demo source code\")]) : _vm._e(), _c('a', {\n    attrs: {\n      \"href\": \"https://github.com/airyland/vux/blob/v2/src/components/swiper/metas.yml\",\n      \"target\": \"_blank\"\n    }\n  }, [_vm._v(\"edit document\")]), _c('a', {\n    attrs: {\n      \"href\": \"https://github.com/airyland/vux/blob/v2/src/components/swiper/\",\n      \"target\": \"_blank\"\n    }\n  }, [_vm._v(\"component source code\")]), (_vm.hasReady) ? _c('el-popover', {\n    attrs: {\n      \"trigger\": \"hover\"\n    }\n  }, [_c('div', {\n    staticStyle: {\n      \"width\": \"100%\",\n      \"text-align\": \"center\"\n    }\n  }, [_c('img', {\n    staticClass: \"qr\",\n    attrs: {\n      \"width\": \"100\",\n      \"src\": \"https://qr.vux.li/api.php?text=https%3A%2F%2Fvux.li%2Fdemos%2Fv2%2F%23%2Fcomponent%2Fswiper\"\n    }\n  })]), _c('a', {\n    attrs: {\n      \"href\": \"javascript:\"\n    },\n    slot: \"reference\"\n  }, [_vm._v(\"\\n              view demos on mobile\\n              \")])]) : _vm._e()], 1), _c('div', {\n    staticClass: \"component-description\"\n  }, [(false) ? void 0 : _vm._e()], 2)], 1), (!_vm.demos.length) ? _c('div', {\n    staticClass: \"component-demo\",\n    staticStyle: {\n      \"width\": \"377px\",\n      \"height\": \"600px\",\n      \"display\": \"inline-block\",\n      \"border\": \"1px solid #ececec\",\n      \"border-radius\": \"5px\",\n      \"overflow\": \"hidden\",\n      \"z-index\": \"2500\"\n    }\n  }, [_c('iframe', {\n    attrs: {\n      \"src\": \"https://vux.li/demos/v2?locale=en&transition=none/#/component/swiper\",\n      \"width\": \"375\",\n      \"height\": \"600\",\n      \"border\": \"0\",\n      \"frameborder\": \"0\"\n    }\n  })], 1) : _vm._e(), _c('div', {\n    staticClass: \"toc\"\n  }, _vm._l((_vm.toc), function(t) {\n    return _c('ul', [_c('li', [_c('a', {\n      attrs: {\n        \"href\": '#' + (t.anchor || t.title)\n      }\n    }, [_vm._v(_vm._s(t.title))]), _vm._l((t.list), function(_t) {\n      return (t.list) ? _c('ul', [_c('li', [_c('a', {\n        attrs: {\n          \"href\": '#' + _t.anchor\n        }\n      }, [_vm._v(_vm._s(_t.title.slice(0, 12)))])])]) : _vm._e()\n    })], 2)])\n  })), (_vm.needImport) ? [_c('a', {\n    staticClass: \"anchor\",\n    attrs: {\n      \"id\": \"install\"\n    }\n  }, [_vm._v(\"Install\")]), _c('h2', [_vm._v(\"Install\")]), _c('el-tabs', [_c('el-tab-pane', {\n    attrs: {\n      \"label\": \"Local Registration\"\n    }\n  }, [_c('div', {\n    staticClass: \"import-code-box\"\n  }, [_c('el-tooltip', {\n    attrs: {\n      \"content\": \"click to copy\",\n      \"placement\": \"top\"\n    }\n  }, [_c('span', {\n    directives: [{\n      name: \"clipboard\",\n      rawName: \"v-clipboard:copy\",\n      value: (_vm.localImportCode),\n      expression: \"localImportCode\",\n      arg: \"copy\"\n    }, {\n      name: \"clipboard\",\n      rawName: \"v-clipboard:success\",\n      value: (_vm.onCopy),\n      expression: \"onCopy\",\n      arg: \"success\"\n    }, {\n      name: \"clipboard\",\n      rawName: \"v-clipboard:error\",\n      value: (_vm.onCopyError),\n      expression: \"onCopyError\",\n      arg: \"error\"\n    }]\n  }, [_c('el-icon', {\n    staticClass: \"el-icon-document\"\n  })], 1)]), _c('pre', {\n    staticClass: \"hljs\"\n  }, [_c('code', [_c('span', {\n    staticClass: \"hljs-keyword\"\n  }, [_vm._v(\"import\")]), _vm._v(\" { Swiper } \"), _c('span', {\n    staticClass: \"hljs-keyword\"\n  }, [_vm._v(\"from\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"'vux'\")]), _vm._v(\"\\n\\n\"), _c('span', {\n    staticClass: \"hljs-keyword\"\n  }, [_vm._v(\"export\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-keyword\"\n  }, [_vm._v(\"default\")]), _vm._v(\" {\\n  \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"components\")]), _vm._v(\": {\\n    Swiper\\n  }\\n}\")])])], 1)]), _c('el-tab-pane', {\n    attrs: {\n      \"label\": \"Global Registration\"\n    }\n  }, [_c('div', {\n    staticClass: \"import-code-box\"\n  }, [_c('el-tooltip', {\n    attrs: {\n      \"content\": \"click to copy\",\n      \"placement\": \"top\"\n    }\n  }, [_c('span', {\n    directives: [{\n      name: \"clipboard\",\n      rawName: \"v-clipboard:copy\",\n      value: (_vm.globalImportCode),\n      expression: \"globalImportCode\",\n      arg: \"copy\"\n    }, {\n      name: \"clipboard\",\n      rawName: \"v-clipboard:success\",\n      value: (_vm.onCopy),\n      expression: \"onCopy\",\n      arg: \"success\"\n    }, {\n      name: \"clipboard\",\n      rawName: \"v-clipboard:error\",\n      value: (_vm.onCopyError),\n      expression: \"onCopyError\",\n      arg: \"error\"\n    }]\n  }, [_c('el-icon', {\n    staticClass: \"el-icon-document\"\n  })], 1)]), _c('pre', {\n    staticClass: \"hljs\"\n  }, [_c('code', [_c('span', {\n    staticClass: \"hljs-comment\"\n  }, [_vm._v(\"// you can also register globally\")]), _vm._v(\"\\n\\n\"), _c('span', {\n    staticClass: \"hljs-keyword\"\n  }, [_vm._v(\"import\")]), _vm._v(\" Vue \"), _c('span', {\n    staticClass: \"hljs-keyword\"\n  }, [_vm._v(\"from\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"'vue'\")]), _vm._v(\"\\n\"), _c('span', {\n    staticClass: \"hljs-keyword\"\n  }, [_vm._v(\"import\")]), _vm._v(\" { Swiper } \"), _c('span', {\n    staticClass: \"hljs-keyword\"\n  }, [_vm._v(\"from\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"'vux'\")]), _vm._v(\"\\n\\nVue.component(\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"'swiper'\")]), _vm._v(\", Swiper)\\n\")])])], 1)])], 1)] : [_c('div', {\n    staticClass: \"tip\"\n  }, [_c('p', [_vm._v(\"You don't need to import this component.\")])])], (_vm.metas.tip) ? _c('div', {\n    staticClass: \"tip\",\n    staticStyle: {\n      \"width\": \"600px\"\n    }\n  }) : _vm._e(), (_vm.metas.example) ? _c('h2', [_vm._v(\"example\")]) : _vm._e(), (_vm.metas.example) ? _c('div', {\n    staticStyle: {\n      \"width\": \"600px\"\n    }\n  }) : _vm._e()], 2), (_vm.metas.extra && _vm.metas.extra['en']) ? _c('div') : _vm._e(), (_vm.metas.extra && !_vm.metas.extra['en']) ? _c('div', [_vm._m(0), _vm._m(1)]) : _vm._e(), (_vm.demos.length) ? _c('a', {\n    staticClass: \"anchor\",\n    attrs: {\n      \"id\": \"examples\"\n    }\n  }, [_vm._v(\"Examples\")]) : _vm._e(), _c('br'), _vm._l((_vm.demos), function(demo) {\n    return (_vm.demos.length) ? [_c('a', {\n      staticClass: \"anchor\",\n      attrs: {\n        \"id\": 'examples:' + demo.title\n      }\n    }, [_vm._v(_vm._s(demo.title))]), _c('br'), _c('div', {\n      staticClass: \"demo-header\"\n    }, [_c('span', {\n      staticClass: \"demo-title\"\n    }, [_vm._v(_vm._s(demo.title))])]), _c('div', {\n      staticClass: \"demos\",\n      style: ({\n        height: demo.height\n      })\n    }, [_c('div', {\n      staticClass: \"demo-iframe-box\"\n    }, [_c('lazy-component', [_c('iframe', {\n      staticStyle: {\n        \"margin\": \"0 auto\"\n      },\n      attrs: {\n        \"src\": _vm.domain + '?no-background-color=' + demo.noBackgroundColor + '&locale=en&transition=none&hide-nav=true&hide-tab-bar=true#/components/' + demo.file,\n        \"width\": \"375\",\n        \"height\": \"600\",\n        \"border\": \"0\",\n        \"frameborder\": \"0\"\n      }\n    })], 1)], 1), _c('div', {\n      staticClass: \"demo-code-box\",\n      style: ({\n        overflow: demo.height === demo.oriHeight ? 'hidden' : 'scroll'\n      })\n    }, [_c('div', {\n      attrs: {\n        \"contenteditable\": \"\"\n      },\n      domProps: {\n        \"innerHTML\": _vm._s(demo.code)\n      }\n    }), (demo.height === demo.oriHeight) ? _c('div', {\n      staticClass: \"demo-code-masker\",\n      on: {\n        \"click\": function($event) {\n          demo.height = 'auto'\n        }\n      }\n    }, [_c('div', [_c('img', {\n      staticClass: \"demo-qr\",\n      attrs: {\n        \"width\": \"100\",\n        \"src\": 'https://qr.vux.li/api.php?text=' + encodeURIComponent(_vm.domain + '?locale=en#/components/' + demo.file)\n      }\n    }), _c('br'), _c('span', [_c('el-icon', {\n      staticClass: \"el-icon-arrow-left\"\n    }), _c('el-icon', {\n      staticClass: \"el-icon-arrow-right\"\n    }), _vm._v(\"\\n                    Show code\\n                  \"), _c('br')], 1)])]) : _vm._e(), (demo.height === 'auto') ? _c('span', {\n      staticClass: \"hide-code\",\n      on: {\n        \"click\": function($event) {\n          demo.height = demo.oriHeight\n        }\n      }\n    }, [_c('el-icon', {\n      staticClass: \"el-icon-close\"\n    })], 1) : _vm._e()])])] : _vm._e()\n  }), _vm._l((_vm.componentList), function(component) {\n    return [_c('div', [(_vm.componentList.length > 1) ? _c('a', {\n      staticClass: \"anchor\",\n      attrs: {\n        \"id\": 'components:' + component.name\n      }\n    }, [_vm._v(_vm._s(component.name))]) : _c('a', {\n      staticClass: \"anchor\",\n      attrs: {\n        \"id\": \"api\"\n      }\n    }, [_vm._v(\"API\")]), _c('br'), _c('h2', {\n      directives: [{\n        name: \"show\",\n        rawName: \"v-show\",\n        value: (_vm.componentList.length > 1),\n        expression: \"componentList.length > 1\"\n      }],\n      staticClass: \"vux-component-name-sub-item\"\n    }, [_vm._v(_vm._s(component.name))]), (component.meta.items && component.meta.description) ? [_c('div', {\n      domProps: {\n        \"innerHTML\": _vm._s(component.meta.description)\n      }\n    })] : _vm._e(), (component.meta.props) ? [_c('h2', [_vm._v(\"Props\")]), _c('table', [_vm._m(2, true), _c('tbody', _vm._l((component.meta.props), function(prop, i) {\n      return _c('tr', [_c('td', {\n        staticClass: \"prop-name\"\n      }, [_c('el-tooltip', {\n        attrs: {\n          \"content\": \"click to copy\",\n          \"placement\": \"left\",\n          \"hide-after\": 0,\n          \"open-delay\": 50\n        }\n      }, [_c('span', {\n        directives: [{\n          name: \"clipboard\",\n          rawName: \"v-clipboard:copy\",\n          value: (i),\n          expression: \"i\",\n          arg: \"copy\"\n        }, {\n          name: \"clipboard\",\n          rawName: \"v-clipboard:success\",\n          value: (_vm.onCopy),\n          expression: \"onCopy\",\n          arg: \"success\"\n        }]\n      }, [_vm._v(_vm._s(i))])])], 1), _c('td', {\n        domProps: {\n          \"innerHTML\": _vm._s(_vm.getTypeHTML(prop.type))\n        }\n      }), _c('td', [_vm._v(_vm._s(prop.default))]), _c('td', {\n        domProps: {\n          \"innerHTML\": _vm._s(prop['en'].replace(/`(.*?)`/g, '<code>$1</code>'))\n        }\n      }), _c('td', [_vm._v(_vm._s(prop.version || '--'))])])\n    }))])] : _vm._e(), (component.meta.events) ? [_c('h2', [_vm._v(\"Events\")]), _c('table', [_vm._m(3, true), _c('tbody', _vm._l((component.meta.events), function(event, i) {\n      return _c('tr', [_c('td', {\n        staticClass: \"prop-name\"\n      }, [_c('el-tooltip', {\n        attrs: {\n          \"content\": \"click to copy\",\n          \"placement\": \"left\",\n          \"hide-after\": 0,\n          \"open-delay\": 50\n        }\n      }, [_c('span', {\n        directives: [{\n          name: \"clipboard\",\n          rawName: \"v-clipboard:copy\",\n          value: ('@' + i),\n          expression: \"'@' + i\",\n          arg: \"copy\"\n        }, {\n          name: \"clipboard\",\n          rawName: \"v-clipboard:success\",\n          value: (_vm.onCopy),\n          expression: \"onCopy\",\n          arg: \"success\"\n        }]\n      }, [_vm._v(\"@\" + _vm._s(i))])])], 1), _c('td', {\n        domProps: {\n          \"innerHTML\": _vm._s(event.params ? event.params.replace(/`(.*?)`/g, '<code>$1</code>') : '--')\n        }\n      }), _c('td', {\n        domProps: {\n          \"innerHTML\": _vm._s(event['en'] ? event['en'].replace(/`(.*?)`/g, '<code>$1</code>') : '--')\n        }\n      }), _c('td', [_vm._v(_vm._s(event['version'] || '--'))])])\n    }))])] : _vm._e(), (component.meta.slots) ? [_c('h2', [_vm._v(\"Slots\")]), _c('table', [_vm._m(4, true), _c('tbody', _vm._l((component.meta.slots), function(slot, i) {\n      return _c('tr', {\n        class: {\n          'slot-disabled': slot['status'] === 'deprecated'\n        }\n      }, [_c('td', {\n        staticClass: \"prop-name\"\n      }, [_c('el-tooltip', {\n        attrs: {\n          \"content\": \"click to copy\",\n          \"placement\": \"left\",\n          \"hide-after\": 0,\n          \"open-delay\": 50\n        }\n      }, [_c('span', {\n        directives: [{\n          name: \"clipboard\",\n          rawName: \"v-clipboard:copy\",\n          value: (i),\n          expression: \"i\",\n          arg: \"copy\"\n        }, {\n          name: \"clipboard\",\n          rawName: \"v-clipboard:success\",\n          value: (_vm.onCopy),\n          expression: \"onCopy\",\n          arg: \"success\"\n        }]\n      }, [_vm._v(_vm._s(i === 'default' ? 'default' : i))])])], 1), _c('td', {\n        domProps: {\n          \"innerHTML\": _vm._s(slot['en'] ? slot['en'].replace(/`(.*?)`/g, '<code>$1</code>') : '')\n        }\n      }), _c('td', [_vm._v(_vm._s(slot['version'] || '--'))])])\n    }))])] : _vm._e(), (component.meta.methods) ? [_c('h2', [_vm._v(\"Functions\")]), _c('table', [_vm._m(5, true), _c('tbody', _vm._l((component.meta.methods), function(method, i) {\n      return _c('tr', [_c('td', {\n        staticClass: \"prop-name\"\n      }, [_c('el-tooltip', {\n        attrs: {\n          \"content\": \"click to copy\",\n          \"placement\": \"left\",\n          \"hide-after\": 0,\n          \"open-delay\": 50\n        }\n      }, [_c('span', {\n        directives: [{\n          name: \"clipboard\",\n          rawName: \"v-clipboard:copy\",\n          value: (i),\n          expression: \"i\",\n          arg: \"copy\"\n        }, {\n          name: \"clipboard\",\n          rawName: \"v-clipboard:success\",\n          value: (_vm.onCopy),\n          expression: \"onCopy\",\n          arg: \"success\"\n        }]\n      }, [_vm._v(_vm._s(i))])])], 1), _c('td', {\n        domProps: {\n          \"innerHTML\": _vm._s(method['params'] ? method['params'].replace(/`(.*?)`/g, '<code>$1</code>') : '')\n        }\n      }), _c('td', {\n        domProps: {\n          \"innerHTML\": _vm._s(method['en'].replace(/`(.*?)`/g, '<code>$1</code>'))\n        }\n      }), _c('td', [_vm._v(_vm._s(method['version']))])])\n    }))])] : _vm._e(), (component.meta.variables) ? [_c('a', {\n      staticClass: \"anchor\",\n      attrs: {\n        \"id\": \"variables\"\n      }\n    }, [_vm._v(\"Variables\")]), _c('br'), _c('h2', [_vm._v(\"Variables\")]), _c('table', [_vm._m(6, true), _c('tbody', _vm._l((component.meta.variables), function(variable, i) {\n      return _c('tr', [_c('td', {\n        staticClass: \"prop-name\"\n      }, [_c('el-tooltip', {\n        attrs: {\n          \"content\": \"click to copy\",\n          \"placement\": \"left\",\n          \"hide-after\": 0,\n          \"open-delay\": 50\n        }\n      }, [_c('span', {\n        directives: [{\n          name: \"clipboard\",\n          rawName: \"v-clipboard:copy\",\n          value: ('@' + variable.name),\n          expression: \"'@' + variable.name\",\n          arg: \"copy\"\n        }, {\n          name: \"clipboard\",\n          rawName: \"v-clipboard:success\",\n          value: (_vm.onCopy),\n          expression: \"onCopy\",\n          arg: \"success\"\n        }]\n      }, [_vm._v(\"@\" + _vm._s(variable.name))])])], 1), _c('td', [(!_vm.$refs['propColor' + i] || (_vm.$refs['propColor' + i][0] && _vm.$refs['propColor' + i][0].style.backgroundColor)) ? _c('em', {\n        ref: 'propColor' + i,\n        refInFor: true,\n        staticClass: \"prop-color\",\n        style: ({\n          backgroundColor: variable.value\n        })\n      }) : _vm._e(), _vm._v(\"\\n                    \" + _vm._s(variable.value) + \"\\n                  \")]), _c('td', [_vm._v(_vm._s(variable['desc']['en'] || '--'))]), _c('td', [_vm._v(_vm._s(variable.inherited_name))])])\n    }))])] : _vm._e(), (component.meta.tips && component.meta.tips['en']) ? [_c('a', {\n      staticClass: \"anchor\",\n      attrs: {\n        \"id\": \"tips\"\n      }\n    }, [_vm._v(\"Tips\")]), _c('br'), _c('h2', [_vm._v(\"Tips\")]), _c('div', [_c('ul', _vm._l((component.meta.tips['en']), function(tip) {\n      return _c('li', [_c('el-tag', {\n        staticClass: \"component-tip-tag\",\n        attrs: {\n          \"size\": \"mini\",\n          \"type\": \"success\"\n        }\n      }, [_vm._v(\"Q\")]), _c('span', {\n        staticClass: \"component-tip-question\"\n      }, [_vm._v(_vm._s(tip.q))]), _c('div', {\n        staticClass: \"tip-answer-box\",\n        domProps: {\n          \"innerHTML\": _vm._s(tip.a)\n        }\n      })], 1)\n    }))])] : _vm._e()], 2)]\n  }), _c('br'), (_vm.issues.length) ? _c('div', [_c('a', {\n    staticClass: \"anchor\",\n    attrs: {\n      \"id\": \"Issues\"\n    }\n  }, [_vm._v(\"Issues\")]), _c('br'), _c('h2', [_vm._v(\"Related issues\")]), _c('ul', _vm._l((_vm.issues), function(issue) {\n    return _c('li', [_c('a', {\n      attrs: {\n        \"target\": \"_blank\",\n        \"href\": issue.html_url\n      }\n    }, [_vm._v(\"#\" + _vm._s(issue.number) + \" \"), _c('span', {\n      staticStyle: {\n        \"color\": \"#666\"\n      }\n    }, [_vm._v(_vm._s(issue.title))])])])\n  }))]) : _vm._e(), _c('br'), (_vm.gitMetas) ? _c('div', [_c('a', {\n    staticClass: \"anchor\",\n    attrs: {\n      \"id\": \"contributors\"\n    }\n  }, [_vm._v(\"Contributors\")]), _c('h2', [_vm._v(\"Contributors\")]), _c('p', [_vm._v(\"Total commits quantity: \" + _vm._s(_vm.gitMetas.commitCount) + \"，Total contributors quantity: \" + _vm._s(_vm.gitMetas.commitUniqueCount) + \"\\n        \")]), _vm._l((_vm.gitMetas.commitMembers), function(person) {\n    return _c('a', {\n      staticClass: \"contributor-item\",\n      attrs: {\n        \"href\": 'https://github.com/' + person.authorName,\n        \"target\": \"_blank\",\n        \"title\": 'contribute' + person.count\n      }\n    }, [_vm._v(_vm._s(person.authorName))])\n  })], 2) : _vm._e(), _c('br'), (_vm.metas.changes) ? _c('div', [_c('a', {\n    staticClass: \"anchor\",\n    attrs: {\n      \"id\": \"changelog\"\n    }\n  }, [_vm._v(\"Changelog\")]), _c('br'), _c('h2', [_vm._v(\"Releases\")]), (_vm.metas.changes) ? _c('ul', [_vm._l((_vm.metas.changes), function(changelog, version) {\n    return _vm._l((changelog['en']), function(log) {\n      return _c('li', [_c('router-link', {\n        staticClass: \"changelog-version\",\n        attrs: {\n          \"to\": '/en/changelog/' + version + '.html'\n        }\n      }, [_vm._v(_vm._s(version))]), _vm._v(\" \" + _vm._s(log) + \"\\n            \")], 1)\n    })\n  })], 2) : _vm._e()]) : _vm._e(), (_vm.metas.references) ? _c('h2', [_vm._v(\"Referrences\")]) : _vm._e(), (_vm.metas.references) ? _c('ul', _vm._l((_vm.metas.references['en']), function(link) {\n    return _c('li', [_c('a', {\n      attrs: {\n        \"href\": link.link,\n        \"target\": \"_blank\"\n      }\n    }, [_vm._v(_vm._s(link.title))])])\n  })) : _vm._e(), _c('el-dialog', {\n    staticClass: \"sourcec-code-dialog\",\n    attrs: {\n      \"top\": \"0\",\n      \"width\": \"80%\",\n      \"visible\": _vm.sourceCodeDialogVisibility\n    },\n    on: {\n      \"update:visible\": function($event) {\n        _vm.sourceCodeDialogVisibility = $event\n      }\n    }\n  }, [_c('div', {\n    staticClass: \"code-box\",\n    attrs: {\n      \"contenteditable\": \"\"\n    },\n    domProps: {\n      \"innerHTML\": _vm._s(_vm.demoCode)\n    }\n  })])], 2)\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"tip\"\n  }, [_c('p', [_c('code', [_vm._v(\"list\")]), _vm._v(\"为图片列表快捷设置，如果你需要自定义一些样式，或者内容并不为纯图片，可以引用\"), _c('code', [_vm._v(\"swiper-item\")]), _vm._v(\"组件来自定义。\\n\"), _c('br'), _c('code', [_vm._v(\"list\")]), _vm._v(\" 格式如下\\n\"), _c('br')]), _c('pre', {\n    staticClass: \"hljs\"\n  }, [_c('code', [_vm._v(\"[{\\n  \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"url\")]), _vm._v(\": \"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"'javascript:'\")]), _vm._v(\",\\n  \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"img\")]), _vm._v(\": \"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"'https://static.vux.li/demo/1.jpg'\")]), _vm._v(\",\\n  \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"title\")]), _vm._v(\": \"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"'送你一朵fua'\")]), _vm._v(\"\\n}, {\\n  \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"url\")]), _vm._v(\": \"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"'javascript:'\")]), _vm._v(\",\\n  \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"img\")]), _vm._v(\": \"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"'https://static.vux.li/demo/5.jpg'\")]), _vm._v(\",\\n  \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"title\")]), _vm._v(\": \"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"'送你一次旅行'\")]), _vm._v(\",\\n  \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"fallbackImg\")]), _vm._v(\": \"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"'https://static.vux.li/demo/3.jpg'\")]), _vm._v(\"\\n}]\\n\")])]), _c('p', [_c('code', [_vm._v(\"fallbackImg\")]), _vm._v(\" 在 \"), _c('code', [_vm._v(\"v2.5.13\")]), _vm._v(\" 支持，它将在 \"), _c('code', [_vm._v(\"img\")]), _vm._v(\" 加载失败时显示，注意的是 \"), _c('code', [_vm._v(\"fallbackImg\")]), _vm._v(\" 可能会在 \"), _c('code', [_vm._v(\"img\")]), _vm._v(\" 加载成功时也进行了加载，只是不会显示（取决于浏览器实现）。\")])])\n},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"warning\"\n  }, [_c('p', [_vm._v(\"不要在\"), _c('code', [_vm._v(\"swiper\")]), _vm._v(\"里嵌套\"), _c('code', [_vm._v(\"scroller\")]), _vm._v(\"，在\"), _c('code', [_vm._v(\"web\")]), _vm._v(\"上过于复杂化而且手势会有冲突，相关\"), _c('code', [_vm._v(\"Issue\")]), _vm._v(\"将不会处理。\\n\"), _c('br'), _c('br'), _vm._v(\"\\n该组件场景是固定高度的内容列表，不支持为不同 swiper-item 设置不同高度。\\n\"), _c('br'), _c('br'), _vm._v(\"\\n如果确实需要设置不同高度，可以通过 ref 获取 swiper, 通过 this.$refs.swiper.xheight = '100px' 设置。 切记，需要放在 $nextTick 中执行。\")])])\n},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('thead', [_c('tr', [_c('td', [_vm._v(\"name\")]), _c('td', {\n    staticStyle: {\n      \"width\": \"48px\"\n    }\n  }, [_vm._v(\"type\")]), _c('td', [_vm._v(\"default\")]), _c('td', [_vm._v(\"description\")]), _c('td', [_vm._v(\"required version\")])])])\n},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('thead', [_c('tr', [_c('td', [_vm._v(\"name\")]), _c('td', [_vm._v(\"params\")]), _c('td', [_vm._v(\"description\")]), _c('td', [_vm._v(\"required version\")])])])\n},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('thead', [_c('tr', [_c('td', [_vm._v(\"name\")]), _c('td', [_vm._v(\"description\")]), _c('td', [_vm._v(\"required version\")])])])\n},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('thead', [_c('tr', [_c('td', [_vm._v(\"name\")]), _c('td', [_vm._v(\"params\")]), _c('td', [_vm._v(\"description\")]), _c('td', [_vm._v(\"required version\")])])])\n},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('thead', [_c('tr', [_c('td', [_vm._v(\"name\")]), _c('td', [_vm._v(\"default\")]), _c('td', [_vm._v(\"description\")]), _c('td', [_vm._v(\"inherited name\")])])])\n}]}\nmodule.exports.render._withStripped = true\nif (module.hot) {\n  module.hot.accept()\n  if (module.hot.data) {\n     require(\"vue-hot-reload-api\").rerender(\"data-v-2ff3b03e\", module.exports)\n  }\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/ream/~/vue-loader/lib/template-compiler?{\"id\":\"data-v-2ff3b03e\",\"preserveWhitespace\":false}!./~/ream/~/vue-loader/lib/selector.js?type=template&index=0!./en/components/swiper.vue\n// module id = 2597\n// module chunks = 106","var disposed = false\nfunction injectStyle (ssrContext) {\n  if (disposed) return\n  require(\"!!../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!../../node_modules/vue-style-loader/index.js!css-loader?{\\\"autoprefixer\\\":false,\\\"sourceMap\\\":false,\\\"minimize\\\":true}!../../node_modules/ream/node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-2ff3b03e\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":true}!../../node_modules/ream/node_modules/vue-loader/lib/selector?type=styles&index=0!./swiper.vue\")\n}\nvar Component = require(\"!../../node_modules/ream/node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!../../node_modules/babel-loader/lib/index.js?{\\\"babelrc\\\":true,\\\"cacheDirectory\\\":true}!../../node_modules/ream/node_modules/vue-loader/lib/selector?type=script&index=0!./swiper.vue\"),\n  /* template */\n  require(\"!!../../node_modules/ream/node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-2ff3b03e\\\",\\\"preserveWhitespace\\\":false}!../../node_modules/ream/node_modules/vue-loader/lib/selector?type=template&index=0!./swiper.vue\"),\n  /* styles */\n  injectStyle,\n  /* scopeId */\n  null,\n  /* moduleIdentifier (server only) */\n  null\n)\nComponent.options.__file = \"/data/vux/home/websites/vux-repo/docs/en/components/swiper.vue\"\nif (Component.esModule && Object.keys(Component.esModule).some(function (key) {return key !== \"default\" && key.substr(0, 2) !== \"__\"})) {console.error(\"named exports are not supported in *.vue files.\")}\nif (Component.options.functional) {console.error(\"[vue-loader] swiper.vue: functional components are not supported with templates, they should use render functions.\")}\n\n/* hot reload */\nif (module.hot) {(function () {\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), false)\n  if (!hotAPI.compatible) return\n  module.hot.accept()\n  if (!module.hot.data) {\n    hotAPI.createRecord(\"data-v-2ff3b03e\", Component.options)\n  } else {\n    hotAPI.reload(\"data-v-2ff3b03e\", Component.options)\n  }\n  module.hot.dispose(function (data) {\n    disposed = true\n  })\n})()}\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./en/components/swiper.vue\n// module id = 368\n// module chunks = 106","module.exports = {\n\t\"commitCount\": 45,\n\t\"commitMembers\": [\n\t\t{\n\t\t\t\"count\": 36,\n\t\t\t\"authorName\": \"airyland\"\n\t\t},\n\t\t{\n\t\t\t\"count\": 1,\n\t\t\t\"authorName\": \"unclay\"\n\t\t},\n\t\t{\n\t\t\t\"count\": 2,\n\t\t\t\"authorName\": \"Clay\"\n\t\t},\n\t\t{\n\t\t\t\"count\": 1,\n\t\t\t\"authorName\": \"万刚\"\n\t\t},\n\t\t{\n\t\t\t\"count\": 1,\n\t\t\t\"authorName\": \"jackie\"\n\t\t},\n\t\t{\n\t\t\t\"count\": 1,\n\t\t\t\"authorName\": \"William Wei\"\n\t\t},\n\t\t{\n\t\t\t\"count\": 1,\n\t\t\t\"authorName\": \"F-loat\"\n\t\t},\n\t\t{\n\t\t\t\"count\": 2,\n\t\t\t\"authorName\": \"wg\"\n\t\t}\n\t],\n\t\"commitUniqueCount\": 8\n};\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./en/components/swiper_git_metas.json\n// module id = 991\n// module chunks = 106"],"sourceRoot":""}