ts_aimz_uni/pages/common/readTxt/readTxt.vue

<template>
	<view class="body-container">
		<view class="hint">温馨提示:如需编辑或分享文字，您可选中文字，一键复制至微信或文档内进行操作。</view>
		<view class="content">
			<view wx:for="{{txtParagraphs}}" wx:key="index">
				<text selectable="true">{{item}}</text>
				<view style="height: 10px;"></view> <!-- 段落间隔 -->
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				fileUrl: '',
				txtParagraphs: []
			}
		},
		onLoad() {
			this.setData({
				fileUrl: options.filePath
			})
			this.readTxt()
		},
		methods: {
			readTxt() {
				const _self = this
				const fs = uni.getFileSystemManager();
				fs.readFile({
					filePath: _self.data.fileUrl,
					encoding: 'utf8',
					success: (readRes) => {
						const fileContent = readRes.data;
						// 简单示例：按空行拆分段落
						const paragraphs = fileContent.split('\n\n').map((p) => p.trim()).filter((p) => p);
						// 将处理后的段落数据设置到页面数据中
						this.setData({
							txtParagraphs: paragraphs
						});
					},
					fail: (readErr) => {
						console.error('读取txt文件内容失败：', readErr);
					}
				});
			}
		}
	}
</script>

<style>

</style>