pop2

src/components/exam/dialogComponent.vue

 <template>
   <div class="main">
     <p>
-      <slot name="title"></slot>
+      {{title}}
+      <!-- <slot name="title"></slot> -->
     </p>
     <div class="prompt">
-      <slot name="prompt"></slot>
+      {{prompt}}
+      <!-- <slot name="prompt"></slot> -->
     </div>
     <div class="button">
       <div>
@@ -16,6 +18,7 @@
 </template>
 <script>
 export default {
+  props: ['title', 'prompt']
 }
 </script>
 <style lang="scss" scoped>

src/pages/login/index.vue

@@ -21,12 +21,30 @@
             <div class="time-tips" v-show="false">距离开考还有：3:23:04</div>
           </div>
         </div>
+        <my-dia :title="title" :prompt="prompt">
+            <!-- <template v-slot:title>提示</template> -->
+            <template v-slot:prompt></template>
+            <template v-slot:button>
+              <button>我知道了</button>
+              <button>好的</button>
+            </template>
+        </my-dia>
       </div>
     </div>
   </div>
 </template>
 <script>
+import DialogComponent from '../../components/exam/dialogComponent.vue'
 export default {
+  components: {
+    'my-dia': DialogComponent
+  },
+  data() {
+    return {
+      title: '提示',
+      prompt: '从哪女快递费也琴女是儿是而发大V是阿女大是安抚大V vavgrrad'
+    }
+  }
 }
 </script>
 <style lang="scss" scoped>