<template>
    <view class="main">
        <!-- nav -->
        <navigation>{{ i18n.MinePool }}</navigation>
        <!-- 数据为空格显示 -->
        <u-empty :show="dataList.length === 0" marginTop="350rpx" :text="i18n.NoData" textColor="#818197"
            textSize="36rpx" icon="../../static/mine/img_data.png"></u-empty>
        <view class="content" v-if="dataList.length > 0">
            <view class="dataBody" v-for="(item, index) in 4" :key="index">
                <key-value-row :keyName="i18n.BaseCoin" :value="'100BTC'" ></key-value-row>
                <key-value-row :keyName="i18n.ProfitCoin" :value="'CEH'"></key-value-row>
                <key-value-row :keyName="i18n.DayRebate" :value="'75000'"></key-value-row>
                <u-divider text="" lineColor="#B9C1D9"></u-divider>
                <key-value-row :keyName="i18n.RebateDay" :value="'0/120'"></key-value-row>
                <key-value-row :keyName="i18n.RebateAmount" :value="'150000/9000000'"></key-value-row>
                <u-divider text="" lineColor="#B9C1D9"></u-divider>
                <key-value-row :keyName="i18n.AddTime" :value="'2022/08/06 14:50:34'"></key-value-row>
                <key-value-row :keyName="i18n.ReleaseTime" :value="'2022/08/06 14:50:34'"></key-value-row>
            </view>

        </view>


    </view>
</template>

<script>
import KeyValueRow from '../../components/KeyValueRow/KeyValueRow.vue';
export default {
    components: { KeyValueRow },
    name: "mineRecord",
    data() {
        return {
            dataList: [{}],
        };
    },
    computed: {
        i18n() {
            return this.$t("mine");
        },
    },
    onLoad() {
    },
    onShow() { },
    methods: {

    },
}
</script>

<style lang="scss" scoped>
.main {
    .content {
        margin-top: 200rpx;
        padding: 32rpx;

        .dataBody {
            margin-bottom: 32rpx;
            padding: 32rpx;
            box-sizing: border-box;
            background: #211F32;
            border-radius: 20rpx;

            .text {
                margin-top: 20rpx;
                padding: 10rpx 16rpx;
                background: #323045;
                border-radius: 8rpx;
                font-size: 24rpx;
                color: #A1A0A8;
            }

        }
    }




}
</style>
