diff --git a/packageB/train/index.vue b/packageB/train/index.vue
index c02deb3..c776fa5 100644
--- a/packageB/train/index.vue
+++ b/packageB/train/index.vue
@@ -3,7 +3,7 @@
         <view class="tab-container">
 			<image src="../../static/images/train/bj.jpg" mode=""></image>
 			<view>
-				<view class="btns" @click="jumps('')">
+				<view class="btns" @click="jumps('/packageB/train/video/videoList')">
 					<image src="/static/images/train/spxx-k.png" mode=""></image>
 					<view>
 						<text>培训视频</text>
diff --git a/packageB/train/video/videoList.vue b/packageB/train/video/videoList.vue
new file mode 100644
index 0000000..e6b052e
--- /dev/null
+++ b/packageB/train/video/videoList.vue
@@ -0,0 +1,316 @@
+<template>
+    <AppLayout :title="title" :show-bg-image="false" @onScrollBottom="getDataList('add')">
+ <!--       <template #headerleft>
+            <view class="btnback">
+                <image src="@/static/icon/back.png" @click="navBack"></image>
+            </view>
+        </template> -->
+        <template #headContent>
+            <view class="collection-search">
+                <view class="search-content">
+                    <view class="header-input button-click">
+                        <uni-icons class="iconsearch" color="#6A6A6A" type="search" size="22"></uni-icons>
+                        <input
+                            class="input"
+                            v-model="searchKeyword"
+                            @confirm="searchVideo"
+                            placeholder="输入视频名称"
+                            placeholder-class="inputplace"
+                        />
+                        <uni-icons 
+                            v-if="searchKeyword" 
+                            class="clear-icon" 
+                            type="clear" 
+                            size="24" 
+                            color="#999" 
+                            @click="clearSearch"
+                        />
+                    </view>
+                </view>
+            </view>
+        </template>
+        <view class="main-list">
+			<view class="list-title">
+				<text>视频列表</text>
+				<view class="title-line"></view>
+			</view>
+            <view class="video-grid" v-if="pageState.list.length">
+                <view 
+                    v-for="video in pageState.list" 
+                    :key="video.id || video.videoId"
+                    class="video-item"
+					:style="getItemBackgroundStyle('video-bg.png')"
+                    @click="playVideo(video)"
+                >
+                    <view class="video-cover">
+                        <image 
+                            :src="video.coverImage || video.videoCover || '/static/icon/video.png'" 
+                            mode="aspectFill"
+                        ></image>
+                    </view>
+                    <view class="video-info">
+                        {{ video.title || video.videoName || '未命名视频' }}
+                    </view>
+                </view>
+            </view>
+            <empty v-else pdTop="200"></empty>
+        </view>
+    </AppLayout>
+</template>
+
+<script setup>
+import { inject, ref, reactive } from 'vue';
+import { onLoad } from '@dcloudio/uni-app';
+const { $api, navTo, navBack } = inject('globalFunction');
+
+// state
+const title = ref('');
+const searchKeyword = ref('');
+const pageState = reactive({
+    page: 0,
+    list: [],
+    total: 0,
+    maxPage: 1,
+    pageSize: 12,
+    search: {},
+});
+const baseUrl = 'http://10.110.145.145/images/train/';
+const getItemBackgroundStyle = (imageName) => ({
+    backgroundImage: `url(${baseUrl + imageName})`,
+    backgroundSize: 'cover',      // 覆盖整个容器
+    backgroundPosition: 'center', // 居中
+    backgroundRepeat: 'no-repeat'
+});
+// 模拟视频数据
+const mockVideoData = [
+    {
+        id: '1',
+        title: '职业技能培训基础课程',
+        coverImage: '/static/icon/server1.png',
+        videoUrl: ''
+    },
+    {
+        id: '2',
+        title: '面试技巧分享',
+        coverImage: '/static/icon/server2.png',
+        videoUrl: ''
+    },
+    {
+        id: '3',
+        title: '简历制作指南',
+        coverImage: '/static/icon/server3.png',
+        videoUrl: ''
+    },
+    {
+        id: '4',
+        title: '职场沟通技巧',
+        coverImage: '/static/icon/server4.png',
+        videoUrl: ''
+    },
+    {
+        id: '5',
+        title: '职业规划讲座',
+        coverImage: '/static/icon/flame.png',
+        videoUrl: ''
+    },
+    {
+        id: '6',
+        title: '行业趋势分析',
+        coverImage: '/static/icon/flame2.png',
+        videoUrl: ''
+    }
+];
+
+onLoad(() => {
+    getDataList('refresh');
+});
+
+// 搜索视频
+function searchVideo() {
+    getDataList('refresh');
+}
+
+// 清除搜索内容
+function clearSearch() {
+    searchKeyword.value = '';
+    getDataList('refresh');
+}
+
+// 获取视频列表
+function getDataList(type = 'add') {
+    if (type === 'refresh') {
+        pageState.page = 1;
+        pageState.maxPage = 1;
+    }
+    if (type === 'add' && pageState.page < pageState.maxPage) {
+        pageState.page += 1;
+    }
+    
+    // 模拟API请求延迟
+    setTimeout(() => {
+        // 在实际项目中，这里应该调用真实的API接口
+        // 目前使用模拟数据
+        let filteredList = [...mockVideoData];
+        
+        // 如果有搜索关键词，进行过滤
+        if (searchKeyword.value.trim()) {
+            filteredList = filteredList.filter(video => 
+                video.title.toLowerCase().includes(searchKeyword.value.toLowerCase())
+            );
+        }
+        
+        const start = 0;
+        const end = pageState.pageSize;
+        const pageData = filteredList.slice(start, end);
+        
+        if (type === 'add') {
+            pageState.list = [...pageState.list, ...pageData];
+        } else {
+            pageState.list = pageData;
+        }
+        
+        pageState.total = filteredList.length;
+        pageState.maxPage = Math.ceil(pageState.total / pageState.pageSize);
+    }, 300);
+}
+
+// 播放视频
+function playVideo(video) {
+    // 在实际项目中，这里应该导航到视频播放页面
+    // 或者调用视频播放组件
+    console.log('播放视频:', video.title);
+    // 示例：navTo(`/pages/videoPlayer/videoPlayer?id=${video.id}`);
+    $api.msg(`准备播放: ${video.title}`);
+}
+</script>
+
+<style lang="stylus" scoped>
+.btnback{
+    width: 64rpx;
+    height: 64rpx;
+}
+.btn {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    width: 52rpx;
+    height: 52rpx;
+}
+image {
+    height: 100%;
+    width: 100%;
+}
+.collection-search{
+    padding: 10rpx 20rpx;
+    .search-content{
+        position: relative
+        display: flex
+        align-items: center
+        padding: 14rpx 0
+        .header-input{
+            padding: 0
+            width: calc(100%);
+            position: relative
+            .iconsearch{
+                position: absolute
+                left: 30rpx;
+                top: 50%
+                transform: translate(0, -50%)
+                z-index: 1
+            }
+            .input{
+                padding: 0 80rpx 0 80rpx
+                height: 80rpx;
+                background: #FFFFFF;
+                border-radius: 75rpx 75rpx 75rpx 75rpx;
+                border: 2rpx solid #ECECEC
+                font-size: 28rpx;
+            }
+            .clear-icon{
+                position: absolute
+                right: 30rpx;
+                top: 50%
+                transform: translate(0, -50%)
+                z-index: 1
+                cursor: pointer
+            }
+            .inputplace{
+                font-weight: 400;
+                font-size: 28rpx;
+                color: #B5B5B5;
+            }
+        }
+    }
+}
+.main-list{
+    background-color: #ffffff;
+    padding: 20rpx 20rpx 28rpx 20rpx;
+	margin:10rpx 30rpx ;
+	box-shadow: 0px 3px 20px 0px rgba(0,105,234,0.1);
+	border-radius: 12px;
+}
+.list-title{
+	font-weight: bold;
+	font-size: 36rpx;
+	color: #404040;
+	position: relative;
+	margin-bottom: 20px;
+}
+.title-line{
+	position: absolute;
+	bottom: -10rpx;
+	left: 36rpx;
+	width: 70rpx;
+	height: 8rpx;
+	background: linear-gradient(90deg, #FFAD58 0%, #FF7A5B 100%);
+	border-radius: 2px;
+}
+.video-grid{
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    gap: 20rpx;
+}
+.video-item{
+    border-radius: 12rpx;
+    overflow: hidden;
+    box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
+    transition: transform 0.2s;
+	padding: 20rpx
+}
+.video-item:active{
+    transform: scale(0.98);
+}
+.video-cover{
+    position: relative;
+    width: 100%;
+    padding-top: 56.25%; /* 16:9 比例 */
+    background: #f0f0f0;
+	border-radius: 4rpx;
+}
+.video-cover image{
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+}
+.video-info{
+    padding: 16rpx 16rpx 0 16rpx;
+	font-size: 26rpx;
+	color: #333;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	text-align: center;
+}
+.video-title{
+    font-size: 28rpx;
+    color: #333;
+    line-height: 40rpx;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+</style>
diff --git a/pages.json b/pages.json
index 676e168..1be931d 100644
--- a/pages.json
+++ b/pages.json
@@ -375,6 +375,15 @@
 			        "navigationBarTitleTextSize": "30rpx"
 			        // "navigationStyle": "custom"
 			    }
+			},
+			{
+			    "path" : "train/video/videoList",
+			    "style" : 
+			    {
+			        "navigationBarTitleText" : "视频学习",
+			        "navigationBarTitleTextSize": "30rpx"
+			        // "navigationStyle": "custom"
+			    }
 			}
 	    ]
 	}],
