text: rpx to px

pages/component/text/text.uvue

@@ -9,12 +9,7 @@
         <button class="uni-btn" type="primary" :disabled="!canAdd" @click="add">
           add line
         </button>
-        <button
-          class="uni-btn"
-          type="warn"
-          :disabled="!canRemove"
-          @click="remove"
-        >
+        <button class="uni-btn" type="warn" :disabled="!canRemove" @click="remove">
           remove line
         </button>
         <button class="uni-btn" type="primary" @click="textProps">
@@ -24,8 +19,9 @@
     </view>
   </view>
 </template>
-<script lang="uts">
-export default {
+
+<script>
+  export default {
     data() {
       return {
         title: 'text',
@@ -71,24 +67,24 @@ export default {
         })
       }
     }
-}
+  }
 </script>
 
 <style>
-.text-box {
-  margin-bottom: 40rpx;
-  padding: 40rpx 0;
+  .text-box {
+    margin-bottom: 20px;
+    padding: 20px 0;
     display: flex;
-  min-height: 300rpx;
+    min-height: 150px;
     background-color: #ffffff;
     justify-content: center;
     align-items: center;
-}
+  }
 
-.text {
-  font-size: 30rpx;
+  .text {
+    font-size: 15px;
     color: #353535;
-  line-height: 54rpx;
+    line-height: 27px;
     text-align: center;
-}
+  }
 </style>