jp-charge/pagesFinance/user/help.vue

<template>
	<view>
		<ujp-navbar title="帮助中心"></ujp-navbar>
		<view class="collapse">
			<u-collapse v-if="itemList.length">
				<u-collapse-item :title="item.title" v-for="(item, index) in itemList" :key="index">
				<!-- -->
					<view v-html="item.content"></view> 
<!-- 					<textarea maxlength="-1" :auto-height="true" v-model="item.content" readonly ></textarea>
 -->					
				</u-collapse-item>
			</u-collapse>
		</view>
	</view>
</template>

<script>
	import * as API from '@/apis/finance.js'
	
	export default {
		data() {
			return {
				itemList: [],
			}
		},
		onReady() {
			this.getHomePage()
		},
		methods: {
		getHomePage(){
					uni.showLoading({
						title: "加载中",
						mask: true,
					})
					API.helpList({
						category:3
					}).then((res) => {
						this.itemList = res.data.helpList
					
					
						uni.hideLoading()
						
					}).catch(error => {
						uni.showToast({
							title: error
						})
					})
				}
		}
	}
</script>
<style>
	page{
		background-color: #F7F7F7;
	}
</style>
<style lang="scss" scoped>
	.collapse{
		margin: 16px;
		background-color: #fff;
		padding:0 10px;
	}
</style>