loading z-index

自定义封装组件 z-index问题

<template>
  <div>
    <van-overlay
      :show="isShow"
      :custom-style="{
        background: 'rgb(255, 255, 255, 0.6)',
        display: 'flex',
        justifyContent: 'center',
        paddingTop: paddingTop ? paddingTop + 'px' : '100px',
      }"

      z-index="3000"

    >

      <!-- style="z-index: 3000 !important" 这样加是不对的 -->

      <van-loading size="24px" color="#4994df">
        <span style="color: #4994df">{{ title || "加载中···" }}</span>
      </van-loading>
    </van-overlay>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
  methods: {},
};
</script>