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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 64 | \ No newline at end of file |