hz/ebiz-h5
1
0
Fork 0
mirror of http://112.124.100.131/GFRS/ebiz-h5.git synced 2025-12-09 05:16:44 +08:00
Code Issues Packages Projects Releases Wiki Activity

3月份的桂冠专属海报--更新UI设计图2

Browse Source
This commit is contained in:
li.yuetong
2022-03-03 15:27:13 +08:00
parent 55f475e754
commit 5159d1c1d6
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/views/ebiz/laurelClub/ExclusivePosters.vue
View File

@@ -44,7 +44,7 @@ import { queryPosterDataUrl } from '@/api/ebiz/laurelClub/laurelClub'
import { uploadImg } from '@/api/ebiz/sale/sale'
// import backgroundImg from '../../../assets/images/laurelClub/posters-background-img.png'
import crownImg from '@/assets/images/laurelClub/crown.png'
// import nameCardImg from '../../../assets/images/laurelClub/posters-name-card-img.png'
import nameCardImg from '../../../assets/images/laurelClub/posters-name-card-img.png'
import beforeDate from '@/assets/js/utils/getBeforeDate.js'
export default {
@@ -64,7 +64,7 @@ export default {
backgroundImg: '', // 背景图片
agentHeadImg: '', // 用户头像图片
crownImg: crownImg, // 皇冠图片
nameCardImg: '', // 展示地区，名称位置的背景图片
nameCardImg: nameCardImg, // 展示地区，名称位置的背景图片
agentcode: '', // 工号
managerComName: '', // 地区名称
name: '', // 用户名称
@@ -154,7 +154,7 @@ export default {
// 获取会员级别图片地址
this.posterCanvasObj.memberGradeImg = res.content.memberGradeUrl
// 展示地区，名称位置的背景图片
this.posterCanvasObj.nameCardImg = res.content.nameCardImg
// this.posterCanvasObj.nameCardImg = res.content.nameCardImg
// 调用canvas绘制页面的方法
this.getCanvas()
} else {
@@ -220,8 +220,8 @@ export default {
ctx.drawImage(backgroundImg, 0, 0, 750, 1271) // 背景图
ctx.drawImage(crownImg, 280, 440, 188, 134) // 皇冠
ctx.drawImage(nameCardImg, 210, 800, 328, 74) // 展示地区，名称位置的背景图片
ctx.drawImage(crownLevelImg, 350, 905,70,36) // 冠级
ctx.drawImage(memberGradeImg, 315, 950,140,30) // 会员级别
ctx.drawImage(crownLevelImg, 367, 905,50,30) // 冠级
ctx.drawImage(memberGradeImg, 315, 950,140,36) // 会员级别
ctx.fillStyle = '#ffffff'
ctx.font = 'lighter 32px PingFangSC-Light, PingFang SC'
ctx.textAlign = 'center'
@@ -408,7 +408,7 @@ export default {
letter-spacing: 1px;
color: #333333;
border-radius: 0px;
border: 1px solid #FFE97C;
// border: 1px solid #FFE97C;
}
.download-posters {
@@ -419,7 +419,7 @@ export default {
letter-spacing: 1px;
color: #FFCB6B;
border-radius: 0px;
border: 1px solid #FFE97C;
// border: 1px solid #FFE97C;
background: linear-gradient(135deg, #F89FB5 0%, #DB375E 100%);
}
}