平台差异说明
App(vue) | App(nvue) | H5 | 小程序 |
√ | √ | √ | √ |
#基本使用
<template> <view> <u-loading-page></u-loading-page> </view> </template>
copy
#显示或隐藏
loading
可以指定是否显示加载页
<u-loading-page :loading="true"></u-loading-page>
copy
#文字内容
loading-text
可以指定提示内容
<u-loading-page loading-text="loading..."></u-loading-page>
copy
#动画模式
loading-mode
可以指定加载动画的模式, 默认为circle
<u-loading-page loading-mode="spinner"></u-loading-page> <u-loading-page loading-mode="semicircle"></u-loading-page>
copy
#动画图片
image
可以指定文字上方用于替换loading动画的图片
<u-loading-page image="/static/logo.png"></u-loading-page>
copy
#文字颜色
color
可以指定文字颜色
<u-loading-page color="#666"></u-loading-page>
copy
#文字大小
font-size
可以指定文字大小
<u-loading-page font-size="24"></u-loading-page>
copy
#图标大小 2.0.32
icon-size
可以指定图标大小
<u-loading-page icon-size="36"></u-loading-page>
copy
#背景颜色
bg-color
可以指定背景颜色
<u-loading-page bg-color="#e8e8e8"></u-loading-page>
copy
#图标颜色
loading-color
可以指定加载中图标的颜色
<u-loading-page loading-color="#000000"></u-loading-page>