mescroll-vue下拉上拉刷新的使用

mescroll-vue下拉上拉刷新的使用 mescroll-vue下拉上拉刷新的使用 1.执行npm命令安装mescrollnpminstall--savemescroll.js2.引入mescroll组件importMescrollVuefrom'mescroll.js/mescroll.vue'3.注册组件components:{MescrollVue},4.图片展示5.页面示例代码{{getType(item,'text')}}{{item.oafdFilesenddepname}}{{item.oafdC...

mescroll-vue下拉上拉刷新的使用 1.执行npm命令安装mescrollnpminstall--savemescroll.js2.引入mescroll组件importMescrollVuefrom'mescroll.js/mescroll.vue'3.注册组件components:{MescrollVue},4.图片展示5.页面示例代码.mescroll{position:fixed;top:44px;bottom:0;height:auto;}.mescroll-padding{bottom:48px;}/deep/.mescroll-upwarp{min-height:20px;line-height:20px;padding:8px0;}/deep/.mescroll-upwarp.upwarp-nodata{font-size:12px;color:rgba(25,31,37,0.56);}/deep/.mescroll-empty{min-height:20px;line-height:20px;padding:8px0;.empty-tip{margin-top:0;font-size:12px;color:rgba(25,31,37,0.56);}}//选项卡/deep/.van-tabs{position:fixed;z-index:9;left:0;right:0;top:0;}/deep/.van-tab{height:44px;line-height:44px;font-size:15px;color:rgba(0,0,0,0.4);}/deep/.van-tab--active{color:rgba(50,150,250,1);}//列表.itemlist{padding:8px;.card{padding:14px8px14px16px;background:rgba(255,255,255,1);box-shadow:0px2px4px0pxrgba(25,31,37,0.04);border-radius:3px;.tag{margin-right:5px;padding-left:6px;padding-right:16px;display:inline-block;min-width:68px;height:20px;line-height:20px;font-size:12px;color:#fff;box-sizing:border-box;vertical-align:middle;&.tag-blue{background:url('../../assets/official-review/tag-blue.png');background-size:100%100%;}&.tag-gray{background:url('../../assets/official-review/tag-gray.png');background-size:100%100%;}}.card-body{margin-bottom:5px;min-height:40px;line-height:20px;font-size:15px;color:rgba(25,31,37,1);}.card-footer{display:flex;justify-content:space-between;align-items:center;height:16px;font-size:12px;color:rgba(25,31,37,0.4);span{margin-right:10px;flex:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}i{font-style:normal;}}}.card+.card{margin-top:8px;}}//筛选.filter-panel{padding-top:44px;.filter-title{padding:12px16px7px;line-height:21px;font-size:15px;color:rgba(25,31,37,1);box-sizing:content-box;}.filter-body{ul{padding:012px18px;display:flex;flex-wrap:wrap;}li{padding:5px4px;flex-basis:33.33%;box-sizing:border-box;}p{display:flex;justify-content:center;align-items:center;height:34px;font-size:14px;background:rgba(25,31,37,0.04);color:rgba(25,31,37,0.72);border:1pxsolidrgba(151,151,151,0.04);border-radius:3px;text-align:center;&.active{color:rgba(50,150,250,1);border:1pxsolidrgba(50,150,250,1);background:rgba(50,150,250,0.04);}}}.filter-footer{display:flex;button{margin:0;padding:0;display:flex;flex-basis:50%;height:44px;font-size:17px;justify-content:center;align-items:center;border:none;outline:none;}.btn-reset{color:rgba(50,150,250,1);background:rgba(50,150,250,0.08);}.btn-confirm{color:rgba(255,255,255,1);background:rgba(50,150,250,1);}}} -全文完-

                    本文档为【mescroll-vue下拉上拉刷新的使用】，请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑，
                    图片更改请在作品中右键图片并更换，文字修改请直接点击文字进行修改，也可以新增和删除文档中的内容。 
 该文档来自用户分享，如有侵权行为请发邮件ishare@vip.sina.com联系网站客服，我们会及时删除。

                    [版权声明] 本站所有资料为用户分享产生，若发现您的权利被侵害，请联系客服邮件isharekefu@iask.cn，我们尽快处理。

                    本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权，请谨慎使用。

                    网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传，仅限个人学习分享使用，禁止用于任何广告和商用目的。
                

下载需要：免费已有0 人下载

立即下载

mescroll-vue下拉上拉刷新的使用

你可能还喜欢