106 lines
2.4 KiB
Vue
106 lines
2.4 KiB
Vue
|
<template>
|
|||
|
|
<view class="container">
|
|||
|
|
<unitv-page
|
|||
|
|
id="curriculumBuySuccessPage"
|
|||
|
|
ref="curriculumBuySuccessPage"
|
|||
|
|
class="curriculumBuySuccessPage"
|
|||
|
|
:show="true"
|
|||
|
|
>
|
|||
|
|
<app-header down="curriculum_buy_success_first_zone" />
|
|||
|
|
<view class="content">
|
|||
|
|
<view class="image">
|
|||
|
|
<image src="/static/buy_success.png" />
|
|||
|
|
</view>
|
|||
|
|
<view class="tip">订单支付成功！请在我的课程中查看</view>
|
|||
|
|
<view class="info">
|
|||
|
|
<view>订单编号：20241028153636598755</view>
|
|||
|
|
<view>订单名称：安全视频 消防安全基础知识培训课程</view>
|
|||
|
|
<view>订单时间：2024-10-28 15:06</view>
|
|||
|
|
<view>订单价格：365元</view>
|
|||
|
|
</view>
|
|||
|
|
<unitv-zone
|
|||
|
|
id="curriculum_buy_success_first_zone"
|
|||
|
|
class="curriculum_buy_success_first_zone"
|
|||
|
|
up="header_zone"
|
|||
|
|
:values="[0]"
|
|||
|
|
:column="1"
|
|||
|
|
auto-fous
|
|||
|
|
:item="0"
|
|||
|
|
>
|
|||
|
|
<unitv-item :item="0" class="item">
|
|||
|
|
<view class="text">我的课程</view>
|
|||
|
|
</unitv-item>
|
|||
|
|
</unitv-zone>
|
|||
|
|
</view>
|
|||
|
|
</unitv-page>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
export default {
|
|||
|
|
onShow() {
|
|||
|
|
if (this.$refs.curriculumBuySuccessPage) {
|
|||
|
|
this.$refs.curriculumBuySuccessPage.showPage();
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
};
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style scoped lang="scss">
|
|||
|
|
.container {
|
|||
|
|
.content {
|
|||
|
|
width: 400rpx;
|
|||
|
|
margin: 29rpx auto auto;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
|
|||
|
|
.image {
|
|||
|
|
width: 113rpx;
|
|||
|
|
height: 116rpx;
|
|||
|
|
|
|||
|
|
image {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100% !important;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.tip {
|
|||
|
|
font-size: 12rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.info {
|
|||
|
|
padding: 18rpx 100rpx 16rpx 18rpx;
|
|||
|
|
margin-top: 25rpx;
|
|||
|
|
background-color: rgba(255, 255, 255, 0.05);
|
|||
|
|
border-radius: 4rpx;
|
|||
|
|
border: 1rpx solid rgba(255, 255, 255, 0.1);
|
|||
|
|
|
|||
|
|
view {
|
|||
|
|
margin-top: 5rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.curriculum_buy_success_first_zone {
|
|||
|
|
margin-top: 15rpx;
|
|||
|
|
|
|||
|
|
.item {
|
|||
|
|
background-color: rgba(37, 78, 255, 1);
|
|||
|
|
border-radius: 2rpx;
|
|||
|
|
width: 190rpx;
|
|||
|
|
height: 38rpx;
|
|||
|
|
font-size: 14rpx;
|
|||
|
|
text-align: center;
|
|||
|
|
line-height: 38rpx;
|
|||
|
|
border: 2rpx solid transparent;
|
|||
|
|
|
|||
|
|
&.hover {
|
|||
|
|
border: 2rpx solid rgba(255, 255, 255, 0.5);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|