增加音乐,摇一摇,服务等页面
This commit is contained in:
@@ -0,0 +1,138 @@
|
||||
<template>
|
||||
<view class="u-font-34">
|
||||
<u-navbar :is-back="true" back-icon-color="#333333" title=""
|
||||
:background="{ background: '#ffffff'}"
|
||||
:border-bottom="false" z-index="1001">
|
||||
<view slot="right" class="u-p-r-30">
|
||||
<u-icon name="more-dot-fill" color="#000000" :size="38"></u-icon>
|
||||
</view>
|
||||
</u-navbar>
|
||||
<view style="background-color: #ffffff;">
|
||||
<view class="u-p-30 u-flex u-row-left u-col-center">
|
||||
<view class="u-p-l-20">
|
||||
<view>
|
||||
<u-image :src="personInfo.avatar" width="120rpx" height="120rpx" border-radius="12rpx">
|
||||
<view slot="error"
|
||||
class="u-flex u-row-center u-col-center u-p-t-10"
|
||||
style="width: 90rpx;height: 90rpx;background-color: #f1f1f1;border-radius: 12rpx;">
|
||||
<view>
|
||||
<image src="/static/image/default/default-user/default-user.png"
|
||||
style="width: 64rpx;height: 64rpx;"></image>
|
||||
</view>
|
||||
</view>
|
||||
</u-image>
|
||||
</view>
|
||||
</view>
|
||||
<view class="u-m-l-30 u-p-t-20">
|
||||
<view class="u-line-2" style="width: 350rpx;line-height: 40rpx;">
|
||||
<text style="color: #000000;font-size: 44rpx;font-weight: bold;">{{personInfo.nickName}}</text>
|
||||
<!-- <text>男</text> -->
|
||||
</view>
|
||||
<view v-if="personInfo.address&&personInfo.address!=0&&personInfo.address.length>0"
|
||||
style="margin-top: 10rpx;color: #757575;font-size: 30rpx;">
|
||||
<text>地区: </text>
|
||||
<text>{{personInfo.address}}</text>
|
||||
</view>
|
||||
<view style="color: #2d5675;font-size: 32rpx;margin-top: 15rpx;">
|
||||
<text class="u-m-r-30">备注名</text>
|
||||
<text>朋友权限</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="u-p-l-50 u-p-r-50 u-p-b-50 u-p-t-10">
|
||||
<view style="font-size: 28rpx;border: 1rpx solid #909399;background-color: #f8f8f8;padding: 30rpx;border-radius: 6rpx;">
|
||||
<view class="u-tips-color">
|
||||
<text>{{personInfo.nickName}}: </text>
|
||||
<text>{{personInfo.userRemark}}</text>
|
||||
</view>
|
||||
<view style="color: #2d5675;margin-top: 20rpx;">
|
||||
<text>回复</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<u-gap height="20" bg-color="#eee" margin-top="1" margin-bottom="1"></u-gap>
|
||||
<view class="u-flex u-row-left u-col-center u-p-l-30 u-p-t-20 u-p-b-20">
|
||||
<view class="u-m-r-30" style="width: 150rpx;text-align: left;">
|
||||
<text>个性签名</text>
|
||||
</view>
|
||||
<view v-if="personInfo.signature&&personInfo.signature!=0&&personInfo.signature.length>0"
|
||||
class="u-line-3" style="padding-right: 40rpx;width: 500rpx;color: #757575;">
|
||||
<text>{{personInfo.signature}}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="u-p-l-30">
|
||||
<u-gap height="1" bg-color="#eee" margin-top="1" margin-bottom="1"></u-gap>
|
||||
</view>
|
||||
<view class="u-flex u-row-left u-col-center u-p-l-30 u-p-t-20 u-p-b-20">
|
||||
<view class="u-m-r-30" style="width: 150rpx;text-align: left;">
|
||||
<text>来源</text>
|
||||
</view>
|
||||
<view class="u-line-3" style="padding-right: 40rpx;width: 500rpx;color: #757575;">
|
||||
<text>对方通过摇一摇添加</text>
|
||||
</view>
|
||||
</view>
|
||||
<u-gap height="20" bg-color="#eee" margin-top="1" margin-bottom="1"></u-gap>
|
||||
<view @click="toAgree()" style="text-align: center;padding: 30rpx;color: #2d5675;font-weight: bold;">
|
||||
<text>前往验证</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="footer-box u-flex u-row-center u-col-center">
|
||||
<view>
|
||||
<text>加入黑名单</text>
|
||||
</view>
|
||||
<view class="u-m-l-26 u-m-r-26">
|
||||
<text>|</text>
|
||||
</view>
|
||||
<view>
|
||||
<text>投诉</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
personInfo:null,
|
||||
};
|
||||
},
|
||||
onLoad:function(option){
|
||||
this.personInfo=this.yyy_current_user;
|
||||
/* let param= option.personInfo;
|
||||
if(param!=null&¶m!=undefined){
|
||||
this.personInfo=JSON.parse(decodeURIComponent(param));
|
||||
} */
|
||||
},
|
||||
methods:{
|
||||
toAgree:function(){
|
||||
this.$u.route({
|
||||
url:'/pages/tabbar/find/yaoyiyao/yaoyiyao-agree-apply-friend',
|
||||
params:{
|
||||
personInfo:encodeURIComponent(JSON.stringify(this.personInfo))
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.footer-box{
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
bottom: 80rpx;
|
||||
padding: 20rpx 100rpx;
|
||||
text-align: center;
|
||||
font-size: 28rpx;
|
||||
color: #2d5675;
|
||||
}
|
||||
</style>
|
||||
<style>
|
||||
page{
|
||||
background-color: #f0f0f0;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user