vue2-vant2-components
Version:
基于 vue2 和 vant2 开发的移动端表格组件
1 lines • 32.3 kB
CSS
.van-overlay.vvc-mask,.vvc-mask{z-index:2000;width:100%;height:100vh;top:0;left:0;display:flex;align-items:center;justify-content:center;position:fixed;background-color:hsla(0,0%,100%,.8)}.van-empty{width:100%;height:100%}.vvc-select.vvc-select--radio{width:100%;position:relative}.vvc-select.vvc-select--radio .vvc-select_body .van-field{height:100%;font-size:inherit;background-color:transparent;padding:0}.vvc-select.vvc-select--radio .vvc-select_body .van-field .van-field__body{height:100%}.vvc-select.vvc-select--radio .vvc-select_body .van-field .van-field__body .van-field__control{height:100%;text-align:right!important}.vvc-select.vvc-select--radio.is-disabled:after{content:"";top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.05);position:absolute}.vvc-select_popup.vvc-select_popup--radio .vvc-select_popup_empty{z-index:2;width:100%;top:100px;left:0;color:#646566;font-size:16px;text-align:center;position:absolute}.vvc-select_popup.vvc-select_popup--radio .vvc-select_popup_empty_content{padding:20px}.vvc-select_popup.vvc-select_popup--radio.is-noData .van-picker__columns .van-hairline-unset--top-bottom{display:none}.vvc-select_popup.vvc-select_popup--radio.is-search .van-loading{top:98px}.vvc-select_popup.vvc-select_popup--radio .van-loading{top:44px}.vvc-datePicker{width:100%;height:32px;font-weight:400;box-sizing:border-box}.vvc-datePicker .vvc-datePicker_editor{width:100%;height:100%}.vvc-datePicker .vvc-datePicker_editor .vvc-datePicker_editor_content{width:100%;height:100%;color:#333;font-size:14px;position:relative;display:flex;align-items:center;box-sizing:border-box;border-radius:5px;border:1px solid hsla(0,0%,60%,.6);padding:0 32px}.vvc-datePicker .vvc-datePicker_editor .vvc-datePicker_editor_content .vvc-datePicker_editor_content_sidebar{width:56px;height:100%;flex-shrink:0;position:relative;margin-right:14px;padding-left:12px;padding-right:30px}.vvc-datePicker .vvc-datePicker_editor .vvc-datePicker_editor_content .vvc-datePicker_editor_content_sidebar:after{content:"";width:1px;height:70%;top:50%;right:0;transform:translateY(-50%);background-color:hsla(0,0%,60%,.6);position:absolute}.vvc-datePicker .vvc-datePicker_editor .vvc-datePicker_editor_content .vvc-datePicker_editor_content_sidebar .vvc-select_body{height:100%}.vvc-datePicker .vvc-datePicker_editor .vvc-datePicker_editor_content .vvc-datePicker_editor_content_sidebar .vvc-select_body .vvc-datePicker_editor_content_sidebar_input{width:100%;height:100%;border:none;text-align:center}.vvc-datePicker .vvc-datePicker_editor .vvc-datePicker_editor_content .vvc-datePicker_editor_content_sidebar .vvc-select_body .vvc-datePicker_editor_content_sidebar_input::-moz-placeholder{color:#969799}.vvc-datePicker .vvc-datePicker_editor .vvc-datePicker_editor_content .vvc-datePicker_editor_content_sidebar .vvc-select_body .vvc-datePicker_editor_content_sidebar_input::placeholder{color:#969799}.vvc-datePicker .vvc-datePicker_editor .vvc-datePicker_editor_content .vvc-datePicker_editor_content_sidebar .vvc-select_body .vvc-datePicker_editor_content_sidebar_icon{top:50%;right:12px;color:#b6b3b3;font-size:15px;transform:translateY(-50%);position:absolute}.vvc-datePicker .vvc-datePicker_editor .vvc-datePicker_editor_content .vvc-datePicker_editor_content_sidebar .vvc-select_body .vvc-datePicker_editor_content_sidebar_icon.van-icon-arrow-down{font-weight:700}.vvc-datePicker .vvc-datePicker_editor .vvc-datePicker_editor_content .vvc-datePicker_editor_content_prefix{height:100%;top:-1px;left:10px;display:flex;align-items:center;position:absolute}.vvc-datePicker .vvc-datePicker_editor .vvc-datePicker_editor_content .vvc-datePicker_editor_content_prefix .van-icon{font-size:17px}.vvc-datePicker .vvc-datePicker_editor .vvc-datePicker_editor_content .vvc-datePicker_editor_content_inner{width:1px;height:100%;flex-grow:1;border:none}.vvc-datePicker .vvc-datePicker_editor .vvc-datePicker_editor_content .vvc-datePicker_editor_content_inner::-moz-placeholder{color:#969799}.vvc-datePicker .vvc-datePicker_editor .vvc-datePicker_editor_content .vvc-datePicker_editor_content_inner::placeholder{color:#969799}.vvc-datePicker .vvc-datePicker_editor .vvc-datePicker_editor_content .vvc-datePicker_editor_content_rangeInput{width:20px;height:100%;flex-grow:1;text-align:center;border:none}.vvc-datePicker .vvc-datePicker_editor .vvc-datePicker_editor_content .vvc-datePicker_editor_content_rangeInput::-moz-placeholder{color:#969799}.vvc-datePicker .vvc-datePicker_editor .vvc-datePicker_editor_content .vvc-datePicker_editor_content_rangeInput::placeholder{color:#969799}.vvc-datePicker .vvc-datePicker_editor .vvc-datePicker_editor_content .vvc-datePicker_editor_content_rangeSeparator{flex-shrink:0;margin:0 6px}.vvc-datePicker .vvc-datePicker_editor .vvc-datePicker_editor_content .vvc-datePicker_editor_content_suffix{top:50%;right:10px;color:#b6b3b3;position:absolute;transform:translateY(-50%)}.vvc-datePicker .vvc-datePicker_editor .vvc-datePicker_editor_content .vvc-datePicker_editor_content_suffix .van-icon{font-size:15px}.vvc-datePicker .vvc-datePicker_editor .vvc-datePicker_editor_content .vvc-datePicker_editor_content_suffix .van-icon.van-icon-arrow-down{font-weight:700}.vvc-datePicker.is-shortcuts .vvc-datePicker_editor .vvc-datePicker_editor_content{padding-left:0}.vvc-datePicker.is-shortcuts .vvc-datePicker_editor .vvc-datePicker_editor_content .vvc-datePicker_editor_content_prefix{display:none}.vvc-select.vvc-select--concatenation{width:100%;position:relative}.vvc-select.vvc-select--concatenation .vvc-select_body .van-field{height:100%;background-color:transparent;padding:0}.vvc-select.vvc-select--concatenation .vvc-select_body .van-field .van-field__body{height:100%}.vvc-select.vvc-select--concatenation .vvc-select_body .van-field .van-field__body .van-field__control{height:100%;text-align:right!important}.vvc-select.vvc-select--concatenation.is-disabled:after{content:"";top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.05);position:absolute}.vvc-select_popup.vvc-select_popup--concatenation .vvc-select_popup_empty{z-index:2;width:100%;top:100px;left:0;color:#646566;font-size:16px;text-align:center;position:absolute}.vvc-select_popup.vvc-select_popup--concatenation .vvc-select_popup_empty_content{padding:20px}.vvc-select_popup.vvc-select_popup--concatenation .van-loading{top:44px}.vvc-select_popup.vvc-select_popup--concatenation.is-notdata .van-picker__columns .van-picker__frame{display:none}.vvc-loading--mask.vvc-mask:not(.is-fullscreen){width:100%;height:100%;position:absolute}.vvc-loading--mask.vvc-mask.is-fullscreen{width:100vw;height:100vh;position:fixed}.vvc-loading-parent--relative{position:relative}.vvc-select.vvc-select--mutiple{width:100%;position:relative}.vvc-select.vvc-select--mutiple .vvc-select_body .van-field{height:100%;background-color:transparent;padding:0}.vvc-select.vvc-select--mutiple .vvc-select_body .van-field .van-field__body{height:100%}.vvc-select.vvc-select--mutiple .vvc-select_body .van-field .van-field__body .van-field__control{height:100%;text-align:right!important}.vvc-select.vvc-select--mutiple.is-disabled:after{content:"";top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.05);position:absolute}.vvc-select_popup.vvc-select_popup--mutiple{overflow:hidden}.vvc-select_popup.vvc-select_popup--mutiple .van-picker .van-picker__columns{display:none}.vvc-select_popup.vvc-select_popup--mutiple .vvc-select_popup_empty{z-index:2;width:100%;top:100px;left:0;color:#646566;font-size:16px;text-align:center;position:absolute}.vvc-select_popup.vvc-select_popup--mutiple .vvc-select_popup_empty_content{padding:20px}.vvc-select_popup.vvc-select_popup--mutiple .vvc-select_popup_select{height:264px;overflow-y:auto}.vvc-select_popup.vvc-select_popup--mutiple .vvc-select_popup_select_allSelect{font-size:15px;display:flex;align-items:center}.vvc-select_popup.vvc-select_popup--mutiple .vvc-select_popup_select_allSelect_icon{width:1.2em;height:1.2em;border-radius:100%;border:1px solid #c8c9cc;display:flex;align-items:center;justify-content:center}.vvc-select_popup.vvc-select_popup--mutiple .vvc-select_popup_select_allSelect_icon--circle .van-icon{opacity:0}.vvc-select_popup.vvc-select_popup--mutiple .vvc-select_popup_select_allSelect_icon--minus{background-color:#1989fa;border-color:#1989fa}.vvc-select_popup.vvc-select_popup--mutiple .vvc-select_popup_select_allSelect_icon--minus .van-icon{color:#fff;font-weight:700}.vvc-select_popup.vvc-select_popup--mutiple .vvc-select_popup_select_allSelect_icon--success{background-color:#1989fa;border-color:#1989fa}.vvc-select_popup.vvc-select_popup--mutiple .vvc-select_popup_select_allSelect_icon--success .van-icon{color:#fff}.vvc-select.vvc-select--cascade{width:100%;position:relative}.vvc-select.vvc-select--cascade .vvc-select_body .van-field{height:100%;background-color:transparent;padding:0}.vvc-select.vvc-select--cascade .vvc-select_body .van-field .van-field__body{height:100%}.vvc-select.vvc-select--cascade .vvc-select_body .van-field .van-field__body .van-field__control{height:100%;text-align:right!important}.vvc-select.vvc-select--cascade.is-disabled:after{content:"";top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.05);position:absolute}.vvc-select_popup.vvc-select_popup--cascade{overflow:hidden}.vvc-select_popup.vvc-select_popup--cascade .vvc-select_popup_header{color:#323233;height:48px;font-size:16px;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.vvc-select_popup.vvc-select_popup--cascade .vvc-select_popup_empty{z-index:2;width:100%;top:100px;left:0;color:#646566;font-size:16px;text-align:center;position:absolute}.vvc-select_popup.vvc-select_popup--cascade .vvc-select_popup_empty_content{padding:20px}.vvc-select_popup.vvc-select_popup--cascade .vvc-select_popup_selectBox{height:290px}.vvc-select_popup.vvc-select_popup--cascade .vvc-select_popup_selectBox .vvc-select_popup_select{height:100%;display:flex;flex-direction:column}.vvc-select_popup.vvc-select_popup--cascade .vvc-select_popup_selectBox .vvc-select_popup_select .van-tabs__wrap{flex-shrink:0}.vvc-select_popup.vvc-select_popup--cascade .vvc-select_popup_selectBox .vvc-select_popup_select .van-tabs__wrap .van-tabs__nav{width:-moz-max-content;width:max-content}.vvc-select_popup.vvc-select_popup--cascade .vvc-select_popup_selectBox .vvc-select_popup_select .van-tabs__wrap .van-tabs__nav .van-tab{padding:0 10px}.vvc-select_popup.vvc-select_popup--cascade .vvc-select_popup_selectBox .vvc-select_popup_select .van-tabs__wrap .van-tabs__nav .van-tab:first-child{padding-left:16px}.vvc-select_popup.vvc-select_popup--cascade .vvc-select_popup_selectBox .vvc-select_popup_select .van-tabs__wrap .van-tabs__nav .van-tab:last-child{padding-right:16px}.vvc-select_popup.vvc-select_popup--cascade .vvc-select_popup_selectBox .vvc-select_popup_select .van-tabs__wrap .van-tabs__nav .van-tab .van-tab__text{width:-moz-max-content;width:max-content}.vvc-select_popup.vvc-select_popup--cascade .vvc-select_popup_selectBox .vvc-select_popup_select .van-tabs__wrap .van-tabs__nav .van-tab .van-tab__text .is-placeholder{color:#c8c9cc}.vvc-select_popup.vvc-select_popup--cascade .vvc-select_popup_selectBox .vvc-select_popup_select .van-tabs__content{flex-grow:1}.vvc-select_popup.vvc-select_popup--cascade .vvc-select_popup_selectBox .vvc-select_popup_select .van-tabs__content .van-tab__pane-wrapper{overflow-y:auto}.vvc-select_popup.vvc-select_popup--cascade .vvc-select_popup_selectBox .vvc-select_popup_select .van-tabs__content .van-tab__pane-wrapper::-webkit-scrollbar{width:0}.vvc-select_popup.vvc-select_popup--cascade .vvc-select_popup_selectBox .vvc-select_popup_select .van-tabs__content .van-tab__pane-wrapper::-webkit-scrollbar-thumb,.vvc-select_popup.vvc-select_popup--cascade .vvc-select_popup_selectBox .vvc-select_popup_select .van-tabs__content .van-tab__pane-wrapper::-webkit-scrollbar-track{background:transparent}.vvc-select_popup.vvc-select_popup--cascade .vvc-select_popup_selectBox .vvc-select_popup_select .van-tabs__content .van-tab__pane-wrapper .van-cell-group:after{border-width:1px 0 0 0}.vvc-select_popup.vvc-select_popup--cascade .vvc-select_popup_selectBox .vvc-select_popup_select .van-tabs__content .van-cell{padding:0}.vvc-select_popup.vvc-select_popup--cascade .vvc-select_popup_selectBox .vvc-select_popup_select .van-tabs__content .van-cell:after{content:inherit}.vvc-select_popup.vvc-select_popup--cascade .vvc-select_popup_selectBox .vvc-select_popup_select .van-tabs__content .van-cell .vvc-select_popup_select_cell_checkIcon .van-checkbox__icon{font-size:18px}.vvc-select_popup.vvc-select_popup--cascade .vvc-select_popup_selectBox .vvc-select_popup_select .van-tabs__content .van-cell .van-checkbox,.vvc-select_popup.vvc-select_popup--cascade .vvc-select_popup_selectBox .vvc-select_popup_select .van-tabs__content .van-cell .vvc-select_popup_select_cell_activeIcon,.vvc-select_popup.vvc-select_popup--cascade .vvc-select_popup_selectBox .vvc-select_popup_select .van-tabs__content .van-cell .vvc-select_popup_select_cell_loadIcon,.vvc-select_popup.vvc-select_popup--cascade .vvc-select_popup_selectBox .vvc-select_popup_select .van-tabs__content .van-cell .vvc-select_popup_select_cell_postfix{flex-shrink:0;box-sizing:border-box;padding:10px 16px}.vvc-select_popup.vvc-select_popup--cascade .vvc-select_popup_selectBox .vvc-select_popup_select .van-tabs__content .van-cell .van-checkbox .van-loading__spinner,.vvc-select_popup.vvc-select_popup--cascade .vvc-select_popup_selectBox .vvc-select_popup_select .van-tabs__content .van-cell .vvc-select_popup_select_cell_activeIcon .van-loading__spinner,.vvc-select_popup.vvc-select_popup--cascade .vvc-select_popup_selectBox .vvc-select_popup_select .van-tabs__content .van-cell .vvc-select_popup_select_cell_loadIcon .van-loading__spinner,.vvc-select_popup.vvc-select_popup--cascade .vvc-select_popup_selectBox .vvc-select_popup_select .van-tabs__content .van-cell .vvc-select_popup_select_cell_postfix .van-loading__spinner{width:18px;height:18px}.vvc-select_popup.vvc-select_popup--cascade .vvc-select_popup_selectBox .vvc-select_popup_select .van-tabs__content .van-cell .van-checkbox{padding-right:0}.vvc-select_popup.vvc-select_popup--cascade .vvc-select_popup_selectBox .vvc-select_popup_select .van-tabs__content .van-cell .van-cell__title{flex-grow:1;box-sizing:border-box;padding:10px 16px}.vvc-select_popup.vvc-select_popup--cascade .vvc-select_popup_selectBox .vvc-select_popup_select .van-tabs__content .van-cell .vvc-select_popup_select_cell_postfix{width:64px;color:#323233;text-align:right}.vvc-select_popup.vvc-select_popup--cascade .vvc-select_popup_selectBox .vvc-select_popup_select .van-tabs__content .van-cell.is-disabled{cursor:not-allowed}.vvc-select_popup.vvc-select_popup--cascade .vvc-select_popup_selectBox .vvc-select_popup_select .van-tabs__content .van-cell.is-disabled .van-cell__title{opacity:.3}.vvc-select_popup.vvc-select_popup--cascade .vvc-select_popup_selectBox .vvc-select_popup_select .van-tabs__content .van-cell.is-active{color:#ee0a24;font-size:14px;align-items:center}.vvc-select_popup.vvc-select_popup--cascade .vvc-select_popup_selectBox .vvc-select_popup_select .van-tabs__content .van-cell.is-active .vvc-select_popup_select_cell_activeIcon .van-icon{font-size:18px}.vvc-select_popup.vvc-select_popup--cascade .vvc-select_popup_selectBox .vvc-select_popup_select .van-tabs__content .van-cell.is-active .vvc-select_popup_select_cell_activeIcon .van-icon.van-icon-minus{font-weight:700}.vvc-select{width:-moz-max-content;width:max-content}.vvc-table{width:100%;color:#646566;font-size:11px;font-weight:400;border-color:#ebeef5;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;position:relative;-webkit-clip-path:border-box;clip-path:border-box}.vvc-table.vvc-table--border:after{content:"";z-index:10;top:0;left:0;right:0;bottom:0;border:1px solid;border-color:inherit;position:absolute;pointer-events:none;border-radius:inherit}.vvc-table.vvc-table--border .vvc-table_cell{border-top:1px solid;border-right:1px solid;border-color:inherit}.vvc-table.vvc-table--stripe .vvc-table_body .vvc-table_row:nth-child(2n){background-color:#f2f6fc}.vvc-table .hidden-columns{z-index:-1;display:none;position:absolute;visibility:hidden}.vvc-table .vvc-table_body-wrapper,.vvc-table .vvc-table_fixed_body-wrapper,.vvc-table .vvc-table_fixed_footer-wrapper,.vvc-table .vvc-table_fixed_header-wrapper,.vvc-table .vvc-table_footer-wrapper,.vvc-table .vvc-table_header-wrapper{width:100%;border-color:inherit;box-sizing:border-box;position:relative}.vvc-table .vvc-table_body-wrapper table,.vvc-table .vvc-table_fixed_body-wrapper table,.vvc-table .vvc-table_fixed_footer-wrapper table,.vvc-table .vvc-table_fixed_header-wrapper table,.vvc-table .vvc-table_footer-wrapper table,.vvc-table .vvc-table_header-wrapper table{width:100%;table-layout:fixed;border-color:inherit;border-collapse:separate;word-wrap:break-word}.vvc-table .vvc-table_fixed_header-wrapper,.vvc-table .vvc-table_header-wrapper{flex-shrink:0;overflow:hidden}.vvc-table .vvc-table_body-wrapper,.vvc-table .vvc-table_fixed_body-wrapper{height:100%;flex-grow:1;overflow:hidden}.vvc-table .vvc-table_body-wrapper{display:flex;flex-direction:column}.vvc-table .vvc-table_body-wrapper .vvc-table_body{flex-shrink:0}.vvc-table .vvc-table_body-wrapper .vvc-table_hint{flex-shrink:0;flex-grow:1}.vvc-table .vvc-table_fixed_footer-wrapper,.vvc-table .vvc-table_footer-wrapper{flex-shrink:0;overflow:hidden}.vvc-table .vvc-table_fixed,.vvc-table .vvc-table_fixed--right{z-index:1;height:100%;top:0;color:inherit;display:flex;flex-direction:column;border-color:inherit;position:absolute;box-shadow:0 0 1px rgba(0,0,0,.12)}.vvc-table .vvc-table_fixed{left:0}.vvc-table .vvc-table_fixed--right{right:0}.vvc-table .vvc-table_body-wrapper.is-scrolling-left~.vvc-table_fixed,.vvc-table .vvc-table_body-wrapper.is-scrolling-none~.vvc-table_fixed,.vvc-table .vvc-table_body-wrapper.is-scrolling-none~.vvc-table_fixed--right,.vvc-table .vvc-table_body-wrapper.is-scrolling-right~.vvc-table_fixed--right{box-shadow:none}.vvc-table .vvc-table_cell{height:36px;word-break:break-all;box-sizing:border-box;line-height:1.2;margin:0;padding:5px 2px}.vvc-table .vvc-table_cell.vvc-table_th{height:36px;color:#323233;position:relative}.vvc-table .vvc-table_cell.vvc-table_th .vvc-table_cell_content{font-weight:400}.vvc-table .vvc-table_cell.vvc-table_td{position:relative}.vvc-table .vvc-table_cell.vvc-table_footer{background-color:#f5f7fa}.vvc-table .vvc-table_cell.vvc-table_footer .vvc-table_cell_content{font-weight:700}.vvc-table .vvc-table_cell.is-sortable .vvc-table_cell_content{position:relative;box-sizing:border-box;padding-right:15px}.vvc-table .vvc-table_cell .vvc-table_cell_content{width:100%;text-align:inherit;white-space:pre-wrap}.vvc-table .vvc-table_cell .vvc-table_cell_content .van-checkbox{justify-content:center}.vvc-table .vvc-table_cell .vvc-table_cell_content .van-checkbox .van-checkbox__icon{font-size:16px}.vvc-table_cell_content_popover,.vvc-table_cell_content_popover .vvc-table_cell_content_popover_reference{width:100%;height:100%}.vvc-table_cell_content_popover .vvc-table_cell_content_popover_reference .vvc-table_cell_content_popover_reference_content{width:calc(100% - 30px);display:inline-block;white-space:pre-line;overflow:hidden;line-height:1.2}.vvc-table_cell_content_popover .vvc-table_cell_content_popover_reference .vvc-table_cell_content_popover_reference_icon{color:#fff;font-size:8px;line-height:1;background:#fdc530;border-radius:5px;display:inline-block;vertical-align:top;margin-left:2px;padding:1px 3px}.vvc-table_cell_content_popover_popover{max-width:150px;font-size:13px;line-height:normal;padding:10px}.vvc-table_cell_content_checkbox{font-size:14px;display:flex;align-items:center;justify-content:center}.vvc-table_cell_content_checkbox_icon{width:.9em;height:.9em;border:1px solid;border-color:inherit;display:flex;align-items:center;justify-content:center}.vvc-table_cell_content_checkbox_icon--circle .van-icon{opacity:0}.vvc-table_cell_content_checkbox_icon--minus{background-color:#1989fa;border-color:#1989fa}.vvc-table_cell_content_checkbox_icon--minus .van-icon{color:#fff;font-weight:700;transform:scaleX(.8)}.vvc-table_cell_content_checkbox_icon--success{background-color:#1989fa;border-color:#1989fa}.vvc-table_cell_content_checkbox_icon--success .van-icon{color:#fff}.vvc-table_cell_content_sort{font-size:8px}.vvc-table_cell_content_sort .vvc-table_cell_content_sort_item{width:1.2em;height:1.2em;top:50%;right:3px;position:absolute}.vvc-table_cell_content_sort .vvc-table_cell_content_sort_item.vvc-table_cell_content_sort_ascending{transform:translateY(-10px)}.vvc-table_cell_content_sort .vvc-table_cell_content_sort_item.vvc-table_cell_content_sort_descending{transform:rotate(180deg) translateY(1px)}.vvc-table_cell_content_sort .vvc-table_cell_content_sort_item.is-active polygon{fill:#fff}.vvc-table_hint{z-index:2;color:#999;font-size:11px;text-align:center;border-top:1px solid;border-color:inherit;box-sizing:border-box;position:relative;-webkit-box-pack:center;-webkit-box-align:center;background-color:#fff}.vvc-table_hint .vvc-table_hint_content{width:100%;min-height:40px;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.vvc-table_hint .vvc-table_hint_content .van-empty__image{width:100%;height:100%;max-width:160px;max-height:160px}.vvc-table_hint .vvc-table_hint_content .van-empty__image img{-o-object-fit:contain;object-fit:contain;display:block}.vvc-table_mask{z-index:9;top:0;left:0;right:0;bottom:0;position:absolute}.vvc-tabulation{display:flex;flex-wrap:wrap;box-sizing:border-box;white-space:pre-wrap;text-align:center}.vvc-tabulation.is-border{border:solid #000;border-width:0 0 1px 1px}.vvc-tabulation .vvc-tabulation_cell{font-size:12px;display:inline-flex;flex-wrap:wrap;flex-shrink:0;border-color:inherit;border-style:inherit;border-width:0}.vvc-tabulation .vvc-tabulation_cell .vvc-tabulation_cell_label,.vvc-tabulation .vvc-tabulation_cell .vvc-tabulation_cell_value:not(.is-block){min-height:32px;word-break:break-all;white-space:pre-line;display:inline-flex;justify-content:center;flex-direction:column;border-style:inherit;border-color:inherit;border-width:1px 1px 0 0;box-sizing:border-box;flex-shrink:0;position:relative;padding:5px 2px}.vvc-tabulation .vvc-tabulation_cell .vvc-tabulation_cell_label{color:#323233;font-weight:700}.vvc-tabulation .vvc-tabulation_cell .vvc-tabulation_cell_label p{font-size:7px;font-weight:400;margin-top:2px}.vvc-tabulation .vvc-tabulation_cell .vvc-tabulation_cell_value.is-block{border-color:inherit;border-style:inherit;border-width:0}.vvc-upload{width:100%;font-size:10px}.vvc-upload_text .vvc-upload_text_text{display:inline-block}.vvc-upload_text .vvc-upload_text_text .van-button{display:block}.vvc-upload_text .vvc-upload_text_tip{font-size:12px;margin:8px 0}.vvc-upload_text .vvc-upload_text_fileList{-webkit-user-select:none;-moz-user-select:none;user-select:none}.vvc-upload_text .vvc-upload_text_fileList .vvc-upload_text_fileList_item{padding:0 2px}.vvc-upload_text .vvc-upload_text_fileList .vvc-upload_text_fileList_item .vvc-upload_text_fileList_item_content{height:32px;font-size:13px;line-height:1;box-sizing:border-box;display:flex;align-items:center;position:relative;padding-right:40px}.vvc-upload_text .vvc-upload_text_fileList .vvc-upload_text_fileList_item .vvc-upload_text_fileList_item_content .vvc-upload_text_fileList_item_content_prefix{font-size:18px;flex-shrink:0;margin-right:5px}.vvc-upload_text .vvc-upload_text_fileList .vvc-upload_text_fileList_item .vvc-upload_text_fileList_item_content .vvc-upload_text_fileList_item_content_name{height:100%;line-height:32px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1}.vvc-upload_text .vvc-upload_text_fileList .vvc-upload_text_fileList_item .vvc-upload_text_fileList_item_content .vvc-upload_text_fileList_item_content_suffix{top:50%;right:10px;position:absolute;transform:translateY(-50%)}.vvc-upload_text .vvc-upload_text_fileList .vvc-upload_text_fileList_item .vvc-upload_text_fileList_item_content .vvc-upload_text_fileList_item_content_suffix :not(.van-icon){font-size:12px}.vvc-upload_text .vvc-upload_text_fileList .vvc-upload_text_fileList_item .vvc-upload_text_fileList_item_progress{width:100%;height:2px;bottom:0;background-color:#ebeef5;position:relative;border-radius:10px;box-sizing:border-box;margin-bottom:4px;padding:0 3px}.vvc-upload_text .vvc-upload_text_fileList .vvc-upload_text_fileList_item .vvc-upload_text_fileList_item_progress .vvc-upload_text_fileList_item_progress_content{width:0;height:100%;top:0;left:0;background-color:#409eff;position:absolute}.vvc-upload_text .vvc-upload_text_fileList .van-swipe-cell__right .van-button{height:100%;line-height:1}.vvc-upload_picture .vvc-upload_picture_text{display:inline-block}.vvc-upload_picture .vvc-upload_picture_text .van-button{display:block}.vvc-upload_picture .vvc-upload_picture_tip{font-size:12px;margin:8px 0}.vvc-upload_picture .vvc-upload_picture_fileList{-webkit-user-select:none;-moz-user-select:none;user-select:none}.vvc-upload_picture .vvc-upload_picture_fileList .vvc-upload_picture_fileList_item{position:relative;overflow:hidden}.vvc-upload_picture .vvc-upload_picture_fileList .vvc-upload_picture_fileList_item:not(:last-child){margin-bottom:10px}.vvc-upload_picture .vvc-upload_picture_fileList .vvc-upload_picture_fileList_item .vvc-upload_picture_fileList_item_content{font-size:13px;line-height:1;box-sizing:border-box;display:flex;border:1px solid #c0ccda;border-radius:5px;overflow:hidden;padding:8px}.vvc-upload_picture .vvc-upload_picture_fileList .vvc-upload_picture_fileList_item .vvc-upload_picture_fileList_item_content .vvc-upload_picture_fileList_item_content_image{width:50px;height:50px;font-size:18px;flex-shrink:0}.vvc-upload_picture .vvc-upload_picture_fileList .vvc-upload_picture_fileList_item .vvc-upload_picture_fileList_item_content .vvc-upload_picture_fileList_item_content_image .van-image__error{font-size:50px;background-color:transparent}.vvc-upload_picture .vvc-upload_picture_fileList .vvc-upload_picture_fileList_item .vvc-upload_picture_fileList_item_content .vvc-upload_picture_fileList_item_content_content{width:20%;line-height:1.2;display:flex;flex-direction:column;flex-grow:1;justify-content:center}.vvc-upload_picture .vvc-upload_picture_fileList .vvc-upload_picture_fileList_item .vvc-upload_picture_fileList_item_content .vvc-upload_picture_fileList_item_content_content .vvc-upload_picture_fileList_item_content_content_name{width:100%;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;padding-left:10px}.vvc-upload_picture .vvc-upload_picture_fileList .vvc-upload_picture_fileList_item .vvc-upload_picture_fileList_item_content .vvc-upload_picture_fileList_item_content_content .vvc-upload_picture_fileList_item_content_content_progress{height:2px;bottom:0;background-color:#ebeef5;position:relative;border-radius:10px;box-sizing:border-box;margin:4px 8px 0}.vvc-upload_picture .vvc-upload_picture_fileList .vvc-upload_picture_fileList_item .vvc-upload_picture_fileList_item_content .vvc-upload_picture_fileList_item_content_content .vvc-upload_picture_fileList_item_content_content_progress .vvc-upload_picture_fileList_item_content_content_progress_rate{width:0;height:100%;top:0;left:0;background-color:#409eff;position:absolute}.vvc-upload_picture .vvc-upload_picture_fileList .vvc-upload_picture_fileList_item .vvc-upload_picture_fileList_item_content .vvc-upload_picture_fileList_item_content_content .vvc-upload_picture_fileList_item_content_content_progress .vvc-upload_picture_fileList_item_content_content_progress_message{right:0;bottom:3px;font-size:10px;transform:scale(.8);transform-origin:right;position:absolute}.vvc-upload_picture .vvc-upload_picture_fileList .vvc-upload_picture_fileList_item .vvc-upload_picture_fileList_item_content_delete{z-index:3;width:70px;height:40px;top:-41%;right:-16%;color:#fff;text-align:center;transform:rotate(45deg) scale(.5);transform-origin:0;box-shadow:0 1px 1px #ccc;background-color:rgba(0,0,0,.7);position:absolute}.vvc-upload_picture .vvc-upload_picture_fileList .vvc-upload_picture_fileList_item .vvc-upload_picture_fileList_item_content_delete .van-icon{right:42%;bottom:8%;font-size:18px;transform:rotate(-45deg);position:absolute}.vvc-upload_picture .vvc-upload_picture_fileList .vvc-upload_picture_fileList_item.is-error .vvc-upload_picture_fileList_item_content .vvc-upload_picture_fileList_item_content_image{color:#f56c6c;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:10px;background-color:#f7f8fa}.vvc-upload_picture .vvc-upload_picture_fileList .vvc-upload_picture_fileList_item.is-error .vvc-upload_picture_fileList_item_content .vvc-upload_picture_fileList_item_content_image .van-icon{font-size:17px;margin-bottom:5px}.vvc-upload_picture .vvc-upload_picture_fileList .vvc-upload_picture_fileList_item.is-error .vvc-upload_picture_fileList_item_content .vvc-upload_picture_fileList_item_content_delete{background-color:hsla(0,87%,69%,.7)}.vvc-upload_pictureCard{display:flex;flex-wrap:wrap}.vvc-upload_pictureCard .vvc-upload_pictureCard_item{width:78px;margin-right:8px;margin-bottom:8px}.vvc-upload_pictureCard .vvc-upload_pictureCard_item .vvc-upload_pictureCard_item_content{width:78px;height:78px;cursor:pointer;position:relative;overflow:hidden}.vvc-upload_pictureCard .vvc-upload_pictureCard_item .vvc-upload_pictureCard_item_content .van-image{width:100%;height:100%;display:block}.vvc-upload_pictureCard .vvc-upload_pictureCard_item .vvc-upload_pictureCard_item_content .van-image .van-icon-description{font-size:40px}.vvc-upload_pictureCard .vvc-upload_pictureCard_item .vvc-upload_pictureCard_item_content .vvc-upload_pictureCard_item_content_delete{z-index:3;width:14px;height:14px;top:0;right:0;color:#fff;font-size:16px;background-color:rgba(0,0,0,.7);border-radius:0 0 0 100%;position:absolute}.vvc-upload_pictureCard .vvc-upload_pictureCard_item .vvc-upload_pictureCard_item_content .vvc-upload_pictureCard_item_content_delete .van-icon{top:50%;left:50%;color:inherit;position:absolute;transform:translate(-40%,-54%) scale(.5);transform-origin:center}.vvc-upload_pictureCard .vvc-upload_pictureCard_item .vvc-upload_pictureCard_item_content .vvc-upload_pictureCard_item_content_state{z-index:2;width:100%;height:100%;top:0;left:0;color:#fff;font-size:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;background-color:rgba(50,50,51,.88)}.vvc-upload_pictureCard .vvc-upload_pictureCard_item .vvc-upload_pictureCard_item_content .vvc-upload_pictureCard_item_content_state .van-icon{font-size:2.2em}.vvc-upload_pictureCard .vvc-upload_pictureCard_item .vvc-upload_pictureCard_item_content .vvc-upload_pictureCard_item_content_state .vvc-upload_pictureCard_item_content_state_message{margin-top:8px}.vvc-upload_pictureCard .vvc-upload_pictureCard_item .vvc-upload_pictureCard_item_content .vvc-upload_pictureCard_item_content_state.vvc-upload_pictureCard_item_content_state--loading .van-circle{width:5em;height:5em;display:block}.vvc-upload_pictureCard .vvc-upload_pictureCard_item .vvc-upload_pictureCard_item_content .vvc-upload_pictureCard_item_content_state.vvc-upload_pictureCard_item_content_state--loading .van-circle .van-circle__text{color:inherit}.vvc-upload_pictureCard .vvc-upload_pictureCard_item .vvc-upload-picture_item_fileName{text-align:center;line-height:1.2;white-space:nowrap;overflow:hidden;box-sizing:border-box;text-overflow:ellipsis;margin:5px 2px}.vvc-upload_pictureCard .vvc-upload_pictureCard_upload{margin-bottom:8px}.vvc-upload_pictureCard .vvc-upload_pictureCard_upload .vvc-upload_pictureCard_upload_content{width:78px;height:78px;cursor:pointer;background-color:#f7f8fa;display:flex;justify-content:center;align-items:center}.vvc-upload_pictureCard .vvc-upload_pictureCard_upload .vvc-upload_pictureCard_upload_content .vvc-upload_pictureCard_upload_icon{color:#dcdee0;font-size:25px}.vvc-zoomItem{transform-origin:0 0;transition-timing-function:cubic-bezier(.165,.84,.44,1)}.vvc-zoomList{overflow:hidden}.vvc-zoomList .vvc-zoomList_content{transform-origin:0 0;transition-timing-function:cubic-bezier(.165,.84,.44,1)}