yuanlei
/
udemo-im
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

1

master
袁磊 8 months ago
parent
502193cede
commit
4615683f04
3 changed files with 190 additions and 188 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 89
      pages/setting/about.vue
  2. 148
      pages/setting/contact.vue
  3. 141
      pages/setting/setting.vue

89
pages/setting/about.vue
View File

@ -1,44 +1,49 @@
<template> <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> </template>

148
pages/setting/contact.vue
View File

@ -1,81 +1,77 @@
<template> <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> </template>
<script> <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> </script>

141
pages/setting/setting.vue
View File

@ -1,75 +1,76 @@
<template> <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> </template>
<script> <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> </script>
Write Preview
Loading…
Cancel
Save