
<scroll-view class="page" scroll-y="true">
<view id="result">
<view class="feedback">
<view><image src="{{src}}" alt="img"></image></view>
<view><text>{{typeText}}</text></view>
</view>
<view class="next">
<view class="price" wx:if="{{type == 1 }}">实付款:<text>¥{{price}} 元</text></view>
<view class="button">
<!--<navigator url="../order-detail/order-detail?subOrderSn={{subOrderSn}}" hover-class="none" class="detail">查看订单</navigator>-->
<navigator url="../orders/orders?t=all" hover-class="none" class="to-home" open-type="navigate">返回列表</navigator>
</view>
</view>
</view>
</scroll-view>
|
#result {
font-size: 30rpx;
text-align: center;
}
#result .feedback {
background: #fff;
width: 100%;
height: 110rpx;
margin-top: 20rpx;
padding-top: 50rpx;
}
#result .feedback view {
margin: auto;
font-size: 34rpx;
color: #FF2D4B;
line-height: 50rpx;
display: inline-block;
}
#result .feedback view image {
width: 50rpx;
height: 50rpx;
}
#result .feedback view text {
position: relative;
top: -10rpx;
margin-left: 16rpx;
}
#result .feedback .hint {
display: block;
margin-top: 24rpx;
font-size: 26rpx;
}
#result .next {
background: #fff;
margin-top: 20rpx;
padding: 50rpx 30rpx;
}
#result .next .price {
text-align: left;
padding-bottom: 60rpx;
font-size: 28rpx;
}
#result .next .price text {
font-size: 34rpx;
color: #FF2D4B;
}
#result .next .button {
overflow: hidden;
display: inline-block;
}
#result .next .button navigator {
float: left;
border: 1px solid #FF2D4B;
width: 280rpx;
height: 68rpx;
border-radius: 8rpx;
line-height: 68rpx;
color: #FF2D4B;
}
#result .next .button .to-home {
text-align: center;
}
|
const app = getApp();
Page({
data: {
items: {
labelText: '已阅读并同意',
iconType: 'circle',
is_default: false
}
},
onLoad() {
console.log(app.globalData);
const src = app.globalData.type === 'success' ? 'success.png' : 'fail.png';
const typeText = app.globalData.type === 'success' ? '支付成功' : '支付失败';
const type = app.globalData.type === 'success' ? 1 : 0;
this.setData({
// subOrderSn: app.globalData.subOrderSn,
price: app.globalData.price,
src,
typeText,
type
});
}
});
|
模板简介:该模板名称为【微信小程序红色支付失败提示页面样式模板制作设计下载】,大小是,文档格式为.,推荐使用打开,作品中的图片,文字等数据均可修改,图片请在作品中选中图片替换即可,文字修改直接点击文字修改即可,您也可以新增或修改作品中的内容,该模板来自用户分享,如有侵权行为请联系网站客服处理。欢迎来懒人模板【小程序教程】栏目查找您需要的精美模板。