Commit abefdc6b13a5f9e423349ee82f12a809fa016c89
1 parent
1ae18e3b
礼包支付成功的界面
Showing
4 changed files
with
130 additions
and
0 deletions
packageA/pages/libao_payment/payment.js
0 → 100644
| 1 | +var e = getApp(); | |
| 2 | +var regeneratorRuntime = require('../../../utils/runtime.js'); | |
| 3 | +Page({ | |
| 4 | + /** | |
| 5 | + * 页面的初始数据 | |
| 6 | + */ | |
| 7 | + data: { | |
| 8 | + url: e.globalData.setting.imghost, | |
| 9 | + resourceUrl: e.globalData.setting.resourceUrl, | |
| 10 | + iurl: e.globalData.setting.imghost, | |
| 11 | + type:0 | |
| 12 | + }, | |
| 13 | + | |
| 14 | + /** | |
| 15 | + * 生命周期函数--监听页面加载 | |
| 16 | + */ | |
| 17 | + onLoad: function (options) { | |
| 18 | + wx.setNavigationBarTitle({ | |
| 19 | + title: '支付成功', | |
| 20 | + }); | |
| 21 | + this.setData({type:options.type}); | |
| 22 | + | |
| 23 | + }, | |
| 24 | + | |
| 25 | + goto: function () { | |
| 26 | + var url = '/pages/index/index/index'; | |
| 27 | + getApp().goto(url) | |
| 28 | + }, | |
| 29 | +}) | |
| 0 | 30 | \ No newline at end of file | ... | ... |
packageA/pages/libao_payment/payment.json
0 → 100644
packageA/pages/libao_payment/payment.wxml
0 → 100644
| 1 | +<wxs module="filters" src="../../../utils/filter.wxs"></wxs> | |
| 2 | +<view> | |
| 3 | + <!-- 支付成功提示 --> | |
| 4 | + <view class="payradio"> | |
| 5 | + <!-- 提示框 --> | |
| 6 | + <view class="Success_box flex-center"> | |
| 7 | + <view> | |
| 8 | + <view class="flex-center"> | |
| 9 | + <image src="{{url}}miniapp/images/pay/paysuccess.png"></image> | |
| 10 | + </view> | |
| 11 | + | |
| 12 | + <view class="show_title" wx:if="{{type==1}}">积分兑换成功，点击我的礼包查看！</view> | |
| 13 | + <view class="show_title" wx:if="{{type==2}}">购买成功，点击我的礼包查看！</view> | |
| 14 | + </view> | |
| 15 | + </view> | |
| 16 | + </view> | |
| 17 | + | |
| 18 | + <!-- 跳转链接 --> | |
| 19 | + <view> | |
| 20 | + <!-- 链接 --> | |
| 21 | + <view class="fs32"> | |
| 22 | + <view class="flex-center"> | |
| 23 | + <navigator class="pay_order flex-center" url="/packageA/pages/myGift/myGift?index=1"> | |
| 24 | + <view>我的礼包</view> | |
| 25 | + </navigator> | |
| 26 | + </view> | |
| 27 | + <view class="flex-center"> | |
| 28 | + <navigator class="pay_home flex-center" bindtap="goto"> | |
| 29 | + <view>回到首页</view> | |
| 30 | + </navigator> | |
| 31 | + </view> | |
| 32 | + </view> | |
| 33 | + </view> | |
| 34 | +</view> | |
| 0 | 35 | \ No newline at end of file | ... | ... |
packageA/pages/libao_payment/payment.wxss
0 → 100644
| 1 | +page { | |
| 2 | + border-top: 2rpx solid rgb(245, 245, 245); | |
| 3 | +} | |
| 4 | +.line { | |
| 5 | + border-top: 2rpx solid rgb(245, 245, 245); | |
| 6 | + width: 700rpx; | |
| 7 | +} | |
| 8 | + | |
| 9 | +.payradio .Success_box { | |
| 10 | + padding-top: 45rpx; | |
| 11 | + padding-bottom: 45rpx; | |
| 12 | +} | |
| 13 | + | |
| 14 | +.payradio .Success_box .Success_box_title { | |
| 15 | + margin-top: 45rpx; | |
| 16 | + color: rgb(8, 8, 8); | |
| 17 | +} | |
| 18 | + | |
| 19 | +.payradio image { | |
| 20 | + width: 140rpx; | |
| 21 | + height: 140rpx; | |
| 22 | + display: flex; | |
| 23 | +} | |
| 24 | + | |
| 25 | +.payitem_max { | |
| 26 | + padding: 0rpx 55rpx; | |
| 27 | + color: rgb(104, 104, 104); | |
| 28 | + padding-bottom: 30rpx; | |
| 29 | +} | |
| 30 | + | |
| 31 | +.payitem_max .payitem { | |
| 32 | + margin-top: 30rpx; | |
| 33 | +} | |
| 34 | + | |
| 35 | +.payitem_max .payitem .pay_nam { | |
| 36 | + width: 200rpx; | |
| 37 | +} | |
| 38 | + | |
| 39 | +.payitem_max .payitem view { | |
| 40 | + margin-right: 50rpx; | |
| 41 | +} | |
| 42 | +.pay_order { | |
| 43 | + margin-top: 15rpx; | |
| 44 | + color: rgb(104, 104, 104); | |
| 45 | + width: 560rpx; | |
| 46 | + height: 62rpx; | |
| 47 | + border-radius: 30rpx; | |
| 48 | + border: 3rpx solid rgb(209, 209, 209); | |
| 49 | +} | |
| 50 | + | |
| 51 | +.pay_home { | |
| 52 | + margin-top: 35rpx; | |
| 53 | + color: rgb(255, 255, 255); | |
| 54 | + width: 566rpx; | |
| 55 | + height: 68rpx; | |
| 56 | + border-radius: 30rpx; | |
| 57 | + background-color: rgb(219, 27, 52); | |
| 58 | +} | |
| 59 | +.address{ | |
| 60 | + width: 470rpx; | |
| 61 | +} | |
| 62 | + | |
| 63 | +.show_title{ margin-top: 90rpx; font-size: 34rpx;} | |
| 0 | 64 | \ No newline at end of file | ... | ... |