提交错题本

src/pages/messageNotification/index.vue

@@ -9,18 +9,6 @@
 				<image class="img" src="@/static/images/messageNotification/delete_icon.png" mode="aspectFit"></image>
 			</view>
 		</view>
-		<!-- <view class="input-view">
-			<uv-input
-				shape="circle"
-				placeholderStyle="color:#999999;font-size:28rpx"
-				placeholder="请输入关键词"
-				suffixIcon="search"
-				:customStyle="customStyle"
-				:suffixIconStyle="suffixIconStyle"
-			>
-			
-			</uv-input>
-		</view> -->
 		<scroll-view
 			ref="scrollRef"
 			:scroll-y="true"
@@ -36,23 +24,17 @@
 			<view class="item" v-for="(item, index) in data_list" @click="readMessageOpen(item)">
 				<view class="icon">
 					<image
-						v-if="item.noticeTyp == '01'"
 						class="img_100"
-						src="@/static/images/messageNotification/type_01.png"
+						:src="imageMap[item.noticeTyp]"
 						mode="widthFix"
 					></image>
-					<image
+					<!-- <image
 						v-if="item.noticeTyp == '02'"
 						class="img_100"
 						src="@/static/images/messageNotification/type_02.png"
 						mode="widthFix"
-					></image>
-					<image
-						v-if="item.noticeTyp == '03'"
-						class="img_100"
-						src="@/static/images/messageNotification/type_03.png"
-						mode="widthFix"
-					></image>
+					></image> -->
+					
 				</view>
 				<view class="right">
 					<view class="top">
@@ -96,22 +78,21 @@
 	import { onLoad } from '@dcloudio/uni-app';
 	import { queryTraPersonalMessageNoticePaging, readNotice, oneTimeRead } from '@/api/messageNotification.js';
 	import common from '../../common/common';
-
-	const customStyle = {
-		backgroundColor: '#ffffff',
-		paddingLeft: '40rpx',
-		height: '78rpx',
-		paddingTop: '5px',
-		paddingBottom: '5px',
-		border: 'none'
+	
+	import type_01 from '@/static/images/messageNotification/type_01.png';
+	import type_02 from '@/static/images/messageNotification/type_02.png';
+	import type_03 from '@/static/images/messageNotification/type_03.png';
+	import type_04 from '@/static/images/messageNotification/type_04.png';
+	
+	const imageMap = {
+	  '01': type_01,
+	  '02': type_02,
+	  '03': type_03,
+	  '04': type_04,
 	};
-	const suffixIconStyle = {
-		color: '#2c8ef2',
-		fontSize: '50rpx'
-	};
-
+	
 	const status = ref('loadmore'); // loadmore - 加载前，loading - 加载中，nomore - 没有数据
-  const limit = 20;
+	const limit = 20;
 	const total = ref(-1);
 	const page = ref(0);
 	const data_list = reactive([]);
@@ -135,7 +116,7 @@
 		page.data_list.length = 0;
 		getData();
 	};
-
+	
 	// 刷新处理函数
 	const onRefresh = () => {
 		if (_freshing.value) return;
@@ -317,7 +298,7 @@
 			.right {
 				margin-left: 16rpx;
 				flex: 1;
-
+				overflow: hidden;
 				.top {
 					display: flex;
 					justify-content: space-between;
@@ -356,6 +337,8 @@
 						text-align: left;
 						font-style: normal;
 						flex: 1;
+						width: 100%;
+						overflow: hidden;
 					}
 
 					.num_div {