hzb-ui/lib/h-ui.css

h组件

[data-v-7f5db94a] .el-dropdown-menu__item{height:100%;width:100%;padding:0!important}[data-v-7f5db94a] .el-dropdown-menu__item .el-input{width:100%;height:auto}[data-v-7f5db94a] .el-dropdown-menu__item .el-tree{box-sizing:border-box;max-height:274px;overflow-y:auto;padding:5px 0}[data-v-7f5db94a] .el-dropdown-menu__item .el-tree .el-tree-node{box-sizing:border-box}[data-v-7f5db94a] .el-input__prefix{display:flex;justify-content:flex-start;align-items:center;color:#606266;flex-wrap:wrap;width:calc(100% - 50px)}[data-v-7f5db94a] .el-input__prefix span{margin-left:5px;max-width:100%;display:flex;align-items:center;justify-content:flex-start}[data-v-7f5db94a] .el-input__prefix span span{width:calc(100% - 20px)}.h-only[data-v-7f5db94a],[data-v-7f5db94a] .el-input__prefix span span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-v-7f5db94a]::-webkit-scrollbar{width:5px}[data-v-7f5db94a]::-webkit-scrollbar-track{border-radius:10px;background-color:#fff}[data-v-7f5db94a]::-webkit-scrollbar-thumb{border-radius:10px;background-color:#dddee0}.h-pwd_box[data-v-15ec902a]{height:auto;display:inline-flex}.h-pwd_box input[type=pwd][data-v-15ec902a]{width:0;height:0;color:transparent;background:#000;border:none;font-size:18px;opacity:0;z-index:-1}.h-pwd_box .h-pwd-wrap[data-v-15ec902a]{background:#fff;display:flex;display:-webkit-flex;cursor:pointer;margin:0;padding:0;z-index:10;width:auto}.h-pwd_box .h-pwd-wrap .h-psd-gutter[data-v-15ec902a]{border-radius:4px;border-right:1px solid #dcdfe6}.h-pwd_box .h-pwd-wrap.h-pwd--medium li[data-v-15ec902a]{height:36px;width:36px}.h-pwd_box .h-pwd-wrap.h-pwd--small li[data-v-15ec902a]{height:32px;width:32px}.h-pwd_box .h-pwd-wrap.h-pwd--mini li[data-v-15ec902a]{height:28px;width:28px}.h-pwd_box .h-pwd-wrap li[data-v-15ec902a]{list-style-type:none;text-align:center;display:flex;align-items:center;justify-content:center;-webkit-box-flex:1;width:32px;height:32px;flex:1;-webkit-flex:1;border:1px solid #dcdfe6;border-right:none}.h-pwd_box .h-pwd-wrap li[data-v-15ec902a]:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}.h-pwd_box .h-pwd-wrap li[data-v-15ec902a]:last-child{border-bottom-right-radius:4px;border-top-right-radius:4px;border-right:1px solid #dcdfe6}.h-pwd_box .h-pwd-wrap li i[data-v-15ec902a]{height:5px;width:5px;border-radius:50%;background:#000;display:inline-block}.h-swiper[data-v-8036e3c6]{width:100%;position:relative}.h-swiper .h-icon[data-v-8036e3c6]{position:absolute;width:30px;height:30px;border-radius:50%;background-color:hsla(0,0%,49%,.5);line-height:30px;text-align:center;font-size:25px;color:#dcdfe6;cursor:pointer}.h-swiper .h-icon[data-v-8036e3c6]:hover{background-color:hsla(0,0%,49%,.8)}.h-swiper .h-icon.h-icon-left--horizontal[data-v-8036e3c6]{top:50%;transform:translateY(-50%);left:10px}.h-swiper .h-icon.h-icon-right--horizontal[data-v-8036e3c6]{top:50%;transform:translateY(-50%);right:10px}.h-swiper .h-icon.h-icon-left--vertical[data-v-8036e3c6]{top:10px;right:50%;transform:translateX(50%);transform:rotate(90deg)}.h-swiper .h-icon.h-icon-right--vertical[data-v-8036e3c6]{right:50%;transform:translateX(50%);bottom:10px;transform:rotate(90deg)}.h-swiper .h-banner-circle[data-v-8036e3c6]{position:absolute}.h-swiper .h-banner-circle ul[data-v-8036e3c6]{list-style:none;display:flex;margin:0;padding:0}.h-swiper .h-banner-circle ul .active[data-v-8036e3c6]{background:#fff}.h-swiper .h-banner-circle ul li[data-v-8036e3c6]{background:#c0c4cc;cursor:pointer}.h-swiper .h-banner-circle.h-banner-circle--horizontal[data-v-8036e3c6]{bottom:10px;right:50%;transform:translateX(50%)}.h-swiper .h-banner-circle.h-banner-circle--horizontal ul li[data-v-8036e3c6]{height:3px;width:20px;margin-right:10px}.h-swiper .h-banner-circle.h-banner-circle--vertical[data-v-8036e3c6]{top:50%;transform:translateY(-50%);right:10px}.h-swiper .h-banner-circle.h-banner-circle--vertical ul[data-v-8036e3c6]{display:flex;flex-direction:column;margin:0;padding:0}.h-swiper .h-banner-circle.h-banner-circle--vertical ul li[data-v-8036e3c6]{height:20px;width:3px;margin-top:10px}@-webkit-keyframes fadein_left-data-v-8036e3c6{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes fadein_left-data-v-8036e3c6{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@-webkit-keyframes fadein_right-data-v-8036e3c6{0%{opacity:0;transform:translateX(0)}to{opacity:1;transform:translateX(-10px)}}@keyframes fadein_right-data-v-8036e3c6{0%{opacity:0;transform:translateX(0)}to{opacity:1;transform:translateX(-10px)}}@-webkit-keyframes fadein_top-data-v-8036e3c6{0%{transform:rotate(90deg);opacity:0;transform:translateY(0)}to{opacity:1;transform:rotate(90deg);transform:translateY(5px)}}@keyframes fadein_top-data-v-8036e3c6{0%{transform:rotate(90deg);opacity:0;transform:translateY(0)}to{opacity:1;transform:rotate(90deg);transform:translateY(5px)}}@-webkit-keyframes fadein_buttom-data-v-8036e3c6{0%{opacity:0;transform:translateY(0)}to{opacity:1;transform:translateY(-5px)}}@keyframes fadein_buttom-data-v-8036e3c6{0%{opacity:0;transform:translateY(0)}to{opacity:1;transform:translateY(-5px)}}.h-swiper_item--a[data-v-8036e3c6]{z-index:23;width:100%;height:100%;transform:perspective(500px) translateX(300px) translateZ(-253px) rotateY(-45deg)}.h-swiper_item--a[data-v-8036e3c6],.h-swiper_item--b[data-v-8036e3c6]{opacity:1;-webkit-box-reflect:below 10px -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(30%,transparent),to(hsla(0,0%,98%,.3)))}.h-swiper_item--b[data-v-8036e3c6]{z-index:33;transform:translateX(0) translateZ(-100px) rotateY(0deg)}.h-swiper_item--c[data-v-8036e3c6]{opacity:1;z-index:23;-webkit-box-reflect:below 10px -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(30%,transparent),to(hsla(0,0%,98%,.3)));transform:perspective(500px) translateX(-300px) translateZ(-253px) rotateY(45deg)}.h-swiper_item[data-v-e4f2b0ec]{width:100%;height:100%;position:absolute}.h-swiper_item .h-swiper_item-content[data-v-e4f2b0ec],.h-swiper_item .h-swiper_item-content img[data-v-e4f2b0ec]{width:100%;height:100%}.h-tree-item .h-tree-item_content[data-v-7456df5b]{padding-left:10px}.h-tree-item .h-tree-node_node[data-v-7456df5b]{display:flex;align-items:center;height:26px;font-size:14px;cursor:pointer}.h-tree-item .h-tree-node_node .h-checkbox__original[data-v-7456df5b]{border:1px solid #dcdfe6;border-radius:2px;margin-left:0;cursor:pointer}.h-tree-item .h-tree-node_node[data-v-7456df5b]:focus,.h-tree-item .h-tree-node_node[data-v-7456df5b]:hover{background:#f5f7fa}.h-tree-item .h-tree-node_node .h-tree-node__expand-icon[data-v-7456df5b]{padding:0 6px;cursor:pointer;color:#c0c4cc;font-size:12px;transform:rotate(0deg);transition:transform .3s ease-in-out}.h-tree-item .h-tree-node_node .h-tree-node__expand-icon .h-icon-empty[data-v-7456df5b]{display:inline-block;width:12px;height:12px}.h-tree-item .h-tree-node_node .h-tree-node_label[data-v-7456df5b]{height:26px;line-height:26px;font-size:14px;cursor:pointer}.current-node[data-v-7456df5b]{background:#f5f7fa}.highlight-current[data-v-7456df5b]{background:#c6e2ff}.current-node[data-v-48676983]{background:#f5f7fa}.highlight-current[data-v-48676983]{background:#c6e2ff}.h-preview-image[data-v-6b39a474]{box-sizing:border-box;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);overflow:hidden;z-index:99}.h-preview-image .h-preview-main[data-v-6b39a474]{display:flex;justify-content:center;align-items:center;height:100%;width:100%}.h-preview-image .h-preview-main img[data-v-6b39a474]{max-height:100%;max-width:100%}.h-preview-image .h-preview[data-v-6b39a474]{z-index:99;background:#606266;border-radius:50%;padding:10px;cursor:pointer}.h-preview-image .h-preview i[data-v-6b39a474]{color:#fff}.h-preview-image .h-preview[data-v-6b39a474]:hover{background:#909399}.h-preview-image .h-preview.h-preview_close[data-v-6b39a474]{position:absolute;top:20px;right:20px}.h-preview-image .h-preview.h-preview-left[data-v-6b39a474]{position:absolute;top:50%;transform:translateX(-50%);left:40px}.h-preview-image .h-preview.h-preview-right[data-v-6b39a474]{position:absolute;top:50%;transform:translateX(-50%);right:20px}.h-preview-image .h-preview_buttom[data-v-6b39a474]{background:#606266;border-radius:20px;padding:10px;cursor:pointer;position:absolute;bottom:20px;left:50%;height:20px;transform:translateX(-50%);display:flex;justify-content:space-evenly;align-items:center}.h-preview-image .h-preview_buttom i[data-v-6b39a474]{color:#fff;margin:0 5px;font-size:18px}.h-icon-close[data-v-6b39a474]:before{content:"\e6db"}.h-icon-arrow-left[data-v-6b39a474]:before{content:"\e6de"}.h-icon-arrow-right[data-v-6b39a474]:before{content:"\e6e0"}.h-icon-zoom-in[data-v-6b39a474]:before{content:"\e777"}.h-icon-zoom-out[data-v-6b39a474]:before{content:"\e776"}.h-icon-refresh-right[data-v-6b39a474]:before{content:"\e6c8"}.h-icon-refresh-left[data-v-6b39a474]:before{content:"\e6c7"}.h-icon-download[data-v-6b39a474]:before{content:"\e77c"}[class^=h-icon-][data-v-6b39a474]{font-family:element-icons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;vertical-align:baseline;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}