talk_appAmin/pages/Friend/addfruebd.vue

<!-- 添加好友 -->
<template>
	<view class="uninavbar">
		<image src="../../static/images/sign/return.png"></image>
	</view>
	<view class="back">
		<image src="../../static/images/sign/背景.png" style=" 
		position: fixed;
		width: 750rpx;
		height: 500rpx; z-index: -1;"></image>
		<view style="width: 154rpx;
height: 154rpx;
background: #83c4ff"></view>
		<text> 爱吃饭的小张</text>
		<text>女</text>
		<text>LV 2</text>
		<text>ID:</text>
		<text>19993849611</text>
	</view>



	<view style="position: absolute; top: 424rpx; bottom: 0; left: 0; right: 0; border-radius: 32rpx 32rpx 32rpx 32rpx;
background: #ffffff; ">
		<view>
			<text>9999 获赞</text>
		</view>

		<view>
			签名：陌上人如玉，公子世无双！
		</view>

		<view style="width: 512rpx;
height: 80rpx;
border-radius: 40rpx 40rpx 40rpx 40rpx;
background: #f7f8fa;">
			<image style="width: 34rpx; height: 30rpx;" src="../../static/images/sign/发消息.png"></image>
			<text>发消息</text>
		</view>

		<view style="width:150rpx;
height: 80rpx;
border-radius: 40rpx 40rpx 40rpx 40rpx;
background: #83c4ff;">关注</view>



		<view>
			<text style="font-weight: Regular;
width: 155rpx;
height: 31rpx;
font-size: 30rpx;
text-align: left;
color: #333333">发布的话题</text>
			<view style="width: 154rpx;
height: 12rpx;
border-radius: 6rpx 6rpx 6rpx 6rpx;
background: linear-gradient(-90deg, #c9f6f5, #f7f8e3);"></view>
		</view>


	</view>
</template>

<script setup>

</script>

<style scoped>
	.uninavbar {
		position: absolute;
		z-index: 9999;
		top: 110rpx;
		left: 32rpx;
	}

	.uninavbar>image {
		width: 31rpx;
		height: 44rpx;
		color: #000000;
	}

	.back {
		width: 750rpx;
		height: 500rpx;
	}
</style>