diff --git a/src/api/course.js b/src/api/course.js
new file mode 100644
index 00000000..31eb14ab
--- /dev/null
+++ b/src/api/course.js
@@ -0,0 +1,27 @@
+import request from '@/api/request'
+
+
+// 获取课程分类树接口
+export const getCourseTypeListApi = (data) => {
+    return request({
+        url: '/app/traCrsCatalogInfo/courseQueryTraCrsCatalogInfoList',
+        method: 'post',
+        data
+    });
+};
+// 获取生产线分类树接口
+export const getPrdLineTypeListApi = (data) => {
+    return request({
+        url: '/app/traPrdLineInfo/courseQueryTraPrdLineInfoList',
+        method: 'post',
+        data
+    });
+};
+// 获取标签分类树 接口
+export const getTraTagListApi = (data) => {
+    return request({
+        url: '/app/traTagCatalogInfo/queryTraTagCatalogInfoList',
+        method: 'post',
+        data
+    });
+};
\ No newline at end of file
diff --git a/src/components/course-item/course-item.vue b/src/components/course-item/course-item.vue
new file mode 100644
index 00000000..97081824
--- /dev/null
+++ b/src/components/course-item/course-item.vue
@@ -0,0 +1,20 @@
+<template>
+	<view>
+		
+	</view>
+</template>
+
+<script>
+	export default {
+		name:"course-item",
+		data() {
+			return {
+				
+			};
+		}
+	}
+</script>
+
+<style lang="scss">
+
+</style>
\ No newline at end of file
diff --git a/src/pages/course/index.vue b/src/pages/course/index.vue
index e0a4cc8b..70c87852 100644
--- a/src/pages/course/index.vue
+++ b/src/pages/course/index.vue
@@ -7,6 +7,7 @@
 				<uv-icon class="arrow-icon" name="arrow-left" @click="common.navigateBack()"/>
 				课程中心
 			</view>
+			<view class="input-view">
 			<uv-input shape="circle"
 				placeholderStyle='color:#999999;font-size:28rpx' 
 				placeholder="请输入课程名" 
@@ -15,13 +16,39 @@
 				:suffixIconStyle="suffixIconStyle" 
 				:readonly="true">
 			</uv-input>
-			<uv-tabs :list="tabList" @click="changeTab"></uv-tabs>
+			</view>
+			<view class="tabs-view">
+				<uv-tabs :list="tabList" @click="changeTab" :scrollable="false"
+				active-style="font-weight:bold; color:#000;"
+				line-color="#06f"
+				></uv-tabs>
+			</view>
+			<view class="list-view">
+				<uv-scroll-list class="tags-view" :indicator="false">
+					<uv-tags text="全部" shape="circle" plain class="tags-item" size="mini"></uv-tags>
+					<uv-tags text="全部" v-for="item in 15" shape="circle" plain type="info" class="tags-item" size="mini"></uv-tags>
+				</uv-scroll-list>
+				<view class="course-list">
+					<view class="left-type-list">
+						<view  v-for="item in 6" :class="['type-item', item == 3 ?'is-active':'']">
+							课程分类
+							</view>
+					</view>
+					<view class="right-course-list"></view>
+				</view>
+			</view>
 		</view>
 	</view>
 </template>
 
 <script setup>
 	import common from '@/common/common'
+	import {
+		getPrdLineTypeListApi,
+		getTraTagListApi,
+		getCourseTypeListApi
+} from "@/api/course.js"
+import { onMounted } from 'vue'
 	const customStyle = {
 		backgroundColor: "#ffffff",
 		paddingLeft: "40rpx",
@@ -34,6 +61,11 @@
 		color: "#2c8ef2",
 		fontSize: "40rpx"
 	}
+	const tabsCustomStyle ={
+		backgroundColor: "#ffffff",
+		marginTop: '23rpx',
+		borderRadius: '23rpx',
+	}
 	const tabList = [
 			{ name:'全部'},
 			{ name:'热门'},
@@ -45,6 +77,11 @@
 		console.log(item)
 		
 	}
