fes.js/assets/js/3.5e11613d.js

(window.webpackJsonp=window.webpackJsonp||[]).push([[3],{326:function(t,e,a){"use strict";a.r(e);var n=a(327),s=a.n(n);for(var i in n)["default"].indexOf(i)<0&&function(t){a.d(e,t,(function(){return n[t]}))}(i);e.default=s.a},327:function(t,e){},328:function(t,e,a){},384:function(t,e,a){"use strict";var n=a(328);a.n(n).a},412:function(t,e,a){"use strict";a.d(e,"a",(function(){return n})),a.d(e,"b",(function(){return s}));var n=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"affix-图钉"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#affix-图钉"}},[t._v("#")]),t._v(" Affix 图钉")]),t._v(" "),a("h2",{attrs:{id:"代码示例"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#代码示例"}},[t._v("#")]),t._v(" 代码示例")]),t._v(" "),a("ClientOnly",[a("row",[a("cell",{staticClass:"pr-20",attrs:{span:"12"}},[a("componetTemplate",{attrs:{title:"基础使用",template:"ui/templates/affix/1.html"},scopedSlots:t._u([{key:"demo",fn:function(){return[a("Affix",{attrs:{"offset-top":60}},[a("Wb-button",{attrs:{type:"primary",long:""}},[t._v("默认距离滚动元素顶部0px")])],1)]},proxy:!0},{key:"description",fn:function(){return[a("p",[t._v("图钉提供三个属性offset-top和offset-bottom，一个触发事件statu-change。")]),t._v(" "),a("p",[t._v("默认offset-top=0，offset-bottom=undefined，均为Number类型，代表距离父滚动元素顶部或者底部的距离（单位：px）。")]),t._v(" "),a("p",[t._v("当设置的offset-top或者offset-bottom太大超出父滚动元素高度时，变成默认的0px，即贴边。")])]},proxy:!0}])})],1),t._v(" "),a("cell",{staticClass:"pl-20",attrs:{span:"12"}},[a("componetTemplate",{staticStyle:{"padding-top":"600px"},attrs:{title:"slot自定义样式",template:"ui/templates/affix/2.html"},scopedSlots:t._u([{key:"demo",fn:function(){return[a("Affix",{attrs:{"offset-bottom":100}},[a("span",{staticClass:"demo-class"},[t._v("距离滚动元素顶部40px")])])]},proxy:!0},{key:"description",fn:function(){return[a("p",[t._v("自定义组件内元素的样式")])]},proxy:!0}])})],1)],1)],1),t._v(" "),a("h2",{attrs:{id:"api"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#api"}},[t._v("#")]),t._v(" API")]),t._v(" "),a("h3",{attrs:{id:"props"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#props"}},[t._v("#")]),t._v(" Props")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",{staticStyle:{"text-align":"left"}},[t._v("属性")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("说明")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("类型")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("默认值")])])]),t._v(" "),a("tbody",[a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("height-to-show")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("定义显示时距顶部的距离（单位：px）")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Number")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("400")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("target")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("当处于滚动元素中时，定义滚动的父元素")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Function")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("document.body")])])])]),t._v(" "),a("div",{staticStyle:{height:"1000px"}})],1)},s=[]},413:function(t,e,a){"use strict";a.r(e);var n=a(412),s=a(326);for(var i in s)["default"].indexOf(i)<0&&function(t){a.d(e,t,(function(){return s[t]}))}(i);a(384);var r=a(46),l=Object(r.a)(s.default,n.a,n.b,!1,null,null,null);e.default=l.exports}}]);