uni-app & image & img All In One
uni-app & image & img All In One
image / uni-image === div + img
<uni-view data-v-7fc3b32c="" class="item">
<uni-text data-v-7fc3b32c="" class="name">
<span>环比</span></uni-text>
<img data-v-7fc3b32c="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAPCAYAAADZCo4zAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAACKADAAQAAAABAAAADwAAAAAnpKdCAAAAhklEQVQYGWNggIL/Dg4sp/TZ14AwiA0TB9P/GxqYTumzrTipz/YfhEFskBhIkvH///+Mpw3Z5/7/z5CIrIuRkWG+6fmfyYynDNj7gYoKkCXhbEbGfqBd/wWBqo9BBdWh9E0I/V8IrhjEOGXAtvKkAftqZEGwQ5AF0NkjRAFarDHdA8YOitcB4/0rbQdf06wAAAAASUVORK5CYII=" alt="icon-up">
<uni-image data-v-7fc3b32c="" alt="icon-up" class="dbc-icon-up">
<div style="background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAPCAYAAADZCo4zAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAACKADAAQAAAABAAAADwAAAAAnpKdCAAAAhklEQVQYGWNggIL/Dg4sp/TZ14AwiA0TB9P/GxqYTumzrTipz/YfhEFskBhIkvH///+Mpw3Z5/7/z5CIrIuRkWG+6fmfyYynDNj7gYoKkCXhbEbGfqBd/wWBqo9BBdWh9E0I/V8IrhjEOGXAtvKkAftqZEGwQ5AF0NkjRAFarDHdA8YOitcB4/0rbQdf06wAAAAASUVORK5CYII="); background-position: 0% 0%; background-size: 100% 100%; background-repeat: no-repeat;"></div>
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAPCAYAAADZCo4zAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAACKADAAQAAAABAAAADwAAAAAnpKdCAAAAhklEQVQYGWNggIL/Dg4sp/TZ14AwiA0TB9P/GxqYTumzrTipz/YfhEFskBhIkvH///+Mpw3Z5/7/z5CIrIuRkWG+6fmfyYynDNj7gYoKkCXhbEbGfqBd/wWBqo9BBdWh9E0I/V8IrhjEOGXAtvKkAftqZEGwQ5AF0NkjRAFarDHdA8YOitcB4/0rbQdf06wAAAAASUVORK5CYII=" draggable="true">
</uni-image><uni-text data-v-7fc3b32c="" class="value">
<span>0.0471</span>
</uni-text>
</uni-view>
<template>
<view class="item">
<text class="name">环比</text>
<img
:src="iconUp"
alt="icon-up">
<image
class="dbc-icon-up"
:src="iconUp"
alt="icon-up">
<text class="value">{{obj.cycle}}</text>
</view>
</template>
refs
©xgqfrms 2012-2025
www.cnblogs.com/xgqfrms 发布文章使用：只允许注册用户才可以访问！
原创文章，版权所有©️xgqfrms, 禁止转载 🈲️，侵权必究⚠️！
本文首发于博客园，作者：xgqfrms，原文链接：https://www.cnblogs.com/xgqfrms/p/15073301.html
未经授权禁止转载，违者必究！
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识（上）
· 浏览器原生「磁吸」效果！Anchor Positioning 锚点定位神器解析
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布：重大改进与新特性概览！
· .NET10 - 预览版1新功能体验（一）
2020-07-29 SVG animation(text, background)
2020-07-29 How to use JavaScript to implement precise setTimeout and setInterval All In One
2020-07-29 GitHub Classroom
2020-07-29 Chrome V8 引擎源码剖析
2020-07-29 JavaScript Automatic Semicolon Insertion All In One
2019-07-29 js sort algorithm All In One
2019-07-29 server sent events