126 lines
2.5 KiB
Vue
126 lines
2.5 KiB
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> |