uniapp-test/pages/center/about/about.vue

<template>
	<view class="u-page">
		<view class="u-demo-block">
			
			<view class="u-demo-block__content">
				<view class="album">
					<view class="album__avatar">
						<br><br><br>
						<image style="left: 10%;"
						    src="../../../static/appxz.png"
						></image>
					</view>
					<br>
					<u--text
					    text="梦想是人类潜在的意愿，是驱动科技的一种动力，必须要有。但只是想肯定不行，千里之行，始于足下，实施才是开始。"
					    type="html"
					    bold
					    size="27"
					></u--text>
				</view>
			</view>
		</view>
		<br><br><br><br><br><br><br>
		
		<view style="margin-left: 40%;">版本号：{{version}}</view>
	
	</view>
</template>
<script>
	export default {
		data() {
			return {
				desc: 'uView UI，是全面兼容nvue的uni-app生态框架，全面的组件和便捷的工具会让您信手拈来，如鱼得水。',
				desc1: `
					<p>&#12288;&#12288;梦想是人类潜在的意愿，是驱动科技的一种动力，必须要有。
但只是想肯定不行，千里之行，始于足下，实施才是开始。</p>
					<br><br><br><br><br><br><br><br>
					&#12288;&#12288;&#12288;&#12288;&#12288;&#12288;&#12288;&#12288;&#12288;&#12288;&#12288;&#12288;开发作者：小鱼
				`,
				version:''
			}
		},
		onLoad() {
			this.version=uni.getSystemInfoSync().appWgtVersion
		
		},
	}
</script>

<style lang="scss" scoped>
	.u-content {
		margin-top: 100rpx;
		color: $u-content-color;
		font-size: 32rpx;
		line-height: 1.8;
		
		// 标签形式无效
		p {
			color: $u-tips-color;
		}
	}
</style>