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/myBack.png" style=" 
		position:fixed;
		top: 0;
		left: 0;
		width: 750rpx;
		height: 500rpx; z-index: -1;"></image>

		<view style="width: 154rpx;
		margin-top: 50rpx;
height: 154rpx;">
			<image src="../../static/images/icon/tu4-1.jpg"
				style="width: 154rpx; height: 154rpx;border-radius: 154rpx;"></image>
		</view>
		<text style="
		font-weight: 600;
		width: 272rpx;
		height: 45rpx;
		font-size: 44rpx;
		text-align: left;
		color: #FFFFFF;
		"> 爱吃饭的小张</text>
		<view>
			<text class="textrig">女</text>
			<text class="textrig">LV 2</text>
			<text class="textrig">ID:</text>
			<text class="textrig">19993849611</text>
		</view>
	</view>



	<view style="position: absolute; top: 424rpx; bottom: 0; left: 0; right: 0; border-radius: 32rpx 32rpx 32rpx 32rpx;
background: #ffffff; ">
		<view class="viewtop">
			<text style="
			font-weight:600;
			width: 85rpx;
			height: 30rpx;
			font-size: 36rpx;
			text-align: left;
			color: #000000;
			">9999 <text style="
			font-weight: 400;
			width: 57rpx;
			height: 28rpx;
			font-size: 28rpx;
			text-align: left;
			color: #999999;
			vertical-align: middle;
			">获赞</text></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/go.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;
	}

	.textrig {
		font-weight: Regular;
		width: 24rpx;
		height: 24rpx;
		font-size: 24rpx;
		text-align: left;
		color: #FFFFFF;
	}
</style>