hlm_pl_mall_h5/pages/member/live/child/noowner.vue

<template>
    <cover-view class="div no-owner">
        <cover-view class="div avatar-wraper">
            <cover-image mode="aspectFit" src="@/static/image/live/shimian.png" class="img avatar" />
        </cover-view>
        <text class="div tips other">
            主播不在线，再逛逛吧
        </text>
    </cover-view>
</template>

<script>
export default {
  props: {
  },
  data () {
      return {}
  },
  methods: {
  },
  computed: {}
}
</script>
<style lang="scss" scoped>
    .no-owner {
      position:absolute;
      top:0;
      left:0;
      right:0;
      bottom: 0;
        background-color: #494949;
        /*  #ifndef  APP-PLUS-NVUE  */
        display: flex;
        /*  #endif  */;
        flex-direction: column;
        align-items: center;
    }
    .avatar {
        width: 166rpx;
        height: 166rpx;
        overflow: hidden;
    }
    .avatar-wraper {
        padding-top: 280rpx;
        text-align: center
    }
    .tips {
        font-family: PingFangSC-Regular;
        font-size:12px;
        color: #FFFFFF;
        /*  #ifndef  APP-PLUS-NVUE  */
        letter-spacing: 0;
        /*  #endif  */
        text-align: center;
    }
    .nick{
        padding-top: 30rpx;
        line-height: 37rpx;
    }
    .other{
        margin-top: 20rpx;
    }
</style>