ls

src/views/team/import.vue

@@ -25,15 +25,16 @@
             />
           </div>
         </div>
-        <div class="flex justify-center mt-10" v-if="show">
+        <div class="absolute flex justify-center bottom-1/4 inset-x-0 " v-show="show">
           <div class="bg-gray-700 text-white px-4 py-4 rounded w-1/3 text-center">下载已完成</div>
           <div class="bg-gray-700 text-white px-4 py-4 rounded w-1/3 ml-4 text-center">上传成功</div>
         </div>
-        <van-action-sheet v-model="show" class="px-4 py-4">
+        <van-popup v-model="show" position="bottom" class="px-4 py-3">
           <div v-show="show" class="w-full rounded-full py-2 px-2 text-center bg-gray-500 text-white">上传中...</div>
-          <div v-show="show" class="w-full rounded-full py-2 px-2 text-center bg-gray-500 mt-4 text-white">下载中...</div>
-        </van-action-sheet>
+          <div v-show="show" class="w-full rounded-full py-2 px-2 text-center bg-gray-500 mt-3 text-white">下载中...</div>
+        </van-popup>
         <van-overlay :show="show" />
+         
       </div>
     </main-page>
   </div>
@@ -41,9 +42,9 @@
 <script lang="ts">
 import Vue from 'vue'
 import { Overlay } from 'vant';
-import { ActionSheet } from 'vant';
+import { Popup } from 'vant';
 
-Vue.use(ActionSheet);
+Vue.use(Popup);
 Vue.use(Overlay);
 export default Vue.extend({
   name: 'Import',
@@ -56,13 +57,11 @@ export default Vue.extend({
   },
   data() {
     return {
-      show:false,
+      show:true,
     }
   },
   methods: {
-    isShow(){
-      this.show=!this.show
-    }
+    
   }
 })
 </script>