Commit e9bd242e authored by 陈冲's avatar 陈冲

fix: 更新二维码

parent d02a4348
...@@ -137,3 +137,6 @@ body { ...@@ -137,3 +137,6 @@ body {
} }
} }
.img-qrcode > img{
cursor: pointer;
}
\ No newline at end of file
...@@ -91,6 +91,8 @@ const renderAvatar = (item: any | null) => { ...@@ -91,6 +91,8 @@ const renderAvatar = (item: any | null) => {
</template> </template>
<style scoped> <style scoped>
.img-qrcode > img { width: 144px; height: 144px; }
.bg { .bg {
width: 1920px; width: 1920px;
height: 1080px; height: 1080px;
......
...@@ -101,6 +101,8 @@ const renderAvatar = (item: any | null) => { ...@@ -101,6 +101,8 @@ const renderAvatar = (item: any | null) => {
</template> </template>
<style scoped> <style scoped>
.img-qrcode > img { width: 144px; height: 144px; }
.qrcode-preview-mask { position: absolute; inset: 0; z-index: 10; display: flex; justify-content: center; padding-top: 150px; background: rgb(0 0 0 / 45%); cursor: pointer; } .qrcode-preview-mask { position: absolute; inset: 0; z-index: 10; display: flex; justify-content: center; padding-top: 150px; background: rgb(0 0 0 / 45%); cursor: pointer; }
.qrcode-preview { width: 480px; height: 480px; padding: 18px; border-radius: 24px; background: #fff; } .qrcode-preview { width: 480px; height: 480px; padding: 18px; border-radius: 24px; background: #fff; }
......
...@@ -103,6 +103,8 @@ const renderAvatar = (item: any | null) => { ...@@ -103,6 +103,8 @@ const renderAvatar = (item: any | null) => {
</template> </template>
<style scoped> <style scoped>
.img-qrcode > img { width: 144px; height: 144px; }
.qrcode-preview-mask { position: absolute; inset: 0; z-index: 10; display: flex; justify-content: center; padding-top: 150px; background: rgb(0 0 0 / 45%); cursor: pointer; } .qrcode-preview-mask { position: absolute; inset: 0; z-index: 10; display: flex; justify-content: center; padding-top: 150px; background: rgb(0 0 0 / 45%); cursor: pointer; }
.qrcode-preview { width: 480px; height: 480px; padding: 18px; border-radius: 24px; background: #fff; } .qrcode-preview { width: 480px; height: 480px; padding: 18px; border-radius: 24px; background: #fff; }
......
...@@ -18,7 +18,7 @@ const imageUrls = { ...@@ -18,7 +18,7 @@ const imageUrls = {
logo: cssAssetUrl("game1/logo.png"), logo: cssAssetUrl("game1/logo.png"),
title1: cssAssetUrl("game4/title1.svg"), title1: cssAssetUrl("game4/title1.svg"),
title2: cssAssetUrl("game4/title2.svg"), title2: cssAssetUrl("game4/title2.svg"),
qrcode: assetUrl("game4/qrcode.svg"), qrcode: assetUrl("game4/qrcode.png"),
gift: cssAssetUrl("game4/gift.svg"), gift: cssAssetUrl("game4/gift.svg"),
gu: cssAssetUrl("game4/big-brum.svg"), gu: cssAssetUrl("game4/big-brum.svg"),
smallGu: cssAssetUrl("game4/small-brum.svg"), smallGu: cssAssetUrl("game4/small-brum.svg"),
...@@ -98,6 +98,8 @@ const releaseStartButton = () => { ...@@ -98,6 +98,8 @@ const releaseStartButton = () => {
</template> </template>
<style scoped> <style scoped>
.img-qrcode > img { width: 144px; height: 144px; }
.qrcode-preview-mask { position: absolute; inset: 0; z-index: 10; display: flex; justify-content: center; padding-top: 150px; background: rgb(0 0 0 / 45%); cursor: pointer; } .qrcode-preview-mask { position: absolute; inset: 0; z-index: 10; display: flex; justify-content: center; padding-top: 150px; background: rgb(0 0 0 / 45%); cursor: pointer; }
.qrcode-preview { width: 480px; height: 480px; padding: 18px; border-radius: 24px; background: #fff; } .qrcode-preview { width: 480px; height: 480px; padding: 18px; border-radius: 24px; background: #fff; }
......
...@@ -97,6 +97,8 @@ const renderAvatar = (item: any | null) => { ...@@ -97,6 +97,8 @@ const renderAvatar = (item: any | null) => {
</template> </template>
<style scoped> <style scoped>
.img-qrcode > img { width: 144px; height: 144px; }
.qrcode-preview-mask { position: absolute; inset: 0; z-index: 10; display: flex; justify-content: center; padding-top: 150px; background: rgb(0 0 0 / 45%); cursor: pointer; } .qrcode-preview-mask { position: absolute; inset: 0; z-index: 10; display: flex; justify-content: center; padding-top: 150px; background: rgb(0 0 0 / 45%); cursor: pointer; }
.qrcode-preview { width: 480px; height: 480px; padding: 18px; border-radius: 24px; background: #fff; } .qrcode-preview { width: 480px; height: 480px; padding: 18px; border-radius: 24px; background: #fff; }
......
...@@ -103,6 +103,8 @@ const renderAvatar = (item: any | null) => { ...@@ -103,6 +103,8 @@ const renderAvatar = (item: any | null) => {
</template> </template>
<style scoped> <style scoped>
.img-qrcode > img { width: 144px; height: 144px; }
.qrcode-preview-mask { position: absolute; inset: 0; z-index: 10; display: flex; justify-content: center; padding-top: 150px; background: rgb(0 0 0 / 45%); cursor: pointer; } .qrcode-preview-mask { position: absolute; inset: 0; z-index: 10; display: flex; justify-content: center; padding-top: 150px; background: rgb(0 0 0 / 45%); cursor: pointer; }
.qrcode-preview { width: 480px; height: 480px; padding: 18px; border-radius: 24px; background: #fff; } .qrcode-preview { width: 480px; height: 480px; padding: 18px; border-radius: 24px; background: #fff; }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment