iot-ui-app/pages/my/about.vue

147 lines
3.1 KiB
Vue

<template>
<view id="about">
<nav-bar :is-back="true" title="关于我们"></nav-bar>
<view class="header-box">
<image src="https://am-img.gkiiot.com/iotos/app/img/login/logo.png" mode="logo"></image>
<view>
海创微联
</view>
<text>{{version}}</text>
</view>
<view class="list-box">
<view class="item" @click="goUrl('./company-profile')">
<view class="item-left">
<text>公司简介</text>
</view>
<u-icon name="arrow-right" color="#666" size="28" style="font-weight: bold;"></u-icon>
</view>
<view class="item">
<view class="item-left">
<text>公司邮箱</text>
</view>
<view class="item-right">
<text user-select="true" selectable="true">gkiiot@163.com</text>
</view>
</view>
<view class="item">
<view class="item-left">
<text>咨询热线</text>
</view>
<view class="item-right">
<text user-select="true" selectable="true">13055292364</text>
</view>
</view>
<view class="item">
<view class="item-left">
<text>公司地址</text>
</view>
<view class="item-right">
<text user-select="true" selectable="true">福建省福州市闽侯县上街镇乌龙江大道7#创新园二期18号楼(总办)</text>
</view>
</view>
</view>
</view>
</template>
<script>
import NavBar from '@/common/components/navbar/NavBar.vue'
export default {
data() {
return {
infoData:{},
version:'1.0.0'
}
},
components: {
NavBar
},
onLoad() {
this.infoData = uni.getStorageSync('info');
// #ifdef APP-PLUS
plus.runtime.getProperty(plus.runtime.appid,(wgtinfo)=>{
// console.log(JSON.stringify(wgtinfo));
// console.log(wgtinfo.version);//应用版本号
this.version = wgtinfo.version;
})
// #endif
// #ifdef MP-WEIXIN
const accountInfo = wx.getAccountInfoSync();
if(accountInfo.miniProgram.envVersion=='release'){
this.version = accountInfo.miniProgram.version;
}
console.log(accountInfo.miniProgram.version) // 插件版本号, 'a.b.c' 这样的形式
// #endif
},
onShow() {
},
methods: {
goUrl(url){
console.log(url)
uni.navigateTo({
url:url
})
}
}
}
</script>
<style scoped lang="less">
#about{
height: 100%;
background: #eaeff5;
padding: 0 20rpx;
.header-box{
display: flex;
flex-direction: column;
align-items: center;
padding: 100rpx 0 50rpx 0;
image{
width: 128rpx;
height: 128rpx;
}
>view{
color: #222;
margin-top: 42rpx;
font-size: 28rpx;
line-height: 28rpx;
}
>text{
color: #666;
font-size: 22rpx;
line-height: 22rpx;
margin-top: 24rpx;
}
}
.list-box{
background: #fff;
padding: 0 20rpx;
border-radius: 20rpx;
.item{
padding: 20rpx 12rpx;
min-height: 100rpx;
border-bottom: 1px solid #E5E5E5;
display: flex;
align-items: center;
font-size: 26rpx;
line-height: 48rpx;
.item-left{
box-sizing: border-box;
// width: 294rpx;
display: flex;
align-items: center;
color: #666;
flex: 1;
}
.item-right{
flex: 2;
color: #444;
}
}
}
}
</style>