87 lines
1.7 KiB
Vue
87 lines
1.7 KiB
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> |