4 changed files with 38 additions and 350 deletions
Unified View
Diff Options
-
212src/assets/styles/style.css
-
6src/router/index.js
-
126src/view/my-money.vue
-
44src/view/service-evaluation.vue
@ -1,126 +0,0 @@ |
|||||
|
|
||||
<template> |
|
||||
<div class="my-money"> |
|
||||
<div class="page-top"> |
|
||||
<a @click="goBack()"><img src="../assets/images/my-money/left.png"/></a> |
|
||||
<span>我的钱包</span> |
|
||||
</div> |
|
||||
|
|
||||
<div class="content"> |
|
||||
<!--查看规则--> |
|
||||
<div class="rule"> |
|
||||
<div class="rule-content"> |
|
||||
<img src="../assets/images/my-money/money.png" alt=""> |
|
||||
<a href="javascript:void(0)" class="text">查看推荐奖励规则</a> |
|
||||
<a href="javascript:void(0)" class="icon"><img src="../assets/images/my-money/right.png"/></a> |
|
||||
</div> |
|
||||
</div> |
|
||||
<!--余额--> |
|
||||
<div class="balance"> |
|
||||
<div>余额:<span>500.00</span></div> |
|
||||
<a href="javascript:void(0)" class="put-money" @click="toPutMoney ()">提现</a> |
|
||||
</div> |
|
||||
|
|
||||
<!--收支明细--> |
|
||||
<div class="payments"> |
|
||||
<span class="title-span">收支明细</span> |
|
||||
<ul> |
|
||||
<li> |
|
||||
<div class="liLeft"> |
|
||||
<div class="name">推荐保洁师</div> |
|
||||
<div class="time">2017-09-05</div> |
|
||||
</div> |
|
||||
<span>+500</span> |
|
||||
</li> |
|
||||
<li> |
|
||||
<div class="liLeft"> |
|
||||
<div class="name">提现</div> |
|
||||
<div class="time">2017-09-05</div> |
|
||||
</div> |
|
||||
<span class="put">-500</span> |
|
||||
</li> |
|
||||
<li> |
|
||||
<div class="liLeft"> |
|
||||
<div class="name">推荐用户下单</div> |
|
||||
<div class="time">2017-09-05</div> |
|
||||
</div> |
|
||||
<span>+500</span> |
|
||||
</li> |
|
||||
<li> |
|
||||
<div class="liLeft"> |
|
||||
<div class="name">推荐保洁师服务</div> |
|
||||
<div class="time">2017-09-05</div> |
|
||||
</div> |
|
||||
<span>+200</span> |
|
||||
</li> |
|
||||
</ul> |
|
||||
</div> |
|
||||
</div> <!--content end--> |
|
||||
|
|
||||
<!--授权弹框--> |
|
||||
<div id="authorization" class="popup-box" v-show="isShowAuthorization"> |
|
||||
<div class="popup-authorization popup-centent"> |
|
||||
<span class="closeBtn"><img src="../assets/images/put-money/close.png" alt=""></span> |
|
||||
<p>提现需微信授权</p> |
|
||||
<a href="" ><img src="../assets/images/put-money/weixin.png" alt=""></a> |
|
||||
<span>点击授权</span> |
|
||||
</div> |
|
||||
</div> |
|
||||
|
|
||||
<!--授权弹框2--> |
|
||||
<div id="authorization2" class="popup-box" v-show="isShowAuthorization2"> |
|
||||
<div class="popup-authorization2 popup-centent"> |
|
||||
<span class="closeBtn" @click="closePupup()" ><img src="../assets/images/put-money/close.png" alt=""></span> |
|
||||
<p class="cue-title">提示</p> |
|
||||
<p>请进入微信公众号“一号家政服务号”进行提现操作</p> |
|
||||
<button @click="closePupup()">确定</button> |
|
||||
</div> |
|
||||
</div> |
|
||||
|
|
||||
</div> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
export default{ |
|
||||
data() { |
|
||||
return { |
|
||||
//隐藏弹框 |
|
||||
isShowAuthorization: false, |
|
||||
isShowAuthorization2: false |
|
||||
} |
|
||||
}, |
|
||||
methods:{ |
|
||||
toPutMoney (){ |
|
||||
//this.isWeixin() |
|
||||
if (!this.isShowAuthorization2 ){ |
|
||||
this.$router.push({path:'/put-money'}); |
|
||||
} |
|
||||
}, |
|
||||
isWeixin() { |
|
||||
var ua = navigator.userAgent.toLowerCase(); |
|
||||
if(ua.match(/MicroMessenger/i)=="micromessenger") { |
|
||||
return true; |
|
||||
} else { |
|
||||
this.isShowAuthorization2 = true; |
|
||||
return false; |
|
||||
} |
|
||||
}, |
|
||||
//点击关闭弹出框 |
|
||||
closePupup() { |
|
||||
//ev.cancelBubble = true; |
|
||||
this.isShowAuthorization2 = false; |
|
||||
this.isShowAuthorization1 = false; |
|
||||
}, |
|
||||
//返回上一页 |
|
||||
goBack() { |
|
||||
history.go(-1) |
|
||||
} |
|
||||
|
|
||||
}, |
|
||||
mounted() { |
|
||||
//this.isWeixin () |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
|
|
||||
Write
Preview
Loading…
Cancel
Save