diff --git a/examples/sites/demos/pc/app/modal/default-grid-composition-api.vue b/examples/sites/demos/pc/app/modal/default-grid-composition-api.vue
index c183492eb7..2022c3ff57 100644
--- a/examples/sites/demos/pc/app/modal/default-grid-composition-api.vue
+++ b/examples/sites/demos/pc/app/modal/default-grid-composition-api.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="content">
     <tiny-button @click="visible = !visible" :reset-time="0">默认插槽</tiny-button>
-    <tiny-modal v-model="visible" :lock-scroll="false" show-footer width="1000">
+    <tiny-modal v-model="visible" :lock-scroll="false" show-footer width="1000" type="confirm">
       <template #default>
         <p class="test">test</p>
         <tiny-grid :tooltip-config="{ 'append-to-body': true }" :data="tableData" :auto-resize="true">
@@ -50,5 +50,6 @@ const tableData = ref([
 <style scoped>
 .test {
   margin-bottom: 16px;
+  color: #595959;
 }
 </style>
diff --git a/examples/sites/demos/pc/app/modal/default-grid.vue b/examples/sites/demos/pc/app/modal/default-grid.vue
index bef5da77b8..b3c1f9d238 100644
--- a/examples/sites/demos/pc/app/modal/default-grid.vue
+++ b/examples/sites/demos/pc/app/modal/default-grid.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="content">
     <tiny-button @click="visible = !visible" :reset-time="0">默认插槽</tiny-button>
-    <tiny-modal v-model="visible" :lock-scroll="false" show-footer width="1000">
+    <tiny-modal v-model="visible" :lock-scroll="false" show-footer width="1000" type="confirm">
       <template #default>
         <p class="test">test</p>
         <tiny-grid :tooltip-config="{ 'append-to-body': true }" :data="tableData" :auto-resize="true">
@@ -61,5 +61,6 @@ export default {
 <style scoped>
 .test {
   margin-bottom: 16px;
+  color: #595959;
 }
 </style>