TmOct5/BlockChainH5
1
0
Fork 0
Code Issues Pull Requests Projects Releases 1 Wiki Activity

调整页面

Browse Source
This commit is contained in:
唐明明
2021-10-12 17:11:28 +08:00
parent 452a397a77
commit b6e58b2431
276 changed files with 969 additions and 827 deletions
Download Patch File Download Diff File Expand all files Collapse all files

88
pages/index/index.vue
View File

@@ -1,9 +1,13 @@
<template>
<view class="content">
<!-- 账户余额 -->
<view class="total">
<view class="item nowrap" @click="navAccount('walletProperty')"><image src="@/static/icons/gemstone-icon.png"/>{{isAuth ? '能量球' + account.coin : '查看能量球'}}</view>
<view class="item nowrap" @click="navAccount('Fragment')"><image src="@/static/icons/crystal-icon.png"/>{{isAuth ? '能量碎片' + account.crystal : '查看能量碎片'}}</view>
<!-- ios安全区 -->
<view class="ios-top"></view>
<!-- header -->
<view class="header-total ios-top">
<view class="total">
<view class="item nowrap" @click="navAccount('walletProperty')"><image src="@/static/icons/gemstone-icon.png"/>{{isAuth ? '能量球' + account.coin : '查看能量球'}}</view>
<view class="item nowrap" @click="navAccount('Fragment')"><image src="@/static/icons/crystal-icon.png"/>{{isAuth ? '能量碎片' + account.crystal : '查看能量碎片'}}</view>
</view>
</view>
<!-- 矿机 -->
<view class="ore">
@@ -142,6 +146,9 @@
},
// 查看钱包账户
navAccount(pathName){
console.log(1111)
if(!this.isAuth){
this.$Router.push({name: 'Login'})
return
@@ -246,8 +253,6 @@
},
// 绘制图表
showCartc(data){
console.log(data)
// 图表信息
this.$refs.chartChange.init(config => {
config.appendPadding = [10, 30, 10, 15]
@@ -448,37 +453,45 @@
}
}
// 数据统计
.total {
position: relative;
margin: $margin;
background: #2b2449;
padding: 0;
display: flex;
border-radius: $radius;
.item {
width: 50%;
padding: 0 $padding;
text-align: center;
color: white;
font-size: $title-size-sm;
line-height: 76rpx;
image{
width: 38rpx;
height: 38rpx;
vertical-align: top;
margin-top: calc((76rpx - 38rpx) / 2);
margin-right: $margin / 2;
.header-total{
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 99;
background: #1f1922;
.total {
position: relative;
margin: $margin/2 $margin;
background: #2b2449;
padding: 0;
display: flex;
border-radius: $radius;
.item {
width: 50%;
padding: 0 $padding;
text-align: center;
color: white;
font-size: $title-size-sm;
line-height: 76rpx;
image{
width: 38rpx;
height: 38rpx;
vertical-align: top;
margin-top: calc((76rpx - 38rpx) / 2);
margin-right: $margin / 2;
}
}
&::before {
position: absolute;
top: 0;
bottom: 0;
content: "";
width: 2rpx;
left: 50%;
background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, .7), transparent);
}
}
&::before {
position: absolute;
top: 0;
bottom: 0;
content: "";
width: 2rpx;
left: 50%;
background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, .7), transparent);
}
}
// 求助icon
@@ -487,7 +500,8 @@
opacity: .7;
}
// 矿石
.ore {
.ore {
margin-top: 76rpx;
position: relative;
padding-top: 120%;
&>image {