54 lines
1.3 KiB
Vue
54 lines
1.3 KiB
Vue
|
<template>
|
|||
|
|
<view class="page-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>
|