components: rpx to px; 移除不必要的display: flex;

components/api-set-tabbar/api-set-tabbar.vue

@@ -62,7 +62,7 @@
         this.$emit('unmount')
       },
       setTabBarBadge() {
-				if(this.hasShownTabBarRedDot){
+        if (this.hasShownTabBarRedDot) {
           uni.hideTabBarRedDot({
             index: 1
           })
@@ -81,7 +81,7 @@
         this.hasSetTabBarBadge = !this.hasSetTabBarBadge
       },
       showTabBarRedDot() {
-				if(this.hasSetTabBarBadge) {
+        if (this.hasSetTabBarBadge) {
           uni.removeTabBarBadge({
             index: 1
           })
@@ -145,12 +145,12 @@
 
 <style>
   .button {
-		margin-top: 30rpx;
+    margin-top: 15px;
     margin-left: 0;
     margin-right: 0;
   }
 
   .btn-area {
-		padding-top: 30rpx;
+    padding-top: 15px;
   }
 </style>

components/boolean-data/boolean-data.vue

@@ -39,7 +39,7 @@
 <style>
   .button-data-main {
     justify-content: space-between;
-		padding: 20rpx;
-		border-bottom: 1px solid rgba(0,0,0,.06);
+    padding: 10px;
+    border-bottom: 1px solid rgba(0, 0, 0, .06);
   }
 </style>

components/enum-data/enum-data.vue

@@ -21,7 +21,7 @@
     methods: {
       // @ts-ignore
       _change(e : RadioGroupChangeEvent) {
-        const selected = this.items.find((item: ItemType) : boolean => {
+        const selected = this.items.find((item : ItemType) : boolean => {
           return item.name == e.detail.value
         })
         if (selected != null) {

components/input-data/input-data.vue

@@ -82,7 +82,8 @@
     </view>
   </view>
   <view class="input-wrapper">
-    <input class="uni-input" :type="inputType" :value="inputClearValue" :placeholder="title" @input="input" @blur="blur" @focus="focus" />
+    <input class="uni-input" :type="inputType" :value="inputClearValue" :placeholder="title" @input="input" @blur="blur"
+      @focus="focus" />
     <image class="input-wrapper_image" src="/static/icons/clear.png" v-if="showClearIcon" @click="clearIcon">
     </image>
   </view>
@@ -95,7 +96,7 @@
     flex-direction: row;
     justify-content: center;
     padding: 0;
-    margin: 0 20rpx;
+    margin: 0 10px;
     flex-direction: row;
     flex-wrap: nowrap;
     background-color: #ffffff;
@@ -105,6 +106,6 @@
     width: 22px;
     height: 22px;
     align-self: center;
-    margin-right: 10rpx;
+    margin-right: 5px;
   }
 </style>

components/uni-collapse-item/uni-collapse-item.vue

 <template>
   <view class="uni-collapse-item">
     <view class="uni-collapse-item__title" @click="openCollapse(!is_open)">
-			<text class="uni-collapse-item__title-text" :class="{'is-disabled':disabled,'open--active':is_open}">{{title}}</text>
+      <text class="uni-collapse-item__title-text"
+        :class="{'is-disabled':disabled,'open--active':is_open}">{{title}}</text>
       <view class="down_arrow" :class="{'down_arrow--active': is_open}"></view>
     </view>
     <view ref="boxRef" class="uni-collapse-item__content">
@@ -40,7 +41,7 @@
       };
     },
     watch: {
-			open(value: boolean) {
+      open(value : boolean) {
         // this.is_open = value
         if (this.boxNode != null) {
           this.openCollapse(value)
@@ -57,14 +58,14 @@
     },
     methods: {
       // 开启或关闭折叠面板
-			openCollapse(open: boolean) {
+      openCollapse(open : boolean) {
         if (this.disabled) return
         // 关闭其他已打开
         $dispatch(this, 'UniCollapse', 'cloceAll')
         this.is_open = open
         this.openOrClose(open)
       },
-			openOrClose(open: boolean) {
+      openOrClose(open : boolean) {
         const boxNode = this.boxNode?.style!;
         const contentNode = this.contentNode?.style!;
         let hide = open ? 'flex' : 'none';
@@ -84,6 +85,7 @@
   .uni-collapse-item {
     background-color: #fff;
   }
+
   .uni-collapse-item__title {
     flex-direction: row;
     align-items: center;
@@ -91,8 +93,6 @@
     background-color: #fff;
   }
 
-
-
   .down_arrow {
     width: 8px;
     height: 8px;
@@ -132,7 +132,7 @@
 
   .uni-collapse-item__content-box {
     width: 100%;
-		transition-property: transform , opacity;
+    transition-property: transform, opacity;
     transition-duration: 0.2s;
     transform: translateY(-100%);
     opacity: 0;

components/uni-collapse/uni-collapse.vue

@@ -22,7 +22,7 @@
     },
 
     methods: {
-			init(child: ComponentPublicInstance) {
+      init(child : ComponentPublicInstance) {
         this.child_nodes.push(child)
       },
       // 关闭所有

components/uni-navbar-lite/uni-navbar-lite.uvue

@@ -95,7 +95,6 @@
 
   .uni-navbar-inner {
     position: relative;
-    display: flex;
     flex-direction: row;
     justify-content: space-between;
     height: 45px;
@@ -103,7 +102,6 @@
 
   .left-content,
   .right-content {
-    display: flex;
     justify-content: center;
     align-items: center;
     width: 45px;
@@ -117,7 +115,6 @@
     bottom: 0;
     left: 45px;
     right: 45px;
-    display: flex;
     flex-direction: row;
     justify-content: center;
     align-items: center;

components/uni-navbar-lite/uni-navbar-lite.vue

@@ -65,7 +65,6 @@
 
   .uni-navbar-inner {
     position: relative;
-        display: flex;
     flex-direction: row;
     justify-content: space-between;
     height: 45px;
@@ -73,7 +72,6 @@
 
   .left-content,
   .right-content {
-        display: flex;
     justify-content: center;
     align-items: center;
     width: 45px;
@@ -87,7 +85,6 @@
     bottom: 0;
     left: 45px;
     right: 45px;
-        display: flex;
     justify-content: center;
     align-items: center;
   }