gx

queenwuli

2022-03-21 33461cebea4f02e9ed7868f9d5c9f9531f8d13f6

 src/pages/index/orePool.vue

@@ -1,85 +1,85 @@
<template>
    <div>
        <div class="box">
            <h3 class="title">矿池数据</h3>
            <h3 class="title">{{ $t("message.PoolData") }}</h3>
            <div class="box-content">
                <div class="row flex align-center justify-between">
                    <span class="name">总产量</span>
                    <span class="name">{{ $t("message.TotalOutput") }}</span>
                    <span class="count em">741522.920798 ETH</span>
                </div>
                <div class="row flex align-center justify-between">
                    <span class="name">有效节点</span>
                    <span class="name">{{ $t("message.ValidNode") }}</span>
                    <span class="count em">38</span>
                </div>
                <div class="row flex align-center justify-between">
                    <span class="name">参与者</span>
                    <span class="name">{{ $t("message.Participant") }}</span>
                    <span class="count">123</span>
                </div>
                <div class="row flex align-center justify-between">
                    <span class="name">用户收入</span>
                    <span class="name">{{ $t("message.UserRevenue") }}</span>
                    <span class="count">73235521.340353 USDT</span>
                </div>
            </div>
        </div>
        <h2 class="m-title">采矿</h2>
        <h3 class="m-subtitle">流动性采矿收入</h3>
        <h2 class="m-title">{{ $t("message.Mining") }}</h2>
        <h3 class="m-subtitle">{{ $t("message.LiquidityMiningIncome") }}</h3>
        <div class="box">
            <h3 class="title">用户输出</h3>
            <h3 class="title">{{ $t("message.UserOutput") }}</h3>
            <div class="box-content">
                <div class="row flex align-center justify-between">
                    <span class="name">地址</span>
                    <span class="name">数量</span>
                    <span class="name">{{ $t("message.Address") }}</span>
                    <span class="name">{{ $t("message.Quantity") }}</span>
                </div>
                <div>
                    <div class="row flex align-center justify-between" v-for="item in 8">
                <vue-seamless-scroll :data="listData" :class-option="scrollOption" class="list-warp">
                    <div class="row flex align-center justify-between" v-for="item in listData">
                        <span class="small-name">TFptQTd********7j3bms</span>
                        <span class="small-count">0.920798 ETH</span>
                    </div>
                </div>
                </vue-seamless-scroll>
            </div>
        </div>
        <h2 class="m-title">帮助中心</h2>
        <h3 class="m-subtitle">希望对你有帮助</h3>
        <h2 class="m-title">{{$t("message.HelpCenter")}}</h2>
        <h3 class="m-subtitle">{{$t("message.HelpCenter2")}}</h3>
        <van-collapse v-model="activeNames">
            <van-collapse-item title="什么是节点挖掘？" name="1">
                USDT存储在自己的钱包中，0风险，新的区块链数据管理和计算模型，以促进DEFI生态。通过每个用户节点的总价值生产、无保留的流动性节点挖掘以及预挖掘和增量行为，所有ETH用户提供链上流动性，所有这些都将通过智能合约节点执行收入自动锁定。目前，您可以通过任何钱包参与，对矿工新一代节点进行挖掘，在通过流动性节点挖掘获得的总收入结束时，通过USDT代币分割每个用户的集中钱包。
            <van-collapse-item :title='$t("message.Question1")' name="1">
                {{$t("message.Answer1")}}
            </van-collapse-item>
            <van-collapse-item title="采矿收入来自哪里？" name="2">
                一旦用户参与挖掘，流动性节点挖掘将被激活，每天节点挖掘产生的总金额将在24小时内结束，每个用户从Minres新一代流动性节点池中获取挖掘数据，用于计算收益。每日结算6次，每4小时结算1次，挖矿收益以液体节点池用户钱包代币百分比计算。成功提交社区后，挖掘收益将被释放到用户的中央钱包。移动节点挖掘的总量占用户钱包token总量的比例。你在移动池中拥有的代币越多，你从挖掘中获得的代币就越多。
            <van-collapse-item :title='$t("message.Question2")' name="2">
                {{$t("message.Answer2")}}
            </van-collapse-item>
            <van-collapse-item title="我需要如何加入？" name="3">
                参与非破坏性和非担保流动性挖掘需要支付ETH或者TRX矿工费用才能收到替换金券，ETH钱包或者TRX钱包地址只需申请一次。成功后自动打开挖掘权限
            <van-collapse-item :title='$t("message.Question3")' name="3">
                {{$t("message.Answer3")}}
            </van-collapse-item>
            <van-collapse-item title="我怎样提现？" name="4">
                您可以将每天生成的货币转换为USDT，然后启动提款。USDT取款将自动发送到您添加到节点的钱包地址，不支持其他地址
            <van-collapse-item :title='$t("message.Question4")' name="4">
                {{$t("message.Answer4")}}
            </van-collapse-item>
            <van-collapse-item title="收益率是多少？" name="5">
                100USDT-499USDT收益率≈2%<br>
                500USDT-4999USDT收益率≈2.4%<br>
                5000USDT-29999USDT收益率≈2.8%<br>
                30000USDT-99999USDT收益率≈3.2%<br>
                100000USDT-499999USDT收益率≈3.6%<br>
                500000USDT-999999USDT收益率≈4.2%<br>
                1000000USDT-4999999USDT收益率≈4.8%<br>
                5000000USDT-9999999USDT收益率≈5.2%<br>
                100USDT以下沒有盈利。
            <van-collapse-item :title='$t("message.Question5")' name="5">
                100USDT-499USDT{{$t("message.Yield")}}≈2%<br>
                500USDT-4999USDT{{$t("message.Yield")}}≈2.4%<br>
                5000USDT-29999USDT{{$t("message.Yield")}}≈2.8%<br>
                30000USDT-99999USDT{{$t("message.Yield")}}≈3.2%<br>
                100000USDT-499999USDT{{$t("message.Yield")}}≈3.6%<br>
                500000USDT-999999USDT{{$t("message.Yield")}}≈4.2%<br>
                1000000USDT-4999999USDT{{$t("message.Yield")}}≈4.8%<br>
                5000000USDT-9999999USDT{{$t("message.Yield")}}≈5.2%<br>
                {{$t("message.Answer5")}}
            </van-collapse-item>
            <van-collapse-item title="额外的收益是什么？" name="6">
                当你每天有足够的挖掘量，并持续保持足够的时间，挖掘池将有很多奖励。有关更多详细信息，请联系在线客户服务。
            <van-collapse-item :title='$t("message.Question6")' name="6">
                {{$t("message.Answer6")}}
            </van-collapse-item>
            <van-collapse-item title="如何联系你？" name="7">
                请发送电子邮件，我们将在收到电子邮件后立即回复您；miningusdtvip@gmail.com
            <van-collapse-item :title='$t("message.Question7")' name="7">
                {{$t("message.Answer7")}}
            </van-collapse-item>
        </van-collapse>
        <h2 class="m-title">审计报告</h2>
        <h3 class="m-subtitle">我没有一份安全的审计报告</h3>
        <h2 class="m-title">{{$t("message.AuditReport")}}</h2>
        <h3 class="m-subtitle">{{$t("message.AuditReport2")}}</h3>
        <div class="img-wrap flex justify-between">
            <img src="../../assets/images/img1.png" />
            <img src="../../assets/images/img2.png" />
            <img src="../../assets/images/img3.png" />
        </div>
        <h2 class="m-title">伙伴</h2>
        <h3 class="m-subtitle">我们的商业伙伴</h3>
        <h2 class="m-title">{{$t("message.Partner")}}</h2>
        <h3 class="m-subtitle">{{$t("message.Partner2")}}</h3>
        <div class="img-wrap flex justify-between flex-wrap">
            <img src="../../assets/images/img4.png" />
            <img src="../../assets/images/img5.png" />
