mui修改上拉加载/下拉刷新图标颜色字体以及图标
Song •
2118 次浏览 •
0个评论 •
2019年04月04日
修改默认图标,默认首页mui-spinner
和mui-icon-pulldown
:
// var CLASS_SPINNER = 'mui-spinner';
// var CLASS_ICON_PULLDOWN = 'mui-icon-pulldown';
var CLASS_SPINNER = 'iconfont iconicon';
var CLASS_ICON_PULLDOWN = 'iconfont iconshuaxin';
修改旋转方向以及速度等动画效果,具体代码在mui.css
中的mui-spinner
中也有设置,还可以修改mui.js
:
loading.className = CLASS_LOADING;
loading.style.webkitAnimation = "spinner-spin 1s step-end infinite";
想控制图标颜色以及大小可以修改mui.css
中的mui-spinner
等:
.mui-spinner
{
display: inline-block;
width: 18px;
height: 18px;
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: spinner-spin 1s step-end infinite;
animation: spinner-spin 1s step-end infinite;
}
如下为相关参数:
/*主体样式,如文字大小颜色*/
.mui-pull-caption
{
}
/* 加载中图标大小,只能通过宽高控制 */
.mui-spinner{
width: 20px;
height: 20px;
}
/* 上下拉图标 */
.mui-icon-pulldown {
color: #FF058B;
}
/* 下拉刷新控制 */
.mui-content .mui-pull-top-pocket{
width: 100%;
}
/* 上拉加载控制 */
.mui-content .mui-pull-bottom-pocket {
width: 100%;
}
用户评论
当前暂无评价,快来发表您的观点吧...
更多相关好文
当前暂无更多相关好文推荐...
-
微信公众号文章/菜单添加小程序时路径如何获取? 2021-12-22
-
如何轻松获取微信小程序路径path? 2021-12-22
-
cannot import name 'CUDA_HOME' from 'mmcv.utils' 2021-12-05
-
vgg的loss一轮达到ln(1/n)阈值,如何解决 2021-11-21
-
如何下载使用utils库 2021-10-27
热门文章
-
微信公众号文章/菜单添加小程序时路径如何获取? 2021-12-22
-
如何轻松获取微信小程序路径path? 2021-12-22
-
python/MySQL分页查询方法与性能优化 2021-06-23
-
mitmproxy & python 忽略所有的https/ssl请求 2021-04-19
-
如何使用邮件/邮箱推广微信公众号/小程序? 2021-01-28
栏目最新文章
公告提示
- pytorch中文文档
- pytorch官方文档
提交评论