You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

110 lines
2.6 KiB

<template>
<view>
<cu-custom bgColor="bg-main-bar" :isBack="true">
<template #backText></template>
<template #content>关于IM</template>
</cu-custom>
<view style="height:150rpx;"></view>
<view class="padding im-flex im-rows im-justify-content-center mb-10">
<view class="im-flex im-rows im-justify-content-center">
<image class="login-logo " :src="globalConfig.sysInfo.logo ?? packData.logo" mode="fixWidth"></image>
</view>
</view>
<view class="app-name">{{globalConfig.sysInfo.name ?? packData.name}}</view>
<view class="app-version mb-20 mt-10 c-999">Version {{packData.version}}</view>
<view class="padding">
<view class="mb-15">
<view class="cuIcon-title">支持单聊和群聊</view>
</view>
<view class="mb-15">
<view class="cuIcon-title">支持发送表情图片语音视频和文件消息</view>
</view>
<view class="mb-15">
<view class="cuIcon-title">单聊支持消息已读未读的状态显示在线状态显示</view>
</view>
<view class="mb-15">
<view class="cuIcon-title">群聊创建删除和群成员管理群公告群禁言等</view>
</view>
<view class="mb-15">
<view class="cuIcon-title">支持置顶联系人消息免打扰</view>
</view>
<view class="mb-15">
<view class="cuIcon-title">支持一对一音视频通话已打通web端和移动端</view>
</view>
</view>
</view>
</template>
<script>
import { useloginStore } from '@/store/login'
import pinia from '@/store/index'
const loginStore = useloginStore(pinia)
import packageData from "../../package.json"
export default {
data() {
return {
loginStore:loginStore,
globalConfig:loginStore.globalConfig,
packData:packageData
}
},
onShow() {
},
methods: {
logout(){
let client_id=uni.getStorageSync('client_id');
this.$api.LoginApi.logout({client_id:client_id}).then(res => {
if (res.code == 0) {
loginStore.logout()
}
})
},
showSetting(){
uni.showToast({
title:'请在web端进行资料设置',
icon:'none'
})
},
editInfo(){
uni.navigateTo({
url:"/pages/mine/profile"
})
},
setAvatar(){
uni.navigateTo({
url:"/pages/mine/avatar"
})
}
}
}
</script>
<style>
.login-logo {
width: 180rpx;
height: 180rpx;
font-size: 80rpx;
text-align: center;
line-height: 120rpx;
border-radius: 18rpx;
}
.footer-version{
width:100%;
text-align: center;
position: fixed;
bottom: 40rpx;
}
.app-name{
font-size:40rpx;
font-weight: blod;
text-align: center;
}
.app-version{
text-align: center;
}
</style>