UNPKG

visop

Version:

A simple CLI for scaffolding visible operation projects.

1 lines 7.11 kB
webpackJsonp([17],{"+NWA":function(n,t,e){var a=e("aWmr");"string"==typeof a&&(a=[[n.i,a,""]]),a.locals&&(n.exports=a.locals);e("rjj0")("5b805dca",a,!0)},"40lt":function(n,t,e){"use strict";var a={props:{items:{type:Array},title:{type:String,default:"vue"}},data:function(){return{isActive:!1}},methods:{clickTitle:function(){this.isActive=!this.isActive}}},r={render:function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("div",{staticClass:"share-dropdown-menu",class:{active:n.isActive}},[e("div",{staticClass:"share-dropdown-menu-wrapper"},[e("span",{staticClass:"share-dropdown-menu-title",on:{click:function(t){if(t.target!==t.currentTarget)return null;n.clickTitle(t)}}},[n._v(n._s(n.title))]),n._v(" "),n._l(n.items,function(t,a){return e("div",{key:a,staticClass:"share-dropdown-menu-item"},[t.href?e("a",{attrs:{href:t.href,target:"_blank"}},[n._v(n._s(t.title))]):e("span",[n._v(n._s(t.title))])])})],2)])},staticRenderFns:[]};var i=e("VU/8")(a,r,!1,function(n){e("HMz5")},null,null);t.a=i.exports},Gb76:function(n,t,e){(n.exports=e("FZ+f")(!1)).push([n.i,"\n.share-dropdown-menu {\n width: 250px;\n position: relative;\n z-index: 1;\n}\n.share-dropdown-menu-title {\n width: 100%;\n display: block;\n cursor: pointer;\n background: black;\n color: white;\n height: 60px;\n line-height: 60px;\n font-size: 20px;\n text-align: center;\n z-index: 2;\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n}\n.share-dropdown-menu-wrapper {\n position: relative;\n}\n.share-dropdown-menu-item {\n text-align: center;\n position: absolute;\n width: 100%;\n background: #e0e0e0;\n line-height: 60px;\n height: 60px;\n cursor: pointer;\n font-size: 20px;\n opacity: 1;\n -webkit-transition: -webkit-transform 0.28s ease;\n transition: -webkit-transform 0.28s ease;\n transition: transform 0.28s ease;\n transition: transform 0.28s ease, -webkit-transform 0.28s ease;\n}\n.share-dropdown-menu-item:hover {\n background: black;\n color: white;\n}\n.share-dropdown-menu-item:nth-of-type(1) {\n z-index: -1;\n -webkit-transition-delay: 0.1s;\n transition-delay: 0.1s;\n -webkit-transform: translate3d(0, -60px, 0);\n transform: translate3d(0, -60px, 0);\n}\n.share-dropdown-menu-item:nth-of-type(2) {\n z-index: -1;\n -webkit-transition-delay: 0.2s;\n transition-delay: 0.2s;\n -webkit-transform: translate3d(0, -60px, 0);\n transform: translate3d(0, -60px, 0);\n}\n.share-dropdown-menu-item:nth-of-type(3) {\n z-index: -1;\n -webkit-transition-delay: 0.3s;\n transition-delay: 0.3s;\n -webkit-transform: translate3d(0, -60px, 0);\n transform: translate3d(0, -60px, 0);\n}\n.share-dropdown-menu-item:nth-of-type(4) {\n z-index: -1;\n -webkit-transition-delay: 0.4s;\n transition-delay: 0.4s;\n -webkit-transform: translate3d(0, -60px, 0);\n transform: translate3d(0, -60px, 0);\n}\n.share-dropdown-menu-item:nth-of-type(5) {\n z-index: -1;\n -webkit-transition-delay: 0.5s;\n transition-delay: 0.5s;\n -webkit-transform: translate3d(0, -60px, 0);\n transform: translate3d(0, -60px, 0);\n}\n.share-dropdown-menu-item:nth-of-type(6) {\n z-index: -1;\n -webkit-transition-delay: 0.6s;\n transition-delay: 0.6s;\n -webkit-transform: translate3d(0, -60px, 0);\n transform: translate3d(0, -60px, 0);\n}\n.share-dropdown-menu.active .share-dropdown-menu-wrapper {\n z-index: 1;\n}\n.share-dropdown-menu.active .share-dropdown-menu-item:nth-of-type(1) {\n -webkit-transition-delay: 0.5s;\n transition-delay: 0.5s;\n -webkit-transform: translate3d(0, 0px, 0);\n transform: translate3d(0, 0px, 0);\n}\n.share-dropdown-menu.active .share-dropdown-menu-item:nth-of-type(2) {\n -webkit-transition-delay: 0.4s;\n transition-delay: 0.4s;\n -webkit-transform: translate3d(0, 60px, 0);\n transform: translate3d(0, 60px, 0);\n}\n.share-dropdown-menu.active .share-dropdown-menu-item:nth-of-type(3) {\n -webkit-transition-delay: 0.3s;\n transition-delay: 0.3s;\n -webkit-transform: translate3d(0, 120px, 0);\n transform: translate3d(0, 120px, 0);\n}\n.share-dropdown-menu.active .share-dropdown-menu-item:nth-of-type(4) {\n -webkit-transition-delay: 0.2s;\n transition-delay: 0.2s;\n -webkit-transform: translate3d(0, 180px, 0);\n transform: translate3d(0, 180px, 0);\n}\n.share-dropdown-menu.active .share-dropdown-menu-item:nth-of-type(5) {\n -webkit-transition-delay: 0.1s;\n transition-delay: 0.1s;\n -webkit-transform: translate3d(0, 240px, 0);\n transform: translate3d(0, 240px, 0);\n}\n.share-dropdown-menu.active .share-dropdown-menu-item:nth-of-type(6) {\n -webkit-transition-delay: 0s;\n transition-delay: 0s;\n -webkit-transform: translate3d(0, 300px, 0);\n transform: translate3d(0, 300px, 0);\n}\n",""])},HMz5:function(n,t,e){var a=e("Gb76");"string"==typeof a&&(a=[[n.i,a,""]]),a.locals&&(n.exports=a.locals);e("rjj0")("19276917",a,!0)},Uhtj:function(n,t,e){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a={name:"documentation",components:{DropdownMenu:e("40lt").a},data:function(){return{articleList:[{title:"基础篇",href:"https://segmentfault.com/a/1190000009275424"},{title:"登录权限篇",href:"https://segmentfault.com/a/1190000009506097"},{title:"实战篇",href:"https://segmentfault.com/a/1190000009762198"},{title:"vueAdmin-template 篇",href:"https://segmentfault.com/a/1190000010043013"},{title:"自行封装 component",href:"https://segmentfault.com/a/1190000009090836"},{title:"优雅的使用 icon",href:"https://segmentfault.com/a/1190000012213278"}]}}},r={render:function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("div",{staticClass:"app-container documentation-container"},[e("a",{staticClass:"document-btn",attrs:{target:"_blank",href:"https://panjiachen.github.io/vue-element-admin-site/#/"}},[n._v(n._s(n.$t("documentation.documentation")))]),n._v(" "),e("a",{staticClass:"document-btn",attrs:{target:"_blank",href:"https://github.com/zhenyuan2015/visop"}},[n._v(n._s(n.$t("documentation.github")))]),n._v(" "),e("dropdown-menu",{staticStyle:{float:"left","margin-left":"50px"},attrs:{title:"系列文章",items:n.articleList}})],1)},staticRenderFns:[]};var i=e("VU/8")(a,r,!1,function(n){e("+NWA")},"data-v-533d0eec",null);t.default=i.exports},aWmr:function(n,t,e){(n.exports=e("FZ+f")(!1)).push([n.i,"\n.documentation-container[data-v-533d0eec] {\n margin: 50px;\n}\n.documentation-container .document-btn[data-v-533d0eec] {\n float: left;\n margin-left: 50px;\n vertical-align: middle;\n display: block;\n cursor: pointer;\n background: black;\n color: white;\n height: 60px;\n width: 200px;\n line-height: 60px;\n font-size: 20px;\n text-align: center;\n}\n",""])}});