袁磊 8 months ago
parent
commit
4615683f04
  1. 89
      pages/setting/about.vue
  2. 148
      pages/setting/contact.vue
  3. 141
      pages/setting/setting.vue

89
pages/setting/about.vue

@ -1,44 +1,49 @@
<template>
<view class="nine-content-001">
<view class="text-center ptb120">
<image class="image150" src="/static/image/app.png" mode="scaleToFill" ></image>
<view class="font-bold font-size20 mt10">
九云 IM Demo
</view>
</view>
<view class="nine-nav-001">
<view class="nine-nav-001-item ma10 ptb25">
<view class="nine-nav-001-item-left">
<text class="nine-nav-001-item-left-text">下载APP</text>
</view>
<view class="nine-nav-001-item-right">
<image class="nine-nav-001-item-right-image" mode="scaleToFill" src="/static/image/user/cc.png">
</image>
</view>
</view>
<view class="nine-nav-001-item ma10 ptb25">
<view class="nine-nav-001-item-left">
<text class="nine-nav-001-item-left-text">更新日志</text>
</view>
<view class="nine-nav-001-item-right">
<image class="nine-nav-001-item-right-image" mode="scaleToFill" src="/static/image/user/cc.png">
</image>
</view>
</view>
</view>
<view class="ptb30">
<view class="text-center color-blue font-size15">
九云科技有限公司服务协议
</view>
<view class="text-center font-size15">
九云科技 版权所有
</view>
<view class="text-center font-size15">
Copyright © 2024-2031 NineCloud.
</view>
<view class="text-center font-size15">
All Rights Reserved
</view>
</view>
</view>
<view class="nine-content-001">
<view class="text-center ptb120">
<image class="image150" :src="logoUrl" mode="scaleToFill" ></image>
<view class="font-bold font-size20 mt10">
{{ title }}
</view>
</view>
<view class="nine-nav-001">
<!--#ifdef H5-->
<view class="nine-nav-001-item ma10 ptb25">
<view class="nine-nav-001-item-left">
<text class="nine-nav-001-item-left-text">下载APP</text>
</view>
<view class="nine-nav-001-item-right">
<image class="nine-nav-001-item-right-image" mode="scaleToFill" src="/static/image/user/cc.png">
</image>
</view>
</view>
<!--#endif-->
<view class="nine-nav-001-item ma10 ptb25">
<view class="nine-nav-001-item-left">
<text class="nine-nav-001-item-left-text">更新日志</text>
</view>
<view class="nine-nav-001-item-right">
<image class="nine-nav-001-item-right-image" mode="scaleToFill" src="/static/image/user/cc.png">
</image>
</view>
</view>
</view>
<view class="ptb30">
<view class="text-center color-blue font-size15">
九云科技有限公司服务协议
</view>
<view class="text-center font-size15">
九云科技 版权所有
</view>
<view class="text-center font-size15">
Copyright © 2024-2031 NineCloud.
</view>
<view class="text-center font-size15">
All Rights Reserved
</view>
<view class="text-center color-blue font-size15">
建议与反馈
</view>
</view>
</view>
</template>

148
pages/setting/contact.vue

