| | |
| | | <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"> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import rechargeList from './compontents/recharge-list' |
| | | import rechargeList from "./compontents/recharge-list"; |
| | | |
| | | export default { |
| | | components: { |
| | | rechargeList |
| | | rechargeList, |
| | | }, |
| | | props: {}, |
| | | data () { |
| | | return { |
| | | number: '' |
| | | } |
| | | number: "", |
| | | }; |
| | | }, |
| | | watch: {}, |
| | | computed: {}, |
| | |
| | | methods: { |
| | | toSure () { |
| | | // 确定 |
| | | } |
| | | } |
| | | } |
| | | }, |
| | | }, |
| | | }; |
| | | </script> |
| | | <style lang="less" scoped> |
| | | /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; |
| | | } |
| | | |
| | | .mint-header { |
| | | // background: #f4f4f4; |
| | | margin-bottom: 0.2rem; |
| | |
| | | } |
| | | .red-theme { |
| | | .wrapper{ |
| | | background-color: #E9E9E9; |
| | | background-color: #e9e9e9; |
| | | } |
| | | .box.page-part.transaction { |
| | | background-color: #E9E9E9; |
| | | background-color: #e9e9e9; |
| | | .box-contain { |
| | | background-color: #E9E9E9; |
| | | background-color: #e9e9e9; |
| | | .list-body{ |
| | | background-color: #fff; |
| | | .order-info-box { |
| | |
| | | } |
| | | } |
| | | } |
| | | |
| | | } |
| | | </style> |