在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
项目目录: 逻辑层: pay.js // pages/pay/pay.js Page({ /** * 页面的初始数据 */ data: { resultType: "", resultContent: "", url:"" }, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { var resultType = options.resultType; if (resultType == "success") { this.setData({ resultType: "success", resultContent: "支付成功", url: '../list/list?status=tosend' }); } else { this.setData({ resultType: "warn", resultContent: "支付失败", url: '../list/list' }); } } }) 页面布局: pay.wxml <!--pages/pay/pay.wxml--> <view class="result_contain"> <view class="result_img"> <icon type="{{resultType}}" size="72"></icon> </view> <view class="result_content">{{resultContent}}</view> <navigator url="{{url}}"> <text class="result_to_order" >查看订单</text> </navigator> <navigator url="../goods/goods"> <text class="result_to_order" >返回上一页</text> </navigator> </view> 样式: pay.wxss /* pages/pay/pay.wxss */ .result_contain{ padding:25% 0; height:50%; } .result_img{ text-align:center; } .result_content{ text-align: center; font-size: 16px; padding:10px; } .result_to_order{ display:block; background-color:#69C3AA; color:#FFF; border-radius:3px; width:50%; text-align:center; margin:20px auto; padding:10px; } 效果图: |
请发表评论