动态设置背景图，H5显示正， App端显示空白（包括安卓和ios都是）

动态设置背景图的时候，以下案例在h5环境下均可以正常展示，而app环境只有最后一种通过class的方式设置成功。

现在其实有了解决方案就是将之前动态的style改为动态的class就ok了。

但是我想不通的是为什么app环境在dom中设置背景图的方法全都失败

<template>  
  <view class="demo-content">  
    <div :style="{backgroundImage:`url(${indexBackgroundImage})`}">  
      <h1>动态设置背景</h1>  
    </div>  

    <div class="mt-40" :style="{backgroundImage:`url(${indexBackgroundImage2})`}">  
      <h1>动态设置背景2</h1>  
    </div>  

    <view  
      class="mt-40"  
      :style="{backgroundImage:'url(../../static/images/home/running/record-run.svg)'}"  
    >  
      <h1>相对路径引用背景图</h1>  
    </view>  

    <view  
      class="mt-40"  
      :style="{ backgroundImage:'url(/static/images/home/running/record-run.svg)'}"  
    >  
      <h1>绝对路径引用背景图</h1>  
    </view>  

    <view  
      class="mt-40"  
      :style="{backgroundImage:'url(../../static/images/activity/defaultBg/week_0.png'}"  
    >  
      <h1>相对路径引入png作为背景</h1>  
    </view>  

    <view  
      class="box mt-40"  
    >  
      <h1>使用class 添加背景</h1>  
    </view>  
  </view>  
</template>  

<script>  
import indexBackgroundImage from '@/static/images/home/running/record-run.svg';  
export default {  

  data() {  
    return {  
      indexBackgroundImage,  
      indexBackgroundImage2:require('../../static/images/home/running/record-run.svg')  

    };  
  },  
  computed: {  

  },  
  methods: {  

  }  
};  
</script>  

<style lang="scss" scoped>  
.demo-content {  
  padding-top: 80rpx;  
}  
.box {  
  background-image: url('../../static/images/home/running/record-run.svg');  
}  
.mt-40 {  
  margin-top: 40rpx;  
}  
</style>