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

22
pages/found/index.vue
View File

@@ -1,5 +1,5 @@
<template>
<view class="crystal">
<view>
<!-- 签到成功弹出 -->
<view class="signBack" v-if="sign.signShow"></view>
<view class="signPop" v-if="sign.signShow">
@@ -16,9 +16,8 @@
<!-- 签到 -->
<view class="signCont">
<view class="content-title">
每日签到，能量碎片多多<image @click="showHelp" class="content-title-img" src="../../static/user/sign_privilege.png" mode="aspectFill"></image>
</view>
<view class="content-title">发现更多</view>
<view class="content-sumite">海量能量碎片等你解锁</view>
<view class="sign">
<view class="sign-list" :class="{ active: item.sign }" v-for="(item, index) in sign.signArr" :key="index">
<view class="sign-tips" v-if="item.sign">
@@ -244,20 +243,27 @@
// 签到
.signCont {
@extend .ios-top;
background: #7c52fc;
color: #FFFFFF;
padding-bottom: 80rpx;
.content-title {
font-size: 40rpx;
padding: 50rpx 45rpx;
padding: ($padding/2) 45rpx 0;
box-sizing: border-box;
display: flex;
font-weight: bold;
.content-title-img {
width: 32rpx;
height: 32rpx;
margin: 12rpx 20rpx;
}
}
.content-sumite{
padding: 0 45rpx 50rpx 45rpx;
font-size: $title-size-sm;
color: rgba($color: white, $alpha: .6);
}
.sign {
margin: 0 0 30rpx;
padding: 0 30rpx;
@@ -324,6 +330,8 @@
// 签到按钮
.signBtn {
position: relative;
z-index: 1;
padding: 0 40rpx;
box-sizing: border-box;
width: 100%;
@@ -348,8 +356,10 @@
// 水晶任务
.task{
padding: 60rpx 30rpx;
margin-top: -50rpx;
padding: 110rpx 30rpx 0;
box-sizing: border-box;
background: white;
.task-liest {
font-weight: bold;
font-size: 34rpx;

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 {

1
pages/wallet/fragment.vue
View File

@@ -108,7 +108,6 @@
frozen:this.cointype
}
userAccoutScores(data).then(res => {
console.log(res)
this.score = res.score
this.lists = this.lists.concat(res.lists.data)
this.has_next_page = res.lists.page.has_more