@@ -97,7 +97,40 @@
  name: 'orePool',
  setup() {
    const activeNames = ref(['1']);
        return { activeNames };
        return { 
            activeNames,
            listData: [{
                'title': '无缝滚动第一行无缝滚动第一行',
                'date': '2017-12-16'
                }, {
                'title': '无缝滚动第二行无缝滚动第二行',
                'date': '2017-12-16'
                }, {
                'title': '无缝滚动第三行无缝滚动第三行',
                'date': '2017-12-16'
                }, {
                'title': '无缝滚动第四行无缝滚动第四行',
                'date': '2017-12-16'
                }, {
                'title': '无缝滚动第五行无缝滚动第五行',
                'date': '2017-12-16'
                }, {
                'title': '无缝滚动第六行无缝滚动第六行',
                'date': '2017-12-16'
                }, {
                'title': '无缝滚动第七行无缝滚动第七行',
                'date': '2017-12-16'
                }, {
                'title': '无缝滚动第八行无缝滚动第八行',
                'date': '2017-12-16'
                }, {
                'title': '无缝滚动第九行无缝滚动第九行',
                'date': '2017-12-16'
            }],
            scrollOption: {
                step: 0.5
            }
        };
  },
  methods: {
    
@@ -191,7 +224,10 @@
    }
    .van-collapse-item__content{
        text-align: left;
        text-align: justify;
        font-size: 26px;
    }
    .list-warp{
        overflow: hidden;
        height: 450px;
    }
</style>