talk_appAmin/pages/common/talkState/auditFailure.vue

122 lines
2.6 KiB
Vue

<template>
<view>
<view>
<!-- 顶部导航栏 -->
<up-navbar leftText="" title="" :placeholder="true" :safeAreaInsetTop="true" @leftClick="leftClick"
:bgColor="bgColor">
<template #center>
<div class="navbarcenter"><span>发布话题</span></div>
</template>
</up-navbar>
</view>
<image class="bacimg2" :src="sb2x"></image>
<view class="bgc"></view>
<view class="cardz">
<image :src="sb2x1" class="shenhe2x1"></image>
<span class="text1">审核不通过</span>
<span class="text2">您提交的话题带有违禁词</span>
</view>
<view style="position: fixed; top: 632rpx; width: 100%; padding-left: 32rpx; padding-right: 32rpx;">
<up-button color="#FDE2E2" size="large" shape="circle" @click="publish"><span
class="fbText">继续发布</span></up-button>
</view>
</view>
</template>
<script setup>
import { onShow, onLoad } from '@dcloudio/uni-app'
import { getDicts } from "@/api/system/dict/data"
import { ref, reactive, getCurrentInstance } from 'vue'
import { useStore } from 'vuex';
const emit = defineEmits(['scrolltolower']);
const { proxy } = getCurrentInstance();
const iconConfig = proxy.iconConfig;
const sb2x1 = iconConfig.sb2x1;
const sb2x = iconConfig.sb2x;
const bgColor = ref('');
bgColor.value = 'rgba(170, 0, 0, 0)'
const leftClick = () => {
proxy.$tab.navigateBack(1)
}
</script>
<style lang="scss" scoped>
page{
background-color: #ffffff;
}
.bacimg2 {
width: 508rpx;
height: 540rpx;
position: fixed;
top: -100rpx;
left: -100rpx;
}
.navbarcenter {
font-weight: 400;
font-size: 36rpx;
text-align: left;
color: #000000;
}
.bgc {
width: 100%;
height: 500rpx;
background: linear-gradient(-180deg, #fdecec, #ffffff);
position: fixed;
top: 0rpx;
left: 0rpx;
}
.shenhe2x1 {
width: 232rpx;
height: 228rpx;
position: fixed;
top: 276rpx;
left: 260rpx;
}
.text1 {
font-weight: 600;
font-size: 48rpx;
text-align: left;
color: #FFABAB !important;
position: fixed;
top: 500rpx;
left: 252rpx;
}
.text2 {
font-weight: 400;
font-size: 24rpx;
text-align: left;
color: #FFABAB !important;
position: fixed;
top: 560rpx;
left: 242rpx;
}
.cardz {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.fbText {
font-weight: 600;
font-size: 30rpx;
text-align: left;
color: #FFABAB !important;
}
</style>