<template>
	<view>
		<public-module></public-module>
		<z-nav-bar title="关于我们"></z-nav-bar>
		
		<view class="APPinfo">
			<image src="../../static/icon/fengziIcon.jpg" mode="" style="height: 150rpx; width: 150rpx; margin: 0 auto;"></image><br/>
			<p>版本信息：{{versionName}},{{versionCode}}</p>
		</view>
		
		<view class="telInfo">
			<view class="nav_list flexbox">
				<text>客服热线</text>
				<view class="view1">
					<text>022-24142321</text>
					<image @click="makeTel" src="../../static/icon/tel.png" mode="" style="height: 46rpx; width: 46rpx; margin-bottom: -10rpx; display: inline-block; "></image>
				</view>
			</view>
		</view>		
		<view class="prof">
			<p>一款线上电子书APP，包含医学类、国学类、文学类、中医古籍等各种类型。3D仿真翻页、护眼模式等阅读技术，打造舒适阅读体验。图文混排，AI人声读书听书。部分电子书也有对应的纸质书，给予用户更多的阅读选择。</p>
		</view>
		<view class="" style="text-align: center;">
			<!-- https://main.nuttyreading.com/privacy.html -->
			<!-- <text @click="seeDetail('')" style="color: #007aff; font-size: 26rpx;">隐私政策</text> -->
			<uni-link href="https://main.nuttyreading.com/privacy.html" text="隐私政策"></uni-link>
			<!-- <uni-link href="https://uniapp.dcloud.io/" text="https://uniapp.dcloud.io/"></uni-link> -->
		</view>
		<music-play :playData="playData"></music-play>
	</view>
</template>

<script>
	import musicPlay from '@/components/music.vue'
	export default {
		data() {
			return {
				playData:{},
				versionCode:null,
				versionName:null
			}
		},
		onLoad() {
			this.getAppInfo()
		},
		components:{
			musicPlay	
		},
		methods: {
			// 获取版本信息
			getAppInfo(){
				let that = this
				plus.runtime.getProperty(plus.runtime.appid, function(inf) {					
					that.versionCode = inf.version
					that.versionName = inf.name
					// console.log(that.versionCode,555)
				});
			},
			makeTel(){
				uni.showModal({
					title: '提示',
						content: '微信号：yilujiankangkefu',
						// success: function (res) {
						// 	if (res.confirm) {
						// 		uni.makePhoneCall({
						// 			phoneNumber: '022-24142321' //仅为示例
						// 		});
						// 	} else if (res.cancel) {
								
						// 	}
						// }
				})
				
			}
		}
	}
</script>

<style scoped lang="less">
	.prof{padding: 20rpx; color: #666; font-size: 24rpx; line-height: 40rpx; text-indent: 2em;}
	.telInfo{background-color:#fff; 
		.nav_list{padding: 30upx 0 30upx 20upx; border-top: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; justify-content: space-between; color: #666;
			.view1{width:300rpx;}
		}
	}
	.APPinfo{background-color:#fff; padding: 40rpx 0; margin-top: 20rpx; text-align: center;
		p{font-size: 28rpx;}
	}
	.flexbox{display: flex; justify-content: center;}
</style>
