3 changed files with 190 additions and 188 deletions
@ -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> |
|||
@ -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> |
|||
@ -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> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue