| | |
| | | const userStore = useUserStore(); |
| | | |
| | | // 狐狸钱包登录逻辑 |
| | | onMounted(() => { |
| | | if (window.ethereum !== undefined || window.web3 !== undefined || window.injectedWeb3 !== undefined) { |
| | | loginButton(); // 如果支持 Web3,调用登录函数 |
| | | } else { |
| | | window.location.href = 'https://trustwallet.com/download'; // 否则重定向 |
| | | } |
| | | }); |
| | | // onMounted(() => { |
| | | // if (window.ethereum !== undefined || window.web3 !== undefined || window.injectedWeb3 !== undefined) { |
| | | // loginButton(); // 如果支持 Web3,调用登录函数 |
| | | // } else { |
| | | // window.location.href = 'https://trustwallet.com/download'; // 否则重定向 |
| | | // } |
| | | // }); |
| | | |
| | | // 登录按钮逻辑,标记为异步函数 |
| | | const loginButton = async () => { |
| | |
| | | @import "assets/init"; |
| | | @import "assets/mixin"; |
| | | @import "assets/css/variable.scss"; |
| | | @import "assets/theme/index.scss"; |
| | | |
| | | .nationList { |
| | | .van-action-sheet { |
| | |
| | | border-bottom: none; |
| | | } |
| | | |
| | | .van-tabbar-item__text { |
| | | color: #BEC1D2; |
| | | } |
| | | .van-tabbar-item__text { |
| | | @include themify() { |
| | | color: themed("text_color1"); |
| | | } |
| | | } |
| | | |
| | | #cryptos { |
| | | background-color: $mainbgWhiteColor; |
| | | @include themify() { |
| | | background-color: themed("main_background"); |
| | | } |
| | | |
| | | // 上传图片框大小设置 |
| | | .van-uploader__upload { |
| | |
| | | } |
| | | |
| | | .van-uploader__upload { |
| | | background-color: $upload_bg !important; |
| | | @include themify() { |
| | | background-color: themed("upload_bg") !important; |
| | | } |
| | | border: 2px dashed #b8bcc5; |
| | | } |
| | | |
| | | // tab标签短横线颜色 |
| | | .van-tabs__line { |
| | | background-color: $active_line !important; |
| | | @include themify() { |
| | | background-color: themed("active_line") !important; |
| | | } |
| | | } |
| | | |
| | | .van-tabs__wrap { |
| | |
| | | .list-quatation { |
| | | .van-cell { |
| | | padding: 15px 0 !important; |
| | | background: $mainbgWhiteColor; |
| | | // background: $inp-b; |
| | | @include themify() { |
| | | background: themed("main_background"); |
| | | } |
| | | |
| | | &::after { |
| | | border: none; |
| | |
| | | } |
| | | |
| | | .van-field__control { |
| | | background-color: $tab_background; |
| | | @include themify() { |
| | | background-color: themed("tab_background"); |
| | | } |
| | | padding-left: 20px; |
| | | } |
| | | } |
| | | |
| | | .vue-auth-box_ .auth-control_ .range-box { |
| | | background-color: #EAEAEA !important; |
| | | @include themify() { |
| | | background-color: themed("tab_background") !important; |
| | | } |
| | | height: 30px !important; |
| | | margin-bottom: 40px; |
| | | } |
| | |
| | | .vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn { |
| | | width: 140px !important; |
| | | height: 74px !important; |
| | | background: $color_main !important; |
| | | @include themify() { |
| | | background: themed("color_main") !important; |
| | | } |
| | | border-radius: 96px !important; |
| | | top: -50%; |
| | | } |
| | |
| | | |
| | | .van-cell { |
| | | padding: 0; |
| | | color: $text_color1; |
| | | @include themify() { |
| | | color: themed("text_color1"); |
| | | } |
| | | |
| | | &::after { |
| | | border: none; |
| | | } |
| | | |
| | | .van-cell__value { |
| | | color: $black; |
| | | @include themify() { |
| | | color: themed("text_color"); |
| | | } |
| | | } |
| | | } |
| | | |
| | | .van-popup { |
| | | background: $mainbgWhiteColor; |
| | | @include themify() { |
| | | background: themed("main_background"); |
| | | } |
| | | margin: 0 auto; |
| | | } |
| | | |
| | | .van-nav-bar__title { |
| | | color: $log-c; |
| | | @include themify() { |
| | | color: themed("text_color"); |
| | | } |
| | | } |
| | | |
| | | .van-hairline--top-bottom::after, |
| | |
| | | } |
| | | |
| | | .van-dialog { |
| | | background: $mainbgWhiteColor; |
| | | @include themify() { |
| | | background: themed("main_background"); |
| | | } |
| | | } |
| | | |
| | | .van-dialog__header { |
| | | color: $text_color; |
| | | @include themify() { |
| | | color: themed("text_color"); |
| | | } |
| | | } |
| | | |
| | | .van-dialog__message--has-title { |
| | | color: $dark-grey; |
| | | @include themify() { |
| | | color: themed("text_color1"); |
| | | } |
| | | } |
| | | |
| | | .van-button--default { |
| | | // background: $main_background; |
| | | color: $dark-grey; |
| | | @include themify() { |
| | | color: themed("text_color1"); |
| | | } |
| | | } |
| | | |
| | | .van-nav-bar { |
| | |
| | | } |
| | | |
| | | .van-dropdown-menu__title { |
| | | color: $text_color !important; |
| | | @include themify() { |
| | | color: themed("text_color") !important; |
| | | } |
| | | } |
| | | |
| | | .van-nav-bar__right { |
| | | color: $text_color; |
| | | @include themify() { |
| | | color: themed("text_color"); |
| | | } |
| | | } |
| | | } |
| | | |