+	onMounted(()=>{
+		// getPrdLineTypeListApi().then(res=>{
+		// 	console.log(res)
+		// })
+	})
 </script>
 
 <style lang="scss" scoped>
@@ -54,7 +91,7 @@
 		flex-direction: column;
 		.top-bg{
 			background: linear-gradient(16deg,rgba(234,246,255,0) 0%,#c3e6ff 100%);
-			height: 419rpx;
+			height: 480rpx;
 			width: 750rpx;
 		}
 		.bot-bg{
@@ -71,6 +108,8 @@
 			width: 100%;
 			padding:0 15rpx;
 			box-sizing: border-box;
+			display: flex;
+			flex-direction: column;
 			.body-title{
 				height: 150rpx;
 				text-align: center;
@@ -78,6 +117,8 @@
 				padding-top: 70rpx;
 				line-height: 46rpx;
 				box-sizing: border-box;
+				font-weight: 500;
+				color:#000;
 				position: relative;
 				.arrow-icon{
 					position: absolute;
@@ -86,6 +127,67 @@
 					color: #000;
 				}
 			}
+			.input-view{
+				
+			}
+			.tabs-view{
+				background: #ffffff;
+				margin-top: 23rpx;
+				border-radius: 23rpx;
+				padding: 6rpx 10rpx 12rpx;
+				margin-bottom:15rpx;
+			}
+			.list-view{
+				flex:1;
+				margin-bottom: 80rpx;
+				background: #ffffff;
+				border-radius: 23rpx;
+				display: flex;
+				flex-direction: column;
+				.tags-view{
+					height: 84rpx;
+					display: block;
+					padding: 20rpx;
+					box-sizing: border-box;
+					white-space: nowrap;
+					border-bottom: 2rpx solid #eee;
+					.tags-item{
+						margin-right: 30rpx;
+						display: inline-block;
+						::v-deep .uv-tags{
+							padding: 0 20rpx;
+							.uv-tags__text{
+								white-space: nowrap;
+							}
+						}
+					}
+				}
+				.course-list{
+					display: flex;
+						flex:1;
+					.left-type-list{
+						width: 152rpx;
+						border-right: 2rpx solid #eee;
+						.type-item{
+							height: 90rpx;
+							line-height: 90rpx;
+							font-size: 28rpx;
+							box-sizing: border-box;
+							padding: 0 18rpx;
+							overflow: hidden;
+							text-overflow: ellipsis;
+							white-space: nowrap;
+							&.is-active{
+								background-color: rgba(44,142,242,.1);
+								color: #06f;
+							}
+						}
+					}
+					.right-course-list{
+						flex:1;
+					}
+				}
+			}
 		}
 	}
 </style>
