当前位置： 首页 > news >正文

uView LoadingIcon 加载动画

news 文章来源：https://blog.csdn.net/m0_72196169/article/details/135373649 2025/2/2 18:42:34

此组件为一个小动画，目前用在uView的loadMore加载更多等组件的正在加载状态场景。

#平台差异说明

App（vue）App（nvue）H5小程序
√√√√

#基本使用

通过mode设定动画的类型，circle为圆圈的形状，flower为经典类似花朵的形状

<template><view><u-loading-icon></u-loading-icon></view>
</template>

copy

#动画文字

text可以指定文字内容 textSize可以指定文字大小

<u-loading-icon text="加载中" textSize="18"></u-loading-icon>

copy

#模式类型

mode可以指定模式

<u-loading-icon text="花朵形"></u-loading-icon>
<u-loading-icon mode="semicircle" text="半圆"></u-loading-icon>
<u-loading-icon mode="circle" text="圆型"></u-loading-icon>

copy

#排列类型

vertical可以指定文字和图标是否垂直排列

<u-loading-icon :vertical="true"></u-loading-icon>

copy

#动画模式

timing-function可以指定mode为semicircle或circle时动画里css中animation-timing-function的属性，默认为ease-in-out

<u-loading-icon timing-function="linear"></u-loading-icon>

copy

#动画运行时间

duration可以指定动画的运行周期时间

<u-loading-icon duration="2000"></u-loading-icon>

copy

#图标颜色

color可以指定动画活动区域的颜色, inactive-color可以制定mode为circle时的暗边颜色

<u-loading-icon color="red"></u-loading-icon><u-loading-icon mode="circle" inactive-color="red"></u-loading-icon>

copy

#图标尺寸

通过size设定尺寸，单位rpx，组件内把size值体现为组件的宽和高

<u-loading-icon size="36"></u-loading-icon>

copy

#显示或隐藏动画

通过show设置为true或false，来显示或隐藏动画

<u-loading-icon :show="true"></u-loading-icon>/* 等价于 */
<u-loading-icon show></u-loading-icon>

相关文章：

uView LoadingIcon 加载动画

此组件为一个小动画&#xff0c;目前用在uView的loadMore加载更多等组件的正在加载状态场景。 #平台差异说明 App&#xff08;vue&#xff09;App&#xff08;nvue&#xff09;H5小程序√√√√ #基本使用 通过mode设定动画的类型&#xff0c;circle为圆圈的形状&#xff0…...

编程日记 2024/3/19 3:14:00

Elasticsearch使用Kibana进行基础操作

一、Restful接口 Elasticsearch通过RESTful接口提供与其进行交互的方式。在ES中&#xff0c;提供了功能丰富的RESTful API的操作&#xff0c;包括CRUD、创建索引、删除索引等操作。你可以用你最喜爱的 web 客户端访问 Elasticsearch 。事实上&#xff0c;你甚至可以使用 curl …...

编程日记 2024/3/19 3:11:58

“SRP模型+”多技术融合在生态环境脆弱性评价模型构建、时空格局演变分析与RSEI 指数的生态质量评价及拓展应用教程

原文链接&#xff1a;“SRP模型”多技术融合在生态环境脆弱性评价模型构建、时空格局演变分析与RSEI 指数的生态质量评价及拓展应用教程https://mp.weixin.qq.com/s?__bizMzUzNTczMDMxMg&mid2247597452&idx5&snf723d9e5858a269d00e15dbe2c7d3dc0&chksmfa823c6…...

编程日记 2024/3/19 3:09:57

【Windows 常用工具系列 15 -- VMWARE ubuntu 安装教程】

文章目录 安装教程镜像下载 工具安装 安装教程 安装教程参考链接&#xff1a;https://blog.csdn.net/Python_0011/article/details/131619864 https://linux.cn/article-15472-1.html 激活码 VMware 激活码连接&#xff1a;https://www.haozhuangji.com/xtjc/180037874.html…...

编程日记 2024/3/19 3:06:53

SpringSecurity（SpringBoot2.X版本实现）

资料来源于 SpringSecurity框架教程-Spring SecurityJWT实现项目级前端分离认证授权 侵权删 目录 介绍 快速开始 认证 认证流程 登录校验流程 SpringSecurity完整流程 认证流程详解 代码实现 准备工作 mysql mybatis-plus redis 统一返回类 核心代码 密码加密存…...

编程日记 2024/3/19 3:05:53

仿牛客项目Day8：社区核心功能2

显示评论 数据库 entity_type代表评论的目标类型&#xff0c;评论帖子和评论评论 entity_id代表评论的目标id&#xff0c;具体是哪个帖子/评论 targer_id代表评论指向哪个人 entity public class Comment {private int id;private int userId;private int entityType;priv…...

