diff --git a/src/pages/merchant/cancel-qrcode.vue b/src/pages/merchant/cancel-qrcode.vue
index 08f9891..c991917 100644
--- a/src/pages/merchant/cancel-qrcode.vue
+++ b/src/pages/merchant/cancel-qrcode.vue
@@ -56,9 +56,9 @@ const doViewQrcode = async () => {
     <crud-layout tabBarType="just-flot-back" bg="/static/page/blue-bg.png">
         <view class="h-30rpx"></view>
         <view class="size-full relative">
-            <image class="w-650rpx h-1030rpx bg-white p-10rpx rounded-12rpx" src="/static/icon/birthday_coupon.jpg"
-                mode="widthFix" />
-            <view class="z-100 size-120px absolute left-30rpx top-550rpx flex-row-center bg-white p-20rpx rounded-12rpx"
+            <image class="w-650rpx h-1030rpx p-10rpx rounded-12rpx" src="/static/icon/birthday_coupon.jpg"
+                mode="aspectFit" />
+            <view class="z-100 size-120px absolute left-20rpx top-600rpx flex-row-center bg-white p-20rpx rounded-12rpx"
                 @tap="doViewQrcode">
                 <canvas canvas-id="qrcodeId" class="size-100px" />
             </view>