xinyilu/nurseWeChatAppletUI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改

Browse Source
This commit is contained in:
曹辉 2023-03-06 14:31:36 +08:00
parent db471009d1
commit fa5c5b6bcf
2 changed files with 38 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
pages/integral/integral.scss
View File

@ -57,14 +57,14 @@
} }
::v-deep .r-canvas { ::v-deep .r-canvas {
width: 660rpx !important; width: 600rpx !important;
height: 1100rpx !important; height: 1100rpx !important;
margin: 0 auto; margin: 0 auto;
z-index: -1; z-index: -1;
} }
::v-deep .r-canvas-component { ::v-deep .r-canvas-component {
width: 660rpx !important; width: 760rpx !important;
height: 1100rpx !important; height: 1100rpx !important;
margin: 0 auto; margin: 0 auto;
z-index: -1; z-index: -1;
@ -73,16 +73,31 @@
::v-deep .u-mode-center-box { ::v-deep .u-mode-center-box {
background: none !important; 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 { .yaoqbtn {
color: #fff; color: #fff;
position: absolute; position: absolute;
bottom: 0; bottom: 0;
text-align: center; text-align: center;
line-height: 71rpx; line-height: 60rpx;
left: 0; left: 60rpx;
width: 251rpx; width: 200rpx;
height: 71rpx; height: 60rpx;
background: linear-gradient(90deg, #85C8AE 0%, #03AD6B 59%); background: linear-gradient(90deg, #85C8AE 0%, #03AD6B 59%);
border-radius: 36rpx; border-radius: 36rpx;
} }
@ -91,15 +106,14 @@
color: #fff; color: #fff;
position: absolute; position: absolute;
text-align: center; text-align: center;
line-height: 71rpx; line-height: 60rpx;
bottom: 0; bottom: 0;
right: 0; right: 60rpx;
width: 251rpx; width: 200rpx;
height: 71rpx; height: 60rpx;
background: linear-gradient(90deg, #64B0F9 0%, #436BF6 59%); background: linear-gradient(90deg, #64B0F9 0%, #436BF6 59%);
border-radius: 36rpx; border-radius: 36rpx;
} }
.yaoqing { .yaoqing {
height: 1200rpx; height: 1200rpx;
} }

24
pages/integral/integral.vue
View File

@ -309,8 +309,8 @@
url: this.yapqingbeijingimg, url: this.yapqingbeijingimg,
x: 0, x: 0,
y: 0, y: 0,
w: 330, w: 300,
h: 600 h: 530
}).catch(err_msg => { }).catch(err_msg => {
uni.showToast({ uni.showToast({
title: err_msg, title: err_msg,
@ -319,8 +319,8 @@
}) })
await this.$refs.rCanvas.drawImage({ await this.$refs.rCanvas.drawImage({
url: baseurl + this.inviteimg, url: baseurl + this.inviteimg,
x: 100, x: 85,
y: 370, y: 340,
w: 130, w: 130,
h: 130 h: 130
}).catch(err_msg => { }).catch(err_msg => {
@ -332,8 +332,8 @@
// 画文字 // 画文字
await this.$refs.rCanvas.drawText({ await this.$refs.rCanvas.drawText({
text: "智慧康养泉城，医护关怀到家", text: "智慧康养泉城，医护关怀到家",
x: 165, x: 150,
y: 330, y: 300,
font_color: "#444444", font_color: "#444444",
font_size: 12, font_size: 12,
font_weight: 600, font_weight: 600,
@ -346,8 +346,8 @@
}) })
await this.$refs.rCanvas.drawText({ await this.$refs.rCanvas.drawText({
text: "超多福利，快来体验吧！", text: "超多福利，快来体验吧！",
x: 165, x: 150,
y: 350, y: 320,
font_color: "#444444", font_color: "#444444",
font_size: 12, font_size: 12,
font_weight: 600, font_weight: 600,
@ -360,8 +360,8 @@
}) })
await this.$refs.rCanvas.drawText({ await this.$refs.rCanvas.drawText({
text: "泉医到家小程序", text: "泉医到家小程序",
x: 165, x: 150,
y: 530, y: 500,
font_color: "#444444", font_color: "#444444",
font_size: 10, font_size: 10,
text_align: 'center' text_align: 'center'
@ -373,8 +373,8 @@
}) })
await this.$refs.rCanvas.drawText({ await this.$refs.rCanvas.drawText({
text: "（长按识别二维码开启健康之旅）", text: "（长按识别二维码开启健康之旅）",
x: 165, x: 150,
y: 543, y: 515,
font_color: "#444444", font_color: "#444444",
font_size: 7, font_size: 7,
text_align: 'center' text_align: 'center'