UNPKG

visop

Version:

A simple CLI for scaffolding visible operation projects.

1 lines 8.35 kB
webpackJsonp([19],{"4H+Q":function(e,v,l){(e.exports=l("FZ+f")(!1)).push([e.i,"\n.placeholder-container div[data-v-e49c8da4] {\n margin: 10px;\n}\n",""])},EOY1:function(e,v,l){var d=l("d6Pd");"string"==typeof d&&(d=[[e.i,d,""]]),d.locals&&(e.exports=d.locals);l("rjj0")("71b8947a",d,!0)},d6Pd:function(e,v,l){(e.exports=l("FZ+f")(!1)).push([e.i,"\n.back-to-ceiling[data-v-a0da51fc] {\n position: fixed;\n display: inline-block;\n text-align: center;\n cursor: pointer;\n}\n.back-to-ceiling[data-v-a0da51fc]:hover {\n background: #d5dbe7;\n}\n.fade-enter-active[data-v-a0da51fc],\n.fade-leave-active[data-v-a0da51fc] {\n -webkit-transition: opacity .5s;\n transition: opacity .5s;\n}\n.fade-enter[data-v-a0da51fc],\n.fade-leave-to[data-v-a0da51fc] {\n opacity: 0\n}\n.back-to-ceiling .Icon[data-v-a0da51fc] {\n fill: #9aaabf;\n background: none;\n}\n",""])},snxh:function(e,v,l){"use strict";Object.defineProperty(v,"__esModule",{value:!0});var d={name:"BackToTop",props:{visibilityHeight:{type:Number,default:400},backPosition:{type:Number,default:0},customStyle:{type:Object,default:function(){return{right:"50px",bottom:"50px",width:"40px",height:"40px","border-radius":"4px","line-height":"45px",background:"#e7eaf1"}}},transitionName:{type:String,default:"fade"}},data:function(){return{visible:!1,interval:null}},mounted:function(){window.addEventListener("scroll",this.handleScroll)},beforeDestroy:function(){window.removeEventListener("scroll",this.handleScroll),this.interval&&clearInterval(this.interval)},methods:{handleScroll:function(){this.visible=window.pageYOffset>this.visibilityHeight},backToTop:function(){var e=this,v=window.pageYOffset,l=0;this.interval=setInterval(function(){var d=Math.floor(e.easeInOutQuad(10*l,v,-v,500));d<=e.backPosition?(window.scrollTo(0,e.backPosition),clearInterval(e.interval)):window.scrollTo(0,d),l++},16.7)},easeInOutQuad:function(e,v,l,d){return(e/=d/2)<1?l/2*e*e+v:-l/2*(--e*(e-2)-1)+v}}},a={render:function(){var e=this.$createElement,v=this._self._c||e;return v("transition",{attrs:{name:this.transitionName}},[v("div",{directives:[{name:"show",rawName:"v-show",value:this.visible,expression:"visible"}],staticClass:"back-to-ceiling",style:this.customStyle,on:{click:this.backToTop}},[v("svg",{staticClass:"Icon Icon--backToTopArrow",staticStyle:{height:"16px",width:"16px"},attrs:{width:"16",height:"16",viewBox:"0 0 17 17",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"}},[v("title",[this._v("回到顶部")]),this._v(" "),v("g",[v("path",{attrs:{d:"M12.036 15.59c0 .55-.453.995-.997.995H5.032c-.55 0-.997-.445-.997-.996V8.584H1.03c-1.1 0-1.36-.633-.578-1.416L7.33.29c.39-.39 1.026-.385 1.412 0l6.878 6.88c.782.78.523 1.415-.58 1.415h-3.004v7.004z","fill-rule":"evenodd"}})])])])])},staticRenderFns:[]};var i={name:"backToTop-demo",components:{BackToTop:l("VU/8")(d,a,!1,function(e){l("EOY1")},"data-v-a0da51fc",null).exports},data:function(){return{myBackToTopStyle:{right:"50px",bottom:"50px",width:"40px",height:"40px","border-radius":"4px","line-height":"45px",background:"#e7eaf1"}}}},o={render:function(){var e=this,v=e.$createElement,l=e._self._c||v;return l("div",{staticClass:"components-container"},[l("code",[e._v(e._s(e.$t("components.backToTopTips1")))]),e._v(" "),l("code",[e._v(e._s(e.$t("components.backToTopTips2")))]),e._v(" "),e._m(0),e._v(" "),l("el-tooltip",{attrs:{placement:"top",content:"tooltip"}},[l("back-to-top",{attrs:{transitionName:"fade",customStyle:e.myBackToTopStyle,visibilityHeight:300,backPosition:50}})],1)],1)},staticRenderFns:[function(){var e=this,v=e.$createElement,l=e._self._c||v;return l("div",{staticClass:"placeholder-container"},[l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")]),e._v(" "),l("div",[e._v("placeholder")])])}]};var _=l("VU/8")(i,o,!1,function(e){l("xsMX")},"data-v-e49c8da4",null);v.default=_.exports},xsMX:function(e,v,l){var d=l("4H+Q");"string"==typeof d&&(d=[[e.i,d,""]]),d.locals&&(e.exports=d.locals);l("rjj0")("0439080f",d,!0)}});