老师您好，请帮看一下问题是出在哪呢？
图片加载出来了，但是效果不一样。

home-banner 组件代码

<template>
    <div class="home-banner">
      <div
        class="banner-img"
        :style="{backgroundImage:'url('+image+')'}"
      >
        <div class="title">{{title}}</div>
        <div class="sub-title">{{subTitle}}</div>
      </div>
    </div>
</template>
<script>
  export default {
    props: {
      image: {
        type: String,
        default: ''
      },
      title: {
        type: String,
        default: ''
      },
      subTitle: {
        type: String,
        default: ''
      }
    },
    data() {
      return {
        isLoading: true
      }
    }
  }
</script>
<style lang="scss">
.home-banner{
  margin:22px 20px 0px 20px;
  box-sizing:border-box;

  .banner-img{
    height:125px;
    border-radius:15px;
    background-size:100% 100%;
    background-repeat: no-repeat;
    .title{
      padding-top:30px;
      font-size:18px;
      color:white;
      font-weight: 500;
      text-align: center;
    }
    .sub-title{
      margin-top:10px;
      padding:5px 15px;
      font-size:15px;
      color:white;
      background-color:#4585ff;
      border:solid 1px #ccc;
      border-radius:50px;
      font-weight: 500;
    }
  }
}
</style>

小程序效果