xy-uiloading
加载器，用于页面和区块的加载中状态。
使用方式
html
<!-- 引入 -->
<script type="module">
import '../components/loading/index.js';
</script>
<!-- 使用 -->
<xy-loading></xy-loading>
尺寸size
通过size可以设置加载器尺寸，默认为font-size大小。
html
<xy-loading></xy-loading>
<xy-loading size="30"></xy-loading>
<xy-loading size="40"></xy-loading>
<xy-loading size="50"></xy-loading>
CSS操作（推荐）
css
xy-loading{
font-size:30px;
}
JavaScript操作get、set
js
loading.size;
loading.size = 30;
//原生属性操作
loading.getAttribute('size');
loading.setAttribute('size',30);
TIP
CSS操作更灵活，可以写在样式中，属性值和JavaScript操作优先级更高，下同
颜色color
通过color可以设置加载器颜色，默认为主题颜色--primary-color。
html
<xy-loading size="40"></xy-loading>
<xy-loading size="40" color="green"></xy-loading>
<xy-loading size="40" color="olivedrab"></xy-loading>
<xy-loading size="40" color="orange"></xy-loading>
CSS操作（推荐）
css
xy-loading{
color:orangered;
}
JavaScript操作get、set
js
loading.color;
loading.color = 'orangered';
//原生属性操作
loading.getAttribute('color');
loading.setAttribute('color','orangered');
其他
可以直接嵌套文本作为加载提示语
html
<xy-loading>loading...</xy-loading>
如果需要垂直排列，设置一下css就可以了
html
<style>
xy-loading{
flex-direction:column
}
</style>
<xy-loading>loading...</xy-loading>
如需其他图标的loading可参考icon