\ No newline at end of file
diff --git a/src/uni_modules/uv-tags/changelog.md b/src/uni_modules/uv-tags/changelog.md
new file mode 100644
index 00000000..96450ba5
--- /dev/null
+++ b/src/uni_modules/uv-tags/changelog.md
@@ -0,0 +1,10 @@
+## 1.0.3（2023-10-02）
+1.  兼容customStyle参数
+2.  优化
+## 1.0.2（2023-07-31）
+1. nvue模式下增加cell-child参数，避免在list中使用出现回收后不显示的BUG
+## 1.0.1（2023-05-16）
+1. 优化组件依赖，修改后无需全局引入，组件导入即可使用
+2. 优化部分功能
+## 1.0.0（2023-05-10）
+uv-tags 标签
diff --git a/src/uni_modules/uv-tags/components/uv-tags/props.js b/src/uni_modules/uv-tags/components/uv-tags/props.js
new file mode 100644
index 00000000..82b4bf7a
--- /dev/null
+++ b/src/uni_modules/uv-tags/components/uv-tags/props.js
@@ -0,0 +1,95 @@
+export default {
+	props: {
+		// 标签类型info、primary、success、warning、error
+		type: {
+			type: String,
+			default: 'primary'
+		},
+		// 不可用
+		disabled: {
+			type: [Boolean, String],
+			default: false
+		},
+		// 标签的大小，large，medium，mini
+		size: {
+			type: String,
+			default: 'medium'
+		},
+		// tag的形状，circle（两边半圆形）, square（方形，带圆角）
+		shape: {
+			type: String,
+			default: 'square'
+		},
+		// 标签文字
+		text: {
+			type: [String, Number],
+			default: ''
+		},
+		// 背景颜色，默认为空字符串，即不处理
+		bgColor: {
+			type: String,
+			default: ''
+		},
+		// 标签字体颜色，默认为空字符串，即不处理
+		color: {
+			type: String,
+			default: ''
+		},
+		// 标签的边框颜色
+		borderColor: {
+			type: String,
+			default: ''
+		},
+		// 点击时返回的索引值，用于区分例遍的数组哪个元素被点击了
+		name: {
+			type: [String, Number],
+			default: ''
+		},
+		// 镂空时是否填充背景色
+		plainFill: {
+			type: Boolean,
+			default: false
+		},
+		// 是否镂空
+		plain: {
+			type: Boolean,
+			default: false
+		},
+		// 是否可关闭
+		closable: {
+			type: Boolean,
+			default: false
+		},
+		// 关闭按钮图标的颜色
+		closeColor: {
+			type: String,
+			default: '#C6C7CB'
+		},
+		// 关闭按钮图标的位置 right（右边）right-top（右上） 默认right-top
+		closePlace: {
+			type: String,
+			default: 'right-top'
+		},
+		// 是否显示
+		show: {
+			type: Boolean,
+			default: true
+		},
+		// 内置图标，或绝对路径的图片
+		icon: {
+			type: String,
+			default: ''
+		},
+		// 图标颜色
+		iconColor: {
+			type: String,
+			default: ''
+		},
+		// nvue模式下 是否直接显示，在uv-list等cell下面使用就需要设置
+		cellChild: {
+			type: Boolean,
+			default: false
+		},
+		...uni.$uv?.props?.tags
+	}
+}
\ No newline at end of file
diff --git a/src/uni_modules/uv-tags/components/uv-tags/uv-tags.vue b/src/uni_modules/uv-tags/components/uv-tags/uv-tags.vue
new file mode 100644
index 00000000..baeb0fd1
--- /dev/null
+++ b/src/uni_modules/uv-tags/components/uv-tags/uv-tags.vue
@@ -0,0 +1,379 @@
+<template>
+	<uv-transition
+		mode="fade"
+		:show="show"
+		:cell-child="cellChild"
+	>
+		<view class="uv-tags-wrapper">
+			<view
+				class="uv-tags"
+				:class="[`uv-tags--${shape}`, !plain && `uv-tags--${type}`, plain && `uv-tags--${type}--plain`, `uv-tags--${size}`,`uv-tags--${size}--${closePlace}`, plain && plainFill && `uv-tags--${type}--plain--fill`]"
+				@tap.stop="clickHandler"
+				:style="[{
+					marginRight: closable&& closePlace=='right-top' ? '10px' : 0,
+					marginTop: closable && closePlace=='right-top' ? '10px' : 0,
+				}, style, $uv.addStyle(customStyle)]"
+			>
+				<slot name="icon">
+					<view
+						class="uv-tags__icon"
+						v-if="icon"
+					>
+						<image
+							v-if="$uv.test.image(icon)"
+							:src="icon"
+							:style="[imgStyle]"
+						></image>
+						<uv-icon
+							v-else
+							:color="elIconColor"
+							:name="icon"
+							:size="iconSize"
+						></uv-icon>
+					</view>
+				</slot>
+				<text
+					class="uv-tags__text"
+					:style="[textColor]"
+					:class="[`uv-tags__text--${type}`, plain && `uv-tags__text--${type}--plain`, `uv-tags__text--${size}`]"
+				>{{ text }}</text>
+				<view
+					class="uv-tags__close"
+					:class="[`uv-tags__close--${size}`,`uv-tags__close--${closePlace}`]"
+					v-if="closable && closePlace=='right'"
+					@tap.stop="closeHandler"
+					:style="{backgroundColor: closeColor}"
+				>
+					<uv-icon
+						name="close"
+						:size="closeSize"
+						color="#ffffff"
+					></uv-icon>
+				</view>
+			</view>
+			<view
+				class="uv-tags__close"
+				:class="[`uv-tags__close--${size}`,`uv-tags__close--${closePlace}`]"
+				v-if="closable && closePlace=='right-top'"
+				@tap.stop="closeHandler"
+				:style="{backgroundColor: closeColor}"
+			>
+				<uv-icon
+					name="close"
+					:size="closeSize"
+					color="#ffffff"
+				></uv-icon>
+			</view>
+		</view>
+	</uv-transition>
+</template>
+
+<script>
+	import { image } from '@/uni_modules/uv-ui-tools/libs/function/test.js'
+	import mpMixin from '@/uni_modules/uv-ui-tools/libs/mixin/mpMixin.js'
+	import mixin from '@/uni_modules/uv-ui-tools/libs/mixin/mixin.js'
+	import props from './props.js';
+	/**
+	 * Tag 标签
+	 * @description tag组件一般用于标记和选择，我们提供了更加丰富的表现形式，能够较全面的涵盖您的使用场景
+	 * @tutorial https://www.uvui.cn/components/tag.html
+	 * @property {String}			type		标签类型info、primary、success、warning、error （默认 'primary' ）
+	 * @property {Boolean | String}	disabled	不可用（默认 false ）
+	 * @property {String}			size		标签的大小，large，medium，mini （默认 'medium' ）
+	 * @property {String}			shape		tag的形状，circle（两边半圆形）, square（方形，带圆角）（默认 'square' ）
+	 * @property {String | Number}	text		标签的文字内容 
+	 * @property {String}			bgColor		背景颜色，默认为空字符串，即不处理
+	 * @property {String}			color		标签字体颜色，默认为空字符串，即不处理
+	 * @property {String}			borderColor	镂空形式标签的边框颜色
+	 * @property {String}			closeColor	关闭按钮图标的颜色（默认 #C6C7CB）
+	 * @property {String | Number}	name		点击时返回的索引值，用于区分例遍的数组哪个元素被点击了
+	 * @property {Boolean}			plainFill	镂空时是否填充背景色（默认 false ）
+	 * @property {Boolean}			plain		是否镂空（默认 false ）
+	 * @property {Boolean}			closable	是否可关闭，设置为true，文字右边会出现一个关闭图标（默认 false ）
+	 * @property {Boolean}			show		标签显示与否（默认 true ）
+	 * @property {String}			icon		内置图标，或绝对路径的图片
+	 * @event {Function(index)} click 点击标签时触发 index: 传递的index参数值
+	 * @event {Function(index)} close closable为true时，点击标签关闭按钮触发 index: 传递的index参数值	
+	 * @example <uv-tags text="标签" type="error" plain plainFill></uv-tags>
+	 */
+	export default {
+		name: 'uv-tags',
+		emits: ['click','close'],
+		mixins: [mpMixin, mixin, props],
+		computed: {
+			style() {
+				const style = {}
+				if (this.bgColor) {
+					style.backgroundColor = this.bgColor
+				}
+				if (this.color) {
+					style.color = this.color
+				}
+				if(this.borderColor) {
+					style.borderColor = this.borderColor
+				}
+				return style
+			},
+			// nvue下，文本颜色无法继承父元素
+			textColor() {
+				const style = {}
+				if (this.color) {
+					style.color = this.color
+				}
+				return style
+			},
+			imgStyle() {
+				const width = this.size === 'large' ? '17px' : this.size === 'medium' ? '15px' : '13px'
+				return {
+					width,
+					height: width
+				}
+			},
+			// 文本的样式
+			closeSize() {
+				const size = this.size === 'large' ? 15 : this.size === 'medium' ? 13 : 12
+				return size
+			},
+			// 图标大小
+			iconSize() {
+				const size = this.size === 'large' ? 21 : this.size === 'medium' ? 19 : 16
+				return size
+			},
+			// 图标颜色
+			elIconColor() {
+				return this.iconColor ? this.iconColor : this.plain ? this.type : '#ffffff'
+			}
+		},
+		methods: {
+			// 点击关闭按钮
+			closeHandler() {
+				this.$emit('close', this.name)
+			},
+			// 点击标签
+			clickHandler() {
+				this.$emit('click', this.name)
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped >
+	@import '@/uni_modules/uv-ui-tools/libs/css/components.scss';
+	@import '@/uni_modules/uv-ui-tools/libs/css/color.scss';
+	.uv-tags-wrapper {
+		position: relative;
+	}
+
+	.uv-tags {
+		@include flex;
+		align-items: center;
+		border-style: solid;
+
+		&--circle {
+			border-radius: 100px;
+		}
+
+		&--square {
+			border-radius: 3px;
+		}
+
+		&__icon {
+			margin-right: 4px;
+		}
+
+		&__text {
+			&--mini {
+				font-size: 12px;
+				line-height: 12px;
+			}
+
+			&--medium {
+				font-size: 13px;
+				line-height: 13px;
+			}
+
+			&--large {
+				font-size: 15px;
+				line-height: 15px;
+			}
+		}
+
+		&--mini {
+			height: 22px;
+			line-height: 22px;
+			padding: 0 5px;
+			&--right {
+				padding-right: 2px;
+			}
+		}
+
+		&--medium {
+			height: 26px;
+			line-height: 22px;
+			padding: 0 10px;
+			&--right {
+				padding: 0 4px 0 8px;
+			}
+		}
+
+		&--large {
+			height: 32px;
+			line-height: 32px;
+			padding: 0 15px;
+			&--right {
+				padding: 0 4px 0 8px;
+			}
+		}
+
+		&--primary {
+			background-color: $uv-primary;
+			border-width: 1px;
+			border-color: $uv-primary;
+		}
+
+		&--primary--plain {
+			border-width: 1px;
+			border-color: $uv-primary;
+		}
+
+		&--primary--plain--fill {
+			background-color: #ecf5ff;
+		}
+
+		&__text--primary {
+			color: #FFFFFF;
+		}
+
+		&__text--primary--plain {
+			color: $uv-primary;
+		}
+
+		&--error {
+			background-color: $uv-error;
+			border-width: 1px;
+			border-color: $uv-error;
+		}
+
+		&--error--plain {
+			border-width: 1px;
+			border-color: $uv-error;
+		}
+
+		&--error--plain--fill {
+			background-color: #fef0f0;
+		}
+
+		&__text--error {
+			color: #FFFFFF;
+		}
+
+		&__text--error--plain {
+			color: $uv-error;
+		}
+
+		&--warning {
+			background-color: $uv-warning;
+			border-width: 1px;
+			border-color: $uv-warning;
+		}
+
+		&--warning--plain {
+			border-width: 1px;
+			border-color: $uv-warning;
+		}
+
+		&--warning--plain--fill {
+			background-color: #fdf6ec;
+		}
+
+		&__text--warning {
+			color: #FFFFFF;
+		}
+
+		&__text--warning--plain {
+			color: $uv-warning;
+		}
+
+		&--success {
+			background-color: $uv-success;
+			border-width: 1px;
+			border-color: $uv-success;
+		}
+
+		&--success--plain {
+			border-width: 1px;
+			border-color: $uv-success;
+		}
+
+		&--success--plain--fill {
+			background-color: #f5fff0;
+		}
+
+		&__text--success {
+			color: #FFFFFF;
+		}
+
+		&__text--success--plain {
+			color: $uv-success;
+		}
+
+		&--info {
+			background-color: $uv-info;
+			border-width: 1px;
+			border-color: $uv-info;
+		}
+
+		&--info--plain {
+			border-width: 1px;
+			border-color: $uv-info;
+		}
+
+		&--info--plain--fill {
+			background-color: #f4f4f5;
+		}
+
+		&__text--info {
+			color: #FFFFFF;
+		}
+
+		&__text--info--plain {
+			color: $uv-info;
+		}
+
+		&__close {
+			border-radius: 100px;
+			background-color: #C6C7CB;
+			@include flex(row);
+			align-items: center;
+			justify-content: center;
+			transform: scale(0.6);
+			&--right-top {
+				position: absolute;
+				z-index: 999;
+				top: 10px;
+				right: 10px;
+				/* #ifndef APP-NVUE */
+				transform: scale(0.6) translate(80%,-80%);
+				/* #endif */
+				/* #ifdef APP-NVUE */
+				transform: scale(0.6) translate(50%, -50%);
+				/* #endif */
+			}
+			&--mini {
+				width: 18px;
+				height: 18px;
+			}
+
+			&--medium {
+				width: 22px;
+				height: 22px;
+			}
+
+			&--large {
+				width: 25px;
+				height: 25px;
+			}
+		}
+
+	}
+</style>
diff --git a/src/uni_modules/uv-tags/package.json b/src/uni_modules/uv-tags/package.json
new file mode 100644
index 00000000..6ad55da1
--- /dev/null
+++ b/src/uni_modules/uv-tags/package.json
@@ -0,0 +1,89 @@
+{
+  "id": "uv-tags",
+  "displayName": "uv-tags 标签  全面兼容小程序、nvue、vue2、vue3等多端",
+  "version": "1.0.3",
+  "description": "tag组件一般用于标记和选择，我们提供了更加丰富的表现形式，能够较全面的涵盖您的使用场景。",
+  "keywords": [
+    "uv-tags",
+    "uvui",
+    "uv-ui",
+    "tag",
+    "标签"
+],
+  "repository": "",
+  "engines": {
+    "HBuilderX": "^3.1.0"
+  },
+  "dcloudext": {
+    "type": "component-vue",
+    "sale": {
+      "regular": {
+        "price": "0.00"
+      },
+      "sourcecode": {
+        "price": "0.00"
+      }
+    },
+    "contact": {
+      "qq": ""
+    },
+    "declaration": {
+    	"ads": "无",
+    	"data": "插件不采集任何数据",
+    	"permissions": "无"
+    },
+    "npmurl": ""
+  },
+  "uni_modules": {
+    "dependencies": [
+			"uv-ui-tools",
+			"uv-transition",
+			"uv-icon"
+		],
+    "encrypt": [],
+    "platforms": {
+			"cloud": {
+				"tcb": "y",
+				"aliyun": "y"
+			},
+			"client": {
+				"Vue": {
+					"vue2": "y",
+					"vue3": "y"
+				},
+				"App": {
+					"app-vue": "y",
+					"app-nvue": "y"
+				},
+				"H5-mobile": {
+					"Safari": "y",
+					"Android Browser": "y",
+					"微信浏览器(Android)": "y",
+					"QQ浏览器(Android)": "y"
+				},
+				"H5-pc": {
+					"Chrome": "y",
+					"IE": "y",
+					"Edge": "y",
+					"Firefox": "y",
+					"Safari": "y"
+				},
+				"小程序": {
+					"微信": "y",
+					"阿里": "y",
+					"百度": "y",
+					"字节跳动": "y",
+					"QQ": "y",
+					"钉钉": "u",
+					"快手": "u",
+					"飞书": "u",
+					"京东": "u"
+				},
+				"快应用": {
+					"华为": "u",
+					"联盟": "u"
+				}
+			}
+		}
+  }
+}
\ No newline at end of file
diff --git a/src/uni_modules/uv-tags/readme.md b/src/uni_modules/uv-tags/readme.md
new file mode 100644
index 00000000..6170a2fc
--- /dev/null
+++ b/src/uni_modules/uv-tags/readme.md
@@ -0,0 +1,11 @@
+## Tag 标签
+
+> **组件名：uv-tags**
+
+tag组件一般用于标记和选择，我们提供了更加丰富的表现形式，能够较全面的涵盖您的使用场景。
+
+### <a href="https://www.uvui.cn/components/tag.html" target="_blank">查看文档</a>
+
+### [完整示例项目下载 | 关注更多组件](https://ext.dcloud.net.cn/plugin?name=uv-ui)
+
+#### 如使用过程中有任何问题，或者您对uv-ui有一些好的建议，欢迎加入 uv-ui 交流群：<a href="https://ext.dcloud.net.cn/plugin?id=12287" target="_blank">uv-ui</a>、<a href="https://www.uvui.cn/components/addQQGroup.html" target="_blank">官方QQ群</a>