添加了部分路由
This commit is contained in:
@@ -11,8 +11,8 @@
|
||||
<div class="topinfo">
|
||||
<div class="title">我的钱包</div>
|
||||
|
||||
<div class="topbtn">立即提现</div>
|
||||
<div class="topbtn topbtn1">提现记录</div>
|
||||
<div class="topbtn" @click="navto(2)">立即提现</div>
|
||||
<div class="topbtn topbtn1" @click="navto(3)">提现记录</div>
|
||||
</div>
|
||||
<div class="line"></div>
|
||||
<div class="accounts">
|
||||
@@ -38,7 +38,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="add">
|
||||
<div class="add" @click="navto(1)">
|
||||
<img src="@/static/images/walletadd.png" alt="" class="icon" />
|
||||
<div>添加新的账户</div>
|
||||
</div>
|
||||
@@ -203,6 +203,7 @@
|
||||
<script lang="ts">
|
||||
import { defineComponent, ref } from "vue";
|
||||
import NavBottom from "@/components/NavBottom.vue";
|
||||
import router from '@/router';
|
||||
export default defineComponent({
|
||||
name: "Wallet",
|
||||
components: {
|
||||
@@ -211,9 +212,20 @@ export default defineComponent({
|
||||
setup() {
|
||||
const ifchina = false;
|
||||
const ifmingxi = true;
|
||||
function navto(index: number){
|
||||
let url = "";
|
||||
switch (index){
|
||||
case 1: url = "/mine/addaccount"; break;
|
||||
case 2: url = "/mine/cashout"; break;
|
||||
}
|
||||
router.push({
|
||||
path: url
|
||||
})
|
||||
}
|
||||
return {
|
||||
ifchina,
|
||||
ifmingxi,
|
||||
navto
|
||||
};
|
||||
},
|
||||
});
|
||||
|
||||
@@ -111,13 +111,13 @@
|
||||
bottom: 114px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
&::v-deep .ant-pagination-next > .ant-pagination-item-link, &::v-deep .ant-pagination-prev > .ant-pagination-item-link, &::v-deep .ant-pagination-item, &::v-deep .ant-pagination-jump-next-custom-icon, &::v-deep .ant-pagination-jump-prev-custom-icon{
|
||||
::v-deep .ant-pagination-next > .ant-pagination-item-link, ::v-deep .ant-pagination-prev > .ant-pagination-item-link, ::v-deep .ant-pagination-item, ::v-deep .ant-pagination-jump-next-custom-icon, ::v-deep .ant-pagination-jump-prev-custom-icon{
|
||||
border: 1px solid #08AE98;
|
||||
}
|
||||
&::v-deep .ant-pagination-item-active a{
|
||||
::v-deep .ant-pagination-item-active a{
|
||||
color: #fff;
|
||||
}
|
||||
&::v-deep .ant-pagination-item-active{
|
||||
::v-deep .ant-pagination-item-active{
|
||||
background-color: #08AE98;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user