Spin 旋转提示

使用指南

import { Spin } from '@hips/uni-ui/lib/spin';

export default {
  components: {
    'hips-spin': Spin,
  },
};

跨平台支持

微信小程序	支付宝小程序	钉钉小程序	百度小程序	头条小程序	QQ 小程序
✔️	-	-	-	-	-

代码演示

基础用法

spin组件只有三个传入参数，color可以控制颜色，size控制宽高大小，svg-src则是传入一个自定义的 svg 图片来展示

<hips-spin size="30" color="red" /> <hips-spin />

使用 svg

传入svg-src的值（例子中的svg是用require引入的内部文件 ），使用了svg-src，color就不受控制了

<hips-spin :svg-src="svg" size="60" />

Spin API

参数	说明	类型	可选值	默认值
color	旋转提示的颜色	String	-	当前字体颜色
size	旋转提示的大小(不接受单位)	Number	-	40
svg-src	使用外部 svg	String	-	-

注意

size 参数仅接受数字型，可以传递单位为px的值，比如设计是 40px，则仅需传入 40