移动端dashboard弹窗处

src/views/dashBoard/index.vue

@@ -1,13 +1,16 @@
 <template>
   <div class="login1">
+    <el-drawer v-model="drawer" size="80%" direction="ltr" :show-close="false" :before-close="handleDrawer"
+            style="background-color: #1C3F56;" :with-header="false"  >
+            <Drawer />
+        </el-drawer>
     <div class="wrap w">
       <div class="leftbox">
         <Item :data="data" />
         <Nav />
-
       </div>
       <div class="rightbox">
-        <Header :time="datatime" />
+        <Header :time="datatime" :openDrawer="openDrawer"/>
         <div class="content">
           <div class="content-topleft">
             <p class="content-title">{{ $t(i18n.global.t('dashboard.Milestones')) }}</p>
@@ -148,6 +151,7 @@
 
       </div>
     </div>
+   
   </div>
 </template>
 <script lang="ts">
@@ -168,11 +172,19 @@ import moment from 'moment';
 import i18n from '@/locales'
 import { ipoStore } from "@/stores/ipo"
 import { getCurrentInstance, onUnmounted } from 'vue'
-
+import Drawer from '@/views/login/modelComponents/Drawer.vue'
 import { getDataFromId } from "@/api/mock/home";
+const drawer = ref(false)
+const handleDrawer = (done: () => void) => {
+    done();
+}
+const openDrawer = () => {
+    drawer.value = true;
+}
 const { proxy } = (getCurrentInstance() as any)
 // console.log('getCurrentInstance()中的proxy:', proxy)
 const store = ipoStore()
+
 const main = ref() // 使用ref创建虚拟DOM引用，使用时用main.value
 const main1 = ref(); // 使用ref创建虚拟DOM引用，使用时用main.value
 const main2 = ref();