88 lines
1.8 KiB
Vue
88 lines
1.8 KiB
Vue
<template>
|
||
<view class="video-status" :style="'top: '+ statusTop +'px;'">
|
||
<view v-if="auditStatus == 2 || auditStatus == 3" class="status-title">
|
||
<text class="iconfont icon-a-ic_tanhao1 font-color-red"></text>
|
||
<text class="title">{{auditStatus == 2 ? '审核未通过' : '平台关闭'}}，内容仅自己可见</text>
|
||
</view>
|
||
<view v-else class="status-title">
|
||
<text class="iconfont icon-icon_clock1"></text>
|
||
<text class="title">正在审核，内容仅自己可见</text>
|
||
</view>
|
||
<view class="status_info">
|
||
<text class="refusal">{{(auditStatus == 2 || auditStatus == 3) ? refusal : '发布的内容审核通过后，将在首页展示！'}}</text>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
name: "reviewStatus",
|
||
props: {
|
||
auditStatus: {
|
||
type: [String, Number],
|
||
default: ''
|
||
},
|
||
refusal: {
|
||
type: String,
|
||
default: ''
|
||
}
|
||
},
|
||
data(){
|
||
return{
|
||
getHeight: this.$util.getWXStatusHeight(),
|
||
statusTop: 0, //审核状态样式
|
||
}
|
||
},
|
||
mounted(){
|
||
// #ifdef MP
|
||
this.statusTop = this.getHeight.barTop;
|
||
// #endif
|
||
// #ifdef H5
|
||
this.statusTop = 60;
|
||
// #endif
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.video-status {
|
||
width: 690rpx;
|
||
position: absolute;
|
||
left: 30rpx;
|
||
background: rgba(0, 0, 0, .55);
|
||
border-radius: 10rpx;
|
||
// top: 60rpx;
|
||
padding: 26rpx 0 24rpx 30rpx;
|
||
|
||
.iconfont {
|
||
font-size: 30rpx;
|
||
}
|
||
|
||
.icon-icon_clock1 {
|
||
color: #FC8327;
|
||
}
|
||
|
||
.status-title {
|
||
flex-direction: row;
|
||
align-items: center;
|
||
|
||
.title {
|
||
margin-left: 20rpx;
|
||
color: #ffffff;
|
||
font-size: 28rpx;
|
||
}
|
||
}
|
||
|
||
.refusal {
|
||
color: #ffffff;
|
||
font-size: 22rpx;
|
||
margin: 15rpx 0 0 48rpx;
|
||
}
|
||
|
||
.image {
|
||
|
||
width: 28rpx;
|
||
height: 28rpx;
|
||
}
|
||
}
|
||
</style> |