style: 修复 data 中 texts 换行错乱问题

pages/component/text/text.uvue

@@ -3,18 +3,29 @@
     <page-head :title="title"></page-head>
     <view class="uni-padding-wrap uni-common-mt">
       <view class="text-box" scroll-y="true">
-                <text class="text">{{text}}</text>
+        <text class="text">{{ text }}</text>
       </view>
       <view class="uni-btn-v">
-                <button class="uni-btn" type="primary" :disabled="!canAdd" @click="add">add line</button>
-                <button class="uni-btn" type="warn" :disabled="!canRemove" @click="remove">remove line</button>
-				<button class="uni-btn" type="primary" @click="textProps">更多属性示例</button>
+        <button class="uni-btn" type="primary" :disabled="!canAdd" @click="add">
+          add line
+        </button>
+        <button
+          class="uni-btn"
+          type="warn"
+          :disabled="!canRemove"
+          @click="remove"
+        >
+          remove line
+        </button>
+        <button class="uni-btn" type="primary" @click="textProps">
+          更多属性示例
+        </button>
       </view>
     </view>
   </view>
 </template>
 <script lang="uts">
-    export default {
+export default {
     data() {
         return {
             title: 'text',
@@ -60,24 +71,24 @@
       })
   }
     }
-    }
+}
 </script>
 
 <style>
-    .text-box {
+.text-box {
   margin-bottom: 40rpx;
   padding: 40rpx 0;
   display: flex;
   min-height: 300rpx;
-        background-color: #FFFFFF;
+  background-color: #ffffff;
   justify-content: center;
   align-items: center;
-    }
+}
 
-    .text {
+.text {
   font-size: 30rpx;
   color: #353535;
   line-height: 54rpx;
   text-align: center;
-    }
+}
 </style>