更新羽声语音h5

pages/feedback/teenage.vue

@@ -1,7 +1,6 @@
 <template>
-	<view class="view-page" :style="backgroundStyle">
-		<headerHeight />
-		<navBar :navTitle="'青少年模式'" :emitBack="true" @backEvent="back">
+<view class="view-page" :style="{backgroundImage : `url('${ThemeData?.app_bg || $config.PRIMARY_BGURL}')`}">
+		<navBar  :style="{marginTop: `${statusBarHeight}${uni.getSystemInfoSync().platform === 'ios' ? 'px': 'dp'}`}" :navTitle="'青少年模式'" :emitBack="true" @backEvent="back">
 		</navBar>
 		<view class="content-view">
 			<view class="flex-line">
@@ -9,7 +8,7 @@
 				</NavigationTabs>
 			</view>
 			<view class="">
-				<view class="flex-line flex-spaceB w-fill new-box" v-for="(item, index) in dataList" :key="index">
+				<view class="flex-line flex-spaceB w-fill new-box" v-for="(item, index) in dataList" :key="index" @click="openDetail(item)">
 					<view class="">
 						<view class="color-3 font-32 font-w500">
 							{{ item.title }}
@@ -31,12 +30,10 @@
 
 <script>
 import http from '@/until/http.js';
-import headerHeight from '@/component/headerHeight.vue';
 import navBar from '@/component/nav.vue';
 import NavigationTabs from '@/component/tab.vue';
 export default {
 	components: {
-		headerHeight,
 		navBar,
 		NavigationTabs
 	},
@@ -44,6 +41,7 @@ export default {
 		return {
 			errorPage: true,
 			currentIndex: 0,
+			statusBarHeight:0,
 			pageConfig: {
 				pageSize: 10,
 				currentPage: 1,
@@ -56,19 +54,6 @@ export default {
 			ThemeData: null
 		}
 	},
-	computed: {
-		backgroundStyle() {
-			if (this.ThemeData.app_bg) {
-				return {
-					backgroundImage: `url(${this.ThemeData.app_bg})`
-				}
-			} else {
-				return {
-					background: 'linear-gradient(180deg, #B3FAEB 2%, #FFFFFF 40%)'
-				}
-			}
-		}
-	},
 	onReachBottom() {
 		if (!this.loading && !this.noMore) {
 			this.getUnderageModeList(this.tabs[0].type)
@@ -78,9 +63,12 @@ export default {
 		this.errorPage = true
 		this.dataList = []
 		const {
-			id
+			id,
+			h
 		} = options
 		uni.setStorageSync('token', id)
+		this.statusBarHeight = h
+		uni.setStorageSync('BarHeight', h)
 		if (uni.getStorageSync('token')) this.getUnderageTypeList()
 		if (uni.getStorageSync('Theme_Data')) {
 			this.ThemeData = JSON.parse(uni.getStorageSync('Theme_Data'))
@@ -102,7 +90,7 @@ export default {
 		},
 		async getUnderageTypeList() {
 			http.get('/api/Usermode/getUnderageTypeList', {
-				token: uni.getStorageSync('token') ?? ''
+				token: uni.getStorageSync('token') || ''
 			}).then(response => {
 				const {
 					data,
@@ -127,7 +115,7 @@ export default {
 		},
 		async getUnderageModeList(type) {
 			http.get('/api/Usermode/getUnderageModeList', {
-				token: uni.getStorageSync('token') ?? '',
+				token: uni.getStorageSync('token') || '',
 				type: type,
 				page: this.pageConfig.currentPage,
 				page_limit: this.pageConfig.pageSize
@@ -160,6 +148,11 @@ export default {
 			this.pageConfig.currentPage = 1
 			this.pageConfig.pageSize = 10
 			this.getUnderageModeList(data.tab.type)
+		},
+		openDetail(data){
+			uni.navigateTo({
+				url: `/pages/feedback/teenageDetail?dataId=${data.id}`
+			});
 		}
 	}
 }