feat: 订单详情接口对接

pages/order/components/OrderQrcode/index.vue

@@ -0,0 +1,35 @@
+<template>
+  <view class="order-qrcode">
+    <Qrcode
+      :size="size"
+      :unit="unit"
+      :val="val"
+      :loadMake="true"
+      :onval="true"
+    />
+  </view>
+</template>
+
+<script setup>
+import { defineProps } from "vue";
+import Qrcode from "@/components/Qrcode/index.vue";
+
+const props = defineProps({
+  size: {
+    type: Number,
+    default: 132,
+  },
+  unit: {
+    type: String,
+    default: "px",
+  },
+  val: {
+    type: String,
+    default: "text",
+  },
+});
+</script>
+
+<style scoped lang="scss">
+@import "./styles/index.scss";
+</style>

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

@@ -0,0 +1,18 @@
+.order-qrcode {
+  background: #ffffff;
+  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: 12px;
+    color: #666666;
+    line-height: 17px;
+    margin-top: 4px;
+  }
+}