团队二维码UI界面优化

src/views/team-QRcode.vue

@@ -7,11 +7,11 @@
     <!-- 二维码部分 -->
     <div class="pt-14">
         <div class="qrcode mt-2 mb-9 relative w-75 h-113.5 mx-auto">
-        <p class=" text-white absolute top-24 left-22.375 text-base">这里是团队名称</p>
-        <p class=" text-white absolute top-32 left-20 text-sm">团队号：ABCDE1234</p>
-        <img src="../assets/qrbackground.png" alt="" class="">
+        <p class=" text-white absolute top-24 text-base left-0 right-0 mx-auto text-center">这里是团队名称</p>
+        <p class=" text-white absolute top-32 text-sm left-0 right-0 mx-auto text-center">团队号：ABCDE1234</p>
+        <img src="../assets/qrbackground.png" alt="" class="" ref="wrapper" > 
         <img src="../assets/qrcode.png" alt="" srcset="" class=" absolute w-32 left-21.25 top-44 ">
-        <p class=" text-white absolute top-82 left-10 text-sm"> 扫描二维码加入我们Chat33的团队</p>
+        <p class=" text-white absolute top-82 left-0 right-0 mx-auto text-center text-sm"> 扫描二维码加入我们Chat33的团队</p>
       </div>
       <div class="mx-4">
         <c-button round buttonBg="bg-color-primary" class="">点击生成图片去分享</c-button>
@@ -25,7 +25,6 @@
 
 <script lang="ts">
 import Vue from 'vue';
-import CButton from './components/c-button.vue';
 
 export default Vue.extend({
   name:'teamQRcode',