.loadingShadow{ position: fixed; z-index: 999999999999; left: 0; top: 0; width: 100vw; height: 100vh; } .loadData{ min-width:200px; height:150px; position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%); background: rgba(0,0,0,0.6); border-radius: 10px; z-index: 1000; display: flex; flex-direction: column; align-items: center; justify-content:center; img{ width:90px; margin-top: 10px; } .loadingMsg{ color: rgba(255, 255, 255, 0.83); margin: 10px; margin-top: 0px; font-size: 18px; } } .overflow{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .ellipsis{ text-overflow: ellipsis; } // @media screen and (min-width:768px) { // body,html,#app{ // min-width: 1336px; // max-width: 1336px; // background: #f4f4f4; // color: #737373; // height: 100%; // }; // } body,html{ height:100%; width:100%; margin: 0 auto; padding: 0; position: relative; background-color: #f4f4f4; } #app{ width:100%; margin: 0 auto; padding: 0; height:100%; left:0; top:0; -webkit-overflow-scrolling: touch; position:absolute; font-family: Verdana, Verdana-Bold, "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei", 微软雅黑, "Segoe UI", Tahoma, 宋体宋体, SimSun, sans-serif; } ul, li, ol, dl, dd,a{ list-style: none; padding: 0; margin:0; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#B1C1C8; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#B1C1C8; } input:-ms-input-placeholder{ color:#B1C1C8; } input::-webkit-input-placeholder{ color:#B1C1C8; } .show-flex5{ display: flex; } .align-center{ align-items: center; } .column{ flex-direction: column; } .content-center{ justify-content: center; } .content-between{ justify-content: space-between; } .content-around{ justify-content: space-around; } .cursor-pointer{ cursor: pointer; } .flex-end{ justify-content: flex-end; } /******************** element 分页样式修改 *****************/ #app{ ::v-deep .el-pagination .btn-next,::v-deep .el-pagination .btn-prev { background: center center no-repeat #0000; background-size: 16px; cursor: pointer; margin: 0; color: #c7c8c9; border: 1px solid #fff3; border-radius: 4px; } ::v-deep .el-pagination.is-background .el-pager li { background-color: #f4f4f500; color: #8d8d8d; } ::v-deep .el-pagination.is-background .el-pager li:not(.disabled).active { background-color: #fff2; border-radius: 4px; color: #FFF; } } /*****************************************************************/