feat(ip-section): [ip-section] modify demo (#2129)

Author: James-9696

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>

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>