deepChartVueApp/pages/setting/introduce.vue

<template>
	<view class="main">
		<view :style="{height:iSMT+'px'}"></view>

		<view style="height:1.5vh" />
		<view class="top">
			<image class="image" src="../../static/my/aboutDC.png"></image>
		</view>

		<view class="bottom">
			<view class="title">1.产品定位</view>
			<view class="main-text">DeepChart：全球最懂机构行为的AI（你的AI投资伙伴）强化"深度分析"
				的品牌标签（DeepChart=全球最懂机构行为的AI），主打"深度解读机构行为"的APP。</view>

			<view class="title">2.产品介绍</view>
			<view class="main-text">DeepChart是一款以"Al智能体"为决策核心的智能投资分析平台，
				专注于深度研究机构行为，专为全球散户投资者量身打造。它重新定义了人与投资工具之间的关系，
				是一个真正懂投资、懂市场、更懂用户的AI投资伙伴。</view>

			<view class="title">3.产品理念</view>
			<view class="main-text">从“人找信息”到“AI智能体替你思考和管理”。</view>

			<view class="title">4.功能定位——全景AI决策体系</view>
<!-- 			<view class="main-text">黄其振是大笨蛋</view>
			<view class="main-text">李建霖是大笨蛋</view>
			<view class="main-text">double是大笨蛋</view>
						<view class="main-text">张鲁平是大笨蛋</view> -->
			<view style="height:1.5vh;background-color: white;" />
		</view>
	</view>
</template>

<script setup>
	import {
		ref,
		onMounted
	} from 'vue'
	const iSMT = ref(0)

	onMounted(() => {
		// 状态栏高度
		iSMT.value = uni.getSystemInfoSync().statusBarHeight;
		console.log('看看高度', iSMT.value)
	})
</script>

<style>
	.top {
		height: 26vh;
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: white;
	}

	.bottom {
		height: 35vh;
		padding: 0 60rpx;
		background-color: white;
		height: auto;
	}

	.title {
		font-size: 30rpx;
		font-weight: bold;
		margin-bottom: 20rpx;
	}

	.main-text {
		font-size: 27rpx;
		margin-bottom: 20rpx;
		color: rgb(122, 122, 122);
		text-align: justify;
		text-justify: inter-character;/* 两端对齐哈哈哈哈 */
	}
	
	.image{
		width:334rpx;
		height:310rpx;
	}
</style>