From a5f4dd223bd0fc3ef727891d68b830ef825e23ba Mon Sep 17 00:00:00 2001
From: zzzz <690498789@qq.com>
Date: Mon, 22 Apr 2024 15:20:16 +0800
Subject: [PATCH] Merge branch 'ziyouqishi' into api.essencefunds.com
---
src/page/user/rechargelist.vue | 197 ++++++++++++++++++++++++++-----------------------
1 files changed, 104 insertions(+), 93 deletions(-)
diff --git a/src/page/user/rechargelist.vue b/src/page/user/rechargelist.vue
index 3c10da4..b7fc020 100644
--- a/src/page/user/rechargelist.vue
+++ b/src/page/user/rechargelist.vue
@@ -1,18 +1,14 @@
<template>
<div class="wrapper">
- <div class="header">
- <!-- <mt-header fixed title="充值记录">
- <router-link to="/user" slot="left">
- <mt-button icon="back">我的</mt-button>
- </router-link>
- </mt-header> -->
- </div>
- <!-- <div class="text-center">
- <div class="btn-group">
- <a href="#/recharge" class="with-draw-btn">充值</a>
- <a href="javascript:;" class="with-draw-detai-btn on">记录</a>
- </div>
- </div> -->
+ <van-nav-bar
+ :placeholder="true"
+ :safe-area-inset-top="true"
+ :title="$t('hj168')"
+ left-arrow
+ @click-left="$router.go(-1)"
+ >
+ </van-nav-bar>
+
<div>
<div class="box page-part transaction">
<div class="box-contain clearfix">
@@ -24,111 +20,126 @@
</template>
<script>
-import rechargeList from './compontents/recharge-list'
+import rechargeList from "./compontents/recharge-list";
export default {
components: {
- rechargeList
+ rechargeList,
},
props: {},
- data () {
+ data() {
return {
- number: ''
- }
+ number: "",
+ };
},
watch: {},
computed: {},
- created () {},
- mounted () {},
+ created() {},
+ mounted() {},
methods: {
- toSure () {
+ toSure() {
// 确定
- }
- }
-}
+ },
+ },
+};
</script>
<style lang="less" scoped>
- .mint-header {
- // background: #f4f4f4;
- margin-bottom: 0.2rem;
- }
+/deep/ .van-nav-bar__content {
+ height: 65px;
+}
+/deep/ .van-nav-bar__title {
+ font-family: "DINPro";
+ width: 100%;
+ height: 1.17333rem;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ font-style: normal;
+ font-weight: 500;
+ font-size: 0.48rem;
+ color: #14181f;
+}
- .wrapper {
- // padding-top: 1.5rem;
- background-color: #16171d;
- }
+.mint-header {
+ // background: #f4f4f4;
+ margin-bottom: 0.2rem;
+}
- .btn-group {
- // background: #f4f4f4;
+.wrapper {
+ // padding-top: 1.5rem;
+ background-color: #16171d;
+}
+
+.btn-group {
+ // background: #f4f4f4;
+ text-align: center;
+ margin: 0 auto;
+ margin-bottom: 0.5rem;
+
+ a {
+ display: inline-block;
text-align: center;
- margin: 0 auto;
- margin-bottom: 0.5rem;
-
- a {
- display: inline-block;
- text-align: center;
- font-size: 0.29rem;
- height: 0.7rem;
- line-height: 0.6rem;
- width: 1.44rem;
- margin: 0;
- margin-top: 0;
- padding: 0;
- }
-
- .with-draw-btn {
- position: relative;
- right: -10px;
- width: 1.51rem;
- border-top-left-radius: 0.695rem;
- border-bottom-left-radius: 0.695rem;
- }
-
- .with-draw-detai-btn {
- border-top-right-radius: 0.695rem;
- border-bottom-right-radius: 0.695rem;
- }
-
- .on {
- color: #fff;
- }
+ font-size: 0.29rem;
+ height: 0.7rem;
+ line-height: 0.6rem;
+ width: 1.44rem;
+ margin: 0;
+ margin-top: 0;
+ padding: 0;
}
- .transaction {
- color: rgba(100, 100, 100, 0.78);
-
- .transaction-title {
- padding: 0.15rem 0.3rem;
- }
-
- .empty {
- height: 2.8rem;
- line-height: 2.8rem;
- }
+ .with-draw-btn {
+ position: relative;
+ right: -10px;
+ width: 1.51rem;
+ border-top-left-radius: 0.695rem;
+ border-bottom-left-radius: 0.695rem;
}
- .box.page-part.transaction {
+ .with-draw-detai-btn {
+ border-top-right-radius: 0.695rem;
+ border-bottom-right-radius: 0.695rem;
+ }
+
+ .on {
+ color: #fff;
+ }
+}
+
+.transaction {
+ color: rgba(100, 100, 100, 0.78);
+
+ .transaction-title {
+ padding: 0.15rem 0.3rem;
+ }
+
+ .empty {
+ height: 2.8rem;
+ line-height: 2.8rem;
+ }
+}
+
+.box.page-part.transaction {
+ background-color: #16171d;
+ .box-contain {
background-color: #16171d;
- .box-contain {
- background-color: #16171d;
- }
}
- .red-theme {
- .wrapper{
- background-color: #E9E9E9;
- }
- .box.page-part.transaction {
- background-color: #E9E9E9;
- .box-contain {
- background-color: #E9E9E9;
- .list-body{
+}
+.red-theme {
+ .wrapper {
+ background-color: #e9e9e9;
+ }
+ .box.page-part.transaction {
+ background-color: #e9e9e9;
+ .box-contain {
+ background-color: #e9e9e9;
+ .list-body {
+ background-color: #fff;
+ .order-info-box {
background-color: #fff;
- .order-info-box {
- background-color: #fff;
- }
}
}
}
-
}
+}
</style>
--
Gitblit v1.9.3