@ -1,81 +1,77 @@
<template>
<view class="nine-content-001">
<view class="text-center ptb120">
<image class="image400" :src="wechatUrl" mode="scaleToFill" ></image>
<view class="font-size18 mt10">
微信账号{{ wechatAccount }}
</view>
</view>
<view class="nine-nav-001">
<view class="nine-nav-001-item ma10 ptb25">
<view class="nine-nav-001-item-left">
<text class="nine-nav-001-item-left-text">联系人</text>
</view>
<view class="nine-nav-001-item-right">
<text class="nine-nav-001-item-left-text">袁先生</text>
</view>
</view>
<view class="nine-nav-001-item ma10 ptb25">
<view class="nine-nav-001-item-left">
<text class="nine-nav-001-item-left-text">联系电话</text>
</view>
<view class="nine-nav-001-item-right">
<text class="nine-nav-001-item-left-text color-blue" @click="callPhone('18627959669')">18627959669</text>
</view>
</view>
<view class="nine-nav-001-item ma10 ptb25">
<view class="nine-nav-001-item-left">
<text class="nine-nav-001-item-left-text">微信号</text>
</view>
<view class="nine-nav-001-item-right">
<text class="nine-nav-001-item-left-text">18627959669</text>
</view>
</view>
<view class="nine-nav-001-item ma10 ptb25">
<view class="nine-nav-001-item-left">
<text class="nine-nav-001-item-left-text">邮箱账号</text>
</view>
<view class="nine-nav-001-item-right">
<text class="nine-nav-001-item-left-text">18627959669@163.com</text>
</view>
</view>
</view>
<view class="ptb30">
<view class="text-center color-blue font-size15">
九云科技有限公司服务协议
</view>
<view class="text-center font-size15">
九云科技 版权所有
</view>
<view class="text-center font-size15">
Copyright © 2024-2031 NineCloud.
</view>
<view class="text-center font-size15">
All Rights Reserved
</view>
</view>
</view>
<view class="nine-content-001">
<view class="text-center ptb120">
<image class="image400" :src="url" mode="scaleToFill" ></image>
<view class="font-size18 mt10">微信账号{{account}}</view>
</view>
<view class="nine-nav-001">
<view class="nine-nav-001-item ma10 ptb25">
<view class="nine-nav-001-item-left">
<text class="nine-nav-001-item-left-text">联系人</text>
</view>
<view class="nine-nav-001-item-right">
<text class="nine-nav-001-item-left-text">{{name}}</text>
</view>
</view>
<view class="nine-nav-001-item ma10 ptb25">
<view class="nine-nav-001-item-left">
<text class="nine-nav-001-item-left-text">联系电话</text>
</view>
<view class="nine-nav-001-item-right">
<text class="nine-nav-001-item-left-text color-blue" @click="callPhone(phone)">{{phone}}</text>
</view>
</view>
<view class="nine-nav-001-item ma10 ptb25">
<view class="nine-nav-001-item-left">
<text class="nine-nav-001-item-left-text">微信号</text>
</view>
<view class="nine-nav-001-item-right">
<text class="nine-nav-001-item-left-text">{{phone}}</text>
</view>
</view>
<view class="nine-nav-001-item ma10 ptb25">
<view class="nine-nav-001-item-left">
<text class="nine-nav-001-item-left-text">邮箱账号</text>
</view>
<view class="nine-nav-001-item-right">
<text class="nine-nav-001-item-left-text">{{mail}}</text>
</view>
</view>
</view>
<view class="ptb30">
<view class="text-center color-blue font-size15">
九云科技有限公司服务协议
</view>
<view class="text-center font-size15">
九云科技 版权所有
</view>
<view class="text-center font-size15">
Copyright © 2024-2031 NineCloud.
</view>
<view class="text-center font-size15">
All Rights Reserved
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
wechatUrl: "https://fs.ninecloud.top/uniapp/unine/vrapile.png",
wechatAccount: "Vrapile",
};
},
onLoad() {
},
onShow(){
},
methods: {
callPhone(phoneNumber) {
uni.makePhoneCall({
phoneNumber: phoneNumber
});
}
}
};
export default {
data() {
return {
url: import.meta.env.VITE_APP_CONTACT_QRCODE,
name: import.meta.env.VITE_APP_CONTACT_NAME,
account: import.meta.env.VITE_APP_CONTACT_ACOUNT,
phone: import.meta.env.VITE_APP_CONTACT_PHONE,
mail: import.meta.env.VITE_APP_CONTACT_MAIL,
};
},
methods: {
callPhone(phoneNumber) {
uni.makePhoneCall({
phoneNumber: phoneNumber
});
}
}
};
</script>

141
pages/setting/setting.vue

