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

uView LoadingIcon 加载动画

news 2026/5/24 3:57:45

此组件为一个小动画，目前用在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

Herqles架构：量子比特读取的硬件高效判别器设计与FPGA实现

1. 项目概述&#xff1a;量子比特读取的精度与速度困局在量子计算的世界里&#xff0c;有一个操作看似基础&#xff0c;却直接决定了整个系统的上限&#xff1a;量子比特的读取。你可以把它想象成计算机的“内存读取”指令&#xff0c;但这里读取的不是0或1的确定性电压&#x…...

编程新知 2026/5/24 3:42:05

双系统硬盘告急？手把手教你用Ubuntu Live U盘和gparted无损调整/home分区大小

双系统用户必看&#xff1a;Ubuntu分区扩容实战指南你是否也遇到过这样的尴尬——当初安装双系统时随手给Ubuntu的分区分配空间&#xff0c;结果用着用着发现/home目录快被塞爆了&#xff0c;而根目录/却还有大量闲置空间&#xff1f;这种"旱的旱死&#xff0c;涝的涝死&q…...

编程新知 2026/5/24 1:52:17

焰境·万载——新一代文旅网站制作展示

江西万载数字文旅平台 北京高校在读生发起 AI 技术赋能县域文旅数字化转型 项目简介 焰境万载是围绕江西省万载县打造的数字文旅平台&#xff0c;以"中国花炮之乡"的千年烟花文化为核心&#xff0c;融合非遗传承、美食特产、旅游导览&#xff0c;以 AI 动漫角色&q…...

编程新知 2026/5/24 1:48:15

大白话拆解AI黑话！从LLM到Agent，一篇扫盲无压力

前言&#xff1a;别再被AI名词劝退了 有没有一种感觉&#xff1a;现在刷技术文章、看AI项目、聊行业趋势&#xff0c;满屏都是 LLM、Token、上下文、RAG、Agent、幻觉…… 每个词都似懂非懂&#xff0c;搜完解释看完就忘&#xff0c;想用的时候依旧一头雾水。 其实所有AI名词&a…...

编程新知 2026/5/24 1:05:07

《离别的最后》的内容入口：收尾场景如何被记住

从内容传播角度看&#xff0c;《离别的最后》的入口在“最后”这个收束动作。它不是笼统告别&#xff0c;而是写到一段关系、一个阶段或一次转身即将落下尾音的时刻。这首歌不适合被写成普通伤感推荐。更准确的角度&#xff0c;是把它放在收尾场景里&#xff1a;删掉草稿、收起…...

编程新知 2026/5/24 0:34:27

对比体验使用Taotoken聚合接口与直连原厂API的延迟与稳定性差异

&#x1f680; 告别海外账号与网络限制&#xff01;稳定直连全球优质大模型&#xff0c;限时半价接入中。 &#x1f449; 点击领取海量免费额度 对比体验使用Taotoken聚合接口与直连原厂API的延迟与稳定性差异 1. 引言 在集成大模型能力到实际业务时&#xff0c;开发者除了关…...

编程新知 2026/5/24 0:29:24

2026出纳岗位新人如何快速提升能力：从基础上手到能力跃升的最快路径

2026年&#xff0c;出纳岗位已经不再只是“收付款、跑银行、登记现金日记账”这么简单。随着企业财务数字化、业财一体化和AI工具普及&#xff0c;新人想快速成长&#xff0c;必须同时具备规范意识、系统操作能力、数据思维和风险意识。这也是为什么越来越多财务新人会关注像CD…...

编程新知 2026/5/23 23:20:57

【收藏 2026 版】程序员零基础转 AI 应用赛道！不用深耕算法训练，靠现有编程功底轻松转行

当下 AI 技术全面普及&#xff0c;传统开发岗位竞争日趋激烈&#xff0c;不少程序员都想顺势切入人工智能领域。很多人觉得入行 AI 就得钻研复杂算法、上手大模型训练&#xff0c;门槛高到难以触碰。实则 2026 年 AI 应用开发门槛大幅降低&#xff0c;拥有基础编程能力&#xf…...

编程新知 2026/5/23 22:58:00

跨境社媒运营真正难的 不是内容不够而是账号越来越没有“主线感”

很多团队做跨境社媒时&#xff0c;前期最容易把注意力放在内容数量上。 今天发没发&#xff0c;明天补几条&#xff0c;哪个平台还没铺&#xff0c;哪种形式最近更容易起量。 这些当然重要&#xff0c;因为账号在起步阶段&#xff0c;首先得先“动起来”。但真正做一段时间之后…...

编程新知 2026/5/23 21:04:19

MPC5604B/C Memory Map 内存映射全解析

一、前言 本文章主要说明底层开发、寄存器操作、Boot、Flash 编程，告诉你Flash 在哪、RAM 在哪、每个外设寄存器基地址是多少、保留区是哪些。 用途： 写寄存器头文件 写链接脚本 .ld Flash 擦写、Boot 跳转 调试定位非法地址 外设地址计算 二、MPC5604B 地址空间总规则（Pow…...

编程新知 2026/5/23 20:56:09