【快应用】背景图片设置gif不生效

现象描述
在快应用中使用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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值