@ -1,75 +1,76 @@
<template>
<view class="nine-content-001">
<!-- 功能列表 -->
<view class="nine-nav-001"><view class="nine-nav-001-item mt10">
<view class="nine-nav-001-item-left">
<text class="nine-nav-001-item-left-text">公告中心</text>
</view>
<view class="nine-nav-001-item-right">
<image class="nine-nav-001-item-right-image" mode="scaleToFill" src="/static/image/user/cc.png">
</image>
</view>
</view>
<view v-if="userInfo.userId" class="nine-nav-001-item mt10">
<view class="nine-nav-001-item-left">
<text class="nine-nav-001-item-left-text">修改密码</text>
</view>
<view class="nine-nav-001-item-right">
<image class="nine-nav-001-item-right-image" mode="scaleToFill" src="/static/image/user/cc.png">
</image>
</view>
</view>
<view class="nine-nav-001-item mt10" @click="openUrl('/pages/setting/contact')">
<view class="nine-nav-001-item-left">
<text class="nine-nav-001-item-left-text">联系我们</text>
</view>
<view class="nine-nav-001-item-right">
<image class="nine-nav-001-item-right-image" mode="scaleToFill" src="/static/image/user/cc.png">
</image>
</view>
</view>
<view class="nine-nav-001-item">
<view class="nine-nav-001-item-left">
<text class="nine-nav-001-item-left-text">清空缓存</text>
</view>
<view class="nine-nav-001-item-right">
<image class="nine-nav-001-item-right-image" mode="scaleToFill" src="/static/image/user/cc.png">
</image>
</view>
</view>
<view class="nine-nav-001-item" @click="openUrl('/pages/setting/about')">
<view class="nine-nav-001-item-left">
<text class="nine-nav-001-item-left-text">关于</text>
</view>
<view class="nine-nav-001-item-right">
<image class="nine-nav-001-item-right-image" mode="scaleToFill" src="/static/image/user/cc.png">
</image>
</view>
</view>
<view v-if="userInfo.userId" class="nine-btn-login-out-001 mt50" @click="logoutClick">
退出登录
</view>
</view>
</view>
<view class="nine-content-001">
<!-- 功能列表 -->
<view class="nine-nav-001">
<view class="nine-nav-001-item mt10">
<view class="nine-nav-001-item-left">
<text class="nine-nav-001-item-left-text">公告中心</text>
</view>
<view class="nine-nav-001-item-right">
<image class="nine-nav-001-item-right-image" mode="scaleToFill" src="/static/image/user/cc.png">
</image>
</view>
</view>
<view v-if="userInfo.userId" class="nine-nav-001-item mt10">
<view class="nine-nav-001-item-left">
<text class="nine-nav-001-item-left-text">修改密码</text>
</view>
<view class="nine-nav-001-item-right">
<image class="nine-nav-001-item-right-image" mode="scaleToFill" src="/static/image/user/cc.png">
</image>
</view>
</view>
<view class="nine-nav-001-item mt10" @click="openUrl('/pages/setting/contact')">
<view class="nine-nav-001-item-left">
<text class="nine-nav-001-item-left-text">联系我们</text>
</view>
<view class="nine-nav-001-item-right">
<image class="nine-nav-001-item-right-image" mode="scaleToFill" src="/static/image/user/cc.png">
</image>
</view>
</view>
<view class="nine-nav-001-item">
<view class="nine-nav-001-item-left">
<text class="nine-nav-001-item-left-text">清空缓存</text>
</view>
<view class="nine-nav-001-item-right">
<image class="nine-nav-001-item-right-image" mode="scaleToFill" src="/static/image/user/cc.png">
</image>
</view>
</view>
<view class="nine-nav-001-item" @click="openUrl('/pages/setting/about')">
<view class="nine-nav-001-item-left">
<text class="nine-nav-001-item-left-text">关于</text>
</view>
<view class="nine-nav-001-item-right">
<image class="nine-nav-001-item-right-image" mode="scaleToFill" src="/static/image/user/cc.png">
</image>
</view>
</view>
<view v-if="userInfo.userId" class="nine-btn-login-out-001 mt50" @click="logoutClick">
退出登录
</view>
</view>
</view>
</template>
<script>
import store from '@/store'
export default {
data() {
return {
userInfo: {},
};
},
onShow(){
this.userInfo = this.$store.state.user.userInfo;
},
methods: {
logoutClick() {
this.$store.dispatch('LogOut').then(res => {
this.reLaunchLogin();
})
}
}
};
import store from '@/store'
export default {
data() {
return {
userInfo: {},
};
},
onShow(){
this.userInfo = this.$store.state.user.userInfo;
},
methods: {
logoutClick() {
this.$store.dispatch('LogOut').then(res => {
this.reLaunchLogin();
})
}
}
};
</script>
Loading…
Cancel
Save