编程日记 2024/3/19 3:04:51

Vmware虚拟机配置虚拟网卡

背景 今天同事咨询了我一个关于虚拟机的问题&#xff0c;关于内网用Vmware安装的虚拟机&#xff0c;无法通过本机访问虚拟上的Jenkins的服务。   验证多次后发现有如下几方面问题。 Jenkins程序包和JDK版本不兼容&#xff08;JDK1.8对应Jenkins不要超过2.3.57&#xff09;虚…...

编程日记 2024/3/19 3:01:49

双向链表代码（带哨兵位循环/不带哨兵位不循环

以下代码全为本人所写&#xff0c;如有错误&#xff0c;很正常&#xff0c;还请指出&#xff0c; 目录 带哨兵位循环 test.c DLList.c DLList.h 不带哨兵位不循环 test.c DLList.c DLList.h 带哨兵位循环 test.c #define _CRT_SECURE_NO_WARNINGS#include"DLlist.h&…...

编程日记 2024/3/19 2:58:44

C语言自学笔记13----C语言指针与函数

C 语言指针与函数 在C语言编程中&#xff0c;也可以将地址作为参数传递给函数。 要在函数定义中接受这些地址&#xff0c;我们可以使用指针。这是因为指针用于存储地址。让我们举个实例&#xff1a; 示例&#xff1a;通过引用致电 #include <stdio.h> void swap(int n1, …...

编程日记 2024/3/19 2:56:42

每日五道java面试题之mybatis篇（一）

目录&#xff1a; 第一题. MyBatis是什么&#xff1f;第二题. ORM是什么?第三题. 为什么说Mybatis是半自动ORM映射工具&#xff1f;它与全自动的区别在哪里&#xff1f;第四题. 传统JDBC开发存在的问题第五题. JDBC编程有哪些不足之处&#xff0c;MyBatis是如何解决这些问题的…...

编程日记 2024/3/19 2:55:41

一文解读ISO26262安全标准：概念阶段

一文解读ISO26262安全标准&#xff1a;概念阶段 1 相关项定义2 安全生命周期启动3 危害分析和风险评估 HaRa4 功能安全概念 由上一篇文章知道&#xff0c;安全生命周期包含概念阶段、产品开发阶段、生产发布后续阶段。本文详细解读概念阶段要进行的安全活动。 本部分规定了车辆…...

编程日记 2024/3/19 2:54:40

微信小程序调用百度智能云API（菜品识别）

一、注册后生成应用列表创建应用 二、找到当前所需使用的api菜品识别文档 三、点链接看实例代码 这里需要使用到如下几个参数&#xff08;如下&#xff09;&#xff0c;其他的参数可以不管 client_id &#xff1a; 就是创建应用后的API Keyclient_secret&#xff1a; 就是创建…...

编程日记 2024/3/19 2:53:39

idea项目mapper.xml中的SQL语句黄色下划线去除

问题描述 当我们使用idea开发java项目时&#xff0c;经常会与数据库打交道&#xff0c;一般在使用mybatis的时候需要写一大堆的mapper.xml以及SQL语句&#xff0c;每当写完SQL语句的时候总是有黄色下划线&#xff0c;看着很不舒服。 解决方案&#xff1a; 修改idea的配置 Edi…...

编程日记 2024/3/19 2:51:38

es 聚合操作（二）

书接上文&#xff0c;示例数据在上一篇&#xff0c;这里就不展示了 一、Pipeline Aggregation 支持对聚合分析的结果&#xff0c;再次进行聚合分析。 Pipeline 的分析结果会输出到原结果中&#xff0c;根据位置的不同&#xff0c;分为两类&#xff1a; Sibling - 结果和现有…...

编程日记 2024/3/19 2:50:37

【vue.js】文档解读【day 5】| ref模板引用

如果阅读有疑问的话&#xff0c;欢迎评论或私信&#xff01;&#xff01; 本人会很热心的阐述自己的想法&#xff01;谢谢&#xff01;&#xff01;&#xff01; 文章目录 模板引用前言访问模板引用模板引用与v-if、v-show的结合v-for中的模板引用函数模板引用 模板引用 前言 …...

编程日记 2024/3/19 2:49:36

算法简单小技巧

主页&#xff1a;xiaocr_blog 1.最小公倍数和最大公约数 #include<iostream> using namespace std; int main(){int a,b;cin>>a>>b;int r a%b;while (r!0){a b;b r;r a%b;}cout<<b<<endl;return 0 ; } #include<iostream> using nam…...