diff --git a/static/images/train/video-bg.png b/static/images/train/video-bg.png
new file mode 100644
index 0000000..b2869a0
Binary files /dev/null and b/static/images/train/video-bg.png differ
diff --git a/static/images/train/video-bj.png b/static/images/train/video-bj.png
new file mode 100644
index 0000000..f085c93
Binary files /dev/null and b/static/images/train/video-bj.png differ
diff --git a/static/images/train/video-bj2.png b/static/images/train/video-bj2.png
new file mode 100644
index 0000000..866e48a
Binary files /dev/null and b/static/images/train/video-bj2.png differ
diff --git a/static/images/train/video-gd.png b/static/images/train/video-gd.png
new file mode 100644
index 0000000..b5a0d62
Binary files /dev/null and b/static/images/train/video-gd.png differ
diff --git a/static/images/train/video-jt.png b/static/images/train/video-jt.png
new file mode 100644
index 0000000..4c7a748
Binary files /dev/null and b/static/images/train/video-jt.png differ
diff --git a/static/images/train/video-kc.png b/static/images/train/video-kc.png
new file mode 100644
index 0000000..5d03fb4
Binary files /dev/null and b/static/images/train/video-kc.png differ
diff --git a/static/images/train/video-sc.png b/static/images/train/video-sc.png
new file mode 100644
index 0000000..133f9e6
Binary files /dev/null and b/static/images/train/video-sc.png differ
diff --git a/static/images/train/wsc.png b/static/images/train/wsc.png
new file mode 100644
index 0000000..3eafc4b
Binary files /dev/null and b/static/images/train/wsc.png differ
diff --git a/static/images/train/xl.png b/static/images/train/xl.png
new file mode 100644
index 0000000..eaee7c4
Binary files /dev/null and b/static/images/train/xl.png differ
diff --git a/static/images/train/zs.png b/static/images/train/zs.png
new file mode 100644
index 0000000..cadb6c5
Binary files /dev/null and b/static/images/train/zs.png differ
diff --git a/unpackage/dist/dev/mp-weixin/project.config.json b/unpackage/dist/dev/mp-weixin/project.config.json
index 259a170..0443036 100644
--- a/unpackage/dist/dev/mp-weixin/project.config.json
+++ b/unpackage/dist/dev/mp-weixin/project.config.json
@@ -1,36 +1,30 @@
 {
-  "description": "项目配置文件。",
-  "packOptions": {
-    "ignore": []
-  },
-  "setting": {
-    "urlCheck": false,
-    "es6": true,
-    "postcss": true,
-    "minified": true,
-    "newFeature": true,
-    "bigPackageSizeSupport": true
-  },
-  "compileType": "miniprogram",
-  "libVersion": "3.5.7",
-  "appid": "wx9d1cbc11c8c40ba7",
-  "projectname": "qingdao-employment-service",
-  "condition": {
-    "search": {
-      "current": -1,
-      "list": []
+    "description": "项目配置文件。",
+    "packOptions": {
+        "ignore": [],
+        "include": []
     },
-    "conversation": {
-      "current": -1,
-      "list": []
+    "setting": {
+        "urlCheck": false,
+        "es6": true,
+        "postcss": true,
+        "minified": true,
+        "newFeature": true,
+        "bigPackageSizeSupport": true,
+        "babelSetting": {
+            "ignore": [],
+            "disablePlugins": [],
+            "outputPath": ""
+        },
+        "condition": false
     },
-    "game": {
-      "current": -1,
-      "list": []
-    },
-    "miniprogram": {
-      "current": -1,
-      "list": []
+    "compileType": "miniprogram",
+    "libVersion": "3.11.1",
+    "appid": "wx9d1cbc11c8c40ba7",
+    "projectname": "qingdao-employment-service",
+    "condition": {},
+    "editorSetting": {
+        "tabIndent": "insertSpaces",
+        "tabSize": 4
     }
-  }
 }
\ No newline at end of file
diff --git a/unpackage/dist/dev/mp-weixin/project.private.config.json b/unpackage/dist/dev/mp-weixin/project.private.config.json
index ca08ba6..2b282c5 100644
--- a/unpackage/dist/dev/mp-weixin/project.private.config.json
+++ b/unpackage/dist/dev/mp-weixin/project.private.config.json
@@ -1,8 +1,8 @@
 {
-  "description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html",
-  "projectname": "qingdao-employment-service",
-  "setting": {
-    "compileHotReLoad": true,
-    "autoAudits": false
-  }
+    "description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html",
+    "projectname": "qingdao-employment-service",
+    "setting": {
+        "compileHotReLoad": true,
+        "autoAudits": false
+    }
 }
\ No newline at end of file