tyh-ui2
Version:
The next generation ui component library of tyh-ui is based on vue3 Version, fully embrace vue3.
2 lines (1 loc) • 1.06 kB
CSS
.tyh-drawer-packing{position:fixed;top:0;left:0;right:0;bottom:0}.tyh-drawer-packing .tyh-drawer{position:fixed;background:#fff;z-index:300;padding:20px;box-shadow:0 7px 30px #0003}.tyh-drawer-packing .tyh-drawer .tyh-drawer-header{display:flex;justify-content:space-between;align-items:center}.tyh-drawer-packing .tyh-drawer .tyh-drawer-header .tyh-drawer-title{font-size:15px;color:#333}.tyh-drawer-packing .tyh-drawer .tyh-drawer-header .tyh-ui-close{cursor:pointer}.tyh-drawer-packing .tyh-drawer .tyh-drawer-body{margin-top:20px}.tyh-drawer-packing .tyh-drawer-top{top:0;left:0;right:0}.tyh-drawer-packing .tyh-drawer-left{left:0;top:0;bottom:0}.tyh-drawer-packing .tyh-drawer-bottom{bottom:0px;right:0;left:0}.tyh-drawer-packing .tyh-drawer-,.tyh-drawer-packing .tyh-drawer-right{right:0px;top:0;bottom:0}.tyh-drawer-modal{background:rgba(0,0,0,.4)}.tyh-drawer-enter-active{transition:all .2s ease-out}.tyh-drawer-leave-active{transition:all .3s cubic-bezier(1,.5,.8,1)}.tyh-drawer-enter-from,.tyh-drawer-leave-to{transform:translate(20px);opacity:0}