feat: 订单详情布局功能调整

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

@@ -1,5 +1,7 @@
 <template>
-  <view class="order-qrcode">
+  <view
+    class="bg-white border-box rounded-12 flex flex-items-center flex-justify-center p-20 mb-12"
+  >
     <Qrcode
       :size="size"
       :unit="unit"
@@ -30,6 +32,4 @@ const props = defineProps({
 });
 </script>
 
-<style scoped lang="scss">
-@import "./styles/index.scss";
-</style>
+<style scoped lang="scss"></style>

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

@@ -1,18 +0,0 @@
-.order-qrcode {
-  background-color: $uni-bg-color;
-  border-radius: 10px;
-  box-sizing: border-box;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-  padding: 18px;
-  margin-bottom: 12px;
-
-  text {
-    font-size: $uni-font-size-sm;
-    color: #666666;
-    line-height: 17px;
-    margin-top: 4px;
-  }
-}