diff --git a/pages/component/view/general-attribute.uvue b/pages/component/view/general-attribute.uvue
index 266a752e9155523f8a8a7dcd22f9540fce8b0b79..7b5c524de67095ea5eca503e586f85c1fb810a81 100644
--- a/pages/component/view/general-attribute.uvue
+++ b/pages/component/view/general-attribute.uvue
@@ -8,12 +8,12 @@
         <view :id="generalId" :class="generalClass" :name="generalName" :title="generalTitle" :data-test="generalData" style="background-color: aqua" ref="general-target"> </view>
         <button class="btn uni-common-mt" @click="validateGeneralAttributes">{{ validateGeneralAttrText }}</button>
         <view class="view-class" :hover-class="hoverClass" ref="view-target">
-          <text>按下 50 ms 后背景变红</text>
-          <text>抬起 400 ms 后背景恢复</text>
+          <text class="text">按下 50 ms 后背景变红</text>
+          <text class="text">抬起 400 ms 后背景恢复</text>
         </view>
         <view class="view-class" :hover-class="hoverClass" :hover-start-time="1000" :hover-stay-time="1000" ref="view-target">
-          <text>按下 1000 ms 后背景变红</text>
-          <text>抬起 1000 ms 后背景恢复</text>
+          <text class="text">按下 1000 ms 后背景变红</text>
+          <text class="text">抬起 1000 ms 后背景恢复</text>
         </view>
       </view>
     </view>
@@ -85,7 +85,8 @@ export default {
   height: 100px;
   background-color: antiquewhite;
 }
-.view-class text {
+.view-class .text {
+	margin-top: 5px;
   text-align: center;
 }
 .hover-class {