【快应用】背景图片设置gif不生效
应用 设置 生效 gif 背景图片
2023-09-11 14:20:23 时间
现象描述
在快应用中使用background-image加载gif图片当做背景图,背景图片是静止的
实现方式
用stack组件作为image组件的父节点,然后再用div覆盖在image上,在div中设置相关内容(image上不用设置),从而达到最终效果。
代码如下:
<template>
<div class="container">
<stack class="stack">
<image class="image" src="./../Common/background-image.gif"></image>
<div>
<text class="title">The stack container is arranged in a stack, and each sub-assembly is stacked in order, covering the previous components.</text>
</div>
</stack>
</div>
</template>
效果图如下:
欲了解更多更全技术文章,欢迎访问https://developer.huawei.com/consumer/cn/forum/?ha_source=zzh
相关文章
- ios应用, 设置不自己主动备份到iCloud
- 后缀数组的应用:[Leetcode] 321.拼接最大数(困难)
- iOS 9音频应用播放音频之播放控制暂停停止前进后退的设置
- 【快应用】align-self属性设置不生效案例
- 吴恩达机器学习笔记 —— 19 应用举例:照片OCR(光学字符识别)
- 《51单片机应用开发从入门到精通》——2.7 中断的控制及设置
- 《HTML5移动应用开发入门经典》—— 1.7 总结
- 《Android 应用案例开发大全(第3版)》——第1.5节本书案例项目的导入
- 《HTML5多媒体应用开发》——导读
- 【Java基础】ThreadLocal的底层原理以及应用场景
- Swift - 设置程序的应用图标和启动界面
- Excel 数据透视表教程大全之 02 添加字段、设置数据格式应用货币模式、按值进行排序(教程含样本数据)
- android 系统应用在运行时被卸载
- 使用sencha cmd 一键生成你的应用程序代码
- Excel 数据透视表教程大全之 02 添加字段、设置数据格式应用货币模式、按值进行排序(教程含样本数据)
- 使用Web前端技术开发桌面应用---Electron第一个Hello World程序
- 应用设置及用户默认设置
- 移动应用测试框架—Calabash Android 简介
- 功能测试报告的编写(版本测试报告与总结测试报告的应用)
- qiankun常见问题集合:主子应用间路由跳转、微应用如何设置跨域访问、各生命周期钩子如何执行、应用内路由跳转报错:Failed to execute 'replace' on 'Location'
- 【快应用】ad-button文案修改
- 应用场景
- C#-中IO的应用
- 关于jQuery的$.proxy()应用.
- 前端js常用剪贴板(复制粘贴)操作和应用,以及navigator.clipboard新粘贴板API使用