diff --git a/src/components/common/Bottom.vue b/src/components/common/Bottom.vue index cba9ef616e958b40def2974ff994372a237af001..ddc5cad12828334eb3bc4f2add9ccbd2534c4d45 100644 --- a/src/components/common/Bottom.vue +++ b/src/components/common/Bottom.vue @@ -29,10 +29,12 @@ import { Component, Vue, Prop, Watch, Emit } from "vue-property-decorator"; /* * title */ + @Component({ name: "Bottom", }) export default class Bottom extends Vue { + // @Prop({ default: "0" }) indexed: string | undefined; myBtnImage: any = "#icon-a-wode24x24px-kehujinglixiaochengxu"; onchangeImage: any = "#icon-a-shouye-xuanzhong20x20px"; btnFlag: any = true @@ -41,14 +43,35 @@ export default class Bottom extends Vue { { img: "#icon-a-shouye-xuanzhong20x20px", name: "首页", - flag: true + flag: true, + indexed:"0" }, { img: "#icon-a-wode24x24px-kehujinglixiaochengxu", name: "我的", - flag: false + flag: false, + indexed:"1" } ]; + + + // Create(){ + // console.log(this.indexed)+"=========="; + // if(this.indexed==="0"){ + // this.tabbar[1].img = "#icon-a-wode24x24px-kehujinglixiaochengxu";//将我的按钮置灰 + // this.tabbar[1].flag = "false";//将我的按钮置灰 + // this.tabbar[0].img = "#icon-a-shouye-xuanzhong20x20px";//将首页切换为蓝色 + // this.tabbar[0].flag = true; + // this.tabbar[1].flag = false; + // this.onchangebtn() + // }else if(this.indexed==="1"){ + // this.tabbar[0].img = "#icon-a-shouye20x20px";//将首页置灰 + // this.tabbar[1].img = "#icon-a-wode-xuanzhong24x24px-kehujinglixiaochengxu";//将我的按钮直为蓝色 + // this.tabbar[0].flag = false; + // this.tabbar[1].flag = true; + // this.onchangebtn() + // } + // } btn(index: number) { //alert(index); @@ -58,18 +81,22 @@ export default class Bottom extends Vue { this.tabbar[0].img = "#icon-a-shouye-xuanzhong20x20px";//将首页切换为蓝色 this.tabbar[0].flag = true; this.tabbar[1].flag = false; + this.btnFlag=true; + // this.indexed="0" this.onchangebtn() } else if (index == 1) { this.tabbar[0].img = "#icon-a-shouye20x20px";//将首页置灰 this.tabbar[1].img = "#icon-a-wode-xuanzhong24x24px-kehujinglixiaochengxu";//将我的按钮直为蓝色 this.tabbar[0].flag = false; this.tabbar[1].flag = true; + this.btnFlag=false; + // this.indexed="1" this.onchangebtn() } } //传给父组件 onchangebtn() { - this.btnFlag=!this.btnFlag + this.btnFlag=this.btnFlag this.$emit('onchangebtn', this.btnFlag); } } diff --git a/src/components/common/CardPottom.vue b/src/components/common/CardPottom.vue index 4345bba690cebd0c811b80585d63813ba2b5bc1e..600c4f5c1b0592734cebf99276b943a93b57ffbb 100644 --- a/src/components/common/CardPottom.vue +++ b/src/components/common/CardPottom.vue @@ -63,9 +63,9 @@ import { Component, Vue, Prop, Watch, Emit } from "vue-property-decorator"; export default class CardPottom extends Vue { pass="*****" - totalAmount ="30000.00" - useAmount ="20000.00" - unUseAmount = "10000.00" + totalAmount ="¥30000.00" + useAmount ="¥20000.00" + unUseAmount = "¥10000.00" totalFinal = this.pass useFinal = this.pass unUseFinal = this.pass diff --git a/src/components/common/Tatle.vue b/src/components/common/Tatle.vue index aa02f628440bc25153506cf859b25c8980e6907d..ab35e9e6cc7fea034b9e76737980c2834fffc416 100644 --- a/src/components/common/Tatle.vue +++ b/src/components/common/Tatle.vue @@ -34,11 +34,13 @@ import { Component, Vue, Prop, Watch,Emit } from "vue-property-decorator"; export default class Tatle extends Vue { @Prop({ default: "" }) tatle: string | undefined @Prop({ default: true}) tatleflag : boolean|undefined - @Emit("retyen") - retyen(){} - // retyen(){ - // this.$router.back(); + + // onClickReturn(){ + // this.$emit("onClickReturn") // } + retyen(){ + this.$router.back(); + } }