From 07a938f131defee9ab468e2b0c10d3c7c9edb61e Mon Sep 17 00:00:00 2001
From: Binks_ <yuhao615@qq.com>
Date: Sat, 7 Oct 2023 10:13:13 +0800
Subject: [PATCH] docs(guide): fix alert out of bounds (#541)

---
 .../sites/demos/app/guide/arror-position.vue     | 16 ++--------------
 .../app/guide/dom-hight-composition-api.vue      | 10 +++-------
 examples/sites/demos/app/guide/dom-hight.vue     | 10 +++-------
 3 files changed, 8 insertions(+), 28 deletions(-)

diff --git a/examples/sites/demos/app/guide/arror-position.vue b/examples/sites/demos/app/guide/arror-position.vue
index 9435ed561..843270e80 100644
--- a/examples/sites/demos/app/guide/arror-position.vue
+++ b/examples/sites/demos/app/guide/arror-position.vue
@@ -1,15 +1,7 @@
 <template>
   <div>
-    <div class="guide-content">
-      <tiny-alert
-        class="pos"
-        :closable="false"
-        type="success"
-        size="large"
-        description="提交结果页用于反馈一系列操作任务的处理结果。"
-      >
-      </tiny-alert>
-    </div>
+    <tiny-alert class="pos" :closable="false" type="success" size="large" description="提交结果页用于反馈一系列操作任务的处理结果。">
+    </tiny-alert>
     <div class="guide-title">
       <tiny-button plain @click="stepStart1">默认</tiny-button>
       <tiny-button plain @click="stepStart2">上居中</tiny-button>
@@ -115,9 +107,5 @@ export default {
   display: flex;
   justify-content: space-around;
   margin-top: 20px;
-  width: 600px;
-}
-.guide-content {
-  width: 600px;
 }
 </style>
diff --git a/examples/sites/demos/app/guide/dom-hight-composition-api.vue b/examples/sites/demos/app/guide/dom-hight-composition-api.vue
index 1ae37c474..c6fbe8289 100644
--- a/examples/sites/demos/app/guide/dom-hight-composition-api.vue
+++ b/examples/sites/demos/app/guide/dom-hight-composition-api.vue
@@ -8,12 +8,7 @@
         <tiny-button plain class="hight3">新手引导3</tiny-button>
         <tiny-alert class="hight4" :closable="false" description="type 为默认值 info"></tiny-alert>
         <div class="hight11 tiny-hight-content-item">
-          <tiny-alert
-            type="success"
-            size="large"
-            :closable="false"
-            description="提交结果页用于反馈一系列操作任务的处理结果。"
-          >
+          <tiny-alert type="success" size="large" :closable="false" description="提交结果页用于反馈一系列操作任务的处理结果。">
             <tiny-button size="mini" type="primary">继续提交</tiny-button>
             <tiny-button size="mini">取消操作</tiny-button>
           </tiny-alert>
@@ -76,11 +71,12 @@ function stepStart() {
 <style scoped>
 .tiny-hight-content {
   height: 500px;
-  widows: 500px;
 }
+
 .tiny-hight-content-item {
   margin-top: 200px;
 }
+
 .hight4 {
   width: auto;
   height: 36px;
diff --git a/examples/sites/demos/app/guide/dom-hight.vue b/examples/sites/demos/app/guide/dom-hight.vue
index e21a6ccef..eba0d3471 100644
--- a/examples/sites/demos/app/guide/dom-hight.vue
+++ b/examples/sites/demos/app/guide/dom-hight.vue
@@ -8,12 +8,7 @@
         <tiny-button plain class="hight3">新手引导3</tiny-button>
         <tiny-alert class="hight4" :closable="false" description="type 为默认值 info"></tiny-alert>
         <div class="hight11 tiny-hight-content-item">
-          <tiny-alert
-            type="success"
-            size="large"
-            :closable="false"
-            description="提交结果页用于反馈一系列操作任务的处理结果。"
-          >
+          <tiny-alert type="success" size="large" :closable="false" description="提交结果页用于反馈一系列操作任务的处理结果。">
             <tiny-button size="mini" type="primary">继续提交</tiny-button>
             <tiny-button size="mini">取消操作</tiny-button>
           </tiny-alert>
@@ -87,11 +82,12 @@ export default {
 <style scoped>
 .tiny-hight-content {
   height: 500px;
-  widows: 500px;
 }
+
 .tiny-hight-content-item {
   margin-top: 200px;
 }
+
 .hight4 {
   width: auto;
   height: 36px;