yuyongdong/UAW
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改链接钱包弹窗样式，错误返回信息状态

Browse Source
This commit is contained in:
yuyongdong 2024-04-14 19:25:08 +08:00
parent 6b09129078
commit acc7b1c9bd
4 changed files with 50 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/common/Please.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
src/assets/common/disconnect.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

3
src/components/errorDialog/errorDialog.vue
View File

@ -8,6 +8,7 @@
</div>
<div class="content">
<div>{{ errorText }}</div>
<div>{{message}}</div>
</div>
<div class="btn" @click="handleClose">Confirm</div>
<!-- <div class="confirm-box">
@ -33,7 +34,7 @@ export default {
},
methods: {
handleClose() {
this.$$emit('handleClose')
this.$emit('handleClose')
}
}
};

88
src/components/walletDialog/index.vue
View File

@ -2,9 +2,9 @@
<div class>
<el-dialog class="dialog-wallet" :visible.sync="walletDialogVisible" :modal="false" :before-close="handleClose">
<div class="dialog-header">
<div>Please connect your wallet</div>
<div @click="handleClose">
<img src="./../../assets/home/close_btn.png" alt />
<div class="dialog-header-title">Please connect your wallet</div>
<div class="dialog-header-close" @click="handleClose">
<img src="@/assets/common/CloseButton.png" alt />
</div>
</div>
<div class="dialog-content">
@ -52,11 +52,11 @@ export default {
name: "OKXwallet",
value: "okxwallet",
imgUrl: require("./../../assets/home/icon_OKXwallet.png")
// },
// {
// name: "WalletConnect",
// value: "connect",
// imgUrl: require("./../../assets/home/icon_ConnectWallet.png")
},
{
name: "WalletConnect",
value: "connect",
imgUrl: require("./../../assets/home/icon_ConnectWallet.png")
}
],
isWallet: !!localStorage.getItem('walletName'),
@ -149,10 +149,9 @@ export default {
div {
.dialog-wallet {
::v-deep .el-dialog {
width: 600px;
border-radius: 20px;
overflow: hidden;
background: #2d2738;
border: 1px solid #924df2;
background: #1a1821;
border-radius: 80px;
.el-dialog__header {
// display: none;
padding: 0;
@ -161,33 +160,31 @@ div {
}
}
.el-dialog__body {
padding: 0;
position: relative;
padding: 0 80px;
color: #fff;
.dialog-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 30px;
height: 60px;
line-height: 60px;
background: #1c1725;
border-radius: 20px 20px 0 0;
font-size: 26px;
font-family: "Anton";
div {
display: flex;
justify-content: space-between;
align-items: center;
img {
width: 30px;
height: 30px;
margin-top: 20px;
.dialog-header-title {
text-align: left;
font-weight: 700;
font-size: 48px;
font-family: "Anton-Regular";
}
.dialog-header-close {
position: absolute;
top: -8%;
right: -4%;
width: 120px;
height: 120px;
cursor: pointer;
img {
width: 100%;
height: 100%;
}
}
}
.dialog-content {
background: #2d2738;
padding: 0 30px;
padding-bottom: 20px;
p {
text-align: left;
@ -196,14 +193,17 @@ div {
}
.wallet-content {
li {
height: 70px;
display: flex;
align-items: center;
margin: 20px 0;
padding-left: 50px;
cursor: pointer;
border: 2px solid #625a6b;
border-radius: 8px;
text-align: left;
padding: 15px 30px;
background: url('@/assets/common/Please.png') no-repeat;
background-size: 100% 100%;
box-sizing: border-box;
div {
display: flex;
align-items: center;
@ -217,17 +217,25 @@ div {
}
}
&:hover {
background: #d5befa;
color: #000;
border: 2px solid #d5befa;
// background: #d5befa;
background: url('@/assets/common/disconnect.png') no-repeat;
background-size: 100% 100%;
// color: #000;
// border: 2px solid #d5befa;
}
}
li:nth-child(3) {
background: #d5befa;
li:nth-child(4) {
padding-left: 0;
background: url('@/assets/common/disconnect.png') no-repeat;
background-size: 100% 100%;
.disconnect {
text-align: center;
margin: 0 auto;
color: #000;
// color: #000;
}
&:hover {
background: url('@/assets/common/Please.png') no-repeat;
background-size: 100% 100%;
}
}
}