uniProject/pages/zhuanti/index.vue

<template>
	<view class="ezy-zhuanti-page">
		<view class="zt-qipao-box">
			<!-- wgy看这↓ 如果是游客的话不显示text标签内容-->
			<view>寻觅者<text>"{{yhName}}同学"</text></view>
			<view>形容一下你的心情吧？</view>
		</view>
		<view class="zt-biaoqing-box">
			<view v-for="(item,index) in biaoqingList" :key="index"  @click="goZhuantiInfo(item)" class="biaoqing-item-box"></view>
		</view>
		<CustomTabBar :currentTabNumber="1"></CustomTabBar>
	</view>

</template>

<script setup>
	import {
		toast,
		getUserIdentity
	} from "@/utils/common";
	import cacheManager from '@/utils/cacheManager.js';
	import {

	} from '@/api/zhuanti.js'

	import CustomTabBar from '@/components/custom-tabbar/custom-tabbar.vue';
	import {
		reactive,
		ref
	} from "vue";
	import {
		onLoad
	} from '@dcloudio/uni-app';
	const youkeFlag = ref(null);
	const yhName = ref(null);
	const biaoqingList = ref(
		[{
				name: '开心',
				type: 1
			},
			{
				name: '愤怒',
				type: 2
			},
			{
				name: '悲伤',
				type: 3
			},
			{
				name: '害怕',
				type: 4
			},
			{
				name: '得意',
				type: 5
			},
			{
				name: '嫉妒',
				type: 6
			},
			{
				name: '压抑',
				type: 7
			},
			{
				name: '抱怨',
				type: 8
			}
		]

	)
	onLoad((options) => {
		if (cacheManager.get('auth')) {
			youkeFlag.value = true
			yhName.value = cacheManager.get('auth').realName || ''
		} else {
			// 游客
			youkeFlag.value = false
		}
	})

	function goZhuantiInfo(data) {
		console.log('data', data);
		uni.redirectTo({
			url: '/pages/zhuanti/zhuantiInfo?type='+data.type
		})
	}
</script>