|
|
@@ -0,0 +1,251 @@
|
|
|
+<template>
|
|
|
+ <!-- 我的资产 -->
|
|
|
+ <div class="my-money-box">
|
|
|
+ <div class="" v-if="indexType == 0">
|
|
|
+ <div class="box-1 bgc-755C82 align-items-center box-sizing-border-box mb-7">
|
|
|
+ <img src="@/assets/img/home/2-3.png" alt="" />
|
|
|
+ <div class="">
|
|
|
+ <div class="fs-20 mb-7 fw-500 ">点防护</div>
|
|
|
+ <div class="fs-14 mb-7 fw-400 ">5826396@qq.com</div>
|
|
|
+ <div class="fs-14 fw-400 ">ID：123456</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="box-2 bgc-755C82 box-sizing-border-box fw-500 fs-16">我的资产</div>
|
|
|
+ <div class="box-3 bgc-755C82 box-sizing-border-box">
|
|
|
+ <div class="fs-16 fw-400 mb-16">我的余额（USDT）</div>
|
|
|
+ <div class="fs-20 fw-700">50000.0000</div>
|
|
|
+ </div>
|
|
|
+ <div class="justify-content-space-between">
|
|
|
+ <div class="box-4 justify-content-space-between align-items-center right-border box-sizing-border-box bgc-755C82">
|
|
|
+ <div class="align-items-center">
|
|
|
+ <img class="img-1" src="@/assets/img/me/money.png" alt="" />
|
|
|
+ <div class="fs-16 fw-400">今日订票收益（USDT）</div>
|
|
|
+ </div>
|
|
|
+ <div class="fs-14 fw-700">200.0000</div>
|
|
|
+ </div>
|
|
|
+ <div class="box-4 justify-content-space-between align-items-center bgc-755C82 box-sizing-border-box">
|
|
|
+ <div class="align-items-center">
|
|
|
+ <img class="img-2" src="@/assets/img/me/user.png" alt="" />
|
|
|
+ <div class="fs-16 fw-400">今日团队收益（USDT）</div>
|
|
|
+ </div>
|
|
|
+ <div class="fs-14 fw-700">200.0000</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="justify-content-space-between">
|
|
|
+ <div class="box-4 justify-content-space-between align-items-center right-border box-sizing-border-box bgc-755C82">
|
|
|
+ <div class="align-items-center">
|
|
|
+ <img class="img-1" src="@/assets/img/me/money.png" alt="" />
|
|
|
+ <div class="fs-16 fw-400">订票总收益（USDT）</div>
|
|
|
+ </div>
|
|
|
+ <div class="fs-14 fw-700">200.0000</div>
|
|
|
+ </div>
|
|
|
+ <div class="box-4 justify-content-space-between align-items-center bgc-755C82 box-sizing-border-box">
|
|
|
+ <div class="align-items-center">
|
|
|
+ <img class="img-2" src="@/assets/img/me/user.png" alt="" />
|
|
|
+ <div class="fs-16 fw-400">团队总收益（USDT）</div>
|
|
|
+ </div>
|
|
|
+ <div class="fs-14 fw-700">200.0000</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="justify-content-space-between">
|
|
|
+ <div class="box-5 align-items-center justify-content box-sizing-border-box bgc-755C82 right-border hand-cursor" @click="toIndex(1)">
|
|
|
+ <img class="img-3" src="@/assets/img/me/congzhi.png" alt="" />
|
|
|
+ <div class="fs-16 fw-500">充值记录</div>
|
|
|
+ </div>
|
|
|
+ <div class="box-5 align-items-center justify-content box-sizing-border-box bgc-755C82 hand-cursor" @click="toIndex(2)">
|
|
|
+ <img class="img-3" src="@/assets/img/me/tixian.png" alt="" />
|
|
|
+ <div class="fs-16 fw-500">提现记录</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div v-if="indexType == 1" class="index-card bgc-755C82">
|
|
|
+ <div class="box-6 align-items-center hand-cursor" @click="toIndex(0)">
|
|
|
+ <img src="@/assets/img/lang-icon.png" alt="" />
|
|
|
+ <div class="fs-16 fw-500">充值记录</div>
|
|
|
+ </div>
|
|
|
+ <div class="box-7 box-sizing-border-box">
|
|
|
+ <div class="justify-content-space-between box-8 align-items-center">
|
|
|
+ <div class="fs-12 fw-400 w280">地址</div>
|
|
|
+ <div class="fs-12 fw-400 w10020 text-align-center">数量</div>
|
|
|
+ <div class="fs-12 fw-400 w10040 text-align-right">操作时间</div>
|
|
|
+ </div>
|
|
|
+ <div class="justify-content-space-between box-8 align-items-center" v-for="(item,i) in 10" :key="i">
|
|
|
+ <div class="fs-12 fw-400 w280">NaunqEtsewazD5dSQEacgM7hxxwFoWCy6i</div>
|
|
|
+ <div class="fs-12 fw-400 w10020 text-align-center">200</div>
|
|
|
+ <div class="fs-12 fw-400 w10040 text-align-right">2025.01.01 15:02:25</div>
|
|
|
+ </div>
|
|
|
+ <div class="justify-right mt-16">
|
|
|
+ <div class="box-page fs-12 fw-400 fc-12 hand-cursor" @click="upPage()">上一页</div>
|
|
|
+ <div class="box-page fs-12 fw-400 fc-12 hand-cursor" @click="downPage()">下一页</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div v-if="indexType == 2" class="index-card bgc-755C82">
|
|
|
+ <div class="box-6 align-items-center hand-cursor" @click="toIndex(0)">
|
|
|
+ <img src="@/assets/img/lang-icon.png" alt="" />
|
|
|
+ <div class="fs-16 fw-500">提现记录</div>
|
|
|
+ </div>
|
|
|
+ <div class="box-7 box-sizing-border-box">
|
|
|
+ <div class="justify-content-space-between box-8 align-items-center">
|
|
|
+ <div class="fs-12 fw-400 w280">地址</div>
|
|
|
+ <div class="fs-12 fw-400 w10020 text-align-center">数量</div>
|
|
|
+ <div class="fs-12 fw-400 w10020 text-align-center">状态</div>
|
|
|
+ <div class="fs-12 fw-400 w10030 text-align-right">操作时间</div>
|
|
|
+ </div>
|
|
|
+ <div class="justify-content-space-between box-8 align-items-center" v-for="(item,i) in 20" :key="i">
|
|
|
+ <div class="fs-12 fw-400 w280">NaunqEtsewazD5dSQEacgNaunqEtsewazD5dSQEacNaunqEtsewazD5dSQEacgNaunqEtsewazD5dSQEacEtsewazD5dSQEacg1231M7Nag1231M7NaunqE13213132123312321tsewazD5dSQEacgM7hxxwFoWCy6ihxxwFoWCy6iM7hxxwFoWCy6iEtsewazD5dSQEacg1231M7Nag1231M7NaunqE13213132123312321tsewazD5dSQEacgM7hxxwFoWCy6ihxxwFoWCy6iM7hxxwFoWCy6i</div>
|
|
|
+ <div class="fs-12 fw-400 w10020 text-align-center">200</div>
|
|
|
+ <div class="fs-12 fw-400 w10020 text-align-center">状态</div>
|
|
|
+ <div class="fs-12 fw-400 w10030 text-align-right">2025.01.01 15:02:25</div>
|
|
|
+ </div>
|
|
|
+ <div class="justify-right mt-16">
|
|
|
+ <div class="box-page fs-12 fw-400 fc-12 hand-cursor" @click="upPage()">上一页</div>
|
|
|
+ <div class="box-page fs-12 fw-400 fc-12 hand-cursor" @click="downPage()">下一页</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ import tools from '@/utils/tools.js';
|
|
|
+ export default {
|
|
|
+ name:"my-money",
|
|
|
+ data(){
|
|
|
+ return{
|
|
|
+ indexType:0,
|
|
|
+ page:1,
|
|
|
+ list:[],
|
|
|
+ total:0,
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+
|
|
|
+ },
|
|
|
+ methods:{
|
|
|
+ getInfo(){
|
|
|
+
|
|
|
+ },
|
|
|
+ getList(){
|
|
|
+
|
|
|
+ },
|
|
|
+ toIndex(type){
|
|
|
+ this.indexType = type;
|
|
|
+ if(type == 0){
|
|
|
+ this.page = 1;
|
|
|
+ this.list = [];
|
|
|
+ this.total = 0;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ upPage(){
|
|
|
+ if(this.page == 1){
|
|
|
+ return tools.error('已到第一页')
|
|
|
+ }
|
|
|
+ },
|
|
|
+ downPage(){
|
|
|
+ let flag = (this.page*1)*10 < (this.total * 1);
|
|
|
+ if(!flag){
|
|
|
+ return tools.error('没有更多数据')
|
|
|
+ }
|
|
|
+ },
|
|
|
+ },
|
|
|
+ }
|
|
|
+</script>
|
|
|
+
|
|
|
+<style scoped lang="scss">
|
|
|
+ div{
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ .my-money-box{
|
|
|
+ width: 100%;
|
|
|
+ min-height: 683px;
|
|
|
+ .index-card{
|
|
|
+ width: 100%;
|
|
|
+ min-height: 683px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box-1{
|
|
|
+ width: 100%;
|
|
|
+ height: 140px;
|
|
|
+ padding: 36px 40px;
|
|
|
+ img{
|
|
|
+ width: 68px;
|
|
|
+ height: 68px;
|
|
|
+ border-radius: 50%;
|
|
|
+ margin-right: 20px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .box-2{
|
|
|
+ height: 56px;
|
|
|
+ line-height: 56px;
|
|
|
+ padding: 0 40px;
|
|
|
+ border-bottom: 1px solid #C1B5C5;
|
|
|
+ }
|
|
|
+ .box-3{
|
|
|
+ height: 120px;
|
|
|
+ padding: 30px 40px;
|
|
|
+ border-bottom: 1px solid #C1B5C5;
|
|
|
+ }
|
|
|
+ .box-4{
|
|
|
+ height: 120px;
|
|
|
+ width: 50%;
|
|
|
+ padding: 37px 40px;
|
|
|
+ border-bottom: 1px solid #C1B5C5;
|
|
|
+
|
|
|
+ }
|
|
|
+ .right-border{
|
|
|
+ border-right: 1px solid #C1B5C5;
|
|
|
+ }
|
|
|
+ .img-1{
|
|
|
+ width: 19px;
|
|
|
+ height: 15px;
|
|
|
+ margin-right: 20px;
|
|
|
+ }
|
|
|
+ .img-2{
|
|
|
+ width: 12px;
|
|
|
+ height: 15px;
|
|
|
+ margin-right: 20px;
|
|
|
+ }
|
|
|
+ .img-3{
|
|
|
+ width: 20px;
|
|
|
+ height: 20px;
|
|
|
+ margin-right: 20px;
|
|
|
+ }
|
|
|
+ .box-5{
|
|
|
+ height: 120px;
|
|
|
+ width: 50%;
|
|
|
+ padding: 48px 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box-6{
|
|
|
+ height: 54px;
|
|
|
+ padding: 0 43px;
|
|
|
+ border-bottom: 1px solid #C1B5C5;
|
|
|
+ img{
|
|
|
+ width: 14px;
|
|
|
+ height: 8px;
|
|
|
+ transform: rotate(90deg);
|
|
|
+ margin-right: 15px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .box-7{
|
|
|
+ padding: 4px 40px;
|
|
|
+ }
|
|
|
+ .box-8{
|
|
|
+ width: 100%;
|
|
|
+ min-height: 42px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 12px 0px;
|
|
|
+ border-bottom: 1px solid #C1B5C5;
|
|
|
+ }
|
|
|
+ .box-page{
|
|
|
+ padding: 8px 10px;
|
|
|
+ background: #C7AB7B;
|
|
|
+ margin-left: 10px;
|
|
|
+ border-radius: 2px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+</style>
|
SY-202410091840\Administrator
