::v-deep 和 /deep/深度修改

    .swiper-right {
                display: flex;
                justify-content: flex-start;
                & > .swiper-pagination1 {
                    width: 50px;
                    display: flex;
                    flex-direction: column;
                    height: 561px;
                    margin-left: 20px;
                    justify-content: center;
                    color: #4BA2FF;
                    justify-content: space-around;
                    font-size: 36px;
                    font-weight: 700;
                    ::v-deep {
                        .swiper-pagination-bullet {
                            background: none;
                        }
                        .swiper-pagination-bullet-active {
                            background: none !important;
                        }
                    }
                }
            }

  .camera-wrapper {
    color: #657a9b;
    padding: 0 6px;
    /deep/ .video-full-wrapper.thermal-imaging-camera {
      padding: 300px 0  !important;
    }

记录一下今天遇到的问题

在使用vue3.0时，写css样式时，运行项目出现以下警告

查阅资料发现>>>和/deep/已经被弃用，使用deep()来代替

错误代码写法：

 正确代码写法：