<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="cg2x22"></image>
        <view class="bgc"></view>
        <view class="cardz">
            <image :src="cg2x21" class="shenhe2x1"></image>
            <span class="text">待审核</span>
        </view>
        <view style="position: fixed; top: 632rpx; width: 100%; padding-left: 32rpx; padding-right: 32rpx;">
            <up-button    color="#c0f0ec" 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 cg2x21 = iconConfig.cg2x21;
const cg2x22 = iconConfig.cg2x21;
const bgColor = ref('');
bgColor.value = 'rgba(170, 0, 0, 0)'

const leftClick = () => {
    proxy.$tab.navigateBack(1)
}
</script>
<style lang="scss" scoped>
.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, #a3e6df, #ffffff);
    position: fixed;
    top: 0rpx;
    left: 0rpx;
    z-index: -1;
}

.shenhe2x1 {
    width: 232rpx;
    height: 228rpx;
    position: fixed;
    top: 276rpx;
    left: 260rpx;
}

.text {
    font-weight: 400;

    font-size: 48rpx;
    text-align: left;
    color: #00CCBE !important;
    position: fixed;
    top: 500rpx;
    left: 300rpx;
}
.cardz{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.fbText{
font-weight: 400;

font-size: 30rpx;
text-align: left;
color: #00CCBE !important;
}
</style>