dev/dcp-app-gate/pages/service/others/helpCenterList.vue

<template>
	<view class="helpcenterList">
		<!-- 标题栏 -->
		<u-navbar
			back-icon-color="#fff"
			:back-text="$t('common.Back')" 
			:is-back="true" 
			:background="{background:'#1777FE'}"
			:back-text-style="{color:'#fff'}" 
			:border-bottom="true"
			title-color="#fff"
			:title="title"
			:custom-back="back"
			>
		</u-navbar>
		<!-- 问题分类 -->
		<!-- <scroll-view class="list" :scroll-x="false" :scscroll-y="true">
			<view class="item" v-for="(item,index) in list" :key="index" @click="showQuestionDetial(item)">{{item.name}}</view>
		</scroll-view> -->
		
	</view>
</template>

<script>
	import UNavbar from '@/components/uni-nav-bar/uni-nav-bar.vue'
	
	export default {
		name:'HelpCenter',
		components:{
			UNavbar
		},
		data(){
			return {
				title:'',
				backtext:'',
			}
		},
		onLoad(e){
			uni.showLoading({
				title: this.$i18n.locale == 'zh'? '加载中...': 'Loading...'
			});
			this.title= this.$i18n.locale == 'zh'? decodeURIComponent(e.pageTitle): 'Help Center'
			this.backtext= this.$i18n.locale == 'zh'? '返回': 'Back'
			setTimeout(()=>{uni.hideLoading();},100)
			
		},
		
		onUnload(){
			uni.removeStorageSync('helpItem');
		},
		computed:{
			list(){return uni.getStorageSync('helpItem')}
		},
		methods:{
			//路由后退一步
			back(){
				// #ifdef H5
				history.back()
				// #endif
				// #ifndef H5
				uni.navigateBack()
				// #endif
			},
			// 问题详情
			showQuestionDetial(item){
				uni.navigateTo({
					url:'/pages/service/others/helpCenterDetial?questionId='+item.id
				})
			}
		}
	}
</script>
	
<style lang="scss" scoped>
	.helpcenterList{
		background:#fefefe;
		.list{
			position:absolute;
			height:93.2%;
			background:#fefefe;
			.item{
				width:90%;
				padding:5%;
				height:100upx;
				border-bottom:2upx solid #eee;
				display:flex;
				align-items:center;
				.label{
					flex:1
				}
			}
		}
	}
</style>