前言
有需求,就要动手丰衣足食...公司考虑兼容IE9,那么css3 animation写的loading就无缘了
因为keyframes IE10+ , 那么要实现会动且可控的(颜色,大小),好像就剩下...svg大佬了;
依旧不废话,看效果图
2017-07-26: 调整了样式,加入了可控的提示文字
----
效果图
?...fixed,一个是相对relative的absolute,所以这块抽离
svg要可控颜色大小,那么必须是svg代码渲染,图片引入是没法更改的
你能学到什么?...props的字段限制,默认值
computed的运用
部分webpack配置的改动
svg一丢丢知识
大体就这样了,再来说说爬的坑
svg可以继承颜色和大小(css),前提哈,svg内置代码没有fill...svg大小,颜色,类型可控
遮罩层的样式可控
----
代码
index.js -- 先把svg默认全部导出
// 引入所有svg loading
export { default as balls