https://varlet-vue2.vercel.app/assets/zh-CN.00e0e15d.js

1import{n as a}from"./index.4fcfdb0e.js";import"./vendor.c9dd9d4d.js";var v=function(){var t=this,r=t.$createElement,s=t._self._c||r;return s("div",{staticClass:"varlet-site-doc"},[s("h1",[t._v("\u56FE\u7247\u61D2\u52A0\u8F7D")]),t._m(0),s("div",{staticClass:"card"},[s("h3",[t._v("\u5F15\u5165")]),s("var-site-code-example",[s("pre",{staticClass:"hljs"},[s("code",{pre:!0},[s("span",{pre:!0,attrs:{class:"hljs-keyword"}},[t._v("import")]),t._v(" Vue "),s("span",{pre:!0,attrs:{class:"hljs-keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"hljs-string"}},[t._v("'vue'")]),t._v(`
2`),s("span",{pre:!0,attrs:{class:"hljs-keyword"}},[t._v("import")]),t._v(" { Lazy } "),s("span",{pre:!0,attrs:{class:"hljs-keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"hljs-string"}},[t._v("'@varlet-vue2/ui'")]),t._v(`
3
4Vue.use(Lazy)
5`)])])])],1),s("div",{staticClass:"card"},[s("h3",[t._v("\u57FA\u672C\u7528\u6CD5")]),s("var-site-code-example",[s("pre",{staticClass:"hljs"},[s("code",{pre:!0},[s("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("<"),s("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("img")]),t._v(" "),s("span",{pre:!0,attrs:{class:"hljs-attr"}},[t._v("v-lazy")]),t._v("="),s("span",{pre:!0,attrs:{class:"hljs-string"}},[t._v(`"'https://varlet.gitee.io/varlet-ui-vue2/cat.jpg'"`)]),t._v(">")]),t._v(`
6`)])])])],1),s("div",{staticClass:"card"},[s("h3",[t._v("\u80CC\u666F\u56FE\u61D2\u52A0\u8F7D")]),s("var-site-code-example",[s("pre",{staticClass:"hljs"},[s("code",{pre:!0},[s("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("<"),s("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("div")]),t._v(" "),s("span",{pre:!0,attrs:{class:"hljs-attr"}},[t._v("v-lazy:background-image")]),t._v("="),s("span",{pre:!0,attrs:{class:"hljs-string"}},[t._v(`"'https://varlet.gitee.io/varlet-ui-vue2/cat.jpg'"`)]),t._v(">")]),s("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("</"),s("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("div")]),t._v(">")]),t._v(`
7`)])])])],1),s("div",{staticClass:"card"},[s("h3",[t._v("\u5185\u8054\u5C5E\u6027")]),t._m(1),s("var-site-code-example",[s("pre",{staticClass:"hljs"},[s("code",{pre:!0},[s("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("<"),s("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("img")]),t._v(`
8  `),s("span",{pre:!0,attrs:{class:"hljs-attr"}},[t._v("v-lazy")]),t._v("="),s("span",{pre:!0,attrs:{class:"hljs-string"}},[t._v(`"'https://varlet.gitee.io/varlet-ui-vue2/cat.jpg'"`)]),t._v(`
9  `),s("span",{pre:!0,attrs:{class:"hljs-attr"}},[t._v("lazy-loading")]),t._v("="),s("span",{pre:!0,attrs:{class:"hljs-string"}},[t._v('"https://xxx.cn/loading.png"')]),t._v(`
10  `),s("span",{pre:!0,attrs:{class:"hljs-attr"}},[t._v("lazy-error")]),t._v("="),s("span",{pre:!0,attrs:{class:"hljs-string"}},[t._v('"https://xxx.cn/error.png"')]),t._v(`
11  `),s("span",{pre:!0,attrs:{class:"hljs-attr"}},[t._v("lazy-attempt")]),t._v("="),s("span",{pre:!0,attrs:{class:"hljs-string"}},[t._v('"3"')]),t._v(`
12>`)]),t._v(`
13`)])])])],1),s("div",{staticClass:"card"},[s("h3",[t._v("\u63D2\u4EF6")]),t._m(2),s("var-site-code-example",[s("pre",{staticClass:"hljs"},[s("code",{pre:!0},[s("span",{pre:!0,attrs:{class:"hljs-keyword"}},[t._v("import")]),t._v(" Vue "),s("span",{pre:!0,attrs:{class:"hljs-keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"hljs-string"}},[t._v("'vue'")]),t._v(`
14`),s("span",{pre:!0,attrs:{class:"hljs-keyword"}},[t._v("import")]),t._v(" { Lazy } "),s("span",{pre:!0,attrs:{class:"hljs-keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"hljs-string"}},[t._v("'@varlet-vue2/ui'")]),t._v(`
15
16Vue.use(Lazy, {
17  `),s("span",{pre:!0,attrs:{class:"hljs-attr"}},[t._v("loading")]),t._v(": "),s("span",{pre:!0,attrs:{class:"hljs-string"}},[t._v("'https://xxx.cn/loading.png'")]),t._v(`,
18  `),s("span",{pre:!0,attrs:{class:"hljs-attr"}},[t._v("error")]),t._v(": "),s("span",{pre:!0,attrs:{class:"hljs-string"}},[t._v("'https://xxx.cn/error.png'")]),t._v(`,
19  `),s("span",{pre:!0,attrs:{class:"hljs-attr"}},[t._v("attempt")]),t._v(": "),s("span",{pre:!0,attrs:{class:"hljs-number"}},[t._v("3")]),t._v(`,
20  `),s("span",{pre:!0,attrs:{class:"hljs-attr"}},[t._v("throttleWait")]),t._v(": "),s("span",{pre:!0,attrs:{class:"hljs-number"}},[t._v("300")]),t._v(`,
21  `),s("span",{pre:!0,attrs:{class:"hljs-attr"}},[t._v("events")]),t._v(`: [
22    `),s("span",{pre:!0,attrs:{class:"hljs-string"}},[t._v("'scroll'")]),t._v(`,
23    `),s("span",{pre:!0,attrs:{class:"hljs-string"}},[t._v("'wheel'")]),t._v(`,
24    `),s("span",{pre:!0,attrs:{class:"hljs-string"}},[t._v("'mousewheel'")]),t._v(`,
25    `),s("span",{pre:!0,attrs:{class:"hljs-string"}},[t._v("'resize'")]),t._v(`,
26    `),s("span",{pre:!0,attrs:{class:"hljs-string"}},[t._v("'animationend'")]),t._v(`,
27    `),s("span",{pre:!0,attrs:{class:"hljs-string"}},[t._v("'transitionend'")]),t._v(`,
28    `),s("span",{pre:!0,attrs:{class:"hljs-string"}},[t._v("'touchmove'")]),t._v(`
29  ],
30  `),s("span",{pre:!0,attrs:{class:"hljs-function"}},[s("span",{pre:!0,attrs:{class:"hljs-title"}},[t._v("filter")]),t._v("("),s("span",{pre:!0,attrs:{class:"hljs-params"}},[t._v("lazy")]),t._v(")")]),t._v(` {
31    `),s("span",{pre:!0,attrs:{class:"hljs-comment"}},[t._v("// \u53EF\u4EE5\u8BBF\u95EE lazy \u4E0A\u4E0B\u6587\u7684\u6240\u6709\u5C5E\u6027,\u6267\u884C\u4E00\u4E9B\u5C5E\u6027\u62E6\u622A,")]),t._v(`
32    `),s("span",{pre:!0,attrs:{class:"hljs-comment"}},[t._v("// \u6BD4\u5982\u7B80\u5355\u4FEE\u6539\u6240\u6709\u7684\u56FE\u7247\u5730\u5740 http -> https")]),t._v(`
33    lazy.src.replace(`),s("span",{pre:!0,attrs:{class:"hljs-string"}},[t._v("'http://'")]),t._v(", "),s("span",{pre:!0,attrs:{class:"hljs-string"}},[t._v("'https://'")]),t._v(`)
34  }
35})

36`)])])])],1),s("h2",[t._v("API")]),t._m(3)])},_=[function(){var t=this,r=t.$createElement,s=t._self._c||r;return s("div",{staticClass:"card"},[s("h3",[t._v("\u4ECB\u7ECD")]),s("p",[t._v("\u5728\u56FE\u7247\u53EF\u89C1\u65F6\u8FDB\u884C\u52A0\u8F7D")])])},function(){var t=this,r=t.$createElement,s=t._self._c||r;return s("p",[t._v("\u53EF\u4EE5\u901A\u8FC7\u5185\u8054\u5C5E\u6027\u4FEE\u6539 "),s("code",{pre:!0},[t._v("loading")]),t._v("\u3001 "),s("code",{pre:!0},[t._v("error")]),t._v(" \u56FE\u7247\u548C"),s("code",{pre:!0},[t._v("\u52A0\u8F7D\u5931\u8D25\u65F6\u5C1D\u8BD5\u91CD\u65B0\u52A0\u8F7D\u7684\u6B21\u6570")]),t._v("\u3002")])},function(){var t=this,r=t.$createElement,s=t._self._c||r;return s("p",[s("code",{pre:!0},[t._v("Lazy")]),t._v(" \u63D0\u4F9B\u4E86\u5728\u63D2\u4EF6\u6CE8\u518C\u65F6\u4F20\u5165\u7684\u9009\u9879\uFF0C\u53EF\u4EE5\u8BBE\u7F6E\u9ED8\u8BA4\u7684\u61D2\u52A0\u8F7D\u9009\u9879\u3002")])},function(){var t=this,r=t.$createElement,s=t._self._c||r;return s("div",{staticClass:"card"},[s("h3",[t._v("\u63D2\u4EF6\u9009\u9879")]),s("table",[s("thead",[s("tr",[s("th",[t._v("\u53C2\u6570")]),s("th",[t._v("\u8BF4\u660E")]),s("th",[t._v("\u7C7B\u578B")]),s("th",[t._v("\u9ED8\u8BA4\u503C")])])]),s("tbody",[s("tr",[s("td",[s("code",{pre:!0},[t._v("loading")])]),s("td",[t._v("\u52A0\u8F7D\u4E2D\u7684\u56FE\u7247\uFF0C\u5C3D\u53EF\u80FD\u9009\u62E9\u52A0\u8F7D\u901F\u5EA6\u5F88\u5FEB\u7684\u56FE\u7247")]),s("td",[s("em",[t._v("string")])]),s("td",[s("code",{pre:!0},[t._v("1\u50CF\u7D20\u900F\u660E\u56FE\u7247")])])]),s("tr",[s("td",[s("code",{pre:!0},[t._v("error")])]),s("td",[t._v("\u52A0\u8F7D\u5931\u8D25\u663E\u793A\u7684\u56FE\u7247")]),s("td",[s("em",[t._v("string")])]),s("td",[s("code",{pre:!0},[t._v("1\u50CF\u7D20\u900F\u660E\u56FE\u7247")])])]),s("tr",[s("td",[s("code",{pre:!0},[t._v("attempt")])]),s("td",[t._v("\u52A0\u8F7D\u5931\u8D25\u65F6\u5C1D\u8BD5\u91CD\u65B0\u52A0\u8F7D\u7684\u6B21\u6570")]),s("td",[s("em",[t._v("number")])]),s("td",[s("code",{pre:!0},[t._v("3")])])]),s("tr",[s("td",[s("code",{pre:!0},[t._v("throttleWait")])]),s("td",[t._v("\u8282\u6D41\u65F6\u95F4\uFF0C\u6570\u503C\u8D8A\u5927\u4E8B\u4EF6\u89E6\u53D1\u9891\u7387\u8D8A\u4F4E")]),s("td",[s("em",[t._v("number")])]),s("td",[s("code",{pre:!0},[t._v("300")])])]),s("tr",[s("td",[s("code",{pre:!0},[t._v("events")])]),s("td",[t._v("\u89E6\u53D1\u53EF\u89C1\u6027\u68C0\u6D4B\u6CE8\u518C\u7684\u4E8B\u4EF6\u5217\u8868")]),s("td",[s("em",[t._v("string[]")])]),s("td",[s("code",{pre:!0},[t._v("['scroll'...]")])])]),s("tr",[s("td",[s("code",{pre:!0},[t._v("filter")])]),s("td",[t._v("\u5C5E\u6027\u62E6\u622A\u51FD\u6570")]),s("td",[s("em",[t._v("(lazy: Lazy) => void")])]),s("td",[s("code",{pre:!0},[t._v("() => void")])])])])])])}];const l={components:{}},e={};var n=a(l,v,_,!1,p,null,null,null);function p(t){for(let r in e)this[r]=e[r]}var i=function(){return n.exports}();export{i as default};