song-ui-u/theme/drawer.css

vue3 + js的PC前端组件库

@charset "UTF-8";.x-drawer{position:absolute;box-sizing:border-box;transition:.4s;transform:translate(0,0)}.x-drawer__wrap{background-color:#fff;height:100%;display:flex;flex-direction:column}.x-drawer--placement_right{top:0;bottom:0;right:0}.x-drawer--placement_left{top:0;bottom:0;left:0}.x-drawer--placement_top{left:0;top:0;right:0}.x-drawer--placement_bottom{left:0;bottom:0;right:0}.x-drawer__header{padding:24px 24px 0;display:flex;align-items:center;justify-content:space-between}.x-drawer__body{padding:24px;font-size:14px;line-height:1.6;word-break:break-word;flex:1;overflow-y:auto}.x-drawer__footer{padding:0 24px 16px;text-align:right}.x-drawer__title{font-size:16px;margin:0;font-weight:400;white-space:nowrap}.x-drawer__close{opacity:.5;font-size:10px;cursor:pointer}.x-drawer-enter-from,.x-drawer-leave-to{opacity:0}.x-drawer-enter-from .x-drawer--placement_left,.x-drawer-leave-to .x-drawer--placement_left{transform:translateX(-100%)}.x-drawer-enter-from .x-drawer--placement_right,.x-drawer-leave-to .x-drawer--placement_right{transform:translateX(100%)}.x-drawer-enter-from .x-drawer--placement_top,.x-drawer-leave-to .x-drawer--placement_top{transform:translateY(-100%)}.x-drawer-enter-from .x-drawer--placement_bottom,.x-drawer-leave-to .x-drawer--placement_bottom{transform:translateY(100%)}.x-drawer-enter-active,.x-drawer-leave-active{overflow:hidden;transition:.4s}.x-drawer-enter-active .x-drawer,.x-drawer-leave-active .x-drawer{opacity:1}