diff --git a/src/components/cu-badge/index.vue b/src/components/cu-badge/index.vue
new file mode 100644
index 0000000..ab69b48
--- /dev/null
+++ b/src/components/cu-badge/index.vue
@@ -0,0 +1,22 @@
+<template>
+  <view class="relative">
+    <uv-badge
+      absolute
+      :offset="[0, 0]"
+      type="error"
+      max="99"
+      :value="value"
+    ></uv-badge>
+    <slot></slot>
+  </view>
+</template>
+<script setup>
+// import { defineOptions } from 'vue';
+// defineOptions({ name: 'CuBadge' })
+
+const props = defineProps({
+  value: {
+    type: [Number, String],
+  },
+})
+</script>
diff --git a/src/components/list-item/index.vue b/src/components/list-item/index.vue
index df767cc..67a1c3f 100644
--- a/src/components/list-item/index.vue
+++ b/src/components/list-item/index.vue
@@ -16,7 +16,7 @@
         <template v-if="images && images.length > 0">
             <uv-scroll-list :indicator="false">
               <view class="space-x-15rpx flex">
-                <view v-for="(url, index) in images.slice(0, 4)" :key="index">
+                <view v-for="(url, index) in images.slice(0, 3)" :key="index">
                   <image :src="url" mode="heightFix" style="height: 160rpx"></image>
                 </view>
               </view>
diff --git a/src/pages/clockout/index.vue b/src/pages/clockout/index.vue
index 256b121..8f54088 100644
--- a/src/pages/clockout/index.vue
+++ b/src/pages/clockout/index.vue
@@ -87,7 +87,7 @@
 </template>
 <script setup>
 import CuNavbar from '@/components/cu-navbar/index'
-import { ref, onMounted, reactive } from 'vue'
+import { ref, onMounted, reactive,computed } from 'vue'
 import { http } from '@/utils/request'
 import { timeFormat } from '@climblee/uv-ui/libs/function'
 import { onLoad } from '@dcloudio/uni-app'
diff --git a/src/pages/mine/index.vue b/src/pages/mine/index.vue
index 6883227..74eb864 100644
--- a/src/pages/mine/index.vue
+++ b/src/pages/mine/index.vue
@@ -47,13 +47,14 @@
                 src="@/static/images/rl.svg"
               ></image>
             </view>
-            <uv-icon
-              @click="goPath('/pages/message/index')"
-              color="#8a8a8a"
-              size="48rpx"
-              name="chat"
-            ></uv-icon
-            >
+            <cu-badge :value="unread_notifications">
+              <uv-icon
+                @click="goPath('/pages/message/index')"
+                color="#8a8a8a"
+                size="48rpx"
+                name="chat"
+              ></uv-icon>
+            </cu-badge>
           </view>
         </view>
       </view>
@@ -93,9 +94,13 @@ import overtimeIcon from '@/static/images/overtime.svg'
 import contractIcon from '@/static/images/contract.svg'
 import booksIcon from '@/static/images/books.svg'
 import examinationIcon from '@/static/images/examination.svg'
+import cuBadge from '@/components/cu-badge/index.vue'
 const userStore = useUserStore()
 
 const userInfo = computed(() => userStore.userInfo)
+const unread_notifications = computed(
+  () => userInfo.value.unread_notifications || 0
+)
 
 const opList = [
   {
diff --git a/src/pages/train-books/detail.vue b/src/pages/train-books/detail.vue
index a2b9d0c..6d1135f 100644
--- a/src/pages/train-books/detail.vue
+++ b/src/pages/train-books/detail.vue
@@ -27,7 +27,7 @@
           :key="item.id"
         >
           <view class="line-clamp-1 flex-1">
-            {{ item.name }}{{ item.name }}{{ item.name }}
+            {{ item.name }}
           </view>
           <view @click="downloadFile(item.url)">
             <uv-icon size="40rpx" name="download"></uv-icon>