muse-vue-ant-design-dashboard/documentation/_nuxt/06b39b4.js

(window.webpackJsonp=window.webpackJsonp||[]).push([[30,2,3],{1179:function(t,e,n){"use strict";n.r(e);n(106),n(640);var o={props:["anchors"],data:function(){return{url:""}},beforeMount:function(){this.url=window.location.href.split("#")[0]}},r=n(81),component=Object(r.a)(o,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"page-anchor"},[n("a-anchor",{attrs:{targetOffset:80,offsetTop:85}},t._l(t.anchors,(function(title,e){return n("a-anchor-link",{key:e,attrs:{href:t.url+"#"+e,title:title}})})),1)],1)}),[],!1,null,null,null);e.default=component.exports},1180:function(t,e,n){"use strict";n.r(e);var o={inheritAttrs:!0,props:["code","lang"],data:function(){return{}},methods:{onCopy:function(t){this.$message.success({content:"Copied!"})}}},r=n(81),component=Object(r.a)(o,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("section",{staticClass:"highlight-section"},[n("a-button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:t.code.trim(),expression:"code.trim()",arg:"copy"},{name:"clipboard",rawName:"v-clipboard:success",value:t.onCopy,expression:"onCopy",arg:"success"}],staticClass:"btn-copy",attrs:{type:"primary",icon:"copy",size:"small"}},[t._v("Copy")]),t._v(" "),n("highlight-code",{staticStyle:{"max-height":"500px"},attrs:{lang:t.lang?t.lang:"html"}},[t._v("\n\t\t"+t._s(t.code)+"\n\t")])],1)}),[],!1,null,null,null);e.default=component.exports},1243:function(t,e,n){"use strict";n.r(e);var o={head:function(){return{title:"Affix | Muse Dashboard Ant Design Vue @ Creative Tim",meta:[{hid:"description",name:"description",content:"Make an element stick to viewport."}]}},data:function(){return{anchors:{"When-To-Use":"When To Use",Basic:"Basic"},top:100,bottom:100,codeSample:'\n<template>\n  <div>\n    <a-affix :offset-top="top">\n      <a-button type="primary" @click="top += 10">\n        Affix top\n      </a-button>\n    </a-affix>\n    <br />\n    <a-affix :offset-bottom="bottom">\n      <a-button type="primary" @click="bottom += 10">\n        Affix bottom\n      </a-button>\n    </a-affix>\n  </div>\n</template>\n\n<script>\nexport default {\n  data() {\n    return {\n      top: 10,\n      bottom: 10,\n    };\n  },\n};\n<\/script>\n'}},methods:{}},r=n(81),component=Object(r.a)(o,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",[n("div",{staticClass:"page-row"},[n("div",{staticClass:"page-content"},[t._m(0),t._v(" "),n("a-divider"),t._v(" "),t._m(1),t._v(" "),n("h2",[t._v("Examples")]),t._v(" "),n("section",{staticClass:"mb-24",attrs:{id:"Basic"}},[n("a-divider",{attrs:{orientation:"left"}},[t._v("Basic")]),t._v(" "),n("p",[t._v("\n\t\t\t\t\t\tThe simplest usage.\n\t\t\t\t\t")]),t._v(" "),n("div",{staticClass:"showcase"},[n("a-affix",{attrs:{"offset-top":t.top}},[n("a-button",{attrs:{type:"primary"},on:{click:function(e){t.top+=10}}},[t._v("\n\t\t\t\t\t\t\t\tAffix top\n\t\t\t\t\t\t\t")])],1),t._v(" "),n("br"),t._v(" "),n("a-affix",{attrs:{"offset-bottom":t.bottom}},[n("a-button",{attrs:{type:"primary"},on:{click:function(e){t.bottom+=10}}},[t._v("\n\t\t\t\t\t\t\t\tAffix bottom\n\t\t\t\t\t\t\t")])],1)],1),t._v(" "),n("muse-snippet",{attrs:{code:t.codeSample}})],1),t._v(" "),t._m(2)],1),t._v(" "),n("muse-anchor",{attrs:{anchors:t.anchors}})],1)])}),[function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("section",{staticClass:"mb-24"},[n("h1",[t._v("Affix")]),t._v(" "),n("p",{staticClass:"text-dark"},[t._v("\n\t\t\t\t\t\tMake an element stick to viewport.\n\t\t\t\t\t")])])},function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("section",{staticClass:"mb-24",attrs:{id:"When-To-Use"}},[n("h2",[t._v("When To Use")]),t._v(" "),n("p",[t._v("\n\t\t\t\t\t\tWhen user browses a long web page, some content need to stick to the viewport. This is common for menus and actions.\n\t\t\t\t\t\tPlease note that Affix should not cover other content on the page, especially when the size of the viewport is small.\n\t\t\t\t\t")])])},function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("p",{staticClass:"text-right font-semibold mb-24"},[t._v("\n\t\t\t\t\tLooking for more Ant Design Vue Affix? Please check the\n\t\t\t\t\t"),n("a",{attrs:{target:"_blank",href:"https://antdv.com/components/affix/"}},[t._v("official docs")]),t._v(".\n\t\t\t\t")])}],!1,null,"de48bbd4",null);e.default=component.exports;installComponents(component,{MuseSnippet:n(1180).default,MuseAnchor:n(1179).default})}}]);