<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="sb2x2"></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 sb2x2 = iconConfig.sb2x2;
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: 392rpx;
    height: 494rpx;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
}

.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: 324rpx;
    height: 228rpx;
    position: fixed;
    top: 276rpx;
    left: 213rpx;
}

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