diff --git a/.storybook/common.css b/.storybook/common.css
new file mode 100644
index 0000000..d4662f7
--- /dev/null
+++ b/.storybook/common.css
@@ -0,0 +1,7 @@
+view {
+  display: block;
+}
+
+text {
+  display: inline;
+}
diff --git a/.storybook/preview.ts b/.storybook/preview.ts
index 6d542c1..7a13447 100644
--- a/.storybook/preview.ts
+++ b/.storybook/preview.ts
@@ -9,6 +9,7 @@
  */
 import type { Preview } from "@storybook/vue3"
 import 'uno.css'
+import "./common.css";
 
 const preview: Preview = {
   parameters: {
diff --git a/dev/Text.vue b/dev/Text.vue
deleted file mode 100644
index ff3d51e..0000000
--- a/dev/Text.vue
+++ /dev/null
@@ -1,8 +0,0 @@
-<template>
-  <span>
-    <slot />
-  </span>
-</template>
-
-<script setup lang="ts" name="Span">
-</script>
diff --git a/dev/View.vue b/dev/View.vue
deleted file mode 100644
index 6de09c0..0000000
--- a/dev/View.vue
+++ /dev/null
@@ -1,17 +0,0 @@
-<!--
- * @Author: zhaojinfeng 121016171@qq.com
- * @Date: 2023-07-10 17:23:35
- * @LastEditors: zhaojinfeng 121016171@qq.com
- * @LastEditTime: 2023-07-10 18:34:34
- * @FilePath: \uni\dev\v  iew.vue
- * @Description:
- *
--->
-<template>
-  <div>
-    <slot />
-  </div>
-</template>
-
-<script setup lang="ts" name="View">
-</script>
diff --git a/packages/card-text/index.vue b/packages/card-text/index.vue
index 3a53443..0f14b1e 100644
--- a/packages/card-text/index.vue
+++ b/packages/card-text/index.vue
@@ -2,7 +2,7 @@
  * @Author: peerless_hero peerless_hero@outlook.com
  * @Date: 2023-07-08 01:44:46
  * @LastEditors: zhaojinfeng 121016171@qq.com
- * @LastEditTime: 2023-07-10 19:07:56
+ * @LastEditTime: 2023-07-13 12:11:08
  * @FilePath: \uni\packages\card-text\index.vue
  * @Description:
  *
@@ -16,20 +16,20 @@
           ：
         </template>
       </slot>
-    </View>
-    <View color="#3a3a3a" flex-grow>
+    </view>
+    <view color="#3a3a3a" flex-grow>
       <slot name="text">
-        <Text>
+        <text>
           {{ text }}
-        </Text>
+        </text>
       </slot>
-    </View>
-    <View>
+    </view>
+    <view>
       <View h-48rpx w-128rpx rounded-8rpx border-solid color="#f3a73f" border="#f6ddb8" bg="#fff6e8" border-2rpx fs-24 leh-48 text-center>
         试试
-      </View>
-    </View>
-  </View>
+      </view>
+    </view>
+  </view>
 </template>
 
 <script lang="ts" setup name="CardText">
diff --git a/packages/card-title/index.vue b/packages/card-title/index.vue
index b9a157c..4a184d3 100644
--- a/packages/card-title/index.vue
+++ b/packages/card-title/index.vue
@@ -10,7 +10,7 @@
 <template>
   <View fs-30 font-500 leh-42 mx-24rpx mt-24rpx mb-12rpx color="#3A3A3A">
     <slot>{{ title }}</slot>
-  </View>
+  </view>
 </template>
 
 <script lang="ts" setup name="CardTitle">
diff --git a/packages/card/index.vue b/packages/card/index.vue
index 92c164a..f511fbf 100644
--- a/packages/card/index.vue
+++ b/packages/card/index.vue
@@ -2,16 +2,16 @@
  * @Author: peerless_hero peerless_hero@outlook.com
  * @Date: 2023-07-08 01:36:19
  * @LastEditors: zhaojinfeng 121016171@qq.com
- * @LastEditTime: 2023-07-13 10:22:18
+ * @LastEditTime: 2023-07-13 12:06:10
  * @FilePath: \uni\packages\card\index.vue
  * @Description:
  *
 -->
 <template>
-  <View class="th-card" bg-white rounded-16rpx m-24rpx max-w-702rpx overflow-hidden>
+  <view class="th-card" bg-white rounded-16rpx m-24rpx max-w-702rpx overflow-hidden>
     <slot />
-    <View v-if="noCardActions" h-16rpx />
-  </View>
+    <view v-if="noCardActions" h-16rpx />
+  </view>
 </template>
 
 <script lang="ts" setup name="Card">
diff --git a/packages/prompt/index.vue b/packages/prompt/index.vue
index 6d9c40c..faba9aa 100644
--- a/packages/prompt/index.vue
+++ b/packages/prompt/index.vue
@@ -12,7 +12,7 @@
     <View rounded-t-48rpx w-750rpx absolute bottom-0 bg-white z-1001>
       <View mt-32rpx mb-24rpx mx-48rpx fs-30 font-400>
         {{ title }}
-      </View>
+      </view>
       <View text-center mx-48rpx>
         <textarea
           v-model="value"
@@ -38,9 +38,9 @@
         >
           {{ confirmText }}
         </button>
-      </View>
-    </View>
-  </View>
+      </view>
+    </view>
+  </view>
 </template>
 
 <script lang="ts" setup name="Prompt">
diff --git a/packages/tag/index.vue b/packages/tag/index.vue
index 91f0d7d..36f2067 100644
--- a/packages/tag/index.vue
+++ b/packages/tag/index.vue
@@ -8,7 +8,7 @@
  *
 -->
 <template>
-  <Text
+  <text
     class="th-tag"
     :class="className"
     text-center
@@ -23,7 +23,7 @@
     rounded-16rpx
   >
     &nbsp;&nbsp;&nbsp;{{ text }}&nbsp;&nbsp;&nbsp;
-  </Text>
+  </text>
 </template>
 
 <script lang="ts" setup name="Tag">
diff --git a/types/components.d.ts b/types/components.d.ts
index 23963f0..59575cc 100644
--- a/types/components.d.ts
+++ b/types/components.d.ts
@@ -19,7 +19,6 @@ declare module 'vue' {
     DefaultLayout: typeof import('./../packages/default-layout/index.vue')['default']
     Header: typeof import('./../packages/header/index.vue')['default']
     Image: typeof import('./../dev/Image.vue')['default']
-    Modal: typeof import('./../packages/modal/index.vue')['default']
     Prompt: typeof import('./../packages/prompt/index.vue')['default']
     SearchPicker: typeof import('./../packages/search-picker/index.vue')['default']
     Tag: typeof import('./../packages/tag/index.vue')['default']