vxe-table
Version:
一个基于 vue 的 PC 端表格组件,支持增删改查、虚拟滚动、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、虚拟列表、模态窗口、自定义模板、渲染器、贼灵活的配置项、扩展接口等...
77 lines (74 loc) • 2.16 kB
CSS
/*font*/
/*size*/
/*icon*/
/*color*/
/*input/radio/checkbox*/
/*popup*/
/*table*/
/*filter*/
/*menu*/
/*loading*/
/*validate*/
/*grid*/
/*toolbar*/
/*tooltip*/
/*modal*/
/*checkbox*/
/*radio*/
/*button*/
/*input*/
/*textarea*/
/*form*/
/*select*/
/*switch*/
/**Variable**/
.vxe-pulldown {
position: relative;
display: inline-block;
color: #606266;
text-align: left; }
.vxe-pulldown--panel {
display: none;
position: absolute;
left: 0;
padding: 4px 0;
color: #606266;
text-align: left; }
.vxe-pulldown--panel:not(.is--transfer) {
min-width: 100%; }
.vxe-pulldown--panel.is--transfer {
position: fixed; }
.vxe-pulldown--panel.animat--leave {
display: block;
opacity: 0;
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
-webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
-webkit-transform-origin: center top;
transform-origin: center top;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d; }
.vxe-pulldown--panel.animat--leave[data-placement="top"] {
-webkit-transform-origin: center bottom;
transform-origin: center bottom; }
.vxe-pulldown--panel.animat--enter {
opacity: 1;
-webkit-transform: scaleY(1);
transform: scaleY(1); }
.vxe-pulldown,
.vxe-pulldown--panel {
font-size: 14px; }
.vxe-pulldown.size--medium,
.vxe-pulldown--panel.size--medium {
font-size: 14px; }
.vxe-pulldown.size--small,
.vxe-pulldown--panel.size--small {
font-size: 13px; }
.vxe-pulldown.size--mini,
.vxe-pulldown--panel.size--mini {
font-size: 12px; }