fix: add demo of style

Author: James-9696

examples/sites/demos/pc/app/modal/default-grid-composition-api.vue

@@ -3,7 +3,7 @@
     <tiny-button @click="visible = !visible" :reset-time="0">默认插槽</tiny-button>
     <tiny-modal v-model="visible" :lock-scroll="false" show-footer width="1000">
       <template #default>
-        <p>test</p>
+        <p class="test">test</p>
         <tiny-grid :tooltip-config="{ 'append-to-body': true }" :data="tableData" :auto-resize="true">
           <tiny-grid-column type="index" width="60"></tiny-grid-column>
           <tiny-grid-column type="selection" width="60"></tiny-grid-column>
@@ -46,3 +46,9 @@ const tableData = ref([
   }
 ])
 </script>
+
+<style scoped>
+.test {
+  margin-bottom: 16px;
+}
+</style>

examples/sites/demos/pc/app/modal/default-grid.vue

@@ -3,7 +3,7 @@
     <tiny-button @click="visible = !visible" :reset-time="0">默认插槽</tiny-button>
     <tiny-modal v-model="visible" :lock-scroll="false" show-footer width="1000">
       <template #default>
-        <p>test</p>
+        <p class="test">test</p>
         <tiny-grid :tooltip-config="{ 'append-to-body': true }" :data="tableData" :auto-resize="true">
           <tiny-grid-column type="index" width="60"></tiny-grid-column>
           <tiny-grid-column type="selection" width="60"></tiny-grid-column>
@@ -57,3 +57,9 @@ export default {
   }
 }
 </script>
+
+<style scoped>
+.test {
+  margin-bottom: 16px;
+}
+</style>