fix: 生成令牌，复制按钮不生效 (#2946)

Author: leafage-collb

webfe/package_vue/src/views/dev-center/app/basic-config/cloud-api/index.vue

@@ -139,18 +139,17 @@
           >
             {{ localLanguage === 'en' ? 'Access_token' : '令牌（access_token）' }}
           </p>
-          <div
-            :class="['access-token-url', { error: !tokenUrl }]"
-          >
+          <div :class="['access-token-url', { error: !tokenUrl }]">
             <span v-if="tokenUrl">{{ tokenUrl }}</span>
             <span v-else>{{ errorObject?.message }}</span>
-            <div
-              class="copy"
+            <bk-button
               v-if="tokenUrl"
+              text
+              v-copy="tokenUrl"
             >
               <i class="paasng-icon paasng-general-copy" />
               {{ $t('复制') }}
-            </div>
+            </bk-button>
           </div>
         </div>
       </section>
@@ -497,11 +496,6 @@ export default {
       color: #63656e;
       margin-top: 24px;
     }
-
-    .copy {
-      color: #3a84ff;
-      cursor: pointer;
-    }
   }
 }
 .footer-wrapper {