Task-2801167946019072: achieve

vusion · Feb 21, 2024 · c9babff · c9babff
1 parent 6910753
commit c9babff
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 4 deletions.
diff --git a/packages/cw/cw_text_power_library/components/cw-typed-view/docs/examples.md b/packages/cw/cw_text_power_library/components/cw-typed-view/docs/examples.md
@@ -1,5 +1,7 @@
 ### 基本用法
 
 ``` html
-<cw-typed-view></cw-typed-view>
+<cw-typed-view 
+style="width:100px; "
+value="fdafaslfjafldajfldsajfldajlfdjaslfjdl" :showCursor="true"></cw-typed-view>
 ```
diff --git a/packages/cw/cw_text_power_library/components/cw-typed-view/index.vue b/packages/cw/cw_text_power_library/components/cw-typed-view/index.vue
@@ -1,6 +1,6 @@
 <template>
-  <div style="display:flex">
-      <div ref="my-type" v-if="!inIDE" >
+  <div class="typed-view" >
+      <div class="typed-view-room" ref="my-type" v-if="!inIDE" >
       </div>
       <div v-else>
         {{value}}
@@ -58,5 +58,10 @@ export default {
 </script>
 
 <style>
-
+.typed-view-room{
+   display: inline;
+   word-wrap: break-word;
+   white-space: normal;
+   width: 100%;
+}
 </style>