@varonervar/components
Version:
> 基于[Element-UI](https://element.eleme.cn/#/zh-CN/component/quickstart) 封装常用组件，部分组件参考[vue-element-admin](https://github.com/PanJiaChen/vue-element-admin)
1 lines • 4.05 kB
CSS
@charset "UTF-8";.label,.nowrap{white-space:nowrap}blockquote,body,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,textarea,ul{padding:0;margin:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}ul{list-style:none}button,input,select{margin:0;outline:0}.ml-5,.mlr-5{margin-left:5px}.mt-5,.mtb-5{margin-top:5px}body,html{box-sizing:border-box;height:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}img,video{max-width:100%;height:auto}iframe{border:0}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}.pl-5,.plr-5{padding-left:5px}.plr-5,.pr-5{padding-right:5px}.pt-5,.ptb-5{padding-top:5px}.pb-5,.ptb-5{padding-bottom:5px}a,a:active,a:focus{text-decoration:none}.el-scrollbar__wrap{margin-right:-17px;margin-bottom:-17px}.mlr-5,.mr-5{margin-right:5px}.mb-5,.mtb-5{margin-bottom:5px}.el-menu{border-right:none}.flex,.flex-align-center,.flex-baseline,.flex-center,.flex-column,.flex-sa,.flex-sa-c,.flex-sb,.flex-sb-baseline,.flex-sb-c,.flex-wrap{display:flex;min-width:0;min-height:0}.flex1{flex:1;min-width:0;min-height:0}.flex-column{flex-direction:column}.flex-baseline,.flex-sb-baseline{align-items:baseline}.flex-align-center,.flex-center,.flex-sa-c,.flex-sb-c{align-items:center}.flex-wrap{flex-wrap:wrap}.flex-sb,.flex-sb-baseline,.flex-sb-c{justify-content:space-between}.flex-sa,.flex-sa-c{justify-content:space-around}.flex-center{justify-content:center}.nowrap{overflow:hidden;text-overflow:ellipsis;word-wrap:normal}.multiple-nowrap{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.label{word-break:keep-all}.unclick{pointer-events:none}.unselect{-webkit-user-select:none;-moz-user-select:none;user-select:none}.small{font-size:80%}.super{font-size:120%}.grid-col-1{flex:0 0 100%;max-width:100%}.grid-col-2{flex:0 0 50%;max-width:50%}.grid-col-3{flex:0 0 33.3333333333%;max-width:33.3333333333%}.grid-col-4{flex:0 0 25%;max-width:25%}.grid-col-5{flex:0 0 20%;max-width:20%}.grid-col-6{flex:0 0 16.6666666667%;max-width:16.6666666667%}.grid-col-7{flex:0 0 14.2857142857%;max-width:14.2857142857%}.ml-10,.mlr-10{margin-left:10px}.mlr-10,.mr-10{margin-right:10px}.pl-10,.plr-10{padding-left:10px}.plr-10,.pr-10{padding-right:10px}.mt-10,.mtb-10{margin-top:10px}.mb-10,.mtb-10{margin-bottom:10px}.pt-10,.ptb-10{padding-top:10px}.pb-10,.ptb-10{padding-bottom:10px}.ml-15,.mlr-15{margin-left:15px}.mlr-15,.mr-15{margin-right:15px}.pl-15,.plr-15{padding-left:15px}.plr-15,.pr-15{padding-right:15px}.mt-15,.mtb-15{margin-top:15px}.mb-15,.mtb-15{margin-bottom:15px}.pt-15,.ptb-15{padding-top:15px}.pb-15,.ptb-15{padding-bottom:15px}.ml-20,.mlr-20{margin-left:20px}.mlr-20,.mr-20{margin-right:20px}.pl-20,.plr-20{padding-left:20px}.plr-20,.pr-20{padding-right:20px}.mt-20,.mtb-20{margin-top:20px}.mb-20,.mtb-20{margin-bottom:20px}.pt-20,.ptb-20{padding-top:20px}.pb-20,.ptb-20{padding-bottom:20px}.ml-30,.mlr-30{margin-left:30px}.mlr-30,.mr-30{margin-right:30px}.pl-30,.plr-30{padding-left:30px}.plr-30,.pr-30{padding-right:30px}.mt-30,.mtb-30{margin-top:30px}.mb-30,.mtb-30{margin-bottom:30px}.pt-30,.ptb-30{padding-top:30px}.pb-30,.ptb-30{padding-bottom:30px}.f12{font-size:12px}.f14{font-size:14px}.f16{font-size:16px}.f18{font-size:18px}.f20{font-size:20px}.f22{font-size:22px}.f24{font-size:24px}.f26{font-size:26px}.f28{font-size:28px}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.cursor-pointer{cursor:pointer}.cursor-disabled{cursor:not-allowed}.bold{font-weight:700}.thin{font-weight:500}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.c-red{color:#f44336}.bc-red{background-color:#f44336}.c-blue{color:#0177ce}.bc-blue{background-color:#0177ce}.c-gray{color:#999}.bc-gray{background-color:#999}