增加hf pay intro

master
yuan 6 years ago
parent 750a821917
commit d163eb9949

Binary file not shown.

After

Width:  |  Height:  |  Size: 185 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 328 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 100 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 52 KiB

@ -663,6 +663,53 @@ define(['angular', 'decimal', 'uiRouter', 'ngBootSwitch', 'ngFileUpload'], funct
})
})
};
$scope.myInterval = 2000;
$scope.first = true;
$scope.active = 0;
$scope.show = false;
var slides = $scope.slides = [];
var addSlide = function () {
slides.push({
image: '/static/images/hfpaylink_intro/hf_pay_step1.png',
text: '第一次打开支付链接进行下单,第一步用微信扫码页面弹出的二维码,确认您的身份',
id:0
});
slides.push({
image: '/static/images/hfpaylink_intro/hf_pay_step2.png',
text: '下一步填写订单信息。注意订单金额货币单位是澳元AUD。请认真填写商品名称否则可能导致交易不成功。填写完成最后提交订单。',
id:1
});
slides.push({
image: '/static/images/hfpaylink_intro/hf_pay_step3.png',
text: '跳转到汇付支付页面,选择您的支付方式,同时填写姓名、身份证、银行卡号、手机号信息,完成身份验证,最后点击“确认支付”',
id:2
});
slides.push({
image: '/static/images/hfpaylink_intro/hf_pay_step4.png',
text: '页面弹出支付二维码使用相应的支付app进行扫码支付。',
id:3
});
slides.push({
image: '/static/images/hfpaylink_intro/hf_pay_step5.png',
text: '完成支付,跳转到支付成功页面。',
id:4
});
};
$scope.toFirst = function () {
if(!$scope.first) {
return;
}
addSlide();
$scope.first = false;
};
$scope.toShow = function () {
$scope.show = true;
};
$scope.toHide = function () {
$scope.show = false
}
}]);
app.controller('clientPaymentMaterialCtrl', ['$scope', '$http', 'partner', function ($scope, $http, partner) {
$scope.paymentInfo = partner.data;

@ -1,3 +1,22 @@
<style>
.pos{
position:absolute;
top:-395px;
left:120px;
height: 400px;
width:700px;
z-index: 10000;
background-color: black;
}
.tocancle{
position:absolute;
z-index: 1000000;
right: 10px;
top: 8px;
color: white;
cursor: pointer;
}
</style>
<div class="panel panel-default">
<div class="panel-heading">QR Code</div>
<div class="panel-body">
@ -83,12 +102,25 @@
<div class="form-group">
<label class="control-label col-sm-2">HF Pay Link</label>
<div class="col-sm-10">
<p class="form-control-static" ng-bind="partner.hf_pay_url"></p>
</div>
<p class="form-control-static">{{partner.hf_pay_url}}
<span id="intro">
<a href=""><i id="carousel_id" class="glyphicon glyphicon-info-sign" ng-mouseover="toFirst();toShow()"></i></a>
<div class="pos" ng-show="show">
<i class="tocancle glyphicon glyphicon-remove" ng-click="toHide()"></i>
<uib-carousel active="active" interval="myInterval" no-wrap="false">
<uib-slide ng-repeat="slide in slides track by slide.id" index="slide.id">
<img ng-src="{{slide.image}}" style="margin:auto;height: 400px;background-color: black">
<div class="carousel-caption" style="bottom: 10px;text-shadow: 0 0px 0px">
<p class="text-primary">{{slide.text}}</p>
</div>
</uib-slide>
</uib-carousel>
</div>
</span>
</p>
</div>
</div>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">Paying Surcharge
@ -201,4 +233,4 @@
</div>
</div>
</div>
</div>
</div>

Loading…
Cancel
Save