@charset "UTF-8"; /*font*/ /*size*/ /*icon*/ /*color*/ /*input/radio/checkbox*/ /*popup*/ /*table*/ /*filter*/ /*menu*/ /*loading*/ /*validate*/ /*grid*/ /*toolbar*/ /*tooltip*/ /*pager*/ /*modal*/ /*checkbox*/ /*radio*/ /*button*/ /*input*/ /*textarea*/ /*form*/ /*select*/ /*switch*/ /*pulldown*/ /*加载中*/ .vxe-loading { display: none; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 99; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: rgba(255, 255, 255, 0.5); } .vxe-loading.is--visible { display: block; } .vxe-loading > .vxe-loading--chunk { width: 100%; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center; color: #409eff; } .vxe-loading .vxe-loading--default-icon { font-size: 1.4em; } .vxe-loading .vxe-loading--text { padding: 0.4em 0; } .vxe-loading .vxe-loading--spinner { display: inline-block; position: relative; width: 56px; height: 56px; } .vxe-loading .vxe-loading--spinner:before, .vxe-loading .vxe-loading--spinner:after { content: ""; width: 100%; height: 100%; border-radius: 50%; background-color: #409eff; opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: bounce 2.0s infinite ease-in-out; animation: bounce 2.0s infinite ease-in-out; } .vxe-loading .vxe-loading--spinner:after { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes bounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes bounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } .size--mini .vxe-loading .vxe-loading--spinner { width: 38px; height: 38px; } .size--small .vxe-loading .vxe-loading--spinner { width: 44px; height: 44px; } .size--medium .vxe-loading .vxe-loading--spinner { width: 50px; height: 50px; }