uniapp自定义uni.showLoading的加载图标
时间: 2023-11-22 13:58:22 浏览: 274
加载图标
你可以在 `App.vue` 中的 `onLaunch` 方法中调用 `uni.setLoadingOptions` 方法来自定义 `uni.showLoading` 的加载图标。以下是一个示例:
```vue
<template>
<div>
<!-- 页面内容 -->
</div>
</template>
<script>
export default {
onLaunch() {
// 设置加载图标
uni.setLoadingOptions({
mask: true,
text: '加载中...',
customLoading: '<img src="/static/loading.gif"/>',
});
},
};
</script>
```
在上面的示例中,我们将 `customLoading` 属性设置为一个自定义的加载图标,它是一个指向 `loading.gif` 文件的 `<img>` 标签。你可以将 `customLoading` 设置为任何 HTML 元素或字符串,以满足你的需求。
阅读全文