@fmdevui/fm-dev
Version:
Page level components developed based on Element Plus.
1 lines • 8.36 kB
CSS
.layout-navbars-breadcrumb{align-items:center;display:flex;flex:1;height:inherit}.layout-navbars-breadcrumb .layout-navbars-breadcrumb-icon{color:var(--next-bg-topBarColor);cursor:pointer;font-size:18px;height:100%;opacity:.8;width:40px}.layout-navbars-breadcrumb .layout-navbars-breadcrumb-icon:hover{opacity:1}.layout-navbars-breadcrumb .layout-navbars-breadcrumb-span{color:var(--next-bg-topBarColor);display:flex;opacity:.7}.layout-navbars-breadcrumb .layout-navbars-breadcrumb-iconfont{font-size:16px;margin-right:5px}.layout-navbars-close-full{position:fixed;right:-30px;top:-30px;z-index:9999999999}.layout-navbars-close-full .layout-navbars-close-full-icon{background:rgba(0,0,0,.1);border-radius:100%;cursor:pointer;height:60px;position:relative;transition:all .3s ease;width:60px}.layout-navbars-close-full .layout-navbars-close-full-icon :deep(i){color:#333;left:10px;position:absolute;top:35px;transition:all .3s ease}.layout-navbars-close-full:hover{transition:all .3s ease}.layout-navbars-close-full:hover :deep(i){color:var(--el-color-primary);transition:all .3s ease}.layout-navbars-breadcrumb-index{align-items:center;background:var(--next-bg-topBar);border-bottom:1px solid var(--next-border-color-light);display:flex;height:50px}.layout-search-dialog{position:relative}.layout-search-dialog :deep(.el-dialog){background-color:transparent;box-shadow:none}.layout-search-dialog :deep(.el-dialog) .el-dialog__body,.layout-search-dialog :deep(.el-dialog) .el-dialog__header{display:none}.layout-search-dialog :deep(.el-dialog) .el-dialog__footer{left:50%;position:absolute;top:-53vh;transform:translateX(-50%);width:100%}.layout-search-dialog :deep(.el-autocomplete){left:50%;position:absolute;top:150px;transform:translateX(-50%);width:560px}.layout-breadcrumb-seting-bar{height:calc(100vh - 50px);padding:0 15px}.layout-breadcrumb-seting-bar :deep(.el-scrollbar__view){overflow-x:hidden}.layout-breadcrumb-seting-bar .layout-breadcrumb-seting-bar-flex{align-items:center;display:flex;margin-bottom:5px}.layout-breadcrumb-seting-bar .layout-breadcrumb-seting-bar-flex-label{color:var(--el-text-color-primary);flex:1}.layout-breadcrumb-seting-bar .layout-drawer-content-flex{align-content:flex-start;display:flex;flex-wrap:wrap;margin:0 -5px;overflow:hidden}.layout-breadcrumb-seting-bar .layout-drawer-content-flex .layout-drawer-content-item{border:1px solid transparent;cursor:pointer;height:70px;padding:5px;position:relative;width:50%}.layout-breadcrumb-seting-bar .layout-drawer-content-flex .layout-drawer-content-item .el-container{height:100%}.layout-breadcrumb-seting-bar .layout-drawer-content-flex .layout-drawer-content-item .el-container .el-aside-dark{background-color:var(--next-color-seting-header)}.layout-breadcrumb-seting-bar .layout-drawer-content-flex .layout-drawer-content-item .el-container .el-aside{background-color:var(--next-color-seting-aside)}.layout-breadcrumb-seting-bar .layout-drawer-content-flex .layout-drawer-content-item .el-container .el-header{background-color:var(--next-color-seting-header)}.layout-breadcrumb-seting-bar .layout-drawer-content-flex .layout-drawer-content-item .el-container .el-main{background-color:var(--next-color-seting-main)}.layout-breadcrumb-seting-bar .layout-drawer-content-flex .layout-drawer-content-item .el-circular{border:1px solid transparent;border-radius:2px;overflow:hidden;transition:all .3s ease-in-out}.layout-breadcrumb-seting-bar .layout-drawer-content-flex .layout-drawer-content-item .drawer-layout-active{border:1px solid;border-color:var(--el-color-primary)}.layout-breadcrumb-seting-bar .layout-drawer-content-flex .layout-drawer-content-item .layout-tips-warp,.layout-breadcrumb-seting-bar .layout-drawer-content-flex .layout-drawer-content-item .layout-tips-warp-active{border:1px solid;border-color:var(--el-color-primary-light-5);border-radius:100%;left:50%;padding:4px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease-in-out}.layout-breadcrumb-seting-bar .layout-drawer-content-flex .layout-drawer-content-item .layout-tips-warp .layout-tips-box,.layout-breadcrumb-seting-bar .layout-drawer-content-flex .layout-drawer-content-item .layout-tips-warp-active .layout-tips-box{border:1px solid;border-color:var(--el-color-primary-light-5);border-radius:100%;height:30px;transition:inherit;width:30px;z-index:9}.layout-breadcrumb-seting-bar .layout-drawer-content-flex .layout-drawer-content-item .layout-tips-warp .layout-tips-box .layout-tips-txt,.layout-breadcrumb-seting-bar .layout-drawer-content-flex .layout-drawer-content-item .layout-tips-warp-active .layout-tips-box .layout-tips-txt{background-color:var(--next-color-seting-main);color:var(--el-color-primary-light-5);font-size:12px;height:17px;left:-1px;letter-spacing:2px;line-height:1;line-height:17px;position:relative;text-align:center;top:5px;transform:rotate(30deg);transition:inherit;white-space:nowrap;width:32px}.layout-breadcrumb-seting-bar .layout-drawer-content-flex .layout-drawer-content-item .layout-tips-warp-active,.layout-breadcrumb-seting-bar .layout-drawer-content-flex .layout-drawer-content-item .layout-tips-warp-active .layout-tips-box{border:1px solid;border-color:var(--el-color-primary)}.layout-breadcrumb-seting-bar .layout-drawer-content-flex .layout-drawer-content-item .layout-tips-warp-active .layout-tips-box .layout-tips-txt{background-color:var(--next-color-seting-main);color:var(--el-color-primary)}.layout-breadcrumb-seting-bar .layout-drawer-content-flex .layout-drawer-content-item:hover .el-circular{border:1px solid;border-color:var(--el-color-primary);transition:all .3s ease-in-out}.layout-breadcrumb-seting-bar .layout-drawer-content-flex .layout-drawer-content-item:hover .layout-tips-warp{border-color:var(--el-color-primary);transition:all .3s ease-in-out}.layout-breadcrumb-seting-bar .layout-drawer-content-flex .layout-drawer-content-item:hover .layout-tips-warp .layout-tips-box{border-color:var(--el-color-primary);transition:inherit}.layout-breadcrumb-seting-bar .layout-drawer-content-flex .layout-drawer-content-item:hover .layout-tips-warp .layout-tips-box .layout-tips-txt{background-color:var(--next-color-seting-main);color:var(--el-color-primary);transition:inherit}.layout-breadcrumb-seting-bar .copy-config{margin:10px 0}.layout-breadcrumb-seting-bar .copy-config .copy-config-btn{margin-top:15px;width:100%}.layout-breadcrumb-seting-bar .copy-config .copy-config-btn-reset{margin:10px 0 0;width:100%}.traditionalColors{height:50px;position:relative}.traditionalColors-chines{text-align:center}.traditionalColors-circleCheck{left:calc(50% - 10px);position:absolute;top:calc(50% - 10px)}.layout-navbars-breadcrumb-user{align-items:center;display:flex;justify-content:flex-end}.layout-navbars-breadcrumb-user-link{align-items:center;display:flex;height:100%;white-space:nowrap}.layout-navbars-breadcrumb-user-link-photo{border-radius:100%;height:25px;width:25px}.layout-navbars-breadcrumb-user-icon{align-items:center;color:var(--next-bg-topBarColor);cursor:pointer;display:flex;height:50px;line-height:50px;padding:0 10px}.layout-navbars-breadcrumb-user-icon:hover{background:var(--next-color-user-hover)}.layout-navbars-breadcrumb-user-icon:hover i{animation:logoAnimation .3s ease-in-out;display:inline-block}.layout-navbars-breadcrumb-user :deep(.el-dropdown){color:var(--next-bg-topBarColor)}.layout-navbars-breadcrumb-user :deep(.el-badge){align-items:center;display:flex;height:40px;line-height:40px}.layout-navbars-breadcrumb-user :deep(.el-badge__content.is-fixed){top:12px}.user-news-container .content-box{font-size:12px}.user-news-container .content-box .notice-box{height:400px;margin-bottom:35px;padding-right:10px}.user-news-container .content-box .notice-box:hover{overflow-y:scroll}.user-news-container .content-box .notice-item:hover{background-color:hsla(0,0%,72%,.1)}.user-news-container .content-box .notice-item .notice-content{color:var(--el-text-color-secondary);margin-bottom:3px;margin-top:3px}.user-news-container .content-box .notice-item .notice-time{color:var(--el-text-color-secondary);text-align:right}.user-news-container .notice-foot{align-items:center;background-color:#fff;bottom:0;color:var(--el-color-primary);cursor:pointer;display:flex;font-size:14px;height:35px;justify-content:center;position:absolute;width:100%}