106 lines
2.4 KiB
Vue
106 lines
2.4 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="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.switchTab("/pages/index")
|
|
}
|
|
const publish = () => {
|
|
proxy.$tab.switchTab("/pages/index")
|
|
}
|
|
</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> |