|
|
@ -1,18 +1,26 @@ |
|
|
<template> |
|
|
<template> |
|
|
<LoginPrompt ref="loginwPrompt"></LoginPrompt> |
|
|
|
|
|
|
|
|
<LoginPrompt ref="loginPrompt"></LoginPrompt> |
|
|
<view class="main"> |
|
|
<view class="main"> |
|
|
<view class="top"> |
|
|
<view class="top"> |
|
|
<!-- <view class="bell"> |
|
|
|
|
|
<image class="image-bell" src="/static/my/bell.png"></image> |
|
|
|
|
|
</view> --> |
|
|
|
|
|
|
|
|
<view class="bell"> |
|
|
|
|
|
<!-- <image class="image-bell" src="/static/my/bell.png" /> --> |
|
|
|
|
|
</view> |
|
|
<view class="msg"> |
|
|
<view class="msg"> |
|
|
<view class="msg-left"> |
|
|
<view class="msg-left"> |
|
|
<view class="avatar"></view> |
|
|
|
|
|
|
|
|
<image class="avatar" |
|
|
|
|
|
:src="avatarUrl || 'https://d31zlh4on95l9h.cloudfront.net/default/1961d9d2e31e78e47e885231e7514a35.png'" |
|
|
|
|
|
mode="aspectFill" /> |
|
|
</view> |
|
|
</view> |
|
|
<view class=" msg-center"> |
|
|
<view class=" msg-center"> |
|
|
<view style="display: flex;"> |
|
|
<view style="display: flex;"> |
|
|
|
|
|
<template v-if="!isEditingName"> |
|
|
<view class="userInfo">{{ username }}</view> |
|
|
<view class="userInfo">{{ username }}</view> |
|
|
<image class="image-editName" src="/static/my/editName.png"></image> |
|
|
|
|
|
|
|
|
<image class="image-editName" src="/static/my/editName.png" @click="startEditName" /> |
|
|
|
|
|
</template> |
|
|
|
|
|
<template v-else> |
|
|
|
|
|
<input v-model="editingName" class="edit-input" @blur="finishEditName" |
|
|
|
|
|
@keyup.enter="finishEditName" autofocus placeholder="请输入用户名" /> |
|
|
|
|
|
</template> |
|
|
</view> |
|
|
</view> |
|
|
<view class="userId">ID:{{ dccode }}</view> |
|
|
<view class="userId">ID:{{ dccode }}</view> |
|
|
</view> |
|
|
</view> |
|
|
|