feat: 组件01

src/pages/ChatModule/ZModuleBase/index.vue

@@ -0,0 +1,21 @@
+<template>
+    <view class="container w-full border-box border-ff overflow-hidden rounded-24 flex flex-col">
+    <!-- 占位撑开 -->
+    <view class="w-vw"></view>
+    <view class="flex flex-col m-4 border-box rounded-24">
+        <slot name="content"></slot>
+    </view>
+  </view>
+</template>
+
+<script setup>
+</script>
+
+<style scoped>
+
+.container {
+  background: rgba(255, 255, 255, 0.2);
+  box-shadow: 0px 9px 34px 0px rgba(27, 9, 91, 0.07);
+}
+
+</style>

src/pages/ChatModule/ZModuleC01/index.vue

@@ -0,0 +1,12 @@
+<template>
+    <ZModuleBase>
+        <template #content >
+            灌灌灌灌灌滚滚滚
+        </template>
+    </ZModuleBase>    
+</template>
+
+<script setup>
+import ZModuleBase from "../ZModuleBase/index.vue";
+
+</script>