编程日记 2024/3/19 2:48:35

前端入职配置新电脑！！！

前端岗位入职第一天到底应该做些什么呢&#xff1f;又该怎样高效的认识、融入团队&#xff1f;并快速进入工作状态呢&#xff1f;这篇文章就来分享一下&#xff0c;希望对即将走向或初入前端职场的你&#xff0c;能够有所帮助。内含大量链接&#xff0c;欢迎点赞收藏&#xff0…...

编程日记 2024/3/19 2:45:32

Java面试题总结15之简述你对RPC，RMI的理解

RPC&#xff1a;在本地调用远程的函数&#xff0c;远程过程调用&#xff0c;可以跨语言实现&#xff0c;httpClient RMI&#xff1a;远程方法调用&#xff0c;Java中用于实现RPC的一种机制&#xff0c;RPC的Java版本是J2EE的网络调用机制&#xff0c;跨JVM调用对象的方法&…...

编程日记 2024/3/19 2:44:32

内网穿透利器 n2n 搭建指南

1. n2n 简介 上文实验分析了 FRP 和 Zerotier 的利弊&#xff0c;本文再介绍另一种内网穿透方案&#xff0c;n2n。 n2n 是 C/S 架构的内网穿透服务&#xff0c;不同于 FRP 的 反向代理&#xff0c;它的原理是类似 Zerotier 的先打孔&#xff0c;打孔失败再尝试转发。关于打孔本…...

编程日记 2024/3/19 2:43:31

phpcms头像上传漏洞引发的故事

目录 关键代码 第一次防御 第一次绕过 第二次防御 第二次绕过 第三次防御 第三次绕过 如何构造一个出错的压缩包 第四次防御 第四次绕过 本篇文章是参考某位大佬与开发人员对于文件包含漏洞的较量记录下的故事&#xff0c;因为要学习文件包含漏洞&#xff0c;就将大佬…...

编程日记 2024/3/19 2:40:28

二叉树|二叉树理论基础、二叉树的递归遍历

代码随想录 (programmercarl.com) 树和二叉树 1.树的基本概念 1.1树的定义 1.2树的逻辑表示方法 1.3树的基本术语 1.4树的性质 1.5树的基本运算 1.6树的存储结构 2.二叉树的概念和性质 2.1二叉树的定义 2.2二叉树的性质 2.3二叉树与树、森林之间的转换 3.二叉树的…...

编程日记 2024/3/19 2:37:25

JavaScript 语法-对象

对象 JavaScript 中的对象是一组键值对的集合&#xff0c;其中每个键都是字符串&#xff0c;每个值可以是任意类型。 对象是由一些属性和方法组成的集合&#xff0c;属性可以用来存储数据&#xff0c;方法可以用来操作数据。 属性和方法使用“.”来访问 // 创建一个对象 let …...

编程日记 2024/3/19 2:32:20

代码随想录阅读笔记-哈希表【四数之和】

题目 给定一个包含 n 个整数的数组 nums 和一个目标值 target&#xff0c;判断 nums 中是否存在四个元素 a&#xff0c;b&#xff0c;c 和 d &#xff0c;使得 a b c d 的值与 target 相等&#xff1f;找出所有满足条件且不重复的四元组。 注意&#xff1a;答案中不可以包…...

编程日记 2024/3/19 2:31:19

JVM学习——双亲委派机制

简而言之就是为了防止与Java固有全类名重复&#xff0c;而导致系统崩坏所设立的机制。 当类加载器接收到加载类的任务时&#xff0c;首先会向上请求&#xff0c;一直请求到引导类加载器&#xff0c;如果引导类加载器无法加载&#xff0c;就会逐层返回让类加载器自己执行&#…...

编程日记 2024/3/19 2:28:17

【Paper Reading】6.RLHF-V 提出用RLHF的1.4k的数据微调显著降低MLLM的虚幻问题

分类 内容 论文题目 RLHF-V: Towards Trustworthy MLLMs via Behavior Alignment from Fine-grained Correctional Human Feedback 作者 作者团队&#xff1a;由来自清华大学和新加坡国立大学的研究者组成&#xff0c;包括Tianyu Yu, Yuan Yao, Haoye Zhang, Taiwen He, Y…...

编程日记 2024/3/19 2:24:13

Aloudata 倾力打造，《Data Fabric 白皮书 2.0》正式发布

数字经济时代&#xff0c;越来越多企业开始寻求全新的数据管理范式&#xff0c;以更有效地管理、利用不断增长的数据资产。在此背景下&#xff0c;Data Fabric 的概念应运而生&#xff0c;被视为面向未来的数据管理解决方案。 距离第一版白皮书问世已经过去一年多时间&#xff…...

