.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active>.el-scrollbar__bar,.el-scrollbar:focus>.el-scrollbar__bar,.el-scrollbar:hover>.el-scrollbar__bar{opacity:1;transition:opacity .34s ease-out}.el-scrollbar__wrap{overflow:scroll;height:100%}.el-scrollbar__wrap--hidden-default{scrollbar-width:none}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(144,147,153,.3);transition:background-color .3s}.el-scrollbar__thumb:hover{background-color:rgba(144,147,153,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;transition:opacity .12s ease-out}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px} /*! mescroll -- 精致的下拉刷新和上拉加载js框架 ( a great JS framework for pull-refresh and pull-up-loading ) * version 1.3.7 * 2018-09-27 * author: wenju < mescroll@qq.com > 文举 * * * 官网: http://www.mescroll.com * 动态: https://github.com/mescroll/mescroll/releases * 问答: http://www.mescroll.com/qa.html * issues: https://github.com/mescroll/mescroll/issues * QQ交流群: 633126761 * * 温馨提示: mescroll唯一的全局样式: html,body{height:100%},用于固定body的高度满屏; 如果影响到您原本的项目样式,可自行删除 * * * ----- mescroll的html结构解析 ---- *
//下拉刷新区域 ( mescroll初始化之后自动创建 )

下拉刷新

//界面的具体内容 //
界面内容
//数据列表.. // //上拉加载区域 ( mescroll初始化之后自动创建 )
//加载中..

加载中..

//无数据

-- END --

//回到顶部按钮 ( 列表滚动到配置的距离时, 且配置了warpId时, 会自动创建显示, 注意是添加在body中的 ) */.el-scrollbar__bar.is-horizontal>div,body,html{height:100%}body{-webkit-overflow-scrolling:touch}.mescroll{width:100%;height:100%;overflow-y:auto}.mescroll-hardware{-webkit-transform:translateZ(0);-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden;-webkit-perspective:1000}.mescroll-downwarp{position:relative;width:100%;height:0;overflow:hidden;text-align:center}.mescroll-downwarp-reset{transition:height .3s}.mescroll-downwarp .downwarp-content{position:absolute;left:0;bottom:0;width:100%;min-height:30px;padding:10px 0}.mescroll-upwarp{min-height:30px;padding:15px 0;text-align:center;visibility:hidden}.mescroll-downwarp .downwarp-tip,.mescroll-upwarp .upwarp-nodata,.mescroll-upwarp .upwarp-tip{display:inline-block;font-size:12px;color:grey;vertical-align:middle}.mescroll-downwarp .downwarp-tip,.mescroll-upwarp .upwarp-tip{margin-left:8px}.mescroll-downwarp .downwarp-progress,.mescroll-upwarp .upwarp-progress{display:inline-block;width:16px;height:16px;border-radius:50%;border:1px solid grey;border-bottom-color:transparent;vertical-align:middle}.mescroll-rotate{animation:mescrollRotate .6s linear infinite}@keyframes mescrollRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.mescroll-empty{width:100%;padding-top:20px;text-align:center}.mescroll-empty .empty-icon{width:45%}.mescroll-empty .empty-tip{margin-top:6px;font-size:14px;color:grey}.mescroll-empty .empty-btn{max-width:50%;margin:20px auto;padding:10px;border:1px solid #65aadd;border-radius:6px;background-color:#fff;color:#65aadd}.mescroll-empty .empty-btn:active{opacity:.75}.mescroll-totop{z-index:9990;position:fixed;right:10px;bottom:30px;width:36px;height:36px;border-radius:50%;opacity:0}.mescroll-fade-in,.mescroll-lazy-in{animation:mescrollFadeIn .5s linear forwards}@keyframes mescrollFadeIn{0%{opacity:0}to{opacity:1}}.mescroll-fade-out{pointer-events:none;animation:mescrollFadeOut .5s linear forwards}@keyframes mescrollFadeOut{0%{opacity:1}to{opacity:0}}.mescroll-bar::-webkit-scrollbar-track{background-color:transparent}.mescroll-bar::-webkit-scrollbar{width:6px}.mescroll-bar::-webkit-scrollbar-thumb{border-radius:6px;background-color:#ccc}.mescroll-bar::-webkit-scrollbar-thumb:hover{background-color:#aaa}.emptyComponent[data-v-cc4e8bb8]{margin:0 auto}.emptyComponent .emptyNow[data-v-cc4e8bb8]{font-size:20px;color:#999;text-align:center}.emptyComponent .ant-empty[data-v-cc4e8bb8]{margin-top:120px}.mescroll[data-v-6a5a0506]{height:calc(100vh - 218px);width:100%}.list-container ul[data-v-6a5a0506]{padding:10px 0 0 10px;margin:0 auto}.list-container ul .item[data-v-6a5a0506]{width:17%;height:280px;background:#fff;border-radius:10px;box-shadow:0 0 13px 0 hsla(0,0%,60%,.42);overflow:hidden}.posterImg[data-v-6a5a0506]{width:100%;height:133px}.title[data-v-6a5a0506]{color:#000;font-weight:700;font-size:18px;height:52px;overflow:hidden}.rightSearch[data-v-6a5a0506]{justify-content:space-between}[data-v-6a5a0506] .scroll-wrapper .el-scrollbar__wrap{overflow-x:hidden}.handle_top[data-v-6a5a0506]{position:absolute;top:8px;right:8px}.filter[data-v-6a5a0506]{margin-top:15px}.filter .item[data-v-6a5a0506]{margin-right:20px;padding:0 15px;height:30px;line-height:30px;font-size:14px;font-weight:400;color:#666;cursor:pointer;border:1px solid #fff}.filter .item.active[data-v-6a5a0506]{color:#ff9a00;border-color:#ff9a00;border-radius:20px}.active1[data-v-6a5a0506]{color:#ff9a00;font-weight:700}