zl-arco-comp/dist/es/index.css

install ``` npm install zl-arco-comp ```

.zl-layout[data-v-4971bcf1]{height:100vh}.zl-layout .zl-layout-header[data-v-4971bcf1]{min-height:60px;border-bottom:1px solid #e8e8e8}.zl-layout .zl-layout-sider[data-v-4971bcf1]{width:180px}.zl-layout .zl-layout-content[data-v-4971bcf1]{padding:12px;background-color:#f0f2f5}.zl-content-box[data-v-6c88c753]{box-sizing:border-box;min-width:900px;width:100%;height:var(--height);background-color:#fff;overflow:hidden;padding:20px;border-radius:var(--border);overflow-y:auto}.my-icon[data-v-8c01a026]{width:100%;display:flex;justify-content:center;align-items:center}.content-popup[data-v-d40be7ec]{min-width:100px;overflow:hidden;background-color:#fff;border:1px solid #e5e6eb;border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:height .5s}[data-v-f194a3bf] #search-item__custom{min-width:0;width:fit-content}.zl-search-box[data-v-8ee10491]{width:100%;min-width:860px}.zl-search-box .search-container[data-v-8ee10491]{display:flex;justify-content:space-between}.zl-search-box .search-container .from-container[data-v-8ee10491]{flex:1}.zl-search-box .search-container .btn-container[data-v-8ee10491]{width:104px;display:flex;justify-content:space-between}.zl-search-box[data-v-8ee10491] form .arco-form-item-wrapper-col{min-width:180px}.zl-search-box[data-v-8ee10491] form .arco-input-wrapper,.zl-search-box[data-v-8ee10491] form .arco-select,.zl-search-box[data-v-8ee10491] form .arco-select-view{width:var(--formItemWidth);min-width:180px}.zl-search-box[data-v-8ee10491] form .arco-picker{width:calc(var(--formItemWidth) + 3.5vw)!important;min-width:240px}.zl-search-box[data-v-8ee10491] form .arco-row-align-start{flex:none}.zl-search-box[data-v-8ee10491] form .arco-form-item-label-col{padding-right:8px}.zl-search-box[data-v-8ee10491] form .arco-form-item-layout-inline{margin-right:20px}.zl-search-box .line[data-v-8ee10491]{width:100%;height:1px;margin-top:12px;margin-bottom:20px;background-color:#e5e5e5}*{margin:0;padding:0;box-sizing:border-box}html,body{overflow:-moz-scrollbars-none;-ms-overflow-style:none;scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}div,label,span{font-family:puhuiti;font-weight:400}.arco-popconfirm-popup-content .arco-popconfirm-footer{text-align:center}.arco-table-body{min-height:30px}div{color:#333}.arco-dropdown-option{font-weight:400;font-size:14px}.arco-dropdown-option:not(.arco-dropdown-option-disabled):hover{background-color:#edf2ff}.home-echart-container{min-width:180px;min-height:72px;background-color:#f5f6f7;border-radius:6px;padding:8px;display:flex;flex-direction:column;justify-content:space-evenly}.home-echart-container .date{font-weight:400;font-size:12px}.home-echart-container .number-container{width:100%;height:32px;background-color:#fff;padding:5px;border-radius:4px;display:flex;justify-content:space-between;align-items:center}.home-echart-container .number-container .type{font-weight:400;font-size:12px;color:#999}.home-echart-container .number-container .number{font-weight:400;font-size:14px;color:#333}.seller-id{font-size:12px;color:#999}.arco-badge-number{display:flex;justify-content:center;align-items:center}.arco-badge-number span{font-size:12px;font-family:mi-sans}.zl-content-box .custom-column{font-size:12px;cursor:pointer;position:relative;color:#999;border:1px solid #E5E5E5;padding:8px 32px 8px 12px;border-radius:4px}.zl-content-box .custom-column:after{content:"";width:10px;height:6px;position:absolute;right:12px;top:50%;transform:translateY(-50%);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADqSURBVHgBnZHNDYJAFITZx8+RWAIELtxswU6gA6xAqUA7kA60A0uAGxdIKMEC+PFNwia4WaLrJJswb958BFY0TRM4jpMOw1AmSdJbf2jNINd1cyI6eZ73RGAZCh10wQCUbNsuhRAvzgJTqIShCwYDSwrDsGZzMIWqMDCY1RNCHbSqqp0hrEZGcgmDaZqyxQa+72uhmDHsjh14dCTsAwjFcfyY51lC9yoUz5ghg8cuOmuGsDRq2zblz7gtth7HMWO/45u8KLBS7WqBGqiqYxRFV11AGwVreXuhzvmfFVuwn9R13ZnPvJz82/4bjdl/Up+K7PoAAAAASUVORK5CYII=);background-size:100% 100%}.custom-column-box{padding:10px;width:fit-content;overflow:auto;background-color:var(--color-bg-popup);border-radius:4px;box-shadow:0 2px 8px #00000026}.custom-column-box label{height:32px;font-weight:400;font-size:14px;white-space:nowrap}.arco-btn-text{padding:0}.header-optional .arco-btn{border-radius:4px}.arco-table-td .arco-btn-text{margin-right:8px}.header-optional .arco-space:nth-child(1) .arco-btn{min-width:80px}body{--border-radius-small: 4px}.arco-select-view-multiple.arco-select-view-size-medium{font-size:12px}input::placeholder{font-size:12px}textarea::placeholder{font-size:12px}.zl-search-box .arco-form-item-label{font-size:12px;color:#333}.arco-radio-button{font-size:14px;color:#666}.arco-radio-button .arco-radio-button-content{border-radius:4px}.arco-radio-button:hover,.arco-radio-checked .arco-radio-button-content{background-color:#165dff;color:#fff}.arco-input-number .arco-input{text-align:center}body{--color-neutral-2: #f5f6f7}.arco-table-container{--color-fill-1: #F9F9F9}.arco-table-container .zl-table-row:hover .arco-table-td:before{background-color:#edf2ff!important}.arco-table-container .zl-table-row:hover .arco-table-td{background-color:#edf2ff!important}thead .arco-table-th span{font-size:14px;font-weight:600;color:#333}.zl-table-header-split-line thead .arco-table-tr .arco-table-th:nth-child(n+2) .arco-table-cell{position:relative}.zl-table-header-split-line thead .arco-table-tr .arco-table-th:nth-child(n+2) .arco-table-cell:after{content:"";width:1px;height:14px;background-color:#e5e5e5;position:absolute;left:0;top:50%;transform:translateY(-50%)}.arco-table-scroll-position-left .arco-table-th:last-child .arco-table-cell:after,.arco-table-scroll-position-middle .arco-table-th:last-child .arco-table-cell:after{display:none}.zl-table .arco-table-container{border-top:none;border-left:none}.zl-table .arco-checkbox-icon{border-width:1px}.arco-menu .arco-menu-pop:hover{background-color:#edf2ff}.arco-menu .arco-menu-inner{padding:0}.arco-menu .arco-menu-pop{width:48px;height:48px;margin-bottom:0}.arco-menu .arco-menu-inline-header{padding:0 16px}.arco-menu .arco-menu-inline-header .arco-menu-icon-suffix{margin-right:5px}.arco-trigger-menu{padding:0;border-left:0;box-shadow:0 0 #0000001a;border-radius:0}.arco-menu-pop-trigger{transform:translate(-4px,-1px)!important}.arco-menu-pop-trigger .arco-trigger-arrow{display:none}.arco-trigger-menu-item{width:180px;height:48px;display:flex;align-items:center;text-align:left;padding-left:40px}.arco-menu-title{font-weight:600;color:#333}.arco-menu-item-inner{color:#333}.arco-menu-has-icon:hover{background-color:#edf2ff}.arco-trigger-menu-item:hover{background-color:#edf2ff;color:#165dff}.select-footer[data-v-6a0292e1]{display:flex;align-items:center;justify-content:space-around;padding:4px 4px 0}.zl-dialog .zl-dialog__content[data-v-ce703b82]{width:100%}.zl-dialog .zl-dialog__footer[data-v-ce703b82]{width:100%;padding-top:10px;display:flex}.zl-dialog .zl-dialog__footer .zl-dialog__footer__custom[data-v-ce703b82]{flex:1}.zl-dialog .zl-dialog__footer .zl-dialog__footer__btn[data-v-ce703b82]{display:flex}.zl-dialog .zl-dialog__footer .zl-dialog__footer__btn .zl-dialog__footer__btn_cancel[data-v-ce703b82]{min-width:80px}.zl-dialog .zl-dialog__footer .zl-dialog__footer__btn .zl-dialog__footer__btn_confirm[data-v-ce703b82]{min-width:80px;margin-left:12px}.zl-dialog[data-v-ce703b82] .arco-modal-title{color:#333}.zl-dialog[data-v-ce703b82] .arco-modal{--border-radius-medium: 10px}.zl-dialog[data-v-ce703b82] form .arco-form-item-wrapper-col{flex:1}.zl-table[data-v-9ad7b719]{width:100%}.zl-table .header-optional[data-v-9ad7b719]{display:flex;justify-content:space-between}.zl-table .table-header-extend[data-v-9ad7b719]{width:100%;margin-bottom:20px}.zl-table .empty-container[data-v-9ad7b719]{width:100%;height:var(--table-height);display:flex;justify-content:center;align-items:center}.zl-table .empty-container img[data-v-9ad7b719]{width:160px;height:160px}.zl-table[data-v-9ad7b719] .arco-table-td .arco-btn-text{height:auto}