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>
|