feat: 订单详情样式调整

src/pages-order/order/components/OrderStatusInfo/index.vue

@@ -1,18 +1,8 @@
 <template>
-  <view class="order-status">
-    <view class="status-header">
-      <uni-icons
-        class="status-icon"
-        fontFamily="ZhiNian"
-        size="20"
-        color="#fff"
-      >
-        {{ "&#xe600;" }}
-      </uni-icons>
-      <!-- 订单状态 -->
-      <text class="status-text">{{ statusText }}</text>
-    </view>
-    <view class="status-description">{{ statusDescription }}</view>
+  <view
+    class="border-box font-size-24 color-171717 line-height-32 font-500 pt-12 pb-12"
+  >
+    {{ statusText }}
   </view>
 </template>
 

src/pages-order/order/components/OrderStatusInfo/styles/index.scss

@@ -1,28 +0,0 @@
-.order-status {
-  color: #fff;
-  padding: 20px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-
-.status-header {
-  display: flex;
-  align-items: center;
-  margin-bottom: 10px;
-}
-
-.status-icon {
-  width: 18px;
-  height: 18px;
-  margin-right: 8px;
-}
-
-.status-text {
-  font-size: 18px;
-  font-weight: 600;
-}
-
-.status-description {
-  font-size: $uni-font-size-sm;
-}