16 lines
1.1 KiB
CSS
16 lines
1.1 KiB
CSS
.app{position: fixed;width: 100%;height: 100vh;left: 0;top: 0; overflow-y: auto;-webkit-overflow-scrolling: touch;}
|
|
|
|
|
|
/* 加载更多提示 插件样式 */
|
|
.refreshWrap .refresh{position: absolute;left: 0;top: 0;width: 100%;height:60px;line-height: 60px;text-align: center;}
|
|
.refreshWrap .loadingBox{width: 100%;height:40px;text-align: center;padding: 10px;position: relative;background-color: #fff;z-index: 2}
|
|
.refreshWrap .loading,.refreshWrap .loadTxt{vertical-align: middle;display: inline-block;}
|
|
.refreshWrap .loading{border-radius: 50%;width: 16px;height: 16px;border: 1px solid #666;border-top-color: transparent;margin-right: 8px;transform: translateZ(0);position: relative;}
|
|
.refreshWrap .noMore .loading{display:none;}
|
|
.refreshWrap .success{border-color: transparent;}
|
|
.refreshWrap .success:before{content:"";border:1px solid #666;border-top-color: transparent;border-left-color:transparent;position: absolute;left: 0;bottom: 0;width: 8px;height: 16px;}
|
|
.refreshWrap .rotate {
|
|
-webkit-animation: refresh-rotate 0.6s linear infinite;
|
|
animation: refresh-rotate 0.6s linear infinite;
|
|
}
|