uView LoadingPage 加载页

简介: uView LoadingPage 加载页

平台差异说明

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>
相关文章
|
API
Element UI Loading 加载组件动态变更 text 值(加载文案)
有这样的一个需求,我在上传文件的时候,上传阶段耗时较长,所以利用加载动画作为友好提示用户等待。
1289 0
Element UI Loading 加载组件动态变更 text 值(加载文案)
|
3月前
elementUI使用Pagination分页组件增加自定义slot
本文介绍了如何在Element UI的Pagination分页组件中使用自定义slot。通过在`el-pagination`标签内的适当位置添加slot内容,可以在分页组件中插入自定义的HTML或组件。文章提供了一个示例代码,展示了如何添加两个自定义slot,并展示了最终效果。
246 4
elementUI使用Pagination分页组件增加自定义slot
|
7月前
|
API
uniapp中uview组件库丰富LoadingPage 加载页
uniapp中uview组件库丰富LoadingPage 加载页
210 0
|
小程序
小程序踩坑-appJSON["tabBar"][2]["pagePath"] "pages/test/test" 需在 pages 数组中
小程序踩坑-appJSON["tabBar"][2]["pagePath"] "pages/test/test" 需在 pages 数组中
110 0
|
移动开发 小程序
关于uni-app页面Page和组件Component生命周期执行的先后顺序
关于uni-app页面Page和组件Component生命周期执行的先后顺序
153 0
|
容器
laypage静态数据分页组件的调用实战代码
laypage静态数据分页组件的调用实战代码
71 0
|
前端开发
优雅草蜻蜓k知识付费系统前端打包报错问题 前端打包报错 文件查找失败:’vue-flip-page’ 文件查找失败:’vue-flip-page’ at pages\read\index.vue:12
优雅草蜻蜓k知识付费系统前端打包报错问题 前端打包报错 文件查找失败:’vue-flip-page’ 文件查找失败:’vue-flip-page’ at pages\read\index.vue:12
优雅草蜻蜓k知识付费系统前端打包报错问题  前端打包报错 文件查找失败:’vue-flip-page’ 文件查找失败:’vue-flip-page’ at pages\read\index.vue:12
|
小程序 容器
【微信小程序】全局样式文件app.wxss、页面的根元素page、 app.json中的window配置项
哈喽大家好,本期是微信小程序专栏第七期,本期主要是通过设置页面背景颜色、设置导航栏颜色来学习全局样式文件app.wxss、页面的根元素page、 app.json中的window配置项。
Fullpage.js添加滚动延迟
Fullpage.js添加滚动延迟
139 0
|
JavaScript 前端开发
Vue中 iframe 的内容加载慢,实现加载(Loading)效果
Vue中 iframe 的内容加载慢,实现加载(Loading)效果
1896 0
Vue中 iframe 的内容加载慢,实现加载(Loading)效果