diff --git a/pages/integral/integral.scss b/pages/integral/integral.scss
index 4bcb14e..6b160ab 100644
--- a/pages/integral/integral.scss
+++ b/pages/integral/integral.scss
@@ -57,14 +57,14 @@
 		}
 
 		::v-deep .r-canvas {
-			width: 660rpx !important;
+			width: 600rpx !important;
 			height: 1100rpx !important;
 			margin: 0 auto;
 			z-index: -1;
 		}
 
 		::v-deep .r-canvas-component {
-			width: 660rpx !important;
+			width: 760rpx !important;
 			height: 1100rpx !important;
 			margin: 0 auto;
 			z-index: -1;
@@ -73,16 +73,31 @@
 		::v-deep .u-mode-center-box {
 			background: none !important;
 		}
-
+		::v-deep .u-icon{
+			background-color: #fff;
+			border-radius: 50%;
+			width: 40rpx !important;
+			height: 40rpx !important;
+		}
+		::v-deep .u-icon__icon {
+			position: absolute !important;
+			left:50% !important;
+			top:50% !important;
+			transform: translate(-50%,-50%) !important;
+		}
+		::v-deep .u-close--top-right{
+			top:0 !important;
+			right:20rpx !important;
+		}
 		.yaoqbtn {
 			color: #fff;
 			position: absolute;
 			bottom: 0;
 			text-align: center;
-			line-height: 71rpx;
-			left: 0;
-			width: 251rpx;
-			height: 71rpx;
+			line-height: 60rpx;
+			left: 60rpx;
+			width: 200rpx;
+			height: 60rpx;
 			background: linear-gradient(90deg, #85C8AE 0%, #03AD6B 59%);
 			border-radius: 36rpx;
 		}
@@ -91,15 +106,14 @@
 			color: #fff;
 			position: absolute;
 			text-align: center;
-			line-height: 71rpx;
+			line-height: 60rpx;
 			bottom: 0;
-			right: 0;
-			width: 251rpx;
-			height: 71rpx;
+			right: 60rpx;
+			width: 200rpx;
+			height: 60rpx;
 			background: linear-gradient(90deg, #64B0F9 0%, #436BF6 59%);
 			border-radius: 36rpx;
 		}
-
 		.yaoqing {
 			height: 1200rpx;
 		}
diff --git a/pages/integral/integral.vue b/pages/integral/integral.vue
index 74115d4..69d9c1a 100644
--- a/pages/integral/integral.vue
+++ b/pages/integral/integral.vue
@@ -309,8 +309,8 @@
 						url: this.yapqingbeijingimg,
 						x: 0,
 						y: 0,
-						w: 330,
-						h: 600
+						w: 300,
+						h: 530
 					}).catch(err_msg => {
 						uni.showToast({
 							title: err_msg,
@@ -319,8 +319,8 @@
 					})
 					await this.$refs.rCanvas.drawImage({
 						url: baseurl + this.inviteimg,
-						x: 100,
-						y: 370,
+						x: 85,
+						y: 340,
 						w: 130,
 						h: 130
 					}).catch(err_msg => {
@@ -332,8 +332,8 @@
 					// 画文字
 					await this.$refs.rCanvas.drawText({
 						text: "智慧康养泉城，医护关怀到家",
-						x: 165,
-						y: 330,
+						x: 150,
+						y: 300,
 						font_color: "#444444",
 						font_size: 12,
 						font_weight: 600,
@@ -346,8 +346,8 @@
 					})
 					await this.$refs.rCanvas.drawText({
 						text: "超多福利，快来体验吧！",
-						x: 165,
-						y: 350,
+						x: 150,
+						y: 320,
 						font_color: "#444444",
 						font_size: 12,
 						font_weight: 600,
@@ -360,8 +360,8 @@
 					})
 					await this.$refs.rCanvas.drawText({
 						text: "泉医到家小程序",
-						x: 165,
-						y: 530,
+						x: 150,
+						y: 500,
 						font_color: "#444444",
 						font_size: 10,
 						text_align: 'center'
@@ -373,8 +373,8 @@
 					})
 					await this.$refs.rCanvas.drawText({
 						text: "（长按识别二维码开启健康之旅）",
-						x: 165,
-						y: 543,
+						x: 150,
+						y: 515,
 						font_color: "#444444",
 						font_size: 7,
 						text_align: 'center'