diff --git a/src/pages/users/order_list/index.vue b/src/pages/users/order_list/index.vue
index 10d9f45..a6a546a 100644
--- a/src/pages/users/order_list/index.vue
+++ b/src/pages/users/order_list/index.vue
@@ -387,13 +387,13 @@ const closed = () => {
       <view class="code-box">
         <view>核销码</view>
         <!-- <image class="qrcode" :src="url"></image> -->
-        <view class="qrcode">
-          <canvas
-            ref="qrcode"
-            id="qrcode"
-            class="qrcode"
-            canvas-id="qrcode"></canvas>
-        </view>
+        <!-- <view class="qrcode"> -->
+        <canvas
+          ref="qrcode"
+          id="qrcode"
+          style="width: 200px; height: 200px"
+          canvas-id="qrcode"></canvas>
+        <!-- </view> -->
       </view>
     </nut-popup>
     <pay
diff --git a/src/pages/users/order_list_detail/index.vue b/src/pages/users/order_list_detail/index.vue
index a15a646..1dc3f3e 100644
--- a/src/pages/users/order_list_detail/index.vue
+++ b/src/pages/users/order_list_detail/index.vue
@@ -205,13 +205,13 @@
       <view class="code-box">
         <view>核销码</view>
         <!-- <image class="qrcode" :src="url"></image> -->
-        <view class="qrcode">
-          <canvas
-            ref="qrcode"
-            id="qrcode"
-            class="qrcode"
-            canvas-id="qrcode"></canvas>
-        </view>
+        <!-- <view class="qrcode"> -->
+        <canvas
+          ref="qrcode"
+          id="qrcode"
+          style="width: 200px; height: 200px"
+          canvas-id="qrcode"></canvas>
+        <!-- </view> -->
       </view>
     </nut-popup>
     <pay
@@ -564,9 +564,12 @@ page {
 }
 
 .qrcode {
-  width: 370px;
-  height: 370px;
-  padding: 10px;
+  // width: 200px;
+  // height: 200px;
+  // padding: 10px;
+  // display: flex;
+  // justify-content: center;
+  // align-items: center;
 
   // canvas {
   //   width: calc(100% - 20px);