编程日记 2024/3/19 2:17:04

docker内部无法使用ping等网络工具解决方案

通常docker内部没有网络&#xff0c;所以我们先离线安装需要的依赖包&#xff0c;然后再使用sh脚本容器内部访问宿主机同网络端其他服务器ip,实现监测远程ip telnet包依赖于netbase包&#xff0c;但是netbase包没有安装。你需要先安装netbase包&#xff0c;然后再尝试安装teln…...

编程日记 2024/3/19 2:15:02

后端工程师快速使用vue和Element

文章目录 Vue1 Vue概述2 快速入门3 Vue指令3.1 v-bind和v-model3.2 v-on3.3 v-if和v-show3.4 v-for3.5 案例 4 生命周期 Element快速使用1 Element介绍2 快速入门3 当前页面中嵌套另一个页面案例代码案例截图 Vue 1 Vue概述 通过我们学习的htmlcssjs已经能够开发美观的页面了…...

编程日记 2024/3/19 2:13:00

自学rabbitmq入门到精通

交换机的fault &#xff08;发布与订阅模式&#xff09; 因为消息是由生产者发送给excahnge&#xff0c;exchange发送给队列&#xff0c; 然后由队列发送给消费者的。 展示使用图形化界面使用fanout模式。 创建交换机 然后创建三个队列&#xff0c;绑定对应的交换机&#xff…...

编程日记 2024/3/19 2:06:54

由浅到深认识C语言（13）：共用体

该文章Github地址&#xff1a;https://github.com/AntonyCheng/c-notes 在此介绍一下作者开源的SpringBoot项目初始化模板&#xff08;Github仓库地址&#xff1a;https://github.com/AntonyCheng/spring-boot-init-template & CSDN文章地址&#xff1a;https://blog.csdn…...

编程日记 2024/3/19 2:05:53

wordpress 手机 登陆不了/seo引擎搜索网站

多线程里为啥要用异步编程&#xff1f;因为异步到其他线程里&#xff0c;不阻塞主线程&#xff0c;让主线程处理更多的事情。 //开启一个定时任务线程&#xff0c;挂载消费者任务。 //定时任务不就是time定时器&#xff0c;对没错。这个的区别是time运行在主线程中&#xff0c…...

编程日记 2025/2/2 16:52:08

哈尔滨发布最新公告/路由器优化大师

www.jn.zk.netZK开源Ajax Mobile Java框架的5.0.5版现已发布。 这是一个维护版本&#xff0c;具有针对ZK组件的改进功能和错误修复。 它将客户端引擎升级到jQuery 1.4.3版&#xff0c;并增强了列表框&#xff0c;树和布局组件。 5.0.5版带有一个新的LabelLocator接口&#xff…...

编程日记 2025/2/2 16:17:14

山西刚刚报的病毒/廊坊首页霸屏排名优化

2的幂【备战蓝桥】2022/3/24思路方法一&#xff1a;代码&#xff1a;方法二&#xff1a;代码&#xff1a;原题链接&#xff1a; 2的幂思路 本题难度较低&#xff0c;但会引入位运算 方法一&#xff1a; 如果这个数小于等于0&#xff0c;直接返回false如果这个数是偶数&#…...

编程日记 2025/2/2 13:20:58

微信app小程序/windows优化大师怎么用

&#xfeff;&#xfeff;JSP中四种作用域的不同 作用域规定的是变量的有效期限。 1、如果把变量放到pageContext里&#xff0c;就说明它的作用域是page&#xff0c;它的有效范围只在当前jsp页面里。 从把变量放到pageContext开始&#xff0c;到jsp页面结束&#xff0c;你都可…...

编程日记 2025/2/2 12:58:38

网页设计与制作课程大纲/网站怎么优化排名

python WSGI框架详解WSGI几个关于WSGI相关的概念WSGI&#xff1a;全称是Web Server Gateway Interface&#xff0c;WSGI不是服务器&#xff0c;python模块&#xff0c;框架&#xff0c;API或者任何软件&#xff0c;只是一种规范&#xff0c;描述web server如何与web applicatio…...

编程日记 2025/2/2 12:34:17

骏域网站建设专家/百度云网盘资源

2019独角兽企业重金招聘Python工程师标准>>> ubuntu增加右键命令&#xff1a;在终端中打开 软件中心&#xff1a;搜索nautilus-open-terminal安装 命令行&#xff1a;sudo apt-get install nautilus-open-terminal 重新加载文件管理器 nautilus -q 或注销再登录 转载…...

编程日记 2025/2/2 11:56:53