fix: fix personal avatar not responsive layout

修复用户头像没有响应式布局

@@ -35,7 +35,7 @@
               :before-upload="beforeUploadqrcodePic"
               :before-upload="beforeUploadqrcodePic"
             >
             >
               <img
               <img
-                style="text-align: center; border-radius: 50%; width: 8.5vw; height: 15.2vh"
+                style="text-align: center; border-radius: 50%"
                 v-if="peresonalPic"
                 v-if="peresonalPic"
                 :src="peresonalPic"
                 :src="peresonalPic"
                 alt="avatar"
                 alt="avatar"
@@ -118,7 +118,7 @@
     },
     },
   ];
   ];
   export default defineComponent({
   export default defineComponent({
-    name: 'index',
+    name: 'Index',
     components: { BasicModal, BasicForm, Description, Upload, PlusOutlined },
     components: { BasicModal, BasicForm, Description, Upload, PlusOutlined },
     emits: ['refreshPersonl', 'register'],
     emits: ['refreshPersonl', 'register'],
     setup(_, { emit }) {
     setup(_, { emit }) {
@@ -247,10 +247,15 @@
     :deep .ant-upload-select-picture-card {
     :deep .ant-upload-select-picture-card {
       display: inherit;
       display: inherit;
       float: none;
       float: none;
-      width: 8.6vw;
-      height: 17vh;
-      margin-right: 0.2vw;
-      margin-bottom: 0.2vw;
+      width: 35%;
+      height: 0;
+      padding-bottom: 35%;
+      margin: 0;
+
+      // width: 8.6vw;
+      // height: 17vh;
+      // margin-right: 0.2vw;
+      // margin-bottom: 0.2vw;
       text-align: center;
       text-align: center;
       vertical-align: top;
       vertical-align: top;
       background-color: #fafafa;
       background-color: #fafafa;