<template>
	<view class="container">
		<view class="use-item">
			<uni-list>
				<uni-list-item v-for="(item, index) in helpList" :key="index"  :title="item.name" @click="jumptotorichtextLocal(item)" link>
				</uni-list-item>
			</uni-list>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				helpList: [
					{'id':'xxx','name':'如何学习uniapp？','value':"<p>在线富文本测试实测在线富文本测试实测在线富文本测试实测在线富文本测试实测在线富文本测试实测在线富文本测试实测在线富文本测试实测在线富文本测试实测在线富文本测试实测在线富文本测试实测在线富文本测试实测在线富文本测试实测在线富文本测试实测在线富文本测试实测在线富文本测试实测在线富文本测试实测在线富文本测试实测在线富文本测试实测在线富文本测试实测在线富文本测试实测</p><p><img src='http://django-vue-lyadmin-pro.lybbn.cn/static/img/logo.png' /></p>"},
					{'id':'xxx1','name':'如何学习django-vue-lyadmin?','value':'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'},
					{'id':'xxx2','name':'如何订阅django-vue-lyadmin专业版？','value':'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'}
				],
			}
		},
		onLoad() {
			this.getData()
		},
		methods: {
			getData() {
				var params = {
					page:1,
					limit:9999
				}
				// getProblems(params).then(res=>{
				// 	if(res.code == 2000){
				// 		this.helpList = res.data.data
				// 	}
				// })
			},
			// 跳转到富文本
			jumptorichtext(item) {
				uni.navigateTo({
					url: `/pages/content/richtext?content=${item.value}&name=${item.name}`
				});
			},
			jumptotorichtextLocal(item){
				if (item) {
					getApp().globalData.richcontent= item; //修改全局变量
					uni.navigateTo({
						url: `/pages/content/richtext?local=true&flag=help`
					});
				} 
			},
		},
	}
</script>

<style lang="scss" scoped>
	.container{
		padding: 15rpx 20rpx;	
	}
	.use-item{
		border-radius: 20rpx;
		background: #FFFFFF;
		border-radius: 10rpx;
		font-size: 28rpx;
		font-weight: 400;
		color: #333333;
	}
</style>
