Vu3: deep()样式穿透

<template>
  <div>
    <div><a-divider orientation="left">前端工具</a-divider></div>
    <div></div>
  </div>
</template>

<script lang="ts">
  // 抽屉工具，支持8个或者是4个
  import { defineComponent } from 'vue';

  export default defineComponent({
    name: 'ToolDrawer',
  });
</script>

<style scoped>
:deep(.arco-divider-text){
   border-radius: 5px;
   background: #409eff;
  color: white;
 }
</style>

使用 :deep() 进行样式穿透