|
|
@@ -13,6 +13,9 @@
|
|
|
<text class="username">{{ user.nickname || '未登录' }}</text>
|
|
|
<text class="user-age" v-if="user.age">年龄: {{ user.age }}</text>
|
|
|
</view>
|
|
|
+ <view class="message-button" @click="onMessageClick">
|
|
|
+ <image src="/static/icons/remixicon/message-3-line.svg" class="message-icon" />
|
|
|
+ </view>
|
|
|
<view class="qr-button" @click="onQrClick">
|
|
|
<image src="/static/icons/remixicon/qr-code-line.svg" class="qr-icon" />
|
|
|
</view>
|
|
|
@@ -455,6 +458,10 @@ function onItemClick(type: string) {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
+function onMessageClick() {
|
|
|
+ uni.showToast({ title: '功能正在开发中', icon: 'none' })
|
|
|
+}
|
|
|
+
|
|
|
function onQrClick() {
|
|
|
uni.navigateTo({ url: '/pages/public/profile/qr/index' })
|
|
|
}
|
|
|
@@ -560,6 +567,23 @@ const onNewsClick = (news: News) => {
|
|
|
height: 60rpx;
|
|
|
}
|
|
|
|
|
|
+.message-button {
|
|
|
+ width: 100rpx;
|
|
|
+ height: 100rpx;
|
|
|
+ border-radius: 50%;
|
|
|
+ background-color: rgba(255, 255, 255, 0.5);
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ margin-left: 20rpx;
|
|
|
+ box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
|
|
|
+}
|
|
|
+
|
|
|
+.message-icon {
|
|
|
+ width: 60rpx;
|
|
|
+ height: 60rpx;
|
|
|
+}
|
|
|
+
|
|
|
.function-container {
|
|
|
padding-inline: 20rpx;
|
|
|
}
|
mcbaiyun
