about.vue 1.8 KB
Newer Older
芊里 已提交
1
<template>
L
123  
linju 已提交
2
	<view class="about">
L
123  
linju 已提交
3 4
		<view class="logo">
			<image class="logoImg" src="@/static/logo.png"></image>
L
123  
linju 已提交
5
			<text class="tip appName">{{about.appName}}</text>
L
123  
linju 已提交
6
			<text class="tip" style="font-size:24upx;">Version {{version}}</text>
芊里 已提交
7
		</view>
L
123  
linju 已提交
8
		<view class="copyright">
L
123  
linju 已提交
9 10 11 12
			<template v-for="(agreement,index) in about.agreements">
				<text class="agreement" @click="navigateTo(agreement)">{{agreement.title}}</text>
				<text class="hint" v-if="about.agreements.length-1>index"></text>
			</template>
L
123  
linju 已提交
13
			<text class="hint">Copyright © {{year}}</text>
L
123  
linju 已提交
14
			<text class="hint">{{about.company}}</text>
芊里 已提交
15 16 17 18
		</view>
	</view>
</template>
<script>
L
23  
linju 已提交
19
import baseappConfig from '@/baseapp.config.js';
芊里 已提交
20 21 22
	export default {
		onLoad() {
			// #ifdef APP-PLUS
L
123  
linju 已提交
23
			this.version = plus.runtime.version
芊里 已提交
24 25
			// #endif
		},
L
123  
linju 已提交
26 27 28 29
		data() {
			return {
				version:"V1.0.0",
				year:"2020",
L
123  
linju 已提交
30
				about:{}
L
123  
linju 已提交
31 32 33
			};
		},
		created() {
L
123  
linju 已提交
34
			this.about = baseappConfig.about
L
123  
linju 已提交
35 36 37
			this.year = (new Date).getFullYear()
		},
		methods:{
L
123  
linju 已提交
38
			navigateTo({url,title}){
L
123  
linju 已提交
39 40 41 42 43
				uni.navigateTo({
					url: '/pages/common/webview/webview?url='+url+'&title='+title,
					success: res => {},
					fail: () => {},
					complete: () => {}
芊里 已提交
44 45 46 47 48
				});
			}
		}
	}
</script>
L
123  
linju 已提交
49
<style lang="scss" scoped>
L
123  
linju 已提交
50
.about {
L
123  
linju 已提交
51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93
	width: 750upx;
	flex-direction: column;
}
.logo {
	width: 750upx;
	position: fixed;
	left:0;
	top:100px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.logoImg{
	margin-bottom: 10upx;
	width:160upx;
	height:160upx;
	border-radius: 15px;
}
.appName{
	margin-top: 20px;
	margin-bottom:5px;
	font-size:42rpx;
	font-weight: 500;
}
.copyright {
	width: 750upx;
	font-size:32rpx;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	bottom:20px;
	left: 0;
	position: fixed;
}
.agreement {
	color:#2285ff;
	font-size:26rpx;
}
.hint {
	color:#999999;
	font-size:26rpx;
}
</style>