commit 2dcae4165bca6ad5df074afe4c7cf14bc8369db7
Author: b2894lxlx <517289602@qq.com>
Date:   Mon Jul 20 11:56:02 2026 +0800

    260720

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..e6dd08d
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,6 @@
+node_modules/
+unpackage/
+.hbuilderx/
+.DS_Store
+/.claude/
+/.idea/
diff --git a/App.vue b/App.vue
new file mode 100644
index 0000000..228c31c
--- /dev/null
+++ b/App.vue
@@ -0,0 +1,33 @@
+<script>
+	export default {
+		onLaunch: function() {
+			console.log('App Launch')
+		},
+		onShow: function() {
+			console.log('App Show')
+		},
+		onHide: function() {
+			console.log('App Hide')
+		}
+	}
+</script>
+
+<style lang="scss">
+	@import "@/uni_modules/uv-ui-tools/index.scss";
+
+	page {
+		background: #f4faff;
+		color: #1f2329;
+		font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
+	}
+
+	view,
+	scroll-view,
+	swiper,
+	swiper-item,
+	button,
+	input,
+	textarea {
+		box-sizing: border-box;
+	}
+</style>
diff --git a/components/common-hero/common-hero.vue b/components/common-hero/common-hero.vue
new file mode 100644
index 0000000..1ee76bb
--- /dev/null
+++ b/components/common-hero/common-hero.vue
@@ -0,0 +1,195 @@
+<template>
+	<view class="hero-section" :style="heroStyle">
+<!--		<view class="hero-bg hero-bg-left"></view>-->
+<!--		<view class="hero-bg hero-bg-right"></view>-->
+
+		<view class="navbar" :style="navbarStyle">
+			<view class="navbar-inner">
+				<view class="navbar-left" v-if="showBack">
+					<view class="nav-back-btn" @tap="handleBack">
+						<uv-icon name="arrow-left" color="#101214" size="22"></uv-icon>
+					</view>
+				</view>
+
+				<view class="navbar-title">{{ title }}</view>
+				<view class="navbar-right-placeholder"></view>
+			</view>
+		</view>
+		<view class="navbar-spacer" :style="{ height: navbarHeight + 'px' }"></view>
+
+		<slot></slot>
+	</view>
+</template>
+
+<script>
+	const TAB_BAR_PATHS = ['/pages/index/index', '/pages/assistant/index', '/pages/mine/index']
+
+	export default {
+		name: 'CommonHero',
+		props: {
+			title: {
+				type: String,
+				default: ''
+			},
+			useImageBg: {
+				type: Boolean,
+				default: false
+			},
+			backgroundImage: {
+				type: String,
+				default: '/static/indexBg.jpg'
+			},
+      reduceTop: {
+        type: Number,
+        default: 0
+      }
+		},
+		data() {
+			return {
+				statusBarHeight: 0,
+				currentRoute: ''
+			}
+		},
+		computed: {
+			showBack() {
+				return TAB_BAR_PATHS.indexOf(this.currentRoute) === -1
+			},
+			navbarHeight() {
+				return this.statusBarHeight + uni.upx2px(88) - uni.upx2px(this.reduceTop)
+			},
+			navbarStyle() {
+				return {
+					paddingTop: `${this.statusBarHeight}px`
+				}
+			},
+			heroStyle() {
+				if (this.useImageBg) {
+					return {
+						backgroundImage: `url('${this.backgroundImage}')`,
+						backgroundSize: 'cover',
+						backgroundPosition: 'center top',
+						backgroundRepeat: 'no-repeat'
+					}
+				}
+				return {
+					background: 'linear-gradient(180deg, #f7fbff 0%, #d9f0ff 44%, #f4fbff 100%)'
+				}
+			}
+		},
+		mounted() {
+			const { statusBarHeight = 0 } = uni.getSystemInfoSync()
+			this.statusBarHeight = statusBarHeight
+			const pages = getCurrentPages()
+			const currentPage = pages[pages.length - 1]
+			const route = currentPage && currentPage.route ? currentPage.route : ''
+			this.currentRoute = route ? `/${route}` : ''
+		},
+		methods: {
+			handleBack() {
+				const pages = getCurrentPages()
+				if (pages.length > 1) {
+					uni.navigateBack({
+						delta: 1
+					})
+					return
+				}
+				uni.switchTab({
+					url: '/pages/index/index'
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.hero-section {
+		position: relative;
+		//padding: 0 0 30rpx;
+		overflow: hidden;
+    backgroud: url('@/static/indexBg.jpg');
+	}
+
+	.hero-bg {
+		position: absolute;
+		border-radius: 50%;
+		filter: blur(8rpx);
+		opacity: 0.9;
+    backgroud: url('@/static/indexBg.jpg');
+	}
+
+	.hero-bg-left {
+		top: 84rpx;
+		left: -30rpx;
+		width: 300rpx;
+		height: 200rpx;
+		background: radial-gradient(circle, rgba(197, 237, 255, 0.95) 0%, rgba(197, 237, 255, 0) 72%);
+	}
+
+	.hero-bg-right {
+		top: 46rpx;
+		right: -40rpx;
+		width: 360rpx;
+		height: 260rpx;
+		background: radial-gradient(circle, rgba(184, 231, 255, 0.92) 0%, rgba(184, 231, 255, 0) 72%);
+	}
+
+	.navbar {
+		position: fixed;
+		top: 0;
+		left: 0;
+		right: 0;
+		z-index: 100;
+		padding-left: 28rpx;
+		padding-right: 20rpx;
+		background: rgba(255, 255, 255, 0.72);
+		backdrop-filter: blur(18rpx);
+		-webkit-backdrop-filter: blur(18rpx);
+		box-shadow: 0 10rpx 28rpx rgba(65, 105, 135, 0.08);
+	}
+
+	.navbar-inner {
+		height: 88rpx;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+	}
+
+	.navbar-left {
+		width: 72rpx;
+		height: 72rpx;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.nav-back-btn {
+		width: 72rpx;
+		height: 72rpx;
+		border-radius: 24rpx;
+		background: rgba(255, 255, 255, 0.72);
+		box-shadow: 0 8rpx 18rpx rgba(115, 164, 196, 0.14);
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.navbar-title {
+		flex: 1;
+		font-size: 28rpx;
+		font-weight: 700;
+		color: #101214;
+		letter-spacing: 2rpx;
+		text-align: center;
+	}
+
+	.navbar-spacer {
+		width: 100%;
+	}
+
+	.navbar-right-placeholder {
+		width: 72rpx;
+		height: 72rpx;
+		flex-shrink: 0;
+		opacity: 0;
+	}
+</style>
diff --git a/components/u-input/u-input.vue b/components/u-input/u-input.vue
new file mode 100644
index 0000000..f5e14b6
--- /dev/null
+++ b/components/u-input/u-input.vue
@@ -0,0 +1,112 @@
+<template>
+	<view class="u-input" :style="mergedStyle">
+		<input
+			class="u-input__inner"
+			:type="type"
+			:placeholder="placeholder"
+			:placeholder-style="placeholderStyle"
+			:value="inputValue"
+			:maxlength="maxlength"
+			:disabled="disabled"
+			:confirm-type="confirmType"
+			@input="handleInput"
+			@confirm="handleConfirm"
+			@focus="handleFocus"
+			@blur="handleBlur"
+		/>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: 'UInput',
+		props: {
+			modelValue: {
+				type: [String, Number],
+				default: ''
+			},
+			value: {
+				type: [String, Number],
+				default: ''
+			},
+			type: {
+				type: String,
+				default: 'text'
+			},
+			placeholder: {
+				type: String,
+				default: ''
+			},
+			placeholderStyle: {
+				type: String,
+				default: 'color: #c0c4cc;'
+			},
+			maxlength: {
+				type: [String, Number],
+				default: 140
+			},
+			disabled: {
+				type: Boolean,
+				default: false
+			},
+			confirmType: {
+				type: String,
+				default: 'done'
+			},
+			customStyle: {
+				type: [String, Object],
+				default: ''
+			}
+		},
+		computed: {
+			inputValue() {
+				return this.modelValue !== '' && this.modelValue !== undefined
+					? this.modelValue
+					: this.value
+			},
+			mergedStyle() {
+				if (typeof this.customStyle === 'string') {
+					return this.customStyle
+				}
+				return this.customStyle || {}
+			}
+		},
+		methods: {
+			handleInput(event) {
+				const value = event.detail.value
+				this.$emit('update:modelValue', value)
+				this.$emit('input', value)
+				this.$emit('change', value)
+			},
+			handleConfirm(event) {
+				this.$emit('confirm', event)
+			},
+			handleFocus(event) {
+				this.$emit('focus', event)
+			},
+			handleBlur(event) {
+				this.$emit('blur', event)
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.u-input {
+		display: flex;
+		align-items: center;
+		width: 100%;
+		box-sizing: border-box;
+	}
+
+	.u-input__inner {
+		width: 100%;
+		height: 100%;
+		min-height: inherit;
+		font-size: inherit;
+		color: inherit;
+		background: transparent;
+		border: 0;
+		outline: none;
+	}
+</style>
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..b5d330d
--- /dev/null
+++ b/index.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <script>
+      var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') ||
+        CSS.supports('top: constant(a)'))
+      document.write(
+        '<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
+        (coverSupport ? ', viewport-fit=cover' : '') + '" />')
+    </script>
+    <title></title>
+    <!--preload-links-->
+    <!--app-context-->
+  </head>
+  <body>
+    <div id="app"><!--app-html--></div>
+    <script type="module" src="/main.js"></script>
+  </body>
+</html>
diff --git a/main.js b/main.js
new file mode 100644
index 0000000..517affb
--- /dev/null
+++ b/main.js
@@ -0,0 +1,27 @@
+import App from './App'
+import uvUI from '@/uni_modules/uv-ui-tools'
+
+// #ifndef VUE3
+import Vue from 'vue'
+import './uni.promisify.adaptor'
+
+Vue.config.productionTip = false
+Vue.use(uvUI)
+
+App.mpType = 'app'
+const app = new Vue({
+  ...App
+})
+app.$mount()
+// #endif
+
+// #ifdef VUE3
+import { createSSRApp } from 'vue'
+export function createApp() {
+  const app = createSSRApp(App)
+  app.use(uvUI)
+  return {
+    app
+  }
+}
+// #endif
diff --git a/manifest.json b/manifest.json
new file mode 100644
index 0000000..20443f9
--- /dev/null
+++ b/manifest.json
@@ -0,0 +1,72 @@
+{
+    "name" : "tuanwei",
+    "appid" : "__UNI__F254BAB",
+    "description" : "",
+    "versionName" : "1.0.0",
+    "versionCode" : "100",
+    "transformPx" : false,
+    /* 5+App特有相关 */
+    "app-plus" : {
+        "usingComponents" : true,
+        "nvueStyleCompiler" : "uni-app",
+        "compilerVersion" : 3,
+        "splashscreen" : {
+            "alwaysShowBeforeRender" : true,
+            "waiting" : true,
+            "autoclose" : true,
+            "delay" : 0
+        },
+        /* 模块配置 */
+        "modules" : {},
+        /* 应用发布信息 */
+        "distribute" : {
+            /* android打包配置 */
+            "android" : {
+                "permissions" : [
+                    "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
+                    "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
+                    "<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
+                    "<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
+                    "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
+                    "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.CAMERA\"/>",
+                    "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
+                    "<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
+                    "<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
+                    "<uses-feature android:name=\"android.hardware.camera\"/>",
+                    "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
+                ]
+            },
+            /* ios打包配置 */
+            "ios" : {},
+            /* SDK配置 */
+            "sdkConfigs" : {}
+        }
+    },
+    /* 快应用特有相关 */
+    "quickapp" : {},
+    /* 小程序特有相关 */
+    "mp-weixin" : {
+        "appid" : "wxf7ee9cd5801bf7a6",
+        "setting" : {
+            "urlCheck" : false
+        },
+        "usingComponents" : true
+    },
+    "mp-alipay" : {
+        "usingComponents" : true
+    },
+    "mp-baidu" : {
+        "usingComponents" : true
+    },
+    "mp-toutiao" : {
+        "usingComponents" : true
+    },
+    "uniStatistics" : {
+        "enable" : false
+    },
+    "vueVersion" : "3"
+}
diff --git a/packageMine/declare.vue b/packageMine/declare.vue
new file mode 100644
index 0000000..b19e616
--- /dev/null
+++ b/packageMine/declare.vue
@@ -0,0 +1,373 @@
+<template>
+	<view class="page">
+		<scroll-view scroll-y class="page-scroll">
+			<common-hero title="我的申报" :use-image-bg="true"></common-hero>
+			<view class="hero-card">
+				<view class="hero-title">我的申报</view>
+				<view class="hero-desc">汇总本地草稿、已提交记录和当前开放的申报项目。</view>
+				<view class="hero-stats">
+					<view class="stat-item">
+						<view class="stat-value">{{ localRecords.length }}</view>
+						<view class="stat-label">本地记录</view>
+					</view>
+					<view class="stat-item">
+						<view class="stat-value">{{ submittedCount }}</view>
+						<view class="stat-label">已提交</view>
+					</view>
+					<view class="stat-item">
+						<view class="stat-value">{{ openDeclareList.length }}</view>
+						<view class="stat-label">开放项目</view>
+					</view>
+				</view>
+			</view>
+
+			<view class="section-card">
+				<view class="section-head">
+					<view class="section-title">本地申报记录</view>
+					<view class="section-action" @tap="loadData()">刷新</view>
+				</view>
+				<view v-if="!localRecords.length" class="empty-block">
+					当前还没有本地草稿或提交记录，可先前往申报页填写。
+				</view>
+				<view v-else class="card-list">
+					<view v-for="item in localRecords" :key="item.key" class="data-card">
+						<view class="card-top">
+							<view class="card-main">
+								<view class="card-title">{{ item.title }}</view>
+								<view class="card-subtitle">{{ item.year || '未设置年度' }} · {{ item.group }}</view>
+							</view>
+							<view class="status-tag" :class="item.status === '已提交' ? 'status-tag--success' : 'status-tag--warning'">
+								{{ item.status }}
+							</view>
+						</view>
+						<view class="meta-row">保存时间：{{ item.savedAt || '-' }}</view>
+						<view class="card-actions">
+							<view class="card-action" @tap="continueEdit(item)">继续编辑</view>
+							<view class="card-action" @tap="copyText(item.title)">复制标题</view>
+						</view>
+					</view>
+				</view>
+			</view>
+
+			<view class="section-card">
+				<view class="section-head">
+					<view class="section-title">当前开放项目</view>
+					<view class="section-action" @tap="goDeclareList">全部查看</view>
+				</view>
+				<view v-if="loading" class="empty-block">正在加载开放项目...</view>
+				<view v-else-if="errorText" class="empty-block empty-block--error">{{ errorText }}</view>
+				<view v-else-if="!openDeclareList.length" class="empty-block">当前暂无开放的申报项目。</view>
+				<view v-else class="card-list">
+					<view v-for="item in openDeclareList" :key="item.id || `${item.module}-${item.year}`" class="data-card">
+						<view class="card-top">
+							<view class="card-main">
+								<view class="card-title">{{ getDeclareTitle(item) }}</view>
+								<view class="card-subtitle">{{ getDeclareGroup(item.module) }} · {{ item.year || '未设置年度' }}</view>
+							</view>
+							<view class="status-tag status-tag--default">可申报</view>
+						</view>
+						<view class="meta-row">时间范围：{{ formatDateTime(item.startTime) }} 至 {{ formatDateTime(item.endTime) }}</view>
+						<view class="card-actions">
+							<view class="card-action" @tap="goApply(item)">进入申报</view>
+						</view>
+					</view>
+				</view>
+			</view>
+		</scroll-view>
+	</view>
+</template>
+
+<script>
+	import CommonHero from '../components/common-hero/common-hero.vue'
+	import {
+		formatDateTime,
+		getLocalDeclareRecords,
+		listAvailableDeclare
+	} from '../pages/mine/service'
+	import { getFormConfig, getModuleMeta } from '../utils/gxmu/config'
+
+	export default {
+		components: {
+			CommonHero
+		},
+		data() {
+			return {
+				loading: false,
+				errorText: '',
+				localRecords: [],
+				openDeclareList: []
+			}
+		},
+		computed: {
+			submittedCount() {
+				return this.localRecords.filter((item) => item.status === '已提交').length
+			}
+		},
+		onShow() {
+			this.loadData()
+		},
+		onPullDownRefresh() {
+			this.loadData(true)
+		},
+		methods: {
+			formatDateTime,
+			getDeclareTitle(item) {
+				return String(item.title || '').trim() || this.getDeclareGroup(item.module)
+			},
+			getDeclareGroup(module) {
+				const meta = getModuleMeta(module)
+				return (meta && meta.title) || module || '申报项目'
+			},
+			async loadData(fromPullDown = false) {
+				this.localRecords = getLocalDeclareRecords()
+				this.loading = true
+				this.errorText = ''
+				try {
+					const result = await listAvailableDeclare({ usable: true })
+					const list = Array.isArray(result) ? result : []
+					this.openDeclareList = list.sort((left, right) => Number(right.year || 0) - Number(left.year || 0))
+				} catch (error) {
+					this.errorText = (error && error.message) || '开放项目加载失败'
+				} finally {
+					this.loading = false
+					if (fromPullDown) {
+						uni.stopPullDownRefresh()
+					}
+				}
+			},
+			continueEdit(item) {
+				uni.navigateTo({
+					url: item.route
+				})
+			},
+			copyText(value) {
+				uni.setClipboardData({
+					data: String(value || ''),
+					success: () => {
+						uni.showToast({
+							title: '已复制',
+							icon: 'none'
+						})
+					}
+				})
+			},
+			goDeclareList() {
+				uni.navigateTo({
+					url: '/pages/gxmu/index'
+				})
+			},
+			goApply(item) {
+				if (!item.module || !getFormConfig(item.module)) {
+					uni.showToast({
+						title: '当前申报项目在小程序端暂未配置',
+						icon: 'none'
+					})
+					return
+				}
+				const moduleMeta = getModuleMeta(item.module)
+				const title = String(item.title || '').trim() || ((moduleMeta && moduleMeta.title) || '申报表')
+				uni.navigateTo({
+					url: `/pages/gxmu/form?code=${encodeURIComponent(item.module)}&year=${encodeURIComponent(item.year || '')}&declareTitle=${encodeURIComponent(title)}`
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.page {
+		min-height: 100vh;
+		background:
+			radial-gradient(circle at top center, rgba(20, 150, 242, 0.1), transparent 30%),
+			linear-gradient(180deg, #f5fbff 0%, #eef7ff 100%);
+	}
+
+	.page-scroll {
+		height: 100vh;
+		padding: 24rpx 24rpx 40rpx;
+	}
+
+	.hero-card,
+	.section-card,
+	.data-card {
+		border-radius: 30rpx;
+	}
+
+	.hero-card {
+		padding: 34rpx 36rpx;
+		border-radius: 28rpx;
+		background: rgba(255, 255, 255, 0.5);
+		box-shadow: 0 4rpx 12rpx 0 rgba(174, 174, 174, 0.4);
+		backdrop-filter: blur(24rpx);
+		-webkit-backdrop-filter: blur(24rpx);
+		border: 1rpx solid rgba(255, 255, 255, 0.5);
+	}
+
+	.hero-title {
+		margin-top: 8rpx;
+		padding-left: 10rpx;
+		font-size: 30rpx;
+		font-weight: 700;
+		line-height: 1.35;
+		color: #18a0f7;
+		border-left: 5px solid #0f94ef;
+	}
+
+	.hero-desc {
+		margin-top: 20rpx;
+		font-size: 24rpx;
+		line-height: 1.8;
+		color: #7f7f7f;
+	}
+
+	.section-card,
+	.data-card {
+		background: rgba(255, 255, 255, 0.94);
+		border: 1rpx solid rgba(20, 150, 242, 0.08);
+		box-shadow: 0 10rpx 28rpx rgba(34, 94, 142, 0.08);
+	}
+
+	.hero-stats {
+		display: grid;
+		grid-template-columns: repeat(3, minmax(0, 1fr));
+		gap: 16rpx;
+		margin-top: 24rpx;
+	}
+
+	.stat-item {
+		padding: 18rpx 16rpx;
+		border-radius: 22rpx;
+		background: rgba(255, 255, 255, 0.12);
+		text-align: center;
+	}
+
+	.stat-value {
+		font-size: 32rpx;
+		font-weight: 700;
+	}
+
+	.stat-label {
+		margin-top: 6rpx;
+		font-size: 22rpx;
+		color: rgba(255, 255, 255, 0.8);
+	}
+
+	.section-card {
+		margin-top: 24rpx;
+		padding: 26rpx;
+	}
+
+	.section-head {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		gap: 16rpx;
+	}
+
+	.section-title {
+		font-size: 30rpx;
+		font-weight: 700;
+		color: #1f2329;
+	}
+
+	.section-action {
+		font-size: 22rpx;
+		color: #1496f2;
+		font-weight: 700;
+	}
+
+	.empty-block {
+		margin-top: 18rpx;
+		padding: 26rpx 22rpx;
+		border-radius: 24rpx;
+		background: #faf5f2;
+		font-size: 24rpx;
+		line-height: 1.75;
+		color: #7b726d;
+	}
+
+	.empty-block--error {
+		color: #0f7dd1;
+	}
+
+	.card-list {
+		display: flex;
+		flex-direction: column;
+		gap: 18rpx;
+		margin-top: 18rpx;
+	}
+
+	.data-card {
+		padding: 24rpx;
+	}
+
+	.card-top {
+		display: flex;
+		align-items: flex-start;
+		justify-content: space-between;
+		gap: 16rpx;
+	}
+
+	.card-main {
+		flex: 1;
+		min-width: 0;
+	}
+
+	.card-title {
+		font-size: 30rpx;
+		font-weight: 700;
+		color: #22272f;
+	}
+
+	.card-subtitle {
+		margin-top: 8rpx;
+		font-size: 22rpx;
+		color: #8b817c;
+	}
+
+	.meta-row {
+		margin-top: 18rpx;
+		padding: 18rpx;
+		border-radius: 22rpx;
+		background: #faf7f2;
+		font-size: 24rpx;
+		line-height: 1.75;
+		color: #5f564f;
+	}
+
+	.status-tag {
+		padding: 10rpx 16rpx;
+		border-radius: 999rpx;
+		font-size: 20rpx;
+		font-weight: 700;
+	}
+
+	.status-tag--success {
+		background: #eef9f1;
+		color: #1f8f49;
+	}
+
+	.status-tag--warning {
+		background: #fff8e6;
+		color: #ad7b00;
+	}
+
+	.status-tag--default {
+		background: #f5f5f5;
+		color: #8b817c;
+	}
+
+	.card-actions {
+		display: flex;
+		gap: 14rpx;
+		margin-top: 18rpx;
+	}
+
+	.card-action {
+		padding: 10rpx 18rpx;
+		border-radius: 999rpx;
+		background: rgba(20, 150, 242, 0.08);
+		color: #1496f2;
+		font-size: 22rpx;
+	}
+</style>
diff --git a/packageMine/manuscripts.vue b/packageMine/manuscripts.vue
new file mode 100644
index 0000000..bf4ec69
--- /dev/null
+++ b/packageMine/manuscripts.vue
@@ -0,0 +1,441 @@
+<template>
+	<view class="page">
+		<scroll-view scroll-y class="page-scroll">
+			<common-hero title="我的稿件" :use-image-bg="true"></common-hero>
+			<view class="hero-card">
+				<view class="hero-title">我的稿件</view>
+				<view class="hero-desc">汇总当前账号创建或参与的稿件记录，可查看状态和内容摘要。</view>
+				<view class="hero-stats">
+					<view class="stat-item">
+						<view class="stat-value">{{ manuscripts.length }}</view>
+						<view class="stat-label">稿件总数</view>
+					</view>
+					<view class="stat-item">
+						<view class="stat-value">{{ publishedCount }}</view>
+						<view class="stat-label">已通过/发布</view>
+					</view>
+					<view class="stat-item">
+						<view class="stat-value">{{ pendingCount }}</view>
+						<view class="stat-label">待处理</view>
+					</view>
+				</view>
+			</view>
+
+			<view class="toolbar-card">
+				<uv-input
+					v-model="keyword"
+					class="search-input"
+					placeholder="搜索稿件标题或内容"
+					placeholder-style="color: #c0c4cc;"
+					:maxlength="-1"
+				/>
+				<view class="toolbar-actions">
+					<view class="toolbar-btn" @tap="loadData()">刷新</view>
+					<view class="toolbar-btn toolbar-btn--primary" @tap="goCreate">去创作</view>
+				</view>
+			</view>
+
+			<view v-if="loading" class="state-card">
+				<view class="state-title">正在加载稿件...</view>
+				<view class="state-desc">请稍候，正在同步当前账号的稿件记录。</view>
+			</view>
+			<view v-else-if="errorText" class="state-card state-card--error">
+				<view class="state-title">加载失败</view>
+				<view class="state-desc">{{ errorText }}</view>
+			</view>
+			<view v-else-if="!filteredList.length" class="state-card">
+				<view class="state-title">暂无稿件</view>
+				<view class="state-desc">当前账号还没有可展示的稿件，可前往文稿工作台开始生成。</view>
+			</view>
+			<view v-else class="card-list">
+				<view v-for="item in filteredList" :key="item.id || item.title" class="data-card">
+					<view class="card-top">
+						<view class="card-main">
+							<view class="card-title">{{ item.title || '未命名稿件' }}</view>
+							<view class="card-subtitle">
+								创建时间：{{ formatDateTime(item.createTime) }} · 更新时间：{{ formatDateTime(item.updateTime) }}
+							</view>
+						</view>
+						<view class="status-tag" :class="`status-tag--${getStatusMeta(item).tone}`">
+							{{ getStatusMeta(item).text }}
+						</view>
+					</view>
+					<view v-if="item.cover" class="cover-wrap">
+						<image class="cover-image" :src="item.cover" mode="aspectFill" />
+					</view>
+					<view class="content-preview">{{ getContentPreview(item.content) }}</view>
+					<view class="card-actions">
+						<view class="card-action" @tap="toggleExpand(item)">{{ expandedId === item.id ? '收起内容' : '查看内容' }}</view>
+						<view class="card-action" @tap="copyTitle(item.title)">复制标题</view>
+					</view>
+					<view v-if="expandedId === item.id" class="content-detail">{{ item.content || '暂无正文内容' }}</view>
+				</view>
+			</view>
+		</scroll-view>
+	</view>
+</template>
+
+<script>
+	import CommonHero from '../components/common-hero/common-hero.vue'
+	import {
+		formatDateTime,
+		getCurrentUser,
+		getManuscriptStatusMeta,
+		listManuscript
+	} from '../pages/mine/service'
+
+	export default {
+		components: {
+			CommonHero
+		},
+		data() {
+			return {
+				loading: false,
+				errorText: '',
+				keyword: '',
+				expandedId: null,
+				manuscripts: []
+			}
+		},
+		computed: {
+			filteredList() {
+				const keyword = String(this.keyword || '').trim().toLowerCase()
+				if (!keyword) {
+					return this.manuscripts
+				}
+				return this.manuscripts.filter((item) => {
+					return (
+						String(item.title || '').toLowerCase().includes(keyword) ||
+						String(item.content || '').toLowerCase().includes(keyword)
+					)
+				})
+			},
+			publishedCount() {
+				return this.manuscripts.filter((item) => {
+					const text = this.getStatusMeta(item).text
+					return text === '通过' || text === '已发布'
+				}).length
+			},
+			pendingCount() {
+				return this.manuscripts.length - this.publishedCount
+			}
+		},
+		onShow() {
+			this.loadData()
+		},
+		onPullDownRefresh() {
+			this.loadData(true)
+		},
+		methods: {
+			formatDateTime,
+			getStatusMeta(item) {
+				return getManuscriptStatusMeta(item)
+			},
+			getContentPreview(content) {
+				const text = String(content || '').replace(/\s+/g, ' ').trim()
+				return text ? `${text.slice(0, 90)}${text.length > 90 ? '...' : ''}` : '暂无内容摘要'
+			},
+			async loadData(fromPullDown = false) {
+				this.loading = true
+				this.errorText = ''
+				try {
+					const user = getCurrentUser()
+					const result = await listManuscript()
+					const list = Array.isArray(result) ? result : []
+					this.manuscripts = list
+						.filter((item) => !user.userId || Number(item.userId) === Number(user.userId))
+						.sort((left, right) => {
+							const leftTime = new Date(String((left.updateTime || left.createTime || '')).replace(/-/g, '/')).getTime()
+							const rightTime = new Date(String((right.updateTime || right.createTime || '')).replace(/-/g, '/')).getTime()
+							return (Number.isNaN(rightTime) ? 0 : rightTime) - (Number.isNaN(leftTime) ? 0 : leftTime)
+						})
+				} catch (error) {
+					this.errorText = (error && error.message) || '稿件加载失败'
+				} finally {
+					this.loading = false
+					if (fromPullDown) {
+						uni.stopPullDownRefresh()
+					}
+				}
+			},
+			toggleExpand(item) {
+				this.expandedId = this.expandedId === item.id ? null : item.id
+			},
+			copyTitle(title) {
+				if (!title) {
+					uni.showToast({
+						title: '暂无标题可复制',
+						icon: 'none'
+					})
+					return
+				}
+				uni.setClipboardData({
+					data: title,
+					success: () => {
+						uni.showToast({
+							title: '标题已复制',
+							icon: 'none'
+						})
+					}
+				})
+			},
+			goCreate() {
+				uni.navigateTo({
+					url: '/pages/manuscript/index'
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.page {
+		min-height: 100vh;
+		background:
+			radial-gradient(circle at top center, rgba(240, 122, 61, 0.1), transparent 30%),
+			linear-gradient(180deg, #fff8f2 0%, #f8f2ec 100%);
+	}
+
+	.page-scroll {
+		height: 100vh;
+		padding: 24rpx 24rpx 40rpx;
+	}
+
+	.hero-card,
+	.toolbar-card,
+	.state-card,
+	.data-card {
+		border-radius: 30rpx;
+	}
+
+	.hero-card {
+		padding: 34rpx 36rpx;
+		border-radius: 28rpx;
+		background: rgba(255, 255, 255, 0.5);
+		box-shadow: 0 4rpx 12rpx 0 rgba(174, 174, 174, 0.4);
+		backdrop-filter: blur(24rpx);
+		-webkit-backdrop-filter: blur(24rpx);
+		border: 1rpx solid rgba(255, 255, 255, 0.5);
+	}
+
+	.hero-title {
+		margin-top: 8rpx;
+		padding-left: 10rpx;
+		font-size: 30rpx;
+		font-weight: 700;
+		line-height: 1.35;
+		color: #18a0f7;
+		border-left: 5px solid #0f94ef;
+	}
+
+	.hero-desc {
+		margin-top: 20rpx;
+		font-size: 24rpx;
+		line-height: 1.8;
+		color: #7f7f7f;
+	}
+
+	.toolbar-card,
+	.state-card,
+	.data-card {
+		background: rgba(255, 255, 255, 0.94);
+		border: 1rpx solid rgba(240, 122, 61, 0.08);
+		box-shadow: 0 10rpx 28rpx rgba(76, 49, 35, 0.08);
+	}
+
+	.hero-stats {
+		display: grid;
+		grid-template-columns: repeat(3, minmax(0, 1fr));
+		gap: 16rpx;
+		margin-top: 24rpx;
+	}
+
+	.stat-item {
+		padding: 18rpx 16rpx;
+		border-radius: 22rpx;
+		background: rgba(255, 255, 255, 0.12);
+		text-align: center;
+	}
+
+	.stat-value {
+		font-size: 32rpx;
+		font-weight: 700;
+	}
+
+	.stat-label {
+		margin-top: 6rpx;
+		font-size: 22rpx;
+		color: rgba(255, 250, 245, 0.8);
+	}
+
+	.toolbar-card {
+		margin-top: 24rpx;
+		padding: 22rpx;
+	}
+
+	:deep(.search-input.uv-input) {
+		width: 100%;
+		min-height: 84rpx;
+		padding: 0 22rpx;
+		border-radius: 12rpx;
+		border: 1px solid #dcdfe6;
+		background: #fff;
+		box-sizing: border-box;
+	}
+
+	:deep(.search-input.uv-input .uv-input__content__field-wrapper__field) {
+		height: 84rpx;
+		min-height: 84rpx;
+		font-size: 28rpx;
+		line-height: 84rpx;
+		color: #303133;
+	}
+
+	.toolbar-actions {
+		display: grid;
+		grid-template-columns: repeat(2, minmax(0, 1fr));
+		gap: 16rpx;
+		margin-top: 18rpx;
+	}
+
+	.toolbar-btn {
+		height: 84rpx;
+		line-height: 84rpx;
+		border-radius: 22rpx;
+		background: #edf6ff;
+		color: #0f7dd1;
+		font-size: 26rpx;
+		font-weight: 700;
+		text-align: center;
+	}
+
+	.toolbar-btn--primary {
+		background: linear-gradient(135deg, #0f7dd1 0%, #1496f2 100%);
+		color: #fff;
+	}
+
+	.state-card {
+		margin-top: 24rpx;
+		padding: 28rpx 24rpx;
+	}
+
+	.state-card--error {
+		border-color: rgba(20, 150, 242, 0.16);
+	}
+
+	.state-title {
+		font-size: 30rpx;
+		font-weight: 700;
+		color: #20252c;
+	}
+
+	.state-desc {
+		margin-top: 12rpx;
+		font-size: 24rpx;
+		line-height: 1.75;
+		color: #786e69;
+	}
+
+	.card-list {
+		display: flex;
+		flex-direction: column;
+		gap: 18rpx;
+		margin-top: 24rpx;
+	}
+
+	.data-card {
+		padding: 24rpx;
+	}
+
+	.card-top {
+		display: flex;
+		align-items: flex-start;
+		justify-content: space-between;
+		gap: 16rpx;
+	}
+
+	.card-main {
+		flex: 1;
+		min-width: 0;
+	}
+
+	.card-title {
+		font-size: 30rpx;
+		font-weight: 700;
+		color: #22272f;
+	}
+
+	.card-subtitle {
+		margin-top: 8rpx;
+		font-size: 22rpx;
+		line-height: 1.6;
+		color: #8b817c;
+	}
+
+	.status-tag {
+		padding: 10rpx 16rpx;
+		border-radius: 999rpx;
+		font-size: 20rpx;
+		font-weight: 700;
+	}
+
+	.status-tag--success {
+		background: #eef9f1;
+		color: #1f8f49;
+	}
+
+	.status-tag--danger {
+		background: #fff1f0;
+		color: #d4380d;
+	}
+
+	.status-tag--warning {
+		background: #fff8e6;
+		color: #ad7b00;
+	}
+
+	.status-tag--default {
+		background: #f5f5f5;
+		color: #8b817c;
+	}
+
+	.cover-wrap {
+		margin-top: 18rpx;
+	}
+
+	.cover-image {
+		width: 100%;
+		height: 260rpx;
+		border-radius: 24rpx;
+	}
+
+	.content-preview,
+	.content-detail {
+		margin-top: 18rpx;
+		font-size: 24rpx;
+		line-height: 1.8;
+		color: #5d544f;
+		word-break: break-word;
+		white-space: pre-wrap;
+	}
+
+	.content-detail {
+		padding: 20rpx;
+		border-radius: 22rpx;
+		background: #fbf7f3;
+	}
+
+	.card-actions {
+		display: flex;
+		gap: 14rpx;
+		margin-top: 18rpx;
+	}
+
+	.card-action {
+		padding: 10rpx 18rpx;
+		border-radius: 999rpx;
+		background: rgba(240, 122, 61, 0.08);
+		color: #c8641f;
+		font-size: 22rpx;
+	}
+</style>
diff --git a/packageMine/profile.vue b/packageMine/profile.vue
new file mode 100644
index 0000000..514c496
--- /dev/null
+++ b/packageMine/profile.vue
@@ -0,0 +1,932 @@
+<template>
+	<view class="page">
+		<scroll-view scroll-y class="page-scroll">
+			<common-hero title="用户资料" :use-image-bg="true" :reduce-top="24"></common-hero>
+
+			<view class="section-card">
+				<view class="section-title">基础信息</view>
+				<view class="info-list">
+<!--					<view class="info-item info-item&#45;&#45;form">-->
+<!--						<view class="info-main">-->
+<!--							<view class="info-label">登录账号</view>-->
+<!--							<view class="info-value">{{ profile.username || '-' }}</view>-->
+<!--						</view>-->
+<!--					</view>-->
+					<view class="info-item info-item--form">
+						<view class="info-main">
+							<view class="info-label">姓名</view>
+							<uv-input
+								class="info-input"
+								:value="editingRealName"
+								maxlength="20"
+								placeholder="请输入姓名"
+								placeholder-style="color: #b2a7a1;"
+								border="none"
+								@input="handleRealNameInput"
+							/>
+						</view>
+					</view>
+					<view class="info-item info-item--form">
+						<view class="info-main">
+							<view class="info-label">昵称</view>
+							<uv-input
+								class="info-input"
+								type="nickname"
+								:value="editingNickname"
+								maxlength="20"
+								placeholder="请输入昵称"
+								placeholder-style="color: #b2a7a1;"
+								border="none"
+								@input="handleNicknameInput"
+							/>
+						</view>
+					</view>
+					<view class="info-item info-item--form">
+						<view class="info-main">
+							<view class="info-label">性别</view>
+							<picker
+								mode="selector"
+								:range="genderOptions"
+								:value="genderIndex"
+								@change="handleGenderChange"
+							>
+								<view class="info-input info-input--picker">
+									{{ editingGender || '请选择性别' }}
+								</view>
+							</picker>
+						</view>
+					</view>
+					<view class="info-item info-item--form">
+						<view class="info-main">
+							<view class="info-label">所属组织机构</view>
+							<view class="info-input info-input--picker" @tap="openOrganizationPicker">
+								{{ editingOrganizationName || '请选择所属组织机构' }}
+							</view>
+						</view>
+					</view>
+					<view class="info-item info-item--form">
+						<view class="info-main">
+							<view class="info-label">手机号码</view>
+							<view class="info-value">{{ profile.phone || '-' }}</view>
+						</view>
+						<view v-if="profile.phone" class="info-action" @tap="copyText(profile.phone)">复制</view>
+					</view>
+				</view>
+				<view class="info-actions">
+					<view class="nickname-btn nickname-btn--primary" @tap="saveProfileBasic">保存基础信息</view>
+				</view>
+			</view>
+		</scroll-view>
+
+		<view v-if="organizationPickerVisible" class="organization-mask" @tap="closeOrganizationPicker">
+			<view class="organization-panel" @tap.stop>
+				<view class="organization-head">
+					<view class="organization-title">选择所属组织机构</view>
+					<view class="organization-close" @tap="closeOrganizationPicker">关闭</view>
+				</view>
+				<input
+					v-model="organizationKeyword"
+					class="organization-search"
+					type="text"
+					placeholder="搜索组织机构"
+					placeholder-style="color: #b2a7a1;"
+				/>
+				<scroll-view scroll-y class="organization-scroll">
+					<view v-if="filteredOrganizationTree.length" class="organization-tree">
+						<view
+							v-for="item in filteredOrganizationTree"
+							:key="item.value"
+							class="organization-tree-node"
+						>
+							<view
+								class="organization-item"
+								:class="{ 'organization-item--active': String(item.value) === String(editingOrganizationId) }"
+								:style="{ paddingLeft: `${20 + item.level * 28}rpx` }"
+							>
+								<view class="organization-item-main" @tap="selectOrganization(item)">
+									<view class="organization-item-name">{{ item.rawLabel || item.text }}</view>
+								</view>
+								<view
+									v-if="item.children && item.children.length"
+									class="organization-item-toggle"
+									@tap.stop="toggleOrganizationNode(item.value)"
+								>
+									{{ isOrganizationExpanded(item.value) ? '收起' : '展开' }}
+								</view>
+							</view>
+						</view>
+					</view>
+					<view v-else class="organization-empty">没有匹配的组织机构</view>
+				</scroll-view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import CommonHero from '../components/common-hero/common-hero.vue'
+	import {
+		getCurrentUser,
+		getLocalProfileOverride,
+		getUserProfile,
+		listOrganizations,
+		saveLocalProfileOverride,
+		updateUserProfileData
+	} from '../pages/mine/service'
+
+	export default {
+		components: {
+			CommonHero
+		},
+		data() {
+			return {
+				editingNickname: '',
+				editingRealName: '',
+				editingGender: '',
+				editingOrganizationId: '',
+				editingOrganizationName: '',
+				genderOptions: ['男', '女', '未知'],
+				organizationTree: [],
+				organizationPickerVisible: false,
+				organizationKeyword: '',
+				organizationExpandedMap: {},
+				profile: {
+					userId: '',
+					nickname: '',
+					realName: '',
+					username: '',
+					avatar: '',
+					phone: '',
+					email: '',
+					organizationId: '',
+					organizationName: '',
+					tenantName: '',
+					merchantName: '',
+					sexName: '',
+					sex: '',
+					address: '',
+					province: '',
+					city: '',
+					region: '',
+					introduction: '',
+					roles: []
+				}
+			}
+		},
+		computed: {
+			displayName() {
+				return this.profile.nickname || this.profile.realName || this.profile.username || '未命名用户'
+			},
+			roleText() {
+				const roles = Array.isArray(this.profile.roles) ? this.profile.roles : []
+				if (roles.length) {
+					return roles.map((item) => item.roleName).filter(Boolean).join(' / ')
+				}
+				return '暂无角色信息'
+			},
+			organizationText() {
+				return this.profile.organizationName || this.profile.merchantName || this.profile.tenantName || '暂无组织信息'
+			},
+			avatarText() {
+				return (this.displayName || '我').slice(0, 2)
+			},
+			genderIndex() {
+				const index = this.genderOptions.indexOf(this.editingGender)
+				return index > -1 ? index : 0
+			},
+			filteredOrganizationTree() {
+				const keyword = String(this.organizationKeyword || '').trim().toLowerCase()
+				const source = Array.isArray(this.organizationTree) ? this.organizationTree : []
+				if (!keyword) {
+					return this.flattenVisibleOrganizationTree(source)
+				}
+				const filteredTree = this.filterOrganizationTree(source, keyword)
+				return this.flattenVisibleOrganizationTree(filteredTree, true)
+			}
+		},
+		onShow() {
+			this.loadProfile()
+			this.loadOrganizationOptions()
+		},
+		onPullDownRefresh() {
+			this.loadProfile(true)
+		},
+		methods: {
+			getProfileUserId() {
+				return Number(this.profile.userId || getCurrentUser().userId || 0) || ''
+			},
+			applyLocalProfileOverride() {
+				const override = getLocalProfileOverride(this.getProfileUserId())
+				if (override.nickname !== undefined) {
+					this.profile = {
+						...this.profile,
+						nickname: String(override.nickname || '').trim()
+					}
+				}
+				if (override.realName !== undefined) {
+					this.profile = {
+						...this.profile,
+						realName: String(override.realName || '').trim()
+					}
+				}
+				if (override.sex !== undefined || override.sexName !== undefined) {
+					const nextGender = String(override.sexName || override.sex || '').trim()
+					this.profile = {
+						...this.profile,
+						sex: nextGender,
+						sexName: nextGender
+					}
+				}
+				if (override.organizationId !== undefined || override.organizationName !== undefined) {
+					this.profile = {
+						...this.profile,
+						organizationId: override.organizationId || '',
+						organizationName: String(override.organizationName || '').trim()
+					}
+				}
+				this.editingNickname = this.profile.nickname || ''
+				this.editingRealName = this.profile.realName || ''
+				this.editingGender = this.profile.sexName || this.profile.sex || ''
+				this.editingOrganizationId = this.profile.organizationId || ''
+				this.editingOrganizationName = this.profile.organizationName || ''
+			},
+			async loadProfile(fromPullDown = false) {
+				try {
+					const tokenUser = getCurrentUser()
+					this.profile = {
+						...this.profile,
+						...tokenUser
+					}
+					const result = await getUserProfile()
+					this.profile = {
+						...this.profile,
+						...(result || {})
+					}
+					this.applyLocalProfileOverride()
+				} catch (error) {
+					this.applyLocalProfileOverride()
+					if (fromPullDown) {
+						uni.showToast({
+							title: (error && error.message) || '用户资料加载失败',
+							icon: 'none'
+						})
+					}
+				} finally {
+					if (fromPullDown) {
+						uni.stopPullDownRefresh()
+					}
+				}
+			},
+			async loadOrganizationOptions() {
+				try {
+					const organizationList = await listOrganizations()
+					if (!Array.isArray(organizationList) || !organizationList.length) {
+						this.organizationTree = []
+						this.organizationExpandedMap = {}
+						return
+					}
+					this.organizationTree = this.buildOrganizationTree(organizationList)
+					this.organizationExpandedMap = this.buildOrganizationExpandedMap(this.organizationTree, this.editingOrganizationId)
+					if (this.editingOrganizationId && !this.editingOrganizationName) {
+						const matched = this.findOrganizationNodeByValue(this.organizationTree, this.editingOrganizationId)
+						if (matched) {
+							this.editingOrganizationName = this.buildOrganizationLabel(this.organizationTree, this.editingOrganizationId)
+						}
+					}
+				} catch (error) {
+					this.organizationTree = []
+					this.organizationExpandedMap = {}
+				}
+			},
+			normalizeOrganizationNode(item) {
+				return {
+					text: item.organizationName || item.name || item.label || '',
+					value: Number(item.organizationId || item.id || item.value || 0) || String(item.organizationId || item.id || item.value || ''),
+					rawLabel: item.organizationName || item.name || item.label || '',
+					parentId: Number(item.parentId || item.parentID || item.pid || 0) || 0,
+					children: []
+				}
+			},
+			buildOrganizationTree(list) {
+				const source = Array.isArray(list) ? list : []
+				const nodeMap = {}
+				source.forEach((item) => {
+					const normalized = this.normalizeOrganizationNode(item)
+					if (normalized.text && normalized.value !== '') {
+						nodeMap[String(normalized.value)] = normalized
+					}
+				})
+				const roots = []
+				Object.keys(nodeMap).forEach((key) => {
+					const current = nodeMap[key]
+					const parentKey = String(current.parentId || 0)
+					if (current.parentId && nodeMap[parentKey]) {
+						nodeMap[parentKey].children.push(current)
+					} else {
+						roots.push(current)
+					}
+				})
+				return roots
+			},
+			findOrganizationNodeByValue(list, targetValue) {
+				const source = Array.isArray(list) ? list : []
+				const normalizedTarget = String(targetValue || '')
+				for (let index = 0; index < source.length; index += 1) {
+					const item = source[index]
+					if (String(item.value) === normalizedTarget) {
+						return item
+					}
+					if (Array.isArray(item.children) && item.children.length) {
+						const matched = this.findOrganizationNodeByValue(item.children, targetValue)
+						if (matched) {
+							return matched
+						}
+					}
+				}
+				return null
+			},
+			findOrganizationPathNodes(list, targetValue, path = []) {
+				const source = Array.isArray(list) ? list : []
+				const normalizedTarget = String(targetValue || '')
+				for (let index = 0; index < source.length; index += 1) {
+					const item = source[index]
+					const nextPath = path.concat(item)
+					if (String(item.value) === normalizedTarget) {
+						return nextPath
+					}
+					if (Array.isArray(item.children) && item.children.length) {
+						const matched = this.findOrganizationPathNodes(item.children, targetValue, nextPath)
+						if (matched) {
+							return matched
+						}
+					}
+				}
+				return null
+			},
+			buildOrganizationLabel(list, targetValue) {
+				const pathNodes = this.findOrganizationPathNodes(list, targetValue) || []
+				return pathNodes.map((item) => item.rawLabel || item.text).filter(Boolean).join(' / ')
+			},
+			buildOrganizationExpandedMap(list, targetValue) {
+				const expandedMap = {}
+				const pathNodes = this.findOrganizationPathNodes(list, targetValue) || []
+				pathNodes.forEach((item) => {
+					expandedMap[String(item.value)] = true
+				})
+				return expandedMap
+			},
+			filterOrganizationTree(list, keyword) {
+				return (Array.isArray(list) ? list : [])
+					.map((item) => {
+						const children = this.filterOrganizationTree(item.children || [], keyword)
+						const text = String(item.rawLabel || item.text || '').toLowerCase()
+						if (text.includes(keyword) || children.length) {
+							return {
+								...item,
+								children
+							}
+						}
+						return null
+					})
+					.filter(Boolean)
+			},
+			flattenVisibleOrganizationTree(list, forceExpand = false, level = 0) {
+				const result = []
+				;(Array.isArray(list) ? list : []).forEach((item) => {
+					result.push({
+						...item,
+						level
+					})
+					const shouldExpand = forceExpand || this.isOrganizationExpanded(item.value)
+					if (shouldExpand && Array.isArray(item.children) && item.children.length) {
+						result.push(...this.flattenVisibleOrganizationTree(item.children, forceExpand, level + 1))
+					}
+				})
+				return result
+			},
+			handleNicknameInput(event) {
+				const value = typeof event === 'string' ? event : (event.detail && event.detail.value) || ''
+				this.editingNickname = String(value || '')
+			},
+			handleRealNameInput(event) {
+				const value = typeof event === 'string' ? event : (event.detail && event.detail.value) || ''
+				this.editingRealName = String(value || '')
+			},
+			handleGenderChange(event) {
+				const index = Number((event.detail && event.detail.value) || 0)
+				this.editingGender = this.genderOptions[index] || ''
+			},
+			openOrganizationPicker() {
+				if (!this.organizationTree.length) {
+					uni.showToast({
+						title: '暂无组织机构数据',
+						icon: 'none'
+					})
+					return
+				}
+				this.organizationKeyword = ''
+				this.organizationPickerVisible = true
+			},
+			closeOrganizationPicker() {
+				this.organizationPickerVisible = false
+			},
+			isOrganizationExpanded(value) {
+				return !!this.organizationExpandedMap[String(value)]
+			},
+			toggleOrganizationNode(value) {
+				const key = String(value)
+				this.organizationExpandedMap = {
+					...this.organizationExpandedMap,
+					[key]: !this.organizationExpandedMap[key]
+				}
+			},
+			selectOrganization(item) {
+				this.editingOrganizationId = item.value
+				this.editingOrganizationName = this.buildOrganizationLabel(this.organizationTree, item.value)
+				this.closeOrganizationPicker()
+			},
+			async saveProfileBasic() {
+				const nickname = String(this.editingNickname || '').trim()
+				const realName = String(this.editingRealName || '').trim()
+				const gender = String(this.editingGender || '').trim()
+				const organizationId = this.editingOrganizationId
+				const organizationName = String(this.editingOrganizationName || '').trim()
+				try {
+					await updateUserProfileData({
+						userId: this.getProfileUserId() || undefined,
+						nickname,
+						realName,
+						sex: gender,
+						sexName: gender,
+						organizationId,
+						organizationName
+					})
+					this.profile = {
+						...this.profile,
+						nickname,
+						realName,
+						sex: gender,
+						sexName: gender,
+						organizationId,
+						organizationName
+					}
+					this.editingNickname = nickname
+					this.editingRealName = realName
+					this.editingGender = gender
+					this.editingOrganizationId = organizationId
+					this.editingOrganizationName = organizationName
+					saveLocalProfileOverride(this.getProfileUserId(), {
+						nickname,
+						realName,
+						sex: gender,
+						sexName: gender,
+						organizationId,
+						organizationName
+					})
+					uni.showToast({
+						title: '资料已保存',
+						icon: 'none'
+					})
+				} catch (error) {
+					uni.showToast({
+						title: (error && error.message) || '保存失败',
+						icon: 'none'
+					})
+				}
+			},
+			fillWechatNickname() {
+				// #ifdef MP-WEIXIN
+				const assignNickname = (userInfo) => {
+					const nickname = String((userInfo && (userInfo.nickName || userInfo.nickname)) || '').trim()
+					if (!nickname) {
+						uni.showToast({
+							title: '未读取到微信昵称',
+							icon: 'none'
+						})
+						return
+					}
+					this.editingNickname = nickname
+					uni.showToast({
+						title: '已读取微信昵称',
+						icon: 'none'
+					})
+				}
+				if (typeof uni.getUserProfile === 'function') {
+					uni.getUserProfile({
+						desc: '用于完善用户昵称',
+						success: (res) => {
+							assignNickname(res && res.userInfo)
+						},
+						fail: () => {
+							uni.showToast({
+								title: '未授权读取微信昵称',
+								icon: 'none'
+							})
+						}
+					})
+					return
+				}
+				if (typeof uni.getUserInfo === 'function') {
+					uni.getUserInfo({
+						success: (res) => {
+							assignNickname(res && res.userInfo)
+						},
+						fail: () => {
+							uni.showToast({
+								title: '读取微信昵称失败',
+								icon: 'none'
+							})
+						}
+					})
+					return
+				}
+				uni.showToast({
+					title: '当前环境不支持读取微信昵称',
+					icon: 'none'
+				})
+				return
+				// #endif
+				// #ifndef MP-WEIXIN
+				uni.showToast({
+					title: '仅微信小程序支持读取微信昵称',
+					icon: 'none'
+				})
+				// #endif
+			},
+			copyText(value) {
+				uni.setClipboardData({
+					data: String(value || ''),
+					success: () => {
+						uni.showToast({
+							title: '已复制',
+							icon: 'none'
+						})
+					}
+				})
+			},
+			goPage(url) {
+				uni.navigateTo({
+					url
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.page {
+		min-height: 100vh;
+		background:
+			radial-gradient(circle at top center, rgba(20, 150, 242, 0.1), transparent 28%),
+			linear-gradient(180deg, #f5fbff 0%, #eef7ff 100%);
+	}
+
+	.page-scroll {
+		height: 100vh;
+		padding: 24rpx 24rpx 40rpx;
+	}
+
+	.hero-card,
+	.section-card {
+		border-radius: 32rpx;
+		background: rgba(255, 255, 255, 0.94);
+		border: 1rpx solid rgba(20, 150, 242, 0.08);
+		box-shadow: 0 10rpx 28rpx rgba(34, 94, 142, 0.08);
+	}
+
+	.hero-card {
+		padding: 34rpx 30rpx;
+		background: linear-gradient(145deg, #0d6fba 0%, #1496f2 58%, #5bc2ff 100%);
+		color: #fff;
+	}
+
+	.hero-top {
+		display: flex;
+		align-items: center;
+	}
+
+	.avatar-image,
+	.avatar-text {
+		width: 112rpx;
+		height: 112rpx;
+		border-radius: 32rpx;
+		background: rgba(255, 255, 255, 0.16);
+	}
+
+	.avatar-text {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		font-size: 30rpx;
+		font-weight: 700;
+	}
+
+	.hero-main {
+		flex: 1;
+		min-width: 0;
+		margin-left: 22rpx;
+	}
+
+	.hero-name {
+		font-size: 38rpx;
+		font-weight: 700;
+	}
+
+	.hero-role,
+	.hero-org {
+		margin-top: 10rpx;
+		font-size: 24rpx;
+		line-height: 1.6;
+		color: rgba(255, 255, 255, 0.84);
+	}
+
+	.hero-stats {
+		display: grid;
+		grid-template-columns: repeat(3, minmax(0, 1fr));
+		gap: 16rpx;
+		margin-top: 28rpx;
+	}
+
+	.stat-item {
+		padding: 20rpx 16rpx;
+		border-radius: 24rpx;
+		background: rgba(255, 255, 255, 0.12);
+		text-align: center;
+	}
+
+	.stat-value {
+		font-size: 28rpx;
+		font-weight: 700;
+	}
+
+	.stat-label {
+		margin-top: 8rpx;
+		font-size: 22rpx;
+		color: rgba(255, 255, 255, 0.82);
+	}
+
+	.section-card {
+		margin-top: 24rpx;
+		padding: 26rpx;
+	}
+
+	.section-title {
+		font-size: 30rpx;
+		font-weight: 700;
+		color: #1f2329;
+	}
+
+	.info-list {
+		display: flex;
+		flex-direction: column;
+		gap: 16rpx;
+		margin-top: 18rpx;
+	}
+
+	.info-item {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		gap: 16rpx;
+		padding: 20rpx 18rpx;
+		border-radius: 24rpx;
+		background: #faf5f2;
+	}
+
+	.info-main {
+		flex: 1;
+		min-width: 0;
+	}
+
+	.info-label {
+		font-size: 22rpx;
+		color: #8b817c;
+	}
+
+	.info-value {
+		margin-top: 8rpx;
+		font-size: 25rpx;
+		line-height: 1.6;
+		color: #2b3037;
+		word-break: break-all;
+	}
+
+	.info-action {
+		flex-shrink: 0;
+		font-size: 22rpx;
+		color: #1496f2;
+	}
+
+	.info-item--form {
+		align-items: flex-start;
+	}
+
+	:deep(.info-input.uv-input) {
+		width: 100%;
+		height: 92rpx;
+		margin-top: 12rpx;
+		padding: 0 24rpx !important;
+		border-radius: 24rpx;
+		background: #ffffff !important;
+		border: 1rpx solid #eadfd7 !important;
+		box-sizing: border-box;
+	}
+
+	:deep(.info-input.uv-input .uv-input__content__field-wrapper__field) {
+		font-size: 26rpx;
+		color: #2b3037;
+	}
+
+	.info-input--picker {
+		display: flex;
+		align-items: center;
+		min-height: 92rpx;
+		margin-top: 12rpx;
+		padding: 0 24rpx;
+		border-radius: 24rpx;
+		background: #ffffff;
+		border: 1rpx solid #eadfd7;
+		box-sizing: border-box;
+		font-size: 26rpx;
+		color: #2b3037;
+	}
+
+	.organization-mask {
+		position: fixed;
+		inset: 0;
+		z-index: 99;
+		background: rgba(44, 28, 23, 0.28);
+		display: flex;
+		align-items: flex-end;
+	}
+
+	.organization-panel {
+		width: 100%;
+		max-height: 76vh;
+		padding: 28rpx 24rpx calc(24rpx + env(safe-area-inset-bottom));
+		border-radius: 32rpx 32rpx 0 0;
+		background: #fff;
+		box-sizing: border-box;
+		display: flex;
+		flex-direction: column;
+	}
+
+	.organization-head {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		gap: 16rpx;
+	}
+
+	.organization-title {
+		font-size: 30rpx;
+		font-weight: 700;
+		color: #1f2329;
+	}
+
+	.organization-close {
+		padding: 10rpx 18rpx;
+		border-radius: 18rpx;
+		background: rgba(20, 150, 242, 0.08);
+		color: #1496f2;
+		font-size: 24rpx;
+	}
+
+	.organization-search {
+		width: 100%;
+		height: 88rpx;
+		margin-top: 20rpx;
+		padding: 0 24rpx;
+		border-radius: 24rpx;
+		background: #ffffff;
+		border: 1rpx solid #eadfd7;
+		box-sizing: border-box;
+		font-size: 26rpx;
+		color: #2b3037;
+	}
+
+	.organization-scroll {
+		flex: 1;
+		min-height: 0;
+		margin-top: 20rpx;
+	}
+
+	.organization-item {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		gap: 16rpx;
+		padding: 10rpx 20rpx;
+		border-radius: 22rpx;
+		//background: #faf5f2;
+	}
+
+	.organization-item + .organization-item {
+		margin-top: 14rpx;
+	}
+
+	.organization-item--active {
+		background: rgba(20, 150, 242, 0.08);
+		border: 1rpx solid rgba(20, 150, 242, 0.22);
+	}
+
+	.organization-item-name {
+		font-size: 25rpx;
+		line-height: 1.6;
+		color: #2b3037;
+		word-break: break-all;
+	}
+
+	.organization-item-main {
+		flex: 1;
+		min-width: 0;
+	}
+
+	.organization-item-toggle {
+		flex-shrink: 0;
+		padding: 8rpx 16rpx;
+		border-radius: 999rpx;
+		background: rgba(20, 150, 242, 0.08);
+		font-size: 22rpx;
+		color: #1496f2;
+	}
+
+	.organization-empty {
+		padding: 56rpx 0 32rpx;
+		text-align: center;
+		font-size: 24rpx;
+		color: #8b817c;
+	}
+
+	.info-actions {
+		margin-top: 18rpx;
+	}
+
+	.nickname-btn {
+		height: 80rpx;
+		line-height: 80rpx;
+		border-radius: 22rpx;
+		font-size: 24rpx;
+		font-weight: 700;
+		text-align: center;
+	}
+
+	.nickname-btn--ghost {
+		background: #eef6ff;
+		color: #1496f2;
+	}
+
+	.nickname-btn--primary {
+		background: linear-gradient(135deg, #0d6fba 0%, #1496f2 100%);
+		color: #fff;
+	}
+
+	.nickname-tip {
+		margin-top: 14rpx;
+		font-size: 22rpx;
+		line-height: 1.6;
+		color: #8b817c;
+	}
+
+	.bio-text {
+		margin-top: 18rpx;
+		font-size: 24rpx;
+		line-height: 1.8;
+		color: #746a65;
+	}
+
+	.quick-grid {
+		display: grid;
+		grid-template-columns: repeat(3, minmax(0, 1fr));
+		gap: 16rpx;
+		margin-top: 18rpx;
+	}
+
+	.quick-card {
+		padding: 22rpx 18rpx;
+		border-radius: 24rpx;
+		background: #fbf6f1;
+		text-align: center;
+	}
+
+	.quick-icon {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		width: 72rpx;
+		height: 72rpx;
+		margin: 0 auto;
+		border-radius: 22rpx;
+		background: rgba(20, 150, 242, 0.1);
+		color: #1496f2;
+		font-size: 28rpx;
+		font-weight: 700;
+	}
+
+	.quick-title {
+		margin-top: 14rpx;
+		font-size: 24rpx;
+		font-weight: 700;
+		color: #2b3037;
+	}
+</style>
diff --git a/packageMine/qingma.vue b/packageMine/qingma.vue
new file mode 100644
index 0000000..25cf847
--- /dev/null
+++ b/packageMine/qingma.vue
@@ -0,0 +1,362 @@
+<template>
+	<view class="page">
+		<scroll-view scroll-y class="page-scroll">
+			<common-hero title="我的青马" :use-image-bg="true"></common-hero>
+			<view class="hero-card">
+				<view class="hero-title">我的“青马”</view>
+				<view class="hero-desc">查看青马工程报名记录、培养信息与当前审核状态。</view>
+				<view class="hero-stats">
+					<view class="stat-item">
+						<view class="stat-value">{{ records.length }}</view>
+						<view class="stat-label">记录总数</view>
+					</view>
+					<view class="stat-item">
+						<view class="stat-value">{{ approvedCount }}</view>
+						<view class="stat-label">已通过</view>
+					</view>
+					<view class="stat-item">
+						<view class="stat-value">{{ pendingCount }}</view>
+						<view class="stat-label">待跟进</view>
+					</view>
+				</view>
+			</view>
+
+			<view v-if="loading" class="state-card">
+				<view class="state-title">正在加载青马数据...</view>
+				<view class="state-desc">请稍候，正在同步你的青马工程记录。</view>
+			</view>
+			<view v-else-if="errorText" class="state-card state-card--error">
+				<view class="state-title">加载失败</view>
+				<view class="state-desc">{{ errorText }}</view>
+			</view>
+			<view v-else-if="!records.length" class="state-card">
+				<view class="state-title">暂未查询到青马记录</view>
+				<view class="state-desc">当前账号还没有青马工程报名或培养数据，可前往申报页查看开放项目。</view>
+				<view class="state-action" @tap="goApplyList">查看申报列表</view>
+			</view>
+			<view v-else class="card-list">
+				<view v-for="item in records" :key="item.id || `${item.name}-${item.year}`" class="data-card">
+					<view class="card-top">
+						<view class="card-main">
+							<view class="card-title">{{ item.name || '未命名学员' }}</view>
+							<view class="card-subtitle">{{ item.year || '未设置年度' }} · 青马工程</view>
+						</view>
+						<view class="status-tag" :class="`status-tag--${getStatusMeta(item).tone}`">
+							{{ getStatusMeta(item).text }}
+						</view>
+					</view>
+					<view class="meta-list">
+						<view class="meta-item">
+							<view class="meta-label">学校院系</view>
+							<view class="meta-value">{{ item.schoolInfo || '-' }}</view>
+						</view>
+						<view class="meta-item">
+							<view class="meta-label">手机号码</view>
+							<view class="meta-value">{{ item.phone || '-' }}</view>
+						</view>
+						<view class="meta-item">
+							<view class="meta-label">团学职务</view>
+							<view class="meta-value">{{ item.leaguePosition || '-' }}</view>
+						</view>
+						<view class="meta-item">
+							<view class="meta-label">综合成绩</view>
+							<view class="meta-value">{{ item.academicPerformance || '-' }}</view>
+						</view>
+					</view>
+					<view class="card-actions">
+						<view class="card-action" @tap="copyValue(item.phone)">复制电话</view>
+						<view class="card-action" @tap="copyValue(item.schoolInfo)">复制院系</view>
+					</view>
+				</view>
+			</view>
+		</scroll-view>
+	</view>
+</template>
+
+<script>
+	import CommonHero from '../components/common-hero/common-hero.vue'
+	import { getReviewStatusMeta, userPageQmgcForm } from '../pages/mine/service'
+
+	export default {
+		components: {
+			CommonHero
+		},
+		data() {
+			return {
+				loading: false,
+				errorText: '',
+				records: []
+			}
+		},
+		computed: {
+			approvedCount() {
+				return this.records.filter((item) => this.getStatusMeta(item).text === '通过').length
+			},
+			pendingCount() {
+				return this.records.filter((item) => this.getStatusMeta(item).text !== '通过').length
+			}
+		},
+		onShow() {
+			this.loadData()
+		},
+		onPullDownRefresh() {
+			this.loadData(true)
+		},
+		methods: {
+			getStatusMeta(item) {
+				return getReviewStatusMeta(item && item.reviewList)
+			},
+			async loadData(fromPullDown = false) {
+				this.loading = true
+				this.errorText = ''
+				try {
+					const result = await userPageQmgcForm({
+						page: 1,
+						limit: 20
+					})
+					this.records = (result && result.list) || []
+				} catch (error) {
+					this.errorText = (error && error.message) || '青马数据加载失败'
+				} finally {
+					this.loading = false
+					if (fromPullDown) {
+						uni.stopPullDownRefresh()
+					}
+				}
+			},
+			copyValue(value) {
+				if (!value) {
+					uni.showToast({
+						title: '暂无可复制内容',
+						icon: 'none'
+					})
+					return
+				}
+				uni.setClipboardData({
+					data: String(value),
+					success: () => {
+						uni.showToast({
+							title: '已复制',
+							icon: 'none'
+						})
+					}
+				})
+			},
+			goApplyList() {
+				uni.navigateTo({
+					url: '/pages/gxmu/index'
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.page {
+		min-height: 100vh;
+		background:
+			radial-gradient(circle at top center, rgba(184, 146, 33, 0.1), transparent 30%),
+			linear-gradient(180deg, #f8f4eb 0%, #f4efe5 100%);
+	}
+
+	.page-scroll {
+		height: 100vh;
+		padding: 24rpx 24rpx 40rpx;
+	}
+
+	.hero-card,
+	.state-card,
+	.data-card {
+		border-radius: 30rpx;
+	}
+
+	.hero-card {
+		padding: 34rpx 36rpx;
+		border-radius: 28rpx;
+		background: rgba(255, 255, 255, 0.5);
+		box-shadow: 0 4rpx 12rpx 0 rgba(174, 174, 174, 0.4);
+		backdrop-filter: blur(24rpx);
+		-webkit-backdrop-filter: blur(24rpx);
+		border: 1rpx solid rgba(255, 255, 255, 0.5);
+	}
+
+	.hero-title {
+		margin-top: 8rpx;
+		padding-left: 10rpx;
+		font-size: 30rpx;
+		font-weight: 700;
+		line-height: 1.35;
+		color: #18a0f7;
+		border-left: 5px solid #0f94ef;
+	}
+
+	.hero-desc {
+		margin-top: 20rpx;
+		font-size: 24rpx;
+		line-height: 1.8;
+		color: #7f7f7f;
+	}
+
+	.state-card,
+	.data-card {
+		background: rgba(255, 255, 255, 0.94);
+		border: 1rpx solid rgba(184, 146, 33, 0.08);
+		box-shadow: 0 10rpx 28rpx rgba(76, 49, 35, 0.08);
+	}
+
+	.hero-stats {
+		display: grid;
+		grid-template-columns: repeat(3, minmax(0, 1fr));
+		gap: 16rpx;
+		margin-top: 24rpx;
+	}
+
+	.stat-item {
+		padding: 18rpx 16rpx;
+		border-radius: 22rpx;
+		background: rgba(255, 255, 255, 0.12);
+		text-align: center;
+	}
+
+	.stat-value {
+		font-size: 32rpx;
+		font-weight: 700;
+	}
+
+	.stat-label {
+		margin-top: 6rpx;
+		font-size: 22rpx;
+		color: rgba(255, 253, 244, 0.8);
+	}
+
+	.state-card {
+		margin-top: 24rpx;
+		padding: 28rpx 24rpx;
+	}
+
+	.state-card--error {
+		border-color: rgba(195, 49, 30, 0.16);
+	}
+
+	.state-title {
+		font-size: 30rpx;
+		font-weight: 700;
+		color: #20252c;
+	}
+
+	.state-desc {
+		margin-top: 12rpx;
+		font-size: 24rpx;
+		line-height: 1.75;
+		color: #786e69;
+	}
+
+	.state-action {
+		margin-top: 18rpx;
+		font-size: 24rpx;
+		color: #a37a11;
+		font-weight: 700;
+	}
+
+	.card-list {
+		display: flex;
+		flex-direction: column;
+		gap: 18rpx;
+		margin-top: 24rpx;
+	}
+
+	.data-card {
+		padding: 24rpx;
+	}
+
+	.card-top {
+		display: flex;
+		align-items: flex-start;
+		justify-content: space-between;
+		gap: 16rpx;
+	}
+
+	.card-main {
+		flex: 1;
+		min-width: 0;
+	}
+
+	.card-title {
+		font-size: 30rpx;
+		font-weight: 700;
+		color: #22272f;
+	}
+
+	.card-subtitle {
+		margin-top: 8rpx;
+		font-size: 22rpx;
+		color: #8b817c;
+	}
+
+	.status-tag {
+		padding: 10rpx 16rpx;
+		border-radius: 999rpx;
+		font-size: 20rpx;
+		font-weight: 700;
+	}
+
+	.status-tag--success {
+		background: #eef9f1;
+		color: #1f8f49;
+	}
+
+	.status-tag--danger {
+		background: #fff1f0;
+		color: #d4380d;
+	}
+
+	.status-tag--warning {
+		background: #fff8e6;
+		color: #ad7b00;
+	}
+
+	.status-tag--default {
+		background: #f5f5f5;
+		color: #8b817c;
+	}
+
+	.meta-list {
+		display: flex;
+		flex-direction: column;
+		gap: 14rpx;
+		margin-top: 18rpx;
+	}
+
+	.meta-item {
+		padding: 18rpx;
+		border-radius: 22rpx;
+		background: #faf7f0;
+	}
+
+	.meta-label {
+		font-size: 20rpx;
+		color: #8b817c;
+	}
+
+	.meta-value {
+		margin-top: 8rpx;
+		font-size: 24rpx;
+		line-height: 1.7;
+		color: #2d333b;
+		word-break: break-all;
+	}
+
+	.card-actions {
+		display: flex;
+		gap: 14rpx;
+		margin-top: 18rpx;
+	}
+
+	.card-action {
+		padding: 10rpx 18rpx;
+		border-radius: 999rpx;
+		background: rgba(163, 122, 17, 0.08);
+		color: #a37a11;
+		font-size: 22rpx;
+	}
+</style>
diff --git a/pages.json b/pages.json
new file mode 100644
index 0000000..8dff76d
--- /dev/null
+++ b/pages.json
@@ -0,0 +1,237 @@
+{
+	"easycom": {
+		"autoscan": true,
+		"custom": {
+			"^zero-markdown-view$": "@/uni_modules/zero-markdown-view/components/zero-markdown-view/zero-markdown-view.vue"
+		}
+	},
+	"pages": [
+		{
+			"path": "pages/index/index",
+			"style": {
+				"navigationBarTitleText": "首页",
+				"navigationStyle": "custom"
+			}
+		},
+		{
+			"path": "pages/assistant/index",
+			"style": {
+				"navigationBarTitleText": "助手",
+				"navigationStyle": "custom"
+			}
+		},
+		{
+			"path": "pages/mine/index",
+			"style": {
+				"navigationBarTitleText": "我的",
+        "navigationStyle": "custom"
+			}
+		}
+	],
+	"subPackages": [
+		{
+			"root": "pages/gxmu",
+			"pages": [
+				{
+					"path": "index",
+					"style": {
+						"navigationBarTitleText": "五四评优",
+						"navigationStyle": "custom"
+					}
+				},
+				{
+					"path": "form",
+					"style": {
+						"navigationBarTitleText": "申报表",
+						"navigationStyle": "custom"
+					}
+				},
+				{
+					"path": "tzbcy",
+					"style": {
+						"navigationBarTitleText": "挑战杯申报",
+						"navigationStyle": "custom"
+					}
+				},
+				{
+					"path": "qmgc",
+					"style": {
+						"navigationBarTitleText": "青马工程申报",
+						"navigationStyle": "custom"
+					}
+				},
+				{
+					"path": "wxxzx",
+					"style": {
+						"navigationBarTitleText": "未来学术之星申报",
+						"navigationStyle": "custom"
+					}
+				},
+				{
+					"path": "stats",
+					"style": {
+						"navigationBarTitleText": "数据统计与报表中心",
+						"navigationStyle": "custom"
+					}
+				},
+				{
+					"path": "cross-school-board",
+					"style": {
+						"navigationBarTitleText": "跨校活动情报看板",
+						"navigationStyle": "custom"
+					}
+				},
+				{
+					"path": "tzb-database",
+					"style": {
+						"navigationBarTitleText": "创新竞赛历史项目数据库",
+						"navigationStyle": "custom"
+					}
+				},
+				{
+					"path": "tzb-project-list",
+					"style": {
+						"navigationBarTitleText": "挑战杯项目库",
+						"navigationStyle": "custom"
+					}
+				},
+				{
+					"path": "tzb-talent-list",
+					"style": {
+						"navigationBarTitleText": "挑战杯人才库",
+						"navigationStyle": "custom"
+					}
+				},
+				{
+					"path": "review-list",
+					"style": {
+						"navigationBarTitleText": "审核列表",
+						"navigationStyle": "custom"
+					}
+				}
+			]
+		},
+		{
+			"root": "packageMine",
+			"pages": [
+				{
+					"path": "profile",
+					"style": {
+						"navigationBarTitleText": "用户资料",
+						"navigationStyle": "custom"
+					}
+				},
+				{
+					"path": "qingma",
+					"style": {
+						"navigationBarTitleText": "我的青马",
+						"navigationStyle": "custom"
+					}
+				},
+				{
+					"path": "manuscripts",
+					"style": {
+						"navigationBarTitleText": "我的稿件",
+						"navigationStyle": "custom"
+					}
+				},
+				{
+					"path": "declare",
+					"style": {
+						"navigationBarTitleText": "我的申报",
+						"navigationStyle": "custom"
+					}
+				}
+			]
+		},
+		{
+			"root": "pages/tygl",
+			"pages": [
+				{
+					"path": "index",
+					"style": {
+						"navigationBarTitleText": "团员档案管理",
+            "navigationStyle": "custom"
+					}
+				}
+			]
+		},
+		{
+			"root": "pages/manuscript",
+			"pages": [
+				{
+					"path": "index",
+					"style": {
+						"navigationBarTitleText": "文稿工作台"
+					}
+				}
+			]
+		},
+		{
+			"root": "pages/activity-outline",
+			"pages": [
+				{
+					"path": "index",
+					"style": {
+						"navigationBarTitleText": "活动策划大纲"
+					}
+				}
+			]
+		},
+		{
+			"root": "pages/creative-assistant",
+			"pages": [
+				{
+					"path": "index",
+					"style": {
+						"navigationBarTitleText": "AI创意助手"
+					}
+				}
+			]
+		},
+		{
+			"root": "pages/login",
+			"pages": [
+				{
+					"path": "index",
+					"style": {
+						"navigationBarTitleText": "登录"
+					}
+				}
+			]
+		}
+	],
+	"globalStyle": {
+		"navigationBarTextStyle": "white",
+		"navigationBarTitleText": "智慧团委",
+		"navigationBarBackgroundColor": "#1496F2",
+		"backgroundColor": "#F4FAFF"
+	},
+	"tabBar": {
+		"color": "#7D7672",
+		"selectedColor": "#1496F2",
+		"backgroundColor": "#FFFFFF",
+		"borderStyle": "black",
+		"list": [
+			{
+				"pagePath": "pages/index/index",
+				"iconPath": "static/tabbar/home.png",
+				"selectedIconPath": "static/tabbar/home-active.png",
+				"text": "首页"
+			},
+			{
+				"pagePath": "pages/assistant/index",
+				"iconPath": "static/tabbar/chat.png",
+				"selectedIconPath": "static/tabbar/chat-active.png",
+				"text": "助手"
+			},
+			{
+				"pagePath": "pages/mine/index",
+				"iconPath": "static/tabbar/user.png",
+				"selectedIconPath": "static/tabbar/user-active.png",
+				"text": "我的"
+			}
+		]
+	},
+	"uniIdRouter": {}
+}
diff --git a/pages/activity-outline/index.vue b/pages/activity-outline/index.vue
new file mode 100644
index 0000000..d8f6fef
--- /dev/null
+++ b/pages/activity-outline/index.vue
@@ -0,0 +1,881 @@
+<template>
+	<view class="page">
+		<scroll-view scroll-y class="page-scroll">
+			<view class="hero-card">
+				<view class="hero-kicker">AI EVENT PLANNING OUTLINE</view>
+				<view class="hero-title">活动策划大纲生成</view>
+				<view class="hero-desc">
+					输入活动主题、受众、时间和资金等信息，系统会调用 `/ai/activityOutlineGen`
+					生成结构化活动策划大纲，适合方案初稿、汇报材料和执行拆解场景。
+				</view>
+				<view class="hero-actions">
+					<view class="hero-action" @tap="fillExample('volunteer')">志愿服务</view>
+					<view class="hero-action" @tap="fillExample('salon')">主题沙龙</view>
+					<view class="hero-action" @tap="fillExample('sports')">校园赛事</view>
+				</view>
+			</view>
+
+			<view class="panel-card">
+				<view class="panel-title">活动信息</view>
+				<view class="field-list">
+					<view class="field-item">
+						<view class="field-label">活动主题</view>
+						<uv-input
+							v-model="form.event_theme"
+							class="field-input"
+							placeholder="例如：青春志愿行 绿美校园环保行动"
+							placeholder-style="color: #c0c4cc;"
+							:maxlength="-1"
+						/>
+					</view>
+					<view class="field-item">
+						<view class="field-label">面向受众</view>
+						<uv-input
+							v-model="form.people"
+							class="field-input"
+							placeholder="例如：全校团员青年、学生骨干、青年志愿者"
+							placeholder-style="color: #c0c4cc;"
+							:maxlength="-1"
+						/>
+					</view>
+					<view class="field-item">
+						<view class="field-label">活动时间</view>
+						<uv-input
+							v-model="form.event_time"
+							class="field-input"
+							placeholder="例如：2026年4月18日 14:30-17:30"
+							placeholder-style="color: #c0c4cc;"
+							:maxlength="-1"
+						/>
+					</view>
+					<view class="field-item">
+						<view class="field-label">活动资金</view>
+						<uv-input
+							v-model="form.event_funding"
+							class="field-input"
+							placeholder="例如：预算 5000 元，来源为校团委专项经费"
+							placeholder-style="color: #c0c4cc;"
+							:maxlength="-1"
+						/>
+					</view>
+					<view class="field-item">
+						<view class="field-label">活动形式</view>
+						<uv-input
+							v-model="form.event_type"
+							class="field-input"
+							placeholder="例如：专题讲座 + 分组互动 + 现场展示"
+							placeholder-style="color: #c0c4cc;"
+							:maxlength="-1"
+						/>
+					</view>
+					<view class="field-item">
+						<view class="field-label">活动地点</view>
+						<uv-input
+							v-model="form.event_location"
+							class="field-input"
+							placeholder="例如：大学生活动中心一楼报告厅"
+							placeholder-style="color: #c0c4cc;"
+							:maxlength="-1"
+						/>
+					</view>
+					<view class="field-item">
+						<view class="field-label">备注</view>
+						<textarea
+							v-model="form.event_meme"
+							class="field-textarea"
+							placeholder="补充活动背景、目标、关键限制、预期成果或希望体现的亮点"
+							placeholder-style="color: #c0c4cc;"
+							maxlength="-1"
+						/>
+					</view>
+				</view>
+
+				<view class="submit-bar">
+					<view class="ghost-btn" @tap="resetForm">重置</view>
+					<view class="primary-btn" :class="{ 'primary-btn--disabled': !canSubmit || loading }" @tap="handleGenerate">
+						{{ loading ? '生成中' : '生成大纲' }}
+					</view>
+				</view>
+
+				<view class="hint-block">
+					<view class="hint-title">提交说明</view>
+					<view class="hint-text">
+						必填字段会直接作为 `inputs` 透传给 AI，后端固定触发“活动策划大纲生成”指令，并返回整理后的正文结果。
+					</view>
+				</view>
+			</view>
+
+			<view class="panel-card result-card">
+				<view class="result-head">
+					<view class="panel-title">生成结果</view>
+					<view class="result-status" :class="loading ? 'result-status--loading' : hasOutlineContent ? 'result-status--done' : ''">
+						{{ loading ? '生成中' : hasOutlineContent ? '已生成' : '待生成' }}
+					</view>
+				</view>
+
+				<view v-if="loading" class="loading-panel">
+					<view class="loading-kicker">OUTLINE GENERATING</view>
+					<view class="loading-title">AI 正在整理活动策划结构</view>
+					<view class="loading-desc">
+						正在综合活动主题、受众、时间与经费信息，生成可直接二次编辑的策划大纲。
+					</view>
+				</view>
+
+				<view v-if="showThinkingIndicator" class="outline-thinking">
+					<view class="thinking-dot"></view>
+					<text>AI 正在生成正文内容，请稍候...</text>
+				</view>
+
+				<view v-if="resultSummary" class="result-alert">
+					{{ resultSummary }}
+				</view>
+
+				<view v-if="hasOutlineContent || loading" class="field-item">
+					<view class="field-label">策划大纲</view>
+					<textarea
+						v-model="editableOutlineMarkdown"
+						class="result-textarea"
+						placeholder="填写左侧信息后开始生成活动策划大纲"
+						placeholder-style="color: #c0c4cc;"
+						maxlength="-1"
+						:disabled="loading"
+					/>
+				</view>
+
+				<view v-else class="result-empty">
+					填写左侧信息后开始生成活动策划大纲
+				</view>
+
+				<view class="result-actions">
+					<view class="result-btn" @tap="copyOutline">复制内容</view>
+					<view class="result-btn" @tap="clearResult">清空结果</view>
+				</view>
+			</view>
+		</scroll-view>
+	</view>
+</template>
+
+<script>
+	import {
+		activityOutlineGen,
+		buildWebSocketUrl,
+		getCurrentUser
+	} from './service'
+
+	const STREAM_END_TEXT = '__END__'
+	const SOCKET_CONNECTED_TEXT = '连接成功'
+	const THINK_OPEN_TAG = '<think>'
+	const THINK_CLOSE_TAG = '</think>'
+
+	const createDefaultForm = () => ({
+		event_theme: '',
+		people: '',
+		event_time: '',
+		event_funding: '',
+		event_type: '',
+		event_location: '',
+		event_meme: ''
+	})
+
+	export default {
+		data() {
+			return {
+				form: createDefaultForm(),
+				loading: false,
+				result: null,
+				outlineMarkdown: '',
+				editableOutlineMarkdown: '',
+				resultSummary: '',
+				activeConversationId: '',
+				activeMessageId: '',
+				socketTask: null,
+				socketConnectPromise: null,
+				streamStarted: false,
+				streamResolver: null,
+				currentUser: {
+					userId: null
+				}
+			}
+		},
+		computed: {
+			canSubmit() {
+				return !!(
+					String(this.form.event_theme || '').trim() &&
+					String(this.form.people || '').trim() &&
+					String(this.form.event_time || '').trim() &&
+					String(this.form.event_funding || '').trim()
+				)
+			},
+			parsedOutlineContent() {
+				return this.parseAssistantContent(this.outlineMarkdown)
+			},
+			visibleOutlineMarkdown() {
+				return this.parsedOutlineContent.content
+			},
+			hasOutlineContent() {
+				return !!String(this.editableOutlineMarkdown || '').trim()
+			},
+			showThinkingIndicator() {
+				return this.loading && this.parsedOutlineContent.thinking
+			}
+		},
+		onUnload() {
+			this.clearStreamResolver()
+			this.disconnectWebSocket()
+		},
+		methods: {
+			showToast(title) {
+				uni.showToast({
+					title,
+					icon: 'none'
+				})
+			},
+			parseAssistantContent(value) {
+				if (!value) {
+					return {
+						content: '',
+						thinking: false
+					}
+				}
+
+				let cursor = 0
+				let content = ''
+				let thinking = false
+
+				while (cursor < value.length) {
+					if (!thinking) {
+						const openIndex = value.indexOf(THINK_OPEN_TAG, cursor)
+						const closeIndex = value.indexOf(THINK_CLOSE_TAG, cursor)
+
+						if (closeIndex !== -1 && (openIndex === -1 || closeIndex < openIndex)) {
+							cursor = closeIndex + THINK_CLOSE_TAG.length
+							continue
+						}
+						if (openIndex === -1) {
+							content += value.slice(cursor)
+							break
+						}
+						content += value.slice(cursor, openIndex)
+						cursor = openIndex + THINK_OPEN_TAG.length
+						thinking = true
+						continue
+					}
+
+					const closeIndex = value.indexOf(THINK_CLOSE_TAG, cursor)
+					if (closeIndex === -1) {
+						break
+					}
+					cursor = closeIndex + THINK_CLOSE_TAG.length
+					thinking = false
+				}
+
+				return {
+					content,
+					thinking
+				}
+			},
+			syncEditableOutline() {
+				this.editableOutlineMarkdown = this.visibleOutlineMarkdown
+			},
+			buildPayload() {
+				return {
+					event_theme: String(this.form.event_theme || '').trim(),
+					people: String(this.form.people || '').trim(),
+					event_time: String(this.form.event_time || '').trim(),
+					event_funding: String(this.form.event_funding || '').trim(),
+					event_type: String(this.form.event_type || '').trim(),
+					event_location: String(this.form.event_location || '').trim(),
+					event_meme: String(this.form.event_meme || '').trim()
+				}
+			},
+			pickNonEmptyString() {
+				for (let index = 0; index < arguments.length; index += 1) {
+					const value = arguments[index]
+					if (typeof value === 'string' && value.length > 0) {
+						return value
+					}
+				}
+				return ''
+			},
+			pickRawString() {
+				for (let index = 0; index < arguments.length; index += 1) {
+					const value = arguments[index]
+					if (typeof value === 'string') {
+						return value
+					}
+				}
+				return undefined
+			},
+			stringifyUnknown(value) {
+				try {
+					return JSON.stringify(value, null, 2)
+				} catch (error) {
+					return String(value || '')
+				}
+			},
+			parseOutline(payload) {
+				if (!payload) {
+					return ''
+				}
+				const answer = this.pickNonEmptyString(
+					payload.answer,
+					payload.raw && payload.raw.answer,
+					payload.raw && payload.raw.data && payload.raw.data.answer,
+					payload.raw && payload.raw.output,
+					payload.raw && payload.raw.result,
+					payload.raw && payload.raw.content,
+					payload.raw && payload.raw.message
+				)
+				if (answer) {
+					return answer
+				}
+				return this.stringifyUnknown((payload && payload.raw) || payload)
+			},
+			buildSummary() {
+				const parts = []
+				if (this.activeConversationId) {
+					parts.push(`conversationId: ${this.activeConversationId}`)
+				}
+				if (this.activeMessageId) {
+					parts.push(`messageId: ${this.activeMessageId}`)
+				}
+				return parts.join(' | ')
+			},
+			clearStreamResolver() {
+				this.streamResolver = null
+			},
+			resolveStream() {
+				if (this.streamResolver && this.streamResolver.resolve) {
+					this.streamResolver.resolve()
+				}
+				this.clearStreamResolver()
+			},
+			rejectStream(error) {
+				if (this.streamResolver && this.streamResolver.reject) {
+					this.streamResolver.reject(error)
+				}
+				this.clearStreamResolver()
+			},
+			createStreamWaiter() {
+				this.streamStarted = false
+				return new Promise((resolve, reject) => {
+					this.streamResolver = {
+						resolve,
+						reject
+					}
+				})
+			},
+			disconnectWebSocket() {
+				this.socketConnectPromise = null
+				const socketTask = this.socketTask
+				this.socketTask = null
+				if (socketTask && typeof socketTask.close === 'function') {
+					try {
+						socketTask.close({})
+					} catch (error) {
+						console.warn('socket close failed', error)
+					}
+				}
+			},
+			appendOutlineChunk(chunk, conversationId, messageId) {
+				if (!chunk) {
+					return
+				}
+				if (conversationId && conversationId !== '0') {
+					this.activeConversationId = conversationId
+				}
+				if (messageId && messageId !== '0') {
+					this.activeMessageId = messageId
+				}
+				if (!this.streamStarted) {
+					this.streamStarted = true
+					this.outlineMarkdown = ''
+				}
+				this.outlineMarkdown += chunk
+				this.syncEditableOutline()
+				this.resultSummary = this.buildSummary() || '正在通过 WebSocket 接收流式内容'
+			},
+			finishStream(conversationId, messageId) {
+				if (conversationId && conversationId !== '0') {
+					this.activeConversationId = conversationId
+				}
+				if (messageId && messageId !== '0') {
+					this.activeMessageId = messageId
+				}
+				this.resultSummary = this.buildSummary() || '已通过 WebSocket 接收生成结果'
+				this.loading = false
+				this.resolveStream()
+				this.disconnectWebSocket()
+			},
+			handleSocketMessage(raw) {
+				if (!raw) {
+					return
+				}
+				try {
+					const data = JSON.parse(raw)
+					if (data && data.answer === STREAM_END_TEXT) {
+						this.finishStream(data.conversationId, data.messageId)
+						return
+					}
+					if (data && (data.loading === 'true' || data.loading === true)) {
+						this.resultSummary = 'AI 正在组织活动策划大纲结构...'
+						return
+					}
+					const chunk = this.pickRawString(data && data.notice, data && data.answer)
+					if (typeof chunk === 'string') {
+						this.appendOutlineChunk(chunk, data && data.conversationId, data && data.messageId)
+					}
+				} catch (error) {
+					this.appendOutlineChunk(raw)
+				}
+			},
+			refreshUser() {
+				this.currentUser = getCurrentUser()
+				return this.currentUser
+			},
+			connectWebSocket() {
+				const user = this.refreshUser()
+				if (!user.userId) {
+					return Promise.reject(new Error('未获取到当前登录用户'))
+				}
+				const currentSocket = this.socketTask
+				if (currentSocket && this.socketConnectPromise) {
+					return this.socketConnectPromise
+				}
+				if (currentSocket) {
+					this.disconnectWebSocket()
+				}
+
+				let cleanupPending = () => undefined
+				const connectPromise = new Promise((resolve, reject) => {
+					let settled = false
+					const socketTask = uni.connectSocket({
+						url: buildWebSocketUrl(user.userId),
+						complete: () => {}
+					})
+
+					cleanupPending = () => {
+						if (this.socketConnectPromise === connectPromise) {
+							this.socketConnectPromise = null
+						}
+					}
+
+					socketTask.onMessage((event) => {
+						const raw = String((event && event.data) || '')
+						if (raw === SOCKET_CONNECTED_TEXT) {
+							if (!settled) {
+								settled = true
+								cleanupPending()
+								resolve()
+							}
+							return
+						}
+						this.handleSocketMessage(raw)
+					})
+					socketTask.onClose(() => {
+						if (this.socketTask === socketTask) {
+							this.socketTask = null
+						}
+						if (!settled) {
+							settled = true
+							cleanupPending()
+							reject(new Error('活动策划大纲连接已关闭'))
+							return
+						}
+						if (this.loading) {
+							this.rejectStream(new Error('活动策划大纲连接已关闭'))
+							this.loading = false
+						}
+						cleanupPending()
+					})
+					socketTask.onError(() => {
+						if (!settled) {
+							settled = true
+							cleanupPending()
+							reject(new Error('活动策划大纲连接失败'))
+							return
+						}
+						if (this.loading) {
+							this.rejectStream(new Error('活动策划大纲连接失败'))
+							this.loading = false
+						}
+					})
+					this.socketTask = socketTask
+				})
+				this.socketConnectPromise = connectPromise
+				return connectPromise
+			},
+			clearResult() {
+				this.result = null
+				this.outlineMarkdown = ''
+				this.editableOutlineMarkdown = ''
+				this.resultSummary = ''
+				this.activeConversationId = ''
+				this.activeMessageId = ''
+			},
+			resetForm() {
+				this.form = createDefaultForm()
+				this.clearResult()
+			},
+			async handleGenerate() {
+				if (this.loading) {
+					return
+				}
+				if (!this.canSubmit) {
+					this.showToast('请先填写全部必填项')
+					return
+				}
+				this.loading = true
+				this.clearResult()
+				this.resultSummary = '正在建立 WebSocket 连接...'
+				try {
+					await this.connectWebSocket()
+					this.resultSummary = '连接成功，已提交生成任务，等待流式返回...'
+					const waitStream = this.createStreamWaiter()
+					const data = await activityOutlineGen(this.buildPayload())
+					this.result = data || null
+					if (!this.streamStarted && data && this.parseOutline(data)) {
+						this.outlineMarkdown = this.parseOutline(data)
+						this.syncEditableOutline()
+						this.resultSummary = this.buildSummary() || '接口直接返回生成结果'
+						this.loading = false
+						this.resolveStream()
+						this.disconnectWebSocket()
+					} else {
+						await waitStream
+					}
+					if (!this.visibleOutlineMarkdown) {
+						this.showToast('接口已返回，但未解析到正文内容')
+						return
+					}
+					this.showToast('活动策划大纲生成完成')
+				} catch (error) {
+					this.disconnectWebSocket()
+					this.clearStreamResolver()
+					this.loading = false
+					this.showToast((error && error.message) || '生成失败')
+				}
+			},
+			copyOutline() {
+				if (!this.editableOutlineMarkdown) {
+					this.showToast('暂无可复制内容')
+					return
+				}
+				uni.setClipboardData({
+					data: this.editableOutlineMarkdown,
+					success: () => {
+						this.showToast('内容已复制')
+					}
+				})
+			},
+			fillExample(type) {
+				if (type === 'volunteer') {
+					this.form.event_theme = '青春志愿行 绿美校园环保行动'
+					this.form.people = '全校团员青年、学生骨干、青年志愿者'
+					this.form.event_time = '2026年4月18日 14:30-17:30'
+					this.form.event_funding = '预算 5000 元，来源为校团委专项经费'
+					this.form.event_type = '志愿服务 + 分组清洁 + 环保倡议'
+					this.form.event_location = '校园主干道、教学楼周边和青年林'
+					this.form.event_meme = '突出劳动教育、志愿服务精神和绿色校园建设，生成含活动背景、流程、分工、宣传和风险预案的大纲。'
+					return
+				}
+				if (type === 'salon') {
+					this.form.event_theme = '青春思享汇 新时代青年成长主题沙龙'
+					this.form.people = '学生干部、团支部书记、青年学生代表'
+					this.form.event_time = '2026年5月10日 19:00-21:00'
+					this.form.event_funding = '预算 3000 元，包含物料、海报和场地布置'
+					this.form.event_type = '主题分享 + 圆桌讨论 + 互动提问'
+					this.form.event_location = '大学生活动中心多功能厅'
+					this.form.event_meme = '希望突出思想引领、青年交流和成果展示，生成适合汇报审批的结构化活动方案。'
+					return
+				}
+				this.form.event_theme = '青春杯校园三人篮球赛'
+				this.form.people = '各学院学生代表队、体育类社团、观赛学生'
+				this.form.event_time = '2026年4月下旬周末全天'
+				this.form.event_funding = '预算 8000 元，含裁判、奖品、宣传和后勤保障'
+				this.form.event_type = '校园赛事 + 开幕仪式 + 分组淘汰赛'
+				this.form.event_location = '学校室外篮球场'
+				this.form.event_meme = '需要体现赛事组织、赛程安排、安全保障、医疗预案和宣传报道计划。'
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.page {
+		min-height: 100vh;
+		background:
+			radial-gradient(circle at top right, rgba(51, 97, 164, 0.14), transparent 26%),
+			linear-gradient(180deg, #f7f9fc 0%, #f2f4f8 100%);
+	}
+
+	.page-scroll {
+		height: 100vh;
+		padding: 28rpx 24rpx 40rpx;
+	}
+
+	.hero-card {
+		padding: 34rpx 30rpx;
+		border-radius: 32rpx;
+		background: linear-gradient(135deg, #16315f 0%, #26508e 52%, #4b79bb 100%);
+		box-shadow: 0 18rpx 44rpx rgba(33, 67, 121, 0.18);
+		color: #eef5ff;
+	}
+
+	.hero-kicker {
+		font-size: 22rpx;
+		letter-spacing: 4rpx;
+		color: rgba(238, 245, 255, 0.72);
+	}
+
+	.hero-title {
+		margin-top: 18rpx;
+		font-size: 42rpx;
+		line-height: 1.35;
+		font-weight: 700;
+	}
+
+	.hero-desc {
+		margin-top: 16rpx;
+		font-size: 24rpx;
+		line-height: 1.8;
+		color: rgba(238, 245, 255, 0.88);
+	}
+
+	.hero-actions {
+		display: flex;
+		flex-wrap: wrap;
+		gap: 14rpx;
+		margin-top: 26rpx;
+	}
+
+	.hero-action {
+		padding: 12rpx 20rpx;
+		border-radius: 999rpx;
+		background: rgba(255, 255, 255, 0.12);
+		font-size: 22rpx;
+		color: #f4f8ff;
+	}
+
+	.panel-card {
+		margin-top: 24rpx;
+		padding: 26rpx;
+		border-radius: 30rpx;
+		background: rgba(255, 255, 255, 0.96);
+		border: 1rpx solid rgba(51, 97, 164, 0.08);
+		box-shadow: 0 10rpx 28rpx rgba(61, 73, 95, 0.08);
+	}
+
+	.panel-title {
+		font-size: 30rpx;
+		font-weight: 700;
+		color: #1f2329;
+	}
+
+	.field-list {
+		display: flex;
+		flex-direction: column;
+		gap: 22rpx;
+		margin-top: 20rpx;
+	}
+
+	.field-item {
+		width: 100%;
+	}
+
+	.field-label {
+		margin-bottom: 12rpx;
+		font-size: 25rpx;
+		font-weight: 600;
+		color: #2b3037;
+	}
+
+	.field-textarea {
+		width: 100%;
+		min-height: 220rpx;
+		padding: 22rpx 24rpx;
+		border-radius: 22rpx;
+		background: #f6f8fb;
+		border: 1rpx solid #dde4ef;
+		font-size: 24rpx;
+		line-height: 1.8;
+		color: #2a2e35;
+		box-sizing: border-box;
+	}
+
+	:deep(.field-input.uv-input) {
+		width: 100%;
+		min-height: 88rpx;
+		padding: 0 24rpx;
+		border-radius: 12rpx;
+		border: 1px solid #dcdfe6;
+		background: #ffffff;
+		box-sizing: border-box;
+	}
+
+	:deep(.field-input.uv-input .uv-input__content__field-wrapper__field) {
+		height: 88rpx;
+		min-height: 88rpx;
+		font-size: 28rpx;
+		line-height: 88rpx;
+		color: #303133;
+	}
+
+	.submit-bar,
+	.result-actions {
+		display: grid;
+		grid-template-columns: repeat(2, minmax(0, 1fr));
+		gap: 18rpx;
+		margin-top: 24rpx;
+	}
+
+	.ghost-btn,
+	.primary-btn,
+	.result-btn {
+		height: 88rpx;
+		line-height: 88rpx;
+		border-radius: 22rpx;
+		font-size: 28rpx;
+		font-weight: 700;
+		text-align: center;
+	}
+
+	.ghost-btn {
+		background: #f6f7fa;
+		color: #50617a;
+		border: 1rpx solid #d8dfeb;
+	}
+
+	.primary-btn {
+		background: linear-gradient(135deg, #1f4f8f 0%, #3f70b5 100%);
+		color: #fff;
+	}
+
+	.primary-btn--disabled {
+		opacity: 0.6;
+	}
+
+	.result-btn {
+		background: #eef4fb;
+		color: #24508f;
+	}
+
+	.hint-block,
+	.result-alert {
+		margin-top: 22rpx;
+		padding: 22rpx 24rpx;
+		border-radius: 24rpx;
+		background: #f5f8fd;
+		border: 1rpx solid rgba(51, 97, 164, 0.08);
+		font-size: 22rpx;
+		line-height: 1.75;
+		color: #6d7d93;
+	}
+
+	.hint-title {
+		font-size: 24rpx;
+		font-weight: 700;
+		color: #35527d;
+	}
+
+	.hint-text {
+		margin-top: 10rpx;
+	}
+
+	.result-card {
+		margin-bottom: 20rpx;
+	}
+
+	.result-head {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		gap: 16rpx;
+	}
+
+	.result-status {
+		padding: 10rpx 16rpx;
+		border-radius: 999rpx;
+		background: #eef1f5;
+		color: #7e8792;
+		font-size: 20rpx;
+		font-weight: 600;
+	}
+
+	.result-status--loading {
+		background: #edf5ff;
+		color: #1554ad;
+	}
+
+	.result-status--done {
+		background: #eef9f1;
+		color: #1f8f49;
+	}
+
+	.loading-panel {
+		margin-top: 22rpx;
+		padding: 26rpx;
+		border-radius: 26rpx;
+		background: linear-gradient(135deg, #f5f9ff 0%, #eef4fb 100%);
+	}
+
+	.loading-kicker {
+		font-size: 20rpx;
+		letter-spacing: 3rpx;
+		color: #6682aa;
+	}
+
+	.loading-title {
+		margin-top: 10rpx;
+		font-size: 30rpx;
+		font-weight: 700;
+		color: #23446f;
+	}
+
+	.loading-desc {
+		margin-top: 12rpx;
+		font-size: 22rpx;
+		line-height: 1.75;
+		color: #6d7d93;
+	}
+
+	.outline-thinking {
+		display: flex;
+		align-items: center;
+		gap: 12rpx;
+		margin-top: 20rpx;
+		font-size: 22rpx;
+		color: #35527d;
+	}
+
+	.thinking-dot {
+		width: 16rpx;
+		height: 16rpx;
+		border-radius: 50%;
+		background: #4b79bb;
+	}
+
+	.result-textarea {
+		width: 100%;
+		min-height: 560rpx;
+		padding: 24rpx;
+		border-radius: 24rpx;
+		background: #f8fafc;
+		border: 1rpx solid #e1e7f0;
+		font-size: 24rpx;
+		line-height: 1.85;
+		color: #2b3037;
+		box-sizing: border-box;
+	}
+
+	.result-empty {
+		margin-top: 22rpx;
+		padding: 32rpx 24rpx;
+		border-radius: 24rpx;
+		background: #f8fafc;
+		font-size: 24rpx;
+		line-height: 1.75;
+		color: #8a94a0;
+		text-align: center;
+	}
+</style>
diff --git a/pages/activity-outline/service.js b/pages/activity-outline/service.js
new file mode 100644
index 0000000..829caf5
--- /dev/null
+++ b/pages/activity-outline/service.js
@@ -0,0 +1,17 @@
+import {
+	API_BASE_URL,
+	apiRequest,
+	buildWebSocketUrl,
+	getCurrentUser
+} from '../assistant/chat-service'
+
+export { buildWebSocketUrl, getCurrentUser }
+
+export function activityOutlineGen(data) {
+	return apiRequest({
+		url: `${API_BASE_URL}/ai/activityOutlineGen`,
+		method: 'POST',
+		data,
+		withTenant: true
+	})
+}
diff --git a/pages/assistant/chat-service.js b/pages/assistant/chat-service.js
new file mode 100644
index 0000000..ef5598f
--- /dev/null
+++ b/pages/assistant/chat-service.js
@@ -0,0 +1,447 @@
+import {
+	API_BASE_URL,
+	DEFAULT_TENANT_ID,
+	TOKEN_HEADER_NAME,
+	clearAuthStorage,
+	getStoredUserInfo,
+	getToken,
+	redirectToLogin
+} from '../../utils/request'
+
+export { API_BASE_URL, getToken }
+
+const MODULES_API_URL = API_BASE_URL
+const APP_SECRET = 'ffd6eee985af45e4a75098422d1decbb'
+const AI_REQUEST_TIMEOUT = 10 * 60 * 1000
+
+let realAtob
+const b64 = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/='
+const b64re = /^(?:[A-Za-z\d+/]{4})*?(?:[A-Za-z\d+/]{2}(?:==)?|[A-Za-z\d+/]{3}=?)?$/
+
+if (typeof atob !== 'function') {
+	realAtob = function(str) {
+		let input = String(str || '').replace(/[\t\n\f\r ]+/g, '')
+		if (!b64re.test(input)) {
+			throw new Error("Failed to execute 'atob': The string to be decoded is not correctly encoded.")
+		}
+		input += '=='.slice(2 - (input.length & 3))
+		let bitmap
+		let result = ''
+		let r1
+		let r2
+		let index = 0
+		for (; index < input.length;) {
+			bitmap =
+				(b64.indexOf(input.charAt(index++)) << 18) |
+				(b64.indexOf(input.charAt(index++)) << 12) |
+				((r1 = b64.indexOf(input.charAt(index++))) << 6) |
+				(r2 = b64.indexOf(input.charAt(index++)))
+			result +=
+				r1 === 64
+					? String.fromCharCode((bitmap >> 16) & 255)
+					: r2 === 64
+					? String.fromCharCode((bitmap >> 16) & 255, (bitmap >> 8) & 255)
+					: String.fromCharCode((bitmap >> 16) & 255, (bitmap >> 8) & 255, bitmap & 255)
+		}
+		return result
+	}
+} else {
+	realAtob = atob
+}
+
+function b64DecodeUnicode(str) {
+	return decodeURIComponent(
+		realAtob(str)
+			.split('')
+			.map((char) => `%${`00${char.charCodeAt(0).toString(16)}`.slice(-2)}`)
+			.join('')
+	)
+}
+
+function parseTokenPayload(token) {
+	const rawToken = String(token || '').replace(/^Bearer\s+/i, '')
+	const parts = rawToken.split('.')
+	if (!rawToken || parts.length !== 3) {
+		return null
+	}
+	try {
+		const normalized = parts[1].replace(/-/g, '+').replace(/_/g, '/')
+		return JSON.parse(b64DecodeUnicode(normalized))
+	} catch (error) {
+		return null
+	}
+}
+
+function safeAdd(x, y) {
+	const lsw = (x & 0xffff) + (y & 0xffff)
+	const msw = (x >> 16) + (y >> 16) + (lsw >> 16)
+	return (msw << 16) | (lsw & 0xffff)
+}
+
+function bitRotateLeft(num, cnt) {
+	return (num << cnt) | (num >>> (32 - cnt))
+}
+
+function md5cmn(q, a, b, x, s, t) {
+	return safeAdd(bitRotateLeft(safeAdd(safeAdd(a, q), safeAdd(x, t)), s), b)
+}
+
+function md5ff(a, b, c, d, x, s, t) {
+	return md5cmn((b & c) | (~b & d), a, b, x, s, t)
+}
+
+function md5gg(a, b, c, d, x, s, t) {
+	return md5cmn((b & d) | (c & ~d), a, b, x, s, t)
+}
+
+function md5hh(a, b, c, d, x, s, t) {
+	return md5cmn(b ^ c ^ d, a, b, x, s, t)
+}
+
+function md5ii(a, b, c, d, x, s, t) {
+	return md5cmn(c ^ (b | ~d), a, b, x, s, t)
+}
+
+function binlMD5(x, len) {
+	x[len >> 5] |= 0x80 << len % 32
+	x[(((len + 64) >>> 9) << 4) + 14] = len
+
+	let i
+	let olda
+	let oldb
+	let oldc
+	let oldd
+	let a = 1732584193
+	let b = -271733879
+	let c = -1732584194
+	let d = 271733878
+
+	for (i = 0; i < x.length; i += 16) {
+		olda = a
+		oldb = b
+		oldc = c
+		oldd = d
+
+		a = md5ff(a, b, c, d, x[i], 7, -680876936)
+		d = md5ff(d, a, b, c, x[i + 1], 12, -389564586)
+		c = md5ff(c, d, a, b, x[i + 2], 17, 606105819)
+		b = md5ff(b, c, d, a, x[i + 3], 22, -1044525330)
+		a = md5ff(a, b, c, d, x[i + 4], 7, -176418897)
+		d = md5ff(d, a, b, c, x[i + 5], 12, 1200080426)
+		c = md5ff(c, d, a, b, x[i + 6], 17, -1473231341)
+		b = md5ff(b, c, d, a, x[i + 7], 22, -45705983)
+		a = md5ff(a, b, c, d, x[i + 8], 7, 1770035416)
+		d = md5ff(d, a, b, c, x[i + 9], 12, -1958414417)
+		c = md5ff(c, d, a, b, x[i + 10], 17, -42063)
+		b = md5ff(b, c, d, a, x[i + 11], 22, -1990404162)
+		a = md5ff(a, b, c, d, x[i + 12], 7, 1804603682)
+		d = md5ff(d, a, b, c, x[i + 13], 12, -40341101)
+		c = md5ff(c, d, a, b, x[i + 14], 17, -1502002290)
+		b = md5ff(b, c, d, a, x[i + 15], 22, 1236535329)
+
+		a = md5gg(a, b, c, d, x[i + 1], 5, -165796510)
+		d = md5gg(d, a, b, c, x[i + 6], 9, -1069501632)
+		c = md5gg(c, d, a, b, x[i + 11], 14, 643717713)
+		b = md5gg(b, c, d, a, x[i], 20, -373897302)
+		a = md5gg(a, b, c, d, x[i + 5], 5, -701558691)
+		d = md5gg(d, a, b, c, x[i + 10], 9, 38016083)
+		c = md5gg(c, d, a, b, x[i + 15], 14, -660478335)
+		b = md5gg(b, c, d, a, x[i + 4], 20, -405537848)
+		a = md5gg(a, b, c, d, x[i + 9], 5, 568446438)
+		d = md5gg(d, a, b, c, x[i + 14], 9, -1019803690)
+		c = md5gg(c, d, a, b, x[i + 3], 14, -187363961)
+		b = md5gg(b, c, d, a, x[i + 8], 20, 1163531501)
+		a = md5gg(a, b, c, d, x[i + 13], 5, -1444681467)
+		d = md5gg(d, a, b, c, x[i + 2], 9, -51403784)
+		c = md5gg(c, d, a, b, x[i + 7], 14, 1735328473)
+		b = md5gg(b, c, d, a, x[i + 12], 20, -1926607734)
+
+		a = md5hh(a, b, c, d, x[i + 5], 4, -378558)
+		d = md5hh(d, a, b, c, x[i + 8], 11, -2022574463)
+		c = md5hh(c, d, a, b, x[i + 11], 16, 1839030562)
+		b = md5hh(b, c, d, a, x[i + 14], 23, -35309556)
+		a = md5hh(a, b, c, d, x[i + 1], 4, -1530992060)
+		d = md5hh(d, a, b, c, x[i + 4], 11, 1272893353)
+		c = md5hh(c, d, a, b, x[i + 7], 16, -155497632)
+		b = md5hh(b, c, d, a, x[i + 10], 23, -1094730640)
+		a = md5hh(a, b, c, d, x[i + 13], 4, 681279174)
+		d = md5hh(d, a, b, c, x[i], 11, -358537222)
+		c = md5hh(c, d, a, b, x[i + 3], 16, -722521979)
+		b = md5hh(b, c, d, a, x[i + 6], 23, 76029189)
+		a = md5hh(a, b, c, d, x[i + 9], 4, -640364487)
+		d = md5hh(d, a, b, c, x[i + 12], 11, -421815835)
+		c = md5hh(c, d, a, b, x[i + 15], 16, 530742520)
+		b = md5hh(b, c, d, a, x[i + 2], 23, -995338651)
+
+		a = md5ii(a, b, c, d, x[i], 6, -198630844)
+		d = md5ii(d, a, b, c, x[i + 7], 10, 1126891415)
+		c = md5ii(c, d, a, b, x[i + 14], 15, -1416354905)
+		b = md5ii(b, c, d, a, x[i + 5], 21, -57434055)
+		a = md5ii(a, b, c, d, x[i + 12], 6, 1700485571)
+		d = md5ii(d, a, b, c, x[i + 3], 10, -1894986606)
+		c = md5ii(c, d, a, b, x[i + 10], 15, -1051523)
+		b = md5ii(b, c, d, a, x[i + 1], 21, -2054922799)
+		a = md5ii(a, b, c, d, x[i + 8], 6, 1873313359)
+		d = md5ii(d, a, b, c, x[i + 15], 10, -30611744)
+		c = md5ii(c, d, a, b, x[i + 6], 15, -1560198380)
+		b = md5ii(b, c, d, a, x[i + 13], 21, 1309151649)
+		a = md5ii(a, b, c, d, x[i + 4], 6, -145523070)
+		d = md5ii(d, a, b, c, x[i + 11], 10, -1120210379)
+		c = md5ii(c, d, a, b, x[i + 2], 15, 718787259)
+		b = md5ii(b, c, d, a, x[i + 9], 21, -343485551)
+
+		a = safeAdd(a, olda)
+		b = safeAdd(b, oldb)
+		c = safeAdd(c, oldc)
+		d = safeAdd(d, oldd)
+	}
+	return [a, b, c, d]
+}
+
+function binl2rstr(input) {
+	let index
+	let output = ''
+	const length32 = input.length * 32
+	for (index = 0; index < length32; index += 8) {
+		output += String.fromCharCode((input[index >> 5] >>> index % 32) & 0xff)
+	}
+	return output
+}
+
+function rstr2binl(input) {
+	const output = Array(input.length >> 2)
+	let index
+	for (index = 0; index < output.length; index += 1) {
+		output[index] = 0
+	}
+	const length8 = input.length * 8
+	for (index = 0; index < length8; index += 8) {
+		output[index >> 5] |= (input.charCodeAt(index / 8) & 0xff) << index % 32
+	}
+	return output
+}
+
+function rstrMD5(value) {
+	return binl2rstr(binlMD5(rstr2binl(value), value.length * 8))
+}
+
+function rstr2hex(input) {
+	const hexTab = '0123456789abcdef'
+	let output = ''
+	let index
+	let value
+	for (index = 0; index < input.length; index += 1) {
+		value = input.charCodeAt(index)
+		output += hexTab.charAt((value >>> 4) & 0x0f) + hexTab.charAt(value & 0x0f)
+	}
+	return output
+}
+
+function str2rstrUTF8(input) {
+	return unescape(encodeURIComponent(input))
+}
+
+function md5(value) {
+	return rstr2hex(rstrMD5(str2rstrUTF8(String(value || ''))))
+}
+
+function objKeySort(obj) {
+	const next = {}
+	Object.keys(obj || {})
+		.sort()
+		.forEach((key) => {
+			next[key] = obj[key]
+		})
+	return next
+}
+
+function addSignature(payload) {
+	const form = payload || {}
+	form.timestamp = Date.now()
+	form.version = 'v3'
+	let sign = ''
+	const sorted = objKeySort(form)
+	Object.keys(sorted).forEach((key) => {
+		const value = form[key]
+		if (value !== null && value !== undefined && value !== '') {
+			sign = `${sign}${value}-`
+		}
+	})
+	form.sign = md5(`${sign}${APP_SECRET}`)
+	return form
+}
+
+function getStorageValue(keys) {
+	for (let index = 0; index < keys.length; index += 1) {
+		const value = uni.getStorageSync(keys[index])
+		if (value) {
+			return value
+		}
+	}
+	return ''
+}
+
+export function getCurrentUser() {
+	const primaryToken = getToken()
+	const storedUser = getStoredUserInfo()
+	const tokenList = [
+		primaryToken,
+		uni.getStorageSync('uni_id_token'),
+		uni.getStorageSync('access_token')
+	].filter(Boolean)
+	let payload = null
+
+	for (let index = 0; index < tokenList.length; index += 1) {
+		payload = parseTokenPayload(tokenList[index])
+		if (payload) {
+			break
+		}
+	}
+
+	if (!payload) {
+		return {
+			...storedUser,
+			token: primaryToken || ''
+		}
+	}
+
+	return {
+		...storedUser,
+		userId: Number(payload.userId || payload.uid || payload.id || 0) || null,
+		nickname: payload.nickname || payload.username || payload.nickName || '',
+		realName: payload.realName || payload.realname || payload.name || '',
+		token: primaryToken || ''
+	}
+}
+
+export function apiRequest({
+	url,
+	method = 'GET',
+	data,
+	withSignature = true,
+	withTenant = false,
+	timeout
+}) {
+	const token = getToken()
+	const requestData = data ? { ...data } : undefined
+	const headers = {}
+
+	if (token) {
+		headers[TOKEN_HEADER_NAME] = token
+	}
+
+	if (requestData && withTenant) {
+		requestData.tenantId = DEFAULT_TENANT_ID
+	}
+
+	if (requestData && withSignature) {
+		addSignature(requestData)
+	}
+
+	return uni.request({
+		url,
+		method,
+		data: requestData,
+		header: headers,
+		...(timeout !== undefined && { timeout })
+	}).then((response) => {
+		const responseHeader = (response && response.header) || {}
+		const nextToken =
+			responseHeader[TOKEN_HEADER_NAME] ||
+			responseHeader[TOKEN_HEADER_NAME.toLowerCase()]
+		if (nextToken) {
+			uni.setStorageSync('access_token', nextToken)
+		}
+
+		const { statusCode } = response || {}
+		const body = (response && response.data) || {}
+		if (statusCode && statusCode >= 400) {
+			return Promise.reject(new Error(body.message || '请求失败'))
+		}
+		if (Number(body.code) === 401) {
+			clearAuthStorage()
+			redirectToLogin()
+			return Promise.reject(new Error(body.message || '登录已失效'))
+		}
+		if (body.code === 0) {
+			return body.data !== undefined ? body.data : body.message
+		}
+		return Promise.reject(new Error(body.message || '请求失败'))
+	})
+}
+
+export function listAiChatList(params) {
+	return apiRequest({
+		url: `${MODULES_API_URL}/ai/ai-chat-list`,
+		method: 'GET',
+		data: params
+	})
+}
+
+export function listAiChatHistory(params) {
+	return apiRequest({
+		url: `${MODULES_API_URL}/ai/ai-chat-history`,
+		method: 'GET',
+		data: params
+	})
+}
+
+export function removeAiChatList(id) {
+	return apiRequest({
+		url: `${MODULES_API_URL}/ai/ai-chat-list/${id}`,
+		method: 'DELETE',
+		withSignature: false
+	})
+}
+
+export function sendMessage(data) {
+	return apiRequest({
+		url: `${API_BASE_URL}/ai/chat/message`,
+		method: 'POST',
+		data,
+		withTenant: true,
+		timeout: AI_REQUEST_TIMEOUT
+	})
+}
+
+export function manuscriptGen(data) {
+	return apiRequest({
+		url: `${API_BASE_URL}/ai/manuscriptGen`,
+		method: 'POST',
+		data,
+		withTenant: true,
+		timeout: AI_REQUEST_TIMEOUT
+	})
+}
+
+export function creativeAssistant(data) {
+	return apiRequest({
+		url: `${API_BASE_URL}/ai/creativeAssistant`,
+		method: 'POST',
+		data,
+		withTenant: true,
+		timeout: AI_REQUEST_TIMEOUT
+	})
+}
+
+export function activityOutlineGen(data) {
+	return apiRequest({
+		url: `${API_BASE_URL}/ai/activityOutlineGen`,
+		method: 'POST',
+		data,
+		withTenant: true,
+		timeout: AI_REQUEST_TIMEOUT
+	})
+}
+
+export function buildWebSocketUrl(userId) {
+	const url = String(API_BASE_URL || '')
+	if (/^https?:\/\//.test(url)) {
+		return `${url
+			.replace(/^https:/, 'wss:')
+			.replace(/^http:/, 'ws:')
+			.replace(/\/api\/?$/, '')
+			.replace(/\/$/, '')}/chat/${userId}`
+	}
+	return `${url.replace(/\/api\/?$/, '')}/chat/${userId}`
+}
diff --git a/pages/assistant/index.vue b/pages/assistant/index.vue
new file mode 100644
index 0000000..de6041b
--- /dev/null
+++ b/pages/assistant/index.vue
@@ -0,0 +1,1725 @@
+<template>
+	<view class="page">
+		<!-- Fixed custom navbar -->
+		<view class="custom-navbar" :style="{ paddingTop: statusBarHeight + 'px' }">
+			<view class="hero-bg hero-bg-left"></view>
+			<view class="hero-bg hero-bg-right"></view>
+			<view class="navbar">
+				<view class="navbar-inner">
+					<view class="navbar-left">
+						<view class="nav-icon-btn" @tap="openHistoryPanel">
+							<view class="icon-list">
+								<view class="icon-list-line"></view>
+								<view class="icon-list-line"></view>
+								<view class="icon-list-line icon-list-line--sm"></view>
+							</view>
+						</view>
+						<view class="nav-icon-btn" @tap="startNewChat">
+							<view class="icon-compose">
+								<view class="icon-compose-h"></view>
+								<view class="icon-compose-v"></view>
+							</view>
+						</view>
+					</view>
+					<view class="navbar-center">
+						<view class="navbar-title">AI 助手</view>
+						<view class="navbar-sub">
+							{{ activeChatTitle }}<text v-if="userName"> · {{ userName }}</text>
+						</view>
+					</view>
+					<view class="navbar-placeholder"></view>
+				</view>
+			</view>
+		</view>
+
+		<!-- Spacer matching navbar height -->
+		<view class="navbar-spacer" :style="{ height: navbarTotalHeight + 'px' }"></view>
+
+		<view class="assistant-shell">
+
+			<scroll-view
+				scroll-y
+				scroll-with-animation
+				class="message-scroll"
+				:scroll-into-view="scrollIntoView"
+			>
+				<view v-if="!currentUser.userId" class="notice-card">
+					<view class="notice-title">请先登录后使用 AI 助手</view>
+					<view class="notice-desc">当前页面已接入真实会话逻辑，发送消息和历史会话依赖登录态。</view>
+				</view>
+
+				<view v-else-if="!messageList.length" class="empty-card">
+					<view class="empty-title">你好，我是 AI 团委助手</view>
+					<view class="empty-desc">
+						你可以直接提问团务流程问题，我会通过实时消息回复。
+					</view>
+				</view>
+
+				<view
+					v-for="item in messageList"
+					:key="item.id"
+					:id="item.anchorId"
+					class="message-row"
+					:class="{ 'message-row--user': isUserMessage(item) }"
+				>
+					<view class="avatar" :class="{ 'avatar--user': isUserMessage(item) }">
+						{{ isUserMessage(item) ? '我' : '助' }}
+					</view>
+					<view class="message-main">
+						<view class="bubble" :class="{ 'bubble--user': isUserMessage(item), 'bubble--pending': item.loading }">
+							<view
+								v-if="!isUserMessage(item) && shouldShowAssistantThinking(item)"
+								class="thinking-row"
+							>
+								<view class="thinking-dot"></view>
+								<text>{{ ASSISTANT_PENDING_TEXT }}</text>
+							</view>
+							<view
+								v-if="isUserMessage(item)"
+								class="bubble-text"
+							>{{ item.content }}</view>
+							<zero-markdown-view
+								v-else-if="hasAssistantDisplayContent(item.content)"
+								class="bubble-text bubble-markdown"
+								:markdown="getAssistantDisplayContent(item.content)"
+							/>
+						</view>
+						<view class="bubble-actions">
+							<view class="bubble-action" @tap="copyMessage(item)">复制</view>
+							<view
+								v-if="isUserMessage(item)"
+								class="bubble-action"
+								@tap="fillContent(item.content || '')"
+							>
+								重用
+							</view>
+						</view>
+					</view>
+				</view>
+
+				<view :id="bottomAnchorId" class="scroll-anchor"></view>
+			</scroll-view>
+
+			<view class="composer">
+				<view class="mode-tags">
+					<view
+						v-for="item in chatModeOptions"
+						:key="item.value"
+						class="mode-tag"
+						:class="{ 'mode-tag--active': activeChatMode === item.value, 'mode-tag--disabled': loading }"
+						@tap="switchChatMode(item.value)"
+					>
+						{{ item.label }}
+					</view>
+				</view>
+				<view class="composer-row">
+					<textarea
+						v-model="draft"
+						class="composer-input"
+						placeholder-style="color:#a59a94;"
+						:placeholder="inputPlaceholder"
+						:disabled="loading || !currentUser.userId"
+						confirm-type="send"
+						auto-height
+						maxlength="-1"
+						show-confirm-bar="false"
+						@confirm="onSend"
+					/>
+					<view
+						class="composer-send"
+						:class="{ 'composer-send--disabled': !canSend }"
+						@tap="onSend"
+					>{{ loading ? '···' : '发送' }}</view>
+				</view>
+			</view>
+		</view>
+
+		<view v-if="showHistoryPanel" class="history-mask" @tap="closeHistoryPanel">
+			<view class="history-panel" @tap.stop>
+				<view class="history-head">
+					<view>
+						<view class="history-title">历史会话</view>
+						<view class="history-subtitle">按最近更新时间展示</view>
+					</view>
+					<view class="history-close" @tap="closeHistoryPanel">关闭</view>
+				</view>
+
+				<scroll-view scroll-y class="history-scroll">
+					<view v-if="historySections.length">
+						<view v-for="section in historySections" :key="section.label" class="history-section">
+							<view class="history-label">{{ section.label }}</view>
+							<view
+								v-for="item in section.items"
+								:key="getHistoryKey(item)"
+								class="history-item"
+								:class="{ 'history-item--active': activeHistoryKey === getHistoryKey(item) }"
+							>
+								<view class="history-item-main" @tap="selectChat(item)">
+									<view class="history-item-title">{{ getHistoryTitle(item) }}</view>
+									<view class="history-item-time">
+										{{ formatHistoryItemTime(item.createTime) }}
+									</view>
+								</view>
+								<view
+									class="history-delete"
+									@tap.stop="removeChat(item)"
+								>
+									{{ deletingChatId === item.id ? '删除中' : '删除' }}
+								</view>
+							</view>
+						</view>
+					</view>
+					<view v-else class="history-empty">暂无历史对话</view>
+				</scroll-view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import dayjs from '../../uni_modules/uv-ui-tools/libs/util/dayjs.js'
+	import {
+		activityOutlineGen,
+		buildWebSocketUrl,
+		creativeAssistant,
+		getCurrentUser,
+		listAiChatHistory,
+		listAiChatList,
+		manuscriptGen,
+		removeAiChatList,
+		sendMessage as sendChatMessage
+	} from './chat-service'
+
+	const ASSISTANT_PENDING_TEXT = '正在思考中...'
+	const THINK_OPEN_TAG = '<think>'
+	const THINK_CLOSE_TAG = '</think>'
+	const CHAT_MODE_OPTIONS = [
+		{ label: '聊天', value: 'chat' },
+		{ label: '稿件', value: 'manuscript' },
+		{ label: '创意', value: 'creative' },
+		{ label: '策划', value: 'outline' }
+	]
+
+	export default {
+		data() {
+			return {
+				ASSISTANT_PENDING_TEXT,
+				chatModeOptions: CHAT_MODE_OPTIONS,
+				statusBarHeight: 0,
+				draft: '',
+				activeChatMode: 'chat',
+				loading: false,
+				wsConnected: false,
+				scrollIntoView: '',
+				bottomAnchorId: `chat-bottom-${Date.now()}`,
+				promptList: [
+					'帮我生成团日活动策划大纲',
+					'写一篇活动新闻稿开头',
+					'优化竞赛申报书摘要',
+					'整理五四评优申报材料清单'
+				],
+				messageList: [],
+				historyList: [],
+				activeChatId: null,
+				activeConversationId: '',
+				streamingMessageId: '',
+				showHistoryPanel: false,
+				deletingChatId: null,
+				currentUser: {
+					userId: null,
+					nickname: '',
+					realName: '',
+					token: ''
+				},
+				socketTask: null,
+				socketConnectPromise: null,
+				initialized: false
+			}
+		},
+		computed: {
+			navbarTotalHeight() {
+				return this.statusBarHeight + 44
+			},
+			canSend() {
+				return !!this.currentUser.userId && !!this.draft.trim() && !this.loading
+			},
+			inputPlaceholder() {
+				if (!this.currentUser.userId) {
+					return '请先登录后使用 AI 助手'
+				}
+				if (this.activeChatMode === 'manuscript') {
+					return '请输入稿件标题、活动时间地点、参与人员和亮点内容，可直接用自然语言描述'
+				}
+				if (this.activeChatMode === 'creative') {
+					return '请输入创意生成指令，例如短视频脚本、海报排版、推文封面等需求'
+				}
+				if (this.activeChatMode === 'outline') {
+					return '请输入活动策划需求，建议包含主题、受众、时间、经费、地点等信息'
+				}
+				return '说说你想问的问题'
+			},
+			userName() {
+				return (
+					this.currentUser.nickname ||
+					this.currentUser.realName ||
+					(this.currentUser.userId ? `用户${this.currentUser.userId}` : '')
+				)
+			},
+			chatHeaderText() {
+				if (this.loading) {
+					return this.wsConnected ? 'AI 助手在线答疑' : 'AI 助手连接中...'
+				}
+				return 'AI 助手待命中'
+			},
+			activeHistoryKey() {
+				if (this.activeChatId) {
+					return `chat-${this.activeChatId}`
+				}
+				if (this.activeConversationId) {
+					return `conversation-${this.activeConversationId}`
+				}
+				return ''
+			},
+			activeChatTitle() {
+				if (!this.activeChatId && !this.activeConversationId) {
+					return '新对话'
+				}
+				const target = this.historyList.find(
+					(item) =>
+						item.id === this.activeChatId ||
+						(item.conversationId && item.conversationId === this.activeConversationId)
+				)
+				return target ? this.getHistoryTitle(target) : '当前会话'
+			},
+			historySections() {
+				const groupMap = {}
+				;[...this.historyList]
+					.sort((left, right) => this.getTimestamp(right.updateTime || right.createTime) - this.getTimestamp(left.updateTime || left.createTime))
+					.forEach((item) => {
+						const label = this.getHistoryDateLabel(item.createTime || item.updateTime)
+						if (!groupMap[label]) {
+							groupMap[label] = []
+						}
+						groupMap[label].push(item)
+					})
+        console.log(Object.keys(groupMap).map((label) => ({
+          label,
+          items: groupMap[label]
+        })))
+				return Object.keys(groupMap).map((label) => ({
+					label,
+					items: groupMap[label]
+				}))
+			}
+		},
+		onLoad() {
+			const { statusBarHeight } = uni.getSystemInfoSync()
+			this.statusBarHeight = statusBarHeight || 0
+		},
+		onShow() {
+			this.refreshUser()
+			if (!this.initialized) {
+				this.initAssistant()
+				return
+			}
+			if (this.currentUser.userId) {
+				this.loadHistoryList(false).catch((error) => {
+					this.showError(error, '刷新历史会话失败')
+				})
+			}
+		},
+		onUnload() {
+			this.disconnectWebSocket()
+		},
+		methods: {
+			refreshUser() {
+				const storedUser = uni.getStorageSync('user_info') || {}
+				this.currentUser = {
+					userId: Number(storedUser.userId || 0) || null,
+					nickname: storedUser.nickname || storedUser.nickName || '',
+					realName: storedUser.realName || storedUser.name || '',
+					token: uni.getStorageSync('token') || null
+				}
+				return this.currentUser
+			},
+			async initAssistant() {
+				try {
+					this.refreshUser()
+					if (!this.currentUser.userId) {
+						return
+					}
+					await this.loadHistoryList(true)
+				} catch (error) {
+					this.showError(error, '初始化聊天页失败')
+				} finally {
+					this.initialized = true
+				}
+			},
+			showToast(title) {
+				uni.showToast({
+					title,
+					icon: 'none'
+				})
+			},
+			showError(error, fallback) {
+				this.showToast((error && error.message) || fallback)
+			},
+			ensureLogin(showToast = true) {
+				this.refreshUser()
+				if (this.currentUser.userId) {
+					return true
+				}
+				if (showToast) {
+					this.showToast('请先登录后使用 AI 助手')
+				}
+				return false
+			},
+			createMessageId(prefix) {
+				return `${prefix}-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`
+			},
+			isUserMessage(item) {
+				return item.role === 'user'
+			},
+			getTimestamp(value) {
+				if (!value) {
+					return 0
+				}
+				const normalized = String(value).replace(/-/g, '/')
+				const result = new Date(normalized).getTime()
+				return Number.isNaN(result) ? 0 : result
+			},
+			getTimeLabel(value) {
+				const source = value ? new Date(String(value).replace(/-/g, '/')) : new Date()
+				if (Number.isNaN(source.getTime())) {
+					return ''
+				}
+				const hours = `${source.getHours()}`.padStart(2, '0')
+				const minutes = `${source.getMinutes()}`.padStart(2, '0')
+				return `${hours}:${minutes}`
+			},
+			formatHistoryItemTime(value) {
+				if (!value) {
+					return ''
+				}
+				const date = dayjs(String(value).replace(/-/g, '/'))
+				if (!date.isValid()) {
+					return String(value || '')
+				}
+				return date.format('YYYY-MM-DD HH:mm')
+			},
+			isSameDate(left, right) {
+				return (
+					left.getFullYear() === right.getFullYear() &&
+					left.getMonth() === right.getMonth() &&
+					left.getDate() === right.getDate()
+				)
+			},
+			getHistoryDateLabel(value) {
+				if (!value) {
+					return '更早'
+				}
+				const date = new Date(String(value).replace(/-/g, '/'))
+				if (Number.isNaN(date.getTime())) {
+					return '更早'
+				}
+				const now = new Date()
+				if (this.isSameDate(date, now)) {
+					return '今天'
+				}
+				const yesterday = new Date()
+				yesterday.setDate(yesterday.getDate() - 1)
+				if (this.isSameDate(date, yesterday)) {
+					return '昨天'
+				}
+				return `${date.getFullYear()}年${date.getMonth() + 1}月${date.getDate()}日`
+			},
+			getHistoryKey(item) {
+				if (item.id) {
+					return `chat-${item.id}`
+				}
+				return `conversation-${item.conversationId || item.createTime || this.createMessageId('history')}`
+			},
+			getHistoryTitle(item) {
+				const title = (item.title || '').trim()
+				if (title) {
+					return title
+				}
+				if (item.conversationId) {
+					return `会话 ${item.conversationId.slice(0, 8)}`
+				}
+				return '未命名对话'
+			},
+			parseAssistantContent(value) {
+				if (!value || value === ASSISTANT_PENDING_TEXT) {
+					return {
+						content: '',
+						thinking: value === ASSISTANT_PENDING_TEXT
+					}
+				}
+
+				let cursor = 0
+				let content = ''
+				let thinking = false
+
+				while (cursor < value.length) {
+					if (!thinking) {
+						const openIndex = value.indexOf(THINK_OPEN_TAG, cursor)
+						const closeIndex = value.indexOf(THINK_CLOSE_TAG, cursor)
+
+						if (closeIndex !== -1 && (openIndex === -1 || closeIndex < openIndex)) {
+							cursor = closeIndex + THINK_CLOSE_TAG.length
+							continue
+						}
+						if (openIndex === -1) {
+							content += value.slice(cursor)
+							break
+						}
+						content += value.slice(cursor, openIndex)
+						cursor = openIndex + THINK_OPEN_TAG.length
+						thinking = true
+						continue
+					}
+
+					const closeIndex = value.indexOf(THINK_CLOSE_TAG, cursor)
+					if (closeIndex === -1) {
+						break
+					}
+					cursor = closeIndex + THINK_CLOSE_TAG.length
+					thinking = false
+				}
+
+				return {
+					content,
+					thinking
+				}
+			},
+			getAssistantDisplayContent(value) {
+				return this.parseAssistantContent(value).content
+			},
+			hasAssistantDisplayContent(value) {
+				return !!this.getAssistantDisplayContent(value).trim()
+			},
+			shouldShowAssistantThinking(item) {
+				if (item.content === ASSISTANT_PENDING_TEXT) {
+					return true
+				}
+				if (!item.loading) {
+					return false
+				}
+				return this.parseAssistantContent(item.content).thinking
+			},
+			getMessageCopyContent(item) {
+				return this.isUserMessage(item)
+					? item.content || ''
+					: this.getAssistantDisplayContent(item.content).trim()
+			},
+			copyMessage(item) {
+				const text = this.getMessageCopyContent(item)
+				if (!text) {
+					this.showToast('暂无可复制内容')
+					return
+				}
+				uni.setClipboardData({
+					data: text,
+					success: () => {
+						this.showToast('已复制')
+					}
+				})
+			},
+			fillContent(value) {
+				if (this.loading) {
+					return
+				}
+				this.draft = value
+			},
+			switchChatMode(mode) {
+				if (this.loading || this.activeChatMode === mode) {
+					return
+				}
+				this.activeChatMode = mode
+			},
+			scrollToBottom() {
+				this.bottomAnchorId = `chat-bottom-${Date.now()}`
+				this.$nextTick(() => {
+					this.scrollIntoView = this.bottomAnchorId
+				})
+			},
+			formatHistoryMessages(list) {
+				const result = []
+				;[...(list || [])]
+					.sort((left, right) => this.getTimestamp(left.createTime) - this.getTimestamp(right.createTime))
+					.forEach((item) => {
+						const time = this.getTimeLabel(item.createTime)
+						if (item.content) {
+							result.push({
+								id: this.createMessageId('user'),
+								anchorId: this.createMessageId('anchor'),
+								role: 'user',
+								content: item.content,
+								time
+							})
+						}
+						if (item.reply) {
+							result.push({
+								id: this.createMessageId('assistant'),
+								anchorId: this.createMessageId('anchor'),
+								role: 'assistant',
+								content: item.reply,
+								time
+							})
+						}
+					})
+				return result
+			},
+			syncActiveChat() {
+				if (!this.activeConversationId) {
+					return
+				}
+				const current = this.historyList.find((item) => item.conversationId === this.activeConversationId)
+				if (current && current.id) {
+					this.activeChatId = current.id
+				}
+			},
+			appendAssistantChunk(answer, conversationId) {
+				if (conversationId) {
+					this.activeConversationId = conversationId
+				}
+				if (!this.streamingMessageId) {
+					const messageId = this.createMessageId('assistant')
+					this.streamingMessageId = messageId
+					this.messageList.push({
+						id: messageId,
+						anchorId: this.createMessageId('anchor'),
+						role: 'assistant',
+						content: answer,
+						loading: true,
+						time: this.getTimeLabel()
+					})
+					this.scrollToBottom()
+					return
+				}
+				const target = this.messageList.find((item) => item.id === this.streamingMessageId)
+				if (!target) {
+					return
+				}
+				target.content =
+					target.content === ASSISTANT_PENDING_TEXT ? answer : `${target.content}${answer}`
+				this.scrollToBottom()
+			},
+			async finishAssistantMessage(conversationId) {
+				if (conversationId) {
+					this.activeConversationId = conversationId
+				}
+				const target = this.messageList.find((item) => item.id === this.streamingMessageId)
+				if (target) {
+					target.loading = false
+					if (target.content === ASSISTANT_PENDING_TEXT) {
+						target.content = ''
+					}
+				}
+				this.streamingMessageId = ''
+				this.loading = false
+				await this.loadHistoryList(false)
+				this.syncActiveChat()
+			},
+			disconnectWebSocket() {
+				this.socketConnectPromise = null
+				this.wsConnected = false
+				const socketTask = this.socketTask
+				this.socketTask = null
+				if (socketTask && typeof socketTask.close === 'function') {
+					try {
+						socketTask.close({})
+					} catch (error) {
+						console.warn('socket close failed', error)
+					}
+				}
+			},
+			async handleSocketMessage(raw) {
+				if (!raw) {
+					return
+				}
+				try {
+					const data = JSON.parse(raw)
+					if (data && data.answer === '__END__') {
+						await this.finishAssistantMessage(data.conversationId)
+						this.disconnectWebSocket()
+						return
+					}
+					if (data && (data.loading === 'true' || data.loading === true)) {
+						return
+					}
+					const notice = (data && (data.notice || data.answer)) || ''
+					if (notice) {
+						this.appendAssistantChunk(String(notice), data.conversationId)
+					}
+				} catch (error) {
+					console.warn('websocket message parse failed', error)
+					this.appendAssistantChunk(String(raw))
+				}
+			},
+			connectWebSocket() {
+				const { userId } = this.refreshUser()
+				if (!userId) {
+					return Promise.reject(new Error('未获取到当前登录用户'))
+				}
+				const currentSocket = this.socketTask
+				if (currentSocket && this.wsConnected) {
+					return Promise.resolve()
+				}
+				if (currentSocket && this.socketConnectPromise) {
+					return this.socketConnectPromise
+				}
+				if (currentSocket) {
+					this.disconnectWebSocket()
+				}
+
+				let cleanupPending = () => undefined
+				const connectPromise = new Promise((resolve, reject) => {
+					let settled = false
+					const socketTask = uni.connectSocket({
+						url: buildWebSocketUrl(userId),
+						complete: () => {}
+					})
+
+					cleanupPending = () => {
+						if (this.socketConnectPromise === connectPromise) {
+							this.socketConnectPromise = null
+						}
+					}
+
+					socketTask.onOpen(() => {
+						this.wsConnected = false
+					})
+					socketTask.onMessage((event) => {
+						const raw = String((event && event.data) || '')
+						if (raw === '连接成功') {
+							this.wsConnected = true
+							if (!settled) {
+								settled = true
+								cleanupPending()
+								resolve()
+							}
+							return
+						}
+						this.handleSocketMessage(raw)
+					})
+					socketTask.onClose(() => {
+						this.wsConnected = false
+						if (this.socketTask === socketTask) {
+							this.socketTask = null
+						}
+						if (!settled) {
+							settled = true
+							cleanupPending()
+							reject(new Error('聊天连接已关闭'))
+							return
+						}
+						if (this.loading && this.streamingMessageId) {
+							const target = this.messageList.find((item) => item.id === this.streamingMessageId)
+							if (target) {
+								target.loading = false
+								if (target.content === ASSISTANT_PENDING_TEXT) {
+									target.content = '连接已断开，请稍后重试。'
+								}
+							}
+							this.streamingMessageId = ''
+							this.loading = false
+						}
+						cleanupPending()
+					})
+					socketTask.onError(() => {
+						this.wsConnected = false
+						if (!settled) {
+							settled = true
+							cleanupPending()
+							reject(new Error('聊天连接失败'))
+						}
+					})
+					this.socketTask = socketTask
+				})
+
+				this.socketConnectPromise = connectPromise
+				return connectPromise
+			},
+			async loadHistoryList(autoSelect = true) {
+				const { userId } = this.refreshUser()
+				if (!userId) {
+					this.historyList = []
+					return
+				}
+				const response = await listAiChatList({ userId })
+				this.historyList = Array.isArray(response) ? response : []
+				this.syncActiveChat()
+				if (
+					autoSelect &&
+					!this.activeChatId &&
+					!this.activeConversationId &&
+					this.historyList.length
+				) {
+					await this.selectChat(this.historyList[0], true)
+				}
+			},
+			async loadChatHistory(item) {
+				const { userId } = this.refreshUser()
+				const response = await listAiChatHistory({
+					chatId: item.id,
+					conversationId: item.conversationId,
+					userId
+				})
+				this.messageList = this.formatHistoryMessages(Array.isArray(response) ? response : [])
+				this.scrollToBottom()
+			},
+			async selectChat(item, silent = false) {
+				if (this.loading && !silent) {
+					this.showToast('当前正在生成回复，请稍后再切换会话')
+					return
+				}
+				this.activeChatId = item.id || null
+				this.activeConversationId = item.conversationId || ''
+				this.showHistoryPanel = false
+				await this.loadChatHistory(item)
+			},
+			startNewChat() {
+				if (this.loading) {
+					this.showToast('当前正在生成回复，请稍后再开启新对话')
+					return
+				}
+				this.disconnectWebSocket()
+				this.activeChatId = null
+				this.activeConversationId = ''
+				this.streamingMessageId = ''
+				this.messageList = []
+				this.draft = ''
+				this.showHistoryPanel = false
+			},
+			stringifyUnknown(value) {
+				try {
+					return JSON.stringify(value, null, 2)
+				} catch (error) {
+					return String(value ?? '')
+				}
+			},
+			pickString(...values) {
+				for (let index = 0; index < values.length; index += 1) {
+					const value = values[index]
+					if (typeof value === 'string' && value.trim()) {
+						return value.trim()
+					}
+				}
+				return ''
+			},
+			parseKeyValueInput(value) {
+				const result = {}
+				String(value || '')
+					.split(/\n+/)
+					.map((item) => item.trim())
+					.filter(Boolean)
+					.forEach((line) => {
+						const match = line.match(/^([^:：]+)[:：]\s*(.*)$/)
+						if (match) {
+							result[match[1].trim()] = match[2].trim()
+						}
+					})
+				return result
+			},
+			buildManuscriptPayload(query) {
+				const fields = this.parseKeyValueInput(query)
+				return {
+					docType: fields['稿件类型'] || fields['类型'] || '新闻稿',
+					eventType: fields['活动类型'] || '校园活动',
+					theme: fields['稿件标题'] || fields['标题'] || fields['主题'] || query,
+					time: fields['活动时间'] || fields['时间'] || '',
+					location: fields['活动地点'] || fields['地点'] || '',
+					participants: fields['参与人员'] || fields['人员'] || '',
+					highlights: fields['亮点内容'] || fields['亮点'] || fields['内容'] || query,
+					number: Number(fields['建议篇幅'] || fields['字数'] || 800),
+					files: []
+				}
+			},
+			formatManuscriptResult(payload, query) {
+				if (typeof payload === 'string') {
+					return payload
+				}
+				const data = payload || {}
+				const title = this.pickString(
+					data.title,
+					data.theme,
+					data.name,
+					data.subject,
+					data.data && data.data.title
+				)
+				const body = this.pickString(
+					data.content,
+					data.text,
+					data.result,
+					data.output,
+					data.answer,
+					data.manuscript,
+					data.article,
+					data.message,
+					data.data && data.data.content,
+					data.data && data.data.text,
+					data.data && data.data.result,
+					data.data && data.data.output,
+					data.choices && data.choices[0] && data.choices[0].message && data.choices[0].message.content
+				)
+				if (title || body) {
+					return `${title || this.buildManuscriptPayload(query).theme}\n\n${body}`
+				}
+				return this.stringifyUnknown(payload)
+			},
+			buildOutlinePayload(query) {
+				const fields = this.parseKeyValueInput(query)
+				return {
+					event_theme: fields['活动主题'] || fields['主题'] || query,
+					people: fields['面向受众'] || fields['受众'] || fields['参与人员'] || '团员青年',
+					event_time: fields['活动时间'] || fields['时间'] || '待定',
+					event_funding: fields['活动资金'] || fields['资金'] || fields['经费'] || '待定',
+					event_type: fields['活动形式'] || fields['形式'] || '',
+					event_location: fields['活动地点'] || fields['地点'] || '',
+					event_meme: fields['备注'] || fields['补充'] || query
+				}
+			},
+			formatOutlineResult(payload) {
+				const data = payload || {}
+				return (
+					this.pickString(
+						data.answer,
+						data.raw && data.raw.answer,
+						data.raw && data.raw.data && data.raw.data.answer,
+						data.raw && data.raw.output,
+						data.raw && data.raw.result,
+						data.raw && data.raw.content,
+						data.raw && data.raw.message
+					) || this.stringifyUnknown(payload)
+				)
+			},
+			getCreativeOutputs(payload) {
+				if (payload && payload.outputs && typeof payload.outputs === 'object') {
+					return payload.outputs
+				}
+				if (payload && payload.data && payload.data.outputs && typeof payload.data.outputs === 'object') {
+					return payload.data.outputs
+				}
+				return payload || {}
+			},
+			getCreativeFileUrl(item) {
+				return String(
+					(item && (item.url || item.remote_url || item.downloadUrl || item.download_url || item.path)) || ''
+				).trim()
+			},
+			getCreativeFileName(item, fallback) {
+				return String((item && (item.name || item.filename)) || fallback).trim()
+			},
+			isCreativeImageFile(item) {
+				const url = this.getCreativeFileUrl(item).toLowerCase()
+				const contentType = String(
+					(item && (item.contentType || item.content_type || item.mime_type)) || ''
+				).toLowerCase()
+				const fileType = String((item && item.type) || '').toLowerCase()
+				const extension = String((item && item.extension) || '').toLowerCase()
+				return (
+					contentType.indexOf('image/') === 0 ||
+					fileType === 'image' ||
+					/\.(png|jpe?g|gif|webp|bmp|svg)(\?.*)?$/.test(url) ||
+					['.png', '.jpg', '.jpeg', '.gif', '.webp', '.bmp', '.svg'].indexOf(extension) > -1
+				)
+			},
+			formatFileList(title, list = []) {
+				if (!Array.isArray(list) || !list.length) {
+					return ''
+				}
+				return `\n\n### ${title}\n${list
+					.map((item, index) => {
+						const url = this.getCreativeFileUrl(item)
+						const name = this.getCreativeFileName(item, `结果文件${index + 1}`)
+						if (!url) {
+							return ''
+						}
+						return `${index + 1}. [${name}](${url})`
+					})
+					.filter(Boolean)
+					.join('\n')}`
+			},
+			formatImageList(title, list = []) {
+				if (!Array.isArray(list) || !list.length) {
+					return ''
+				}
+				const lines = list
+					.map((item) => {
+						const url = this.getCreativeFileUrl(item)
+						if (!url) {
+							return ''
+						}
+						return `![](${url})`
+					})
+					.filter(Boolean)
+				if (!lines.length) {
+					return ''
+				}
+				return `\n\n### ${title}\n${lines.join('\n\n')}`
+			},
+			formatCreativeResult(payload) {
+				const outputs = this.getCreativeOutputs(payload)
+				const script = this.pickString(outputs.Script_result, outputs.script, outputs.text)
+				const videoMessage = this.pickString(outputs.video_message)
+				const photoMessage = this.pickString(outputs.photo_message)
+				const photoFiles = Array.isArray(outputs.photo_files)
+					? outputs.photo_files
+					: Array.isArray(outputs.photo_file)
+					? outputs.photo_file
+					: []
+				const imageFiles = photoFiles.filter((item) => this.isCreativeImageFile(item))
+				const otherPhotoFiles = photoFiles.filter((item) => imageFiles.indexOf(item) === -1)
+				const files = [
+					this.formatFileList('视频生成结果', outputs.video_result || []),
+					this.formatImageList('图像 / 排版结果', imageFiles),
+					this.formatFileList('图像 / 排版结果文件', otherPhotoFiles)
+				].join('')
+				const text = [
+					videoMessage,
+					photoMessage,
+					script ? `### 脚本创作结果\n${script}` : '',
+					files
+				]
+					.filter(Boolean)
+					.join('\n\n')
+				return text || this.stringifyUnknown(payload)
+			},
+			async sendModeMessage(query, assistantId) {
+				const target = this.messageList.find((item) => item.id === assistantId)
+				const setResult = (value) => {
+					if (target) {
+						target.content = value || '接口已返回，但未解析到内容。'
+						target.loading = false
+					}
+				}
+				if (this.activeChatMode === 'manuscript') {
+					const result = await manuscriptGen(this.buildManuscriptPayload(query))
+					setResult(this.formatManuscriptResult(result, query))
+					return
+				}
+				if (this.activeChatMode === 'creative') {
+					const result = await creativeAssistant({
+						user_content: query,
+						user_contentString: query,
+						user_files: []
+					})
+					setResult(this.formatCreativeResult(result))
+					return
+				}
+				if (this.activeChatMode === 'outline') {
+					const result = await activityOutlineGen(this.buildOutlinePayload(query))
+					setResult(this.formatOutlineResult(result))
+				}
+			},
+			openHistoryPanel() {
+				this.showHistoryPanel = true
+				if (this.currentUser.userId) {
+					this.loadHistoryList(false).catch((error) => {
+						this.showError(error, '加载历史会话失败')
+					})
+				}
+			},
+			closeHistoryPanel() {
+				this.showHistoryPanel = false
+			},
+			async removeChat(item) {
+				if (this.loading) {
+					this.showToast('当前正在生成回复，请稍后再删除会话')
+					return
+				}
+				if (!item.id) {
+					this.showToast('当前会话缺少标识，无法删除')
+					return
+				}
+
+				const result = await new Promise((resolve) => {
+					uni.showModal({
+						title: '删除会话',
+						content: `确定删除“${this.getHistoryTitle(item)}”吗？`,
+						success: resolve,
+						fail: () => resolve({ confirm: false })
+					})
+				})
+				if (!result.confirm) {
+					return
+				}
+
+				this.deletingChatId = item.id
+				try {
+					const isActive =
+						this.activeChatId === item.id ||
+						(item.conversationId && this.activeConversationId === item.conversationId)
+					await removeAiChatList(item.id)
+					await this.loadHistoryList(false)
+					if (isActive) {
+						const nextChat = this.historyList[0]
+						if (nextChat) {
+							this.activeChatId = nextChat.id || null
+							this.activeConversationId = nextChat.conversationId || ''
+							await this.loadChatHistory(nextChat)
+						} else {
+							this.startNewChat()
+						}
+					}
+					this.showToast('删除成功')
+				} catch (error) {
+					this.showError(error, '删除失败')
+				} finally {
+					this.deletingChatId = null
+				}
+			},
+			usePrompt(text) {
+				this.fillContent(text)
+			},
+			async onSend() {
+				if (!this.canSend) {
+					if (!this.currentUser.userId) {
+						this.ensureLogin(true)
+					}
+					return
+				}
+				const query = this.draft.trim()
+				this.loading = true
+				try {
+					const assistantId = this.createMessageId('assistant')
+					const userTime = this.getTimeLabel()
+					this.messageList.push({
+						id: this.createMessageId('user'),
+						anchorId: this.createMessageId('anchor'),
+						role: 'user',
+						content: query,
+						time: userTime
+					})
+					this.messageList.push({
+						id: assistantId,
+						anchorId: this.createMessageId('anchor'),
+						role: 'assistant',
+						content: ASSISTANT_PENDING_TEXT,
+						loading: true,
+						time: this.getTimeLabel()
+					})
+					this.streamingMessageId = assistantId
+					this.draft = ''
+					this.scrollToBottom()
+					if (this.activeChatMode === 'chat') {
+						await this.connectWebSocket()
+						await sendChatMessage({
+							query,
+							conversationId: this.activeConversationId || undefined
+						})
+						return
+					}
+					await this.sendModeMessage(query, assistantId)
+					this.streamingMessageId = ''
+					this.loading = false
+					this.scrollToBottom()
+				} catch (error) {
+					const target = this.streamingMessageId
+						? this.messageList.find((item) => item.id === this.streamingMessageId)
+						: null
+					if (target) {
+						target.loading = false
+						target.content = '出错了，请稍后再试。'
+					}
+					this.streamingMessageId = ''
+					this.loading = false
+					this.disconnectWebSocket()
+					this.showError(error, '发送失败')
+				}
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.page {
+		height: 100vh;
+		padding: 0 24rpx 24rpx;
+		box-sizing: border-box;
+		display: flex;
+		flex-direction: column;
+		background:
+			radial-gradient(circle at top left, rgba(20, 150, 242, 0.1), transparent 26%),
+			//linear-gradient(180deg, #f9f4ef 0%, #f4ede7 100%);
+      rgba(20, 150, 242, 0.1)
+	}
+
+	.custom-navbar {
+		position: fixed;
+		top: 0;
+		left: 0;
+		right: 0;
+		z-index: 100;
+		overflow: hidden;
+		background: linear-gradient(180deg, #f7fbff 0%, #d9f0ff 44%, #f4fbff 100%);
+		box-shadow: 0 10rpx 28rpx rgba(65, 105, 135, 0.12);
+	}
+
+	.hero-bg {
+		position: absolute;
+		border-radius: 50%;
+		filter: blur(8rpx);
+		opacity: 0.9;
+	}
+
+	.hero-bg-left {
+		top: 84rpx;
+		left: -30rpx;
+		width: 300rpx;
+		height: 200rpx;
+		background: radial-gradient(circle, rgba(197, 237, 255, 0.95) 0%, rgba(197, 237, 255, 0) 72%);
+	}
+
+	.hero-bg-right {
+		top: 46rpx;
+		right: -40rpx;
+		width: 360rpx;
+		height: 260rpx;
+		background: radial-gradient(circle, rgba(184, 231, 255, 0.92) 0%, rgba(184, 231, 255, 0) 72%);
+	}
+
+	.navbar {
+		position: relative;
+		z-index: 2;
+		padding-left: 28rpx;
+		padding-right: 20rpx;
+	}
+
+	.navbar-inner {
+		display: flex;
+		align-items: center;
+		height: 88rpx;
+		justify-content: center;
+		position: relative;
+	}
+
+	.navbar-left {
+		display: flex;
+		align-items: center;
+		gap: 8rpx;
+		position: absolute;
+		left: 0;
+		top: 50%;
+		transform: translateY(-50%);
+	}
+
+	.nav-icon-btn {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		width: 72rpx;
+		height: 72rpx;
+		border-radius: 24rpx;
+		background: rgba(255, 255, 255, 0.72);
+		box-shadow: 0 8rpx 18rpx rgba(115, 164, 196, 0.14);
+	}
+
+	/* List / history icon */
+	.icon-list {
+		display: flex;
+		flex-direction: column;
+		gap: 7rpx;
+		width: 38rpx;
+	}
+
+	.icon-list-line {
+		height: 4rpx;
+		border-radius: 4rpx;
+		background: #101214;
+	}
+
+	.icon-list-line--sm {
+		width: 60%;
+	}
+
+	/* Plus / new-chat icon */
+	.icon-compose {
+		position: relative;
+		width: 36rpx;
+		height: 36rpx;
+	}
+
+	.icon-compose-h {
+		position: absolute;
+		top: 50%;
+		left: 0;
+		right: 0;
+		height: 4rpx;
+		border-radius: 4rpx;
+		background: #101214;
+		transform: translateY(-50%);
+	}
+
+	.icon-compose-v {
+		position: absolute;
+		top: 0;
+		bottom: 0;
+		left: 50%;
+		width: 4rpx;
+		border-radius: 4rpx;
+		background: #101214;
+		transform: translateX(-50%);
+	}
+
+	.navbar-center {
+		min-width: 0;
+		text-align: center;
+		padding: 0 168rpx;
+	}
+
+	.navbar-title {
+		font-size: 28rpx;
+		font-weight: 700;
+		color: #101214;
+		line-height: 1.3;
+		letter-spacing: 2rpx;
+	}
+
+	.navbar-sub {
+		font-size: 22rpx;
+		color: #5f6570;
+		margin-top: 2rpx;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
+
+	.navbar-placeholder {
+		width: 152rpx;
+		flex-shrink: 0;
+	}
+
+	.navbar-spacer {
+		flex-shrink: 0;
+	}
+
+	.assistant-shell {
+		flex: 1;
+		min-height: 0;
+		display: flex;
+		flex-direction: column;
+		gap: 20rpx;
+	}
+
+	.message-scroll {
+		flex: 1;
+		min-height: 0;
+		padding: 4rpx 2rpx 0;
+	}
+
+	.prompt-panel,
+	.empty-card,
+	.notice-card {
+		padding: 24rpx;
+		border-radius: 28rpx;
+		background: rgba(255, 255, 255, 0.92);
+		box-shadow: 0 10rpx 28rpx rgba(76, 49, 35, 0.08);
+	}
+
+	.prompt-title,
+	.notice-title,
+	.empty-title {
+		font-size: 28rpx;
+		font-weight: 700;
+		color: #23272f;
+	}
+
+	.prompt-list {
+		display: flex;
+		flex-wrap: wrap;
+		gap: 16rpx;
+		margin-top: 18rpx;
+	}
+
+	.prompt-chip {
+		padding: 14rpx 22rpx;
+		border-radius: 999rpx;
+		background: #fbebea;
+		color: #1496f2;
+		font-size: 24rpx;
+	}
+
+	.notice-card,
+	.empty-card {
+		margin-top: 22rpx;
+	}
+
+	.notice-desc,
+	.empty-desc {
+		margin-top: 12rpx;
+		font-size: 24rpx;
+		line-height: 1.7;
+		color: #7d726d;
+	}
+
+	.message-row {
+		display: flex;
+		align-items: flex-start;
+		margin-top: 22rpx;
+	}
+
+	.message-row--user {
+		flex-direction: row-reverse;
+	}
+
+	.avatar {
+		flex-shrink: 0;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		width: 68rpx;
+		height: 68rpx;
+		border-radius: 22rpx;
+		background: rgba(20, 150, 242, 0.12);
+		color: #1496f2;
+		font-size: 26rpx;
+		font-weight: 700;
+	}
+
+	.avatar--user {
+		background: linear-gradient(145deg, #0f7dd1 0%, #1496f2 100%);
+		color: #fff;
+	}
+
+	.message-main {
+		display: flex;
+		flex-direction: column;
+		align-items: flex-start;
+		max-width: calc(100% - 96rpx);
+		margin-left: 16rpx;
+	}
+
+	.message-row--user .message-main {
+		align-items: flex-end;
+		margin-left: 0;
+		margin-right: 16rpx;
+	}
+
+	.bubble {
+		max-width: 100%;
+		padding: 22rpx 24rpx;
+		border-radius: 26rpx 26rpx 26rpx 8rpx;
+		background: rgba(255, 255, 255, 0.92);
+		box-shadow: 0 10rpx 28rpx rgba(76, 49, 35, 0.08);
+	}
+
+	.bubble--user {
+		border-radius: 26rpx 26rpx 8rpx 26rpx;
+		background: linear-gradient(145deg, #0f7dd1 0%, #1496f2 100%);
+	}
+
+	.bubble--pending {
+		border: 1rpx solid rgba(240, 122, 61, 0.22);
+	}
+
+	.bubble-text {
+		font-size: 28rpx;
+		line-height: 1.75;
+		color: #27303a;
+		word-break: break-all;
+		white-space: pre-wrap;
+	}
+
+	.bubble--user .bubble-text,
+	.bubble--user .bubble-time {
+		color: #fff;
+	}
+
+	.bubble-time {
+		margin-top: 12rpx;
+		font-size: 20rpx;
+		color: #918781;
+	}
+
+	.thinking-row {
+		display: flex;
+		align-items: center;
+		gap: 12rpx;
+		margin-bottom: 10rpx;
+		font-size: 24rpx;
+		color: #c1652d;
+	}
+
+	.thinking-dot {
+		width: 16rpx;
+		height: 16rpx;
+		border-radius: 50%;
+		background: #f07a3d;
+		box-shadow: 0 0 0 10rpx rgba(240, 122, 61, 0.12);
+	}
+
+	.bubble-actions {
+		display: flex;
+		gap: 14rpx;
+		margin-top: 12rpx;
+	}
+
+	.bubble-action {
+		padding: 8rpx 16rpx;
+		border-radius: 999rpx;
+		background: rgba(20, 150, 242, 0.08);
+		color: #1496f2;
+		font-size: 22rpx;
+	}
+
+	.composer {
+		padding: 16rpx 16rpx 16rpx 24rpx;
+		border-radius: 30rpx;
+		background: rgba(255, 255, 255, 0.96);
+		box-shadow: 0 12rpx 30rpx rgba(76, 49, 35, 0.08);
+	}
+
+	.mode-tags {
+		display: flex;
+		flex-wrap: wrap;
+		gap: 14rpx;
+		margin-bottom: 16rpx;
+	}
+
+	.mode-tag {
+		padding: 10rpx 22rpx;
+		border-radius: 999rpx;
+		background: rgba(20, 150, 242, 0.08);
+		color: #1496f2;
+		font-size: 24rpx;
+		line-height: 1.4;
+	}
+
+	.mode-tag--active {
+		background: linear-gradient(145deg, #0f7dd1 0%, #1496f2 100%);
+		color: #fff;
+		box-shadow: 0 10rpx 20rpx rgba(20, 150, 242, 0.18);
+	}
+
+	.mode-tag--disabled {
+		opacity: 0.6;
+	}
+
+	.composer-row {
+		display: flex;
+		align-items: flex-end;
+		gap: 12rpx;
+	}
+
+	.composer-input {
+		flex: 1;
+		min-height: 72rpx;
+		max-height: 240rpx;
+		padding: 18rpx 0;
+		font-size: 28rpx;
+		line-height: 1.6;
+		color: #27303a;
+	}
+
+	.composer-send {
+		flex-shrink: 0;
+		height: 72rpx;
+		padding: 0 30rpx;
+		border-radius: 20rpx;
+		background: linear-gradient(145deg, #0f7dd1 0%, #1496f2 100%);
+		color: #fff;
+		font-size: 28rpx;
+		font-weight: 700;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.composer-send--disabled {
+		background: #d8cfcb;
+	}
+
+	.history-mask {
+		position: fixed;
+		inset: 0;
+		z-index: 99;
+		background: rgba(44, 28, 23, 0.36);
+		display: flex;
+		justify-content: flex-end;
+	}
+
+	.history-panel {
+		width: 84%;
+		height: 100vh;
+		padding: 30rpx 24rpx 24rpx;
+		background: #fff7f4;
+		box-shadow: -12rpx 0 30rpx rgba(44, 28, 23, 0.12);
+		display: flex;
+		flex-direction: column;
+	}
+
+	.history-head {
+		display: flex;
+		align-items: flex-start;
+		justify-content: space-between;
+		gap: 16rpx;
+	}
+
+	.history-title {
+		font-size: 32rpx;
+		font-weight: 700;
+		color: #2b2c31;
+	}
+
+	.history-subtitle {
+		margin-top: 10rpx;
+		font-size: 22rpx;
+		color: #8a7f79;
+	}
+
+	.history-close {
+		padding: 10rpx 18rpx;
+		border-radius: 18rpx;
+		background: rgba(20, 150, 242, 0.08);
+		color: #1496f2;
+		font-size: 24rpx;
+	}
+
+	.history-scroll {
+		flex: 1;
+		min-height: 0;
+		margin-top: 24rpx;
+	}
+
+	.history-section + .history-section {
+		margin-top: 24rpx;
+	}
+
+	.history-label {
+		margin-bottom: 14rpx;
+		padding-left: 6rpx;
+		font-size: 22rpx;
+		color: #8b817b;
+	}
+
+	.history-item {
+		display: flex;
+		align-items: center;
+		gap: 16rpx;
+		padding: 20rpx;
+		border-radius: 24rpx;
+		background: rgba(255, 255, 255, 0.92);
+		border: 1rpx solid rgba(20, 150, 242, 0.06);
+		box-shadow: 0 10rpx 28rpx rgba(76, 49, 35, 0.06);
+	}
+
+	.history-item + .history-item {
+		margin-top: 14rpx;
+	}
+
+	.history-item--active {
+		border-color: rgba(20, 150, 242, 0.2);
+		background: #fff1ec;
+	}
+
+	.history-item-main {
+		flex: 1;
+		min-width: 0;
+	}
+
+	.history-item-title {
+		font-size: 26rpx;
+		font-weight: 700;
+		color: #2f3136;
+		line-height: 1.5;
+	}
+
+	.history-item-time {
+		margin-top: 10rpx;
+		font-size: 22rpx;
+		color: #8e837d;
+	}
+
+	.history-delete {
+		flex-shrink: 0;
+		padding: 10rpx 16rpx;
+		border-radius: 18rpx;
+		background: rgba(20, 150, 242, 0.08);
+		color: #1496f2;
+		font-size: 22rpx;
+	}
+
+	.history-empty {
+		padding: 40rpx 20rpx;
+		text-align: center;
+		font-size: 24rpx;
+		color: #978b84;
+	}
+
+	.scroll-anchor {
+		height: 2rpx;
+	}
+
+	/* Markdown rendered inside assistant bubbles */
+	.bubble-markdown {
+		display: block;
+		font-size: 28rpx;
+		line-height: 1.75;
+		color: #27303a;
+		word-break: break-all;
+
+		p { margin: 0 0 16rpx; }
+		p:last-child { margin-bottom: 0; }
+
+		h1, h2, h3, h4, h5, h6 {
+			font-weight: 700;
+			margin: 20rpx 0 10rpx;
+			color: #1a1f27;
+		}
+		h1 { font-size: 38rpx; }
+		h2 { font-size: 34rpx; }
+		h3 { font-size: 30rpx; }
+
+		ul, ol {
+			padding-left: 36rpx;
+			margin: 10rpx 0;
+		}
+		li { margin-bottom: 8rpx; }
+
+		code {
+			display: inline;
+			padding: 2rpx 10rpx;
+			border-radius: 8rpx;
+			background: rgba(20, 150, 242, 0.08);
+			color: #1496f2;
+			font-size: 24rpx;
+			font-family: monospace;
+		}
+
+		pre {
+			padding: 22rpx;
+			border-radius: 16rpx;
+			background: #f3ede8;
+			overflow-x: auto;
+			margin: 16rpx 0;
+		}
+		pre code {
+			padding: 0;
+			background: transparent;
+			color: #3d2e27;
+			font-size: 24rpx;
+			white-space: pre;
+		}
+
+		blockquote {
+			margin: 12rpx 0;
+			padding: 10rpx 20rpx;
+			border-left: 6rpx solid rgba(20, 150, 242, 0.3);
+			color: #6b5f59;
+			background: rgba(20, 150, 242, 0.04);
+			border-radius: 0 12rpx 12rpx 0;
+		}
+
+		hr {
+			margin: 20rpx 0;
+			border: none;
+			border-top: 1rpx solid rgba(20, 150, 242, 0.15);
+		}
+
+		strong { font-weight: 700; }
+		em { font-style: italic; }
+	}
+</style>
diff --git a/pages/creative-assistant/index.vue b/pages/creative-assistant/index.vue
new file mode 100644
index 0000000..4efe242
--- /dev/null
+++ b/pages/creative-assistant/index.vue
@@ -0,0 +1,1038 @@
+<template>
+	<view class="page">
+		<scroll-view scroll-y class="page-scroll">
+			<view class="hero-card">
+				<view class="hero-title">AI 创意助手</view>
+				<view class="hero-desc">
+					支持文本指令与多类型附件联合驱动工作流，自动返回视频、脚本 Markdown 或图像 / 排版结果。
+				</view>
+				<view class="hero-actions">
+					<view class="hero-action" @tap="fillExample('video')">短视频创意</view>
+					<view class="hero-action" @tap="fillExample('script')">脚本创作</view>
+					<view class="hero-action" @tap="fillExample('image')">海报排版</view>
+				</view>
+			</view>
+
+			<view class="panel-card">
+				<view class="panel-title">输入配置</view>
+				<view class="field-list">
+					<view class="field-item">
+						<view class="field-label">文本指令</view>
+						<textarea
+							v-model="content"
+							class="field-textarea field-textarea--large"
+							placeholder="请输入用户的文本指令或需求描述，例如：根据活动照片和通知文档，生成一条公众号推文封面及 60 秒短视频脚本。"
+							placeholder-style="color: #c0c4cc;"
+							maxlength="-1"
+						/>
+					</view>
+
+					<view class="field-item">
+						<view class="field-label">上传附件</view>
+						<view class="upload-bar">
+							<view class="upload-btn" @tap="chooseFiles">{{ uploading ? '上传中...' : '添加附件' }}</view>
+							<view class="upload-tip">支持图片、视频、音频和常见文档类型。</view>
+						</view>
+						<view v-if="uploadedFiles.length" class="file-list">
+							<view
+								v-for="(item, index) in uploadedFiles"
+								:key="`${item.url || item.path || item.name}-${index}`"
+								class="file-item-card"
+							>
+								<view class="file-main">
+									<view class="file-badge">{{ getFileTypeLabel(item) }}</view>
+									<view class="file-text">
+										<view class="file-name">{{ item.name || getFileName(item) }}</view>
+										<view class="file-url">{{ resolveFileUrl(item) || '-' }}</view>
+									</view>
+								</view>
+								<view class="file-remove" @tap="removeUploadedFile(index)">移除</view>
+							</view>
+						</view>
+					</view>
+				</view>
+
+				<view class="submit-bar">
+					<view class="ghost-btn" @tap="resetAll">重置</view>
+					<view class="primary-btn" :class="{ 'primary-btn--disabled': !canSubmit || loading }" @tap="runWorkflow">
+						{{ loading ? '执行中' : '生成' }}
+					</view>
+				</view>
+			</view>
+
+			<view class="panel-card result-card">
+				<view class="result-head">
+					<view class="panel-title">工作流结果</view>
+					<view class="result-status" :class="loading ? 'result-status--loading' : hasAnyResult ? 'result-status--done' : ''">
+						{{ loading ? '执行中' : hasAnyResult ? '已完成' : '待执行' }}
+					</view>
+				</view>
+
+				<view v-if="loading" class="loading-panel">
+					<view class="loading-kicker">WORKFLOW RUNNING</view>
+					<view class="loading-title">{{ loadingTitle }}</view>
+					<view class="loading-desc">{{ loadingDescription }}</view>
+					<view class="loading-steps">
+						<view
+							v-for="(item, index) in loadingSteps"
+							:key="item.title"
+							class="loading-step"
+							:class="{ 'is-active': index === 1 }"
+						>
+							<view class="loading-step-index">0{{ index + 1 }}</view>
+							<view class="loading-step-main">
+								<view class="loading-step-title">{{ item.title }}</view>
+								<view class="loading-step-desc">{{ item.desc }}</view>
+							</view>
+						</view>
+					</view>
+				</view>
+
+				<view v-else-if="!hasAnyResult" class="result-empty">
+					填写文本指令并上传附件后执行工作流
+				</view>
+
+				<view v-else class="result-body">
+					<view v-if="statusMessage" class="status-alert">
+						{{ statusMessage }}
+					</view>
+
+					<view v-if="videoFiles.length" class="result-section">
+						<view class="section-title">视频生成结果</view>
+						<view class="video-list">
+							<view
+								v-for="(item, index) in videoFiles"
+								:key="`${resolveFileUrl(item)}-${index}`"
+								class="video-card"
+							>
+								<video
+									v-if="isVideoFile(item)"
+									class="video-player"
+									controls
+									object-fit="cover"
+									:src="resolveFileUrl(item)"
+								></video>
+								<view class="result-meta">
+									<view class="result-name">{{ item.name || getFileName(item) }}</view>
+									<view class="result-link" @tap="copyFileLink(item)">复制链接</view>
+								</view>
+							</view>
+						</view>
+					</view>
+
+					<view v-if="scriptDisplayContent" class="result-section">
+						<view class="section-title">脚本创作结果</view>
+						<zero-markdown-view
+							class="script-shell script-markdown"
+							:markdown="scriptDisplayContent"
+						/>
+					</view>
+
+					<view v-if="photoFiles.length" class="result-section">
+						<view class="section-title">图像 / 排版结果</view>
+						<view class="photo-grid">
+							<view
+								v-for="(item, index) in photoFiles"
+								:key="`${resolveFileUrl(item)}-${index}`"
+								class="photo-card"
+							>
+								<image
+									v-if="isImageFile(item)"
+									class="photo-image"
+									mode="aspectFill"
+									:src="resolveFileUrl(item)"
+									@tap="previewImage(item)"
+								/>
+								<view v-else class="photo-fallback">
+									<view class="file-badge">{{ getFileTypeLabel(item) }}</view>
+									<view class="result-link" @tap="copyFileLink(item)">复制结果链接</view>
+								</view>
+								<view class="result-meta">
+									<view class="result-name">{{ item.name || getFileName(item) }}</view>
+									<view class="result-link" @tap="copyFileLink(item)">复制链接</view>
+								</view>
+							</view>
+						</view>
+					</view>
+				</view>
+
+				<view class="result-actions">
+					<view class="result-btn" @tap="copyScript">复制脚本</view>
+					<view class="result-btn" @tap="clearResult">清空结果</view>
+				</view>
+			</view>
+		</scroll-view>
+	</view>
+</template>
+
+<script>
+	import { creativeAssistant, uploadAiFile } from './service'
+
+	const DOCUMENT_FILE_EXTS = new Set([
+		'TXT',
+		'MD',
+		'MARKDOWN',
+		'PDF',
+		'HTML',
+		'XLSX',
+		'XLS',
+		'DOCX',
+		'CSV',
+		'EML',
+		'MSG',
+		'PPTX',
+		'PPT',
+		'XML',
+		'EPUB'
+	])
+	const AUDIO_FILE_EXTS = new Set(['MP3', 'M4A', 'WAV', 'WEBM', 'AMR', 'AAC', 'OGG'])
+	const VIDEO_FILE_EXTS = new Set(['MP4', 'MOV', 'MPEG', 'MPGA', 'WEBM', 'AVI', 'M4V'])
+
+	export default {
+		data() {
+			return {
+				loading: false,
+				uploading: false,
+				content: '',
+				uploadedFiles: [],
+				workflowResponse: null,
+				workflowOutputs: null,
+				loadingSteps: [
+					{
+						title: '输入理解',
+						desc: '解析文本指令、识别目标输出和执行路径'
+					},
+					{
+						title: '内容生成',
+						desc: '调用工作流处理视频、脚本或图像排版任务'
+					},
+					{
+						title: '结果整理',
+						desc: '回收文件链接并整理结构化输出'
+					}
+				]
+			}
+		},
+		computed: {
+			canSubmit() {
+				return !!String(this.content || '').trim() || this.uploadedFiles.length > 0
+			},
+			videoFiles() {
+				return (this.workflowOutputs && this.workflowOutputs.video_result) || []
+			},
+			scriptMarkdown() {
+				return String((this.workflowOutputs && this.workflowOutputs.Script_result) || '')
+			},
+			scriptDisplayContent() {
+        console.log(this.scriptMarkdown
+          .replace(/<think>[\s\S]*?<\/think>/g, '')
+          .trim())
+				return this.scriptMarkdown
+					.replace(/<think>[\s\S]*?<\/think>/g, '')
+					.trim()
+			},
+			photoFiles() {
+				return (this.workflowOutputs && this.workflowOutputs.photo_files) || []
+			},
+			statusMessage() {
+				return (
+					(this.workflowOutputs && this.workflowOutputs.video_message) ||
+					(this.workflowOutputs && this.workflowOutputs.photo_message) ||
+					''
+				)
+			},
+			hasAnyResult() {
+				return !!(
+					this.videoFiles.length ||
+					this.scriptMarkdown.trim() ||
+					this.photoFiles.length
+				)
+			},
+			loadingTitle() {
+				if (this.uploadedFiles.length && String(this.content || '').trim()) {
+					return '正在分析指令并处理附件'
+				}
+				if (this.uploadedFiles.length) {
+					return '正在解析附件并生成结果'
+				}
+				return '正在根据文本指令生成内容'
+			},
+			loadingDescription() {
+				return '该工作流可能持续数分钟，请保持页面开启。系统正在后台完成素材理解、内容生成与结果整理。'
+			}
+		},
+		methods: {
+			showToast(title) {
+				uni.showToast({
+					title,
+					icon: 'none'
+				})
+			},
+			normalizeOutputPayload(payload) {
+				if (!payload) {
+					return {}
+				}
+				if (payload.outputs && typeof payload.outputs === 'object') {
+					return payload.outputs
+				}
+				if (payload.data && payload.data.outputs && typeof payload.data.outputs === 'object') {
+					return payload.data.outputs
+				}
+				return payload
+			},
+			resolveFileUrl(file) {
+				if (!file) {
+					return ''
+				}
+				return String(file.url || file.downloadUrl || file.thumbnail || file.path || '')
+			},
+			getFileName(file) {
+				const value = this.resolveFileUrl(file)
+				if (!value) {
+					return '未命名文件'
+				}
+				try {
+					return decodeURIComponent(value.split('?')[0].split('/').pop() || value)
+				} catch (error) {
+					return value.split('?')[0].split('/').pop() || value
+				}
+			},
+			getFileExt(file) {
+				const name = String((file && (file.name || this.getFileName(file))) || '').toLowerCase()
+				return name.split('.').pop() || ''
+			},
+			isImageFile(file) {
+				const contentType = String((file && file.contentType) || '').toLowerCase()
+				if (contentType.startsWith('image/')) {
+					return true
+				}
+				return ['png', 'jpg', 'jpeg', 'gif', 'bmp', 'webp'].includes(this.getFileExt(file))
+			},
+			isVideoFile(file) {
+				const contentType = String((file && file.contentType) || '').toLowerCase()
+				if (contentType.startsWith('video/')) {
+					return true
+				}
+				return ['mp4', 'mov', 'm4v', 'webm', 'avi'].includes(this.getFileExt(file))
+			},
+			isAudioFile(file) {
+				const contentType = String((file && file.contentType) || '').toLowerCase()
+				if (contentType.startsWith('audio/')) {
+					return true
+				}
+				return ['mp3', 'wav', 'aac', 'm4a', 'ogg', 'amr'].includes(this.getFileExt(file))
+			},
+			getUploadFileType(file) {
+				const contentType = String((file && file.contentType) || '').toLowerCase()
+				const ext = this.getFileExt(file).toUpperCase()
+				if (contentType.startsWith('image/')) {
+					return 'image'
+				}
+				if (AUDIO_FILE_EXTS.has(ext)) {
+					return 'audio'
+				}
+				if (VIDEO_FILE_EXTS.has(ext)) {
+					return 'video'
+				}
+				if (DOCUMENT_FILE_EXTS.has(ext)) {
+					return 'document'
+				}
+				return 'document'
+			},
+			getFileTypeLabel(file) {
+				if (this.isImageFile(file)) {
+					return '图片'
+				}
+				if (this.isVideoFile(file)) {
+					return '视频'
+				}
+				if (this.isAudioFile(file)) {
+					return '音频'
+				}
+				return '文档'
+			},
+			clearResult() {
+				this.workflowResponse = null
+				this.workflowOutputs = null
+			},
+			resetAll() {
+				this.content = ''
+				this.uploadedFiles = []
+				this.clearResult()
+			},
+			removeUploadedFile(index) {
+				this.uploadedFiles = this.uploadedFiles.filter((item, current) => current !== index)
+			},
+			async chooseFiles() {
+				if (this.uploading) {
+					return
+				}
+				try {
+					const result = await new Promise((resolve, reject) => {
+						uni.chooseMessageFile({
+							count: 9,
+							type: 'all',
+							success: resolve,
+							fail: reject
+						})
+					})
+					const tempFiles = (result && result.tempFiles) || []
+					if (!tempFiles.length) {
+						return
+					}
+					this.uploading = true
+					uni.showLoading({
+						title: '上传中',
+						mask: true
+					})
+					for (let index = 0; index < tempFiles.length; index += 1) {
+						const file = tempFiles[index]
+						if (file.size && file.size / 1024 / 1024 > 100) {
+							this.showToast('单个附件不能超过 100MB')
+							continue
+						}
+						const uploaded = await uploadAiFile(file)
+						this.uploadedFiles = [
+							...this.uploadedFiles,
+							{
+								id: uploaded.id,
+								name: uploaded.name || file.name,
+								path: uploaded.path,
+								url: uploaded.url,
+								downloadUrl: uploaded.downloadUrl,
+								contentType: uploaded.contentType
+							}
+						]
+					}
+					this.showToast('附件上传成功')
+				} catch (error) {
+					if (error && error.errMsg && String(error.errMsg).includes('cancel')) {
+						return
+					}
+					this.showToast((error && error.message) || '上传失败')
+				} finally {
+					this.uploading = false
+					uni.hideLoading()
+				}
+			},
+			buildRequestPayload() {
+				const payload = {
+					user_content: String(this.content || '').trim(),
+					user_contentString: String(this.content || '').trim()
+				}
+				if (this.uploadedFiles.length) {
+					payload.user_files = this.uploadedFiles.map((item) => ({
+						transfer_method: 'local_file',
+						type: this.getUploadFileType(item),
+						upload_file_id: item.id,
+						url: ''
+					}))
+				}
+				return payload
+			},
+			async runWorkflow() {
+				if (!this.canSubmit) {
+					this.showToast('请先输入文本指令或上传附件')
+					return
+				}
+				if (this.loading) {
+					return
+				}
+				this.loading = true
+				try {
+					const result = await creativeAssistant(this.buildRequestPayload())
+					this.workflowResponse = result || null
+					this.workflowOutputs = this.normalizeOutputPayload(result || null)
+					if (!this.hasAnyResult) {
+						this.showToast('接口已返回，但未识别到文档约定的输出字段')
+					} else {
+						this.showToast('工作流执行完成')
+					}
+				} catch (error) {
+					this.showToast((error && error.message) || '工作流执行失败')
+				} finally {
+					this.loading = false
+				}
+			},
+			copyScript() {
+				if (!this.scriptDisplayContent) {
+					this.showToast('暂无脚本结果')
+					return
+				}
+				uni.setClipboardData({
+					data: this.scriptDisplayContent,
+					success: () => {
+						this.showToast('脚本已复制')
+					}
+				})
+			},
+			copyFileLink(file) {
+				const url = this.resolveFileUrl(file)
+				if (!url) {
+					this.showToast('当前文件缺少链接')
+					return
+				}
+				uni.setClipboardData({
+					data: url,
+					success: () => {
+						this.showToast('链接已复制')
+					}
+				})
+			},
+			previewImage(file) {
+				const url = this.resolveFileUrl(file)
+				if (!url) {
+					this.showToast('当前图片缺少地址')
+					return
+				}
+				const urls = this.photoFiles.map((item) => this.resolveFileUrl(item)).filter(Boolean)
+				uni.previewImage({
+					current: url,
+					urls
+				})
+			},
+			fillExample(type) {
+				if (type === 'video') {
+					this.content = '请根据我上传的活动照片和通知文档，生成一条 45 秒校园活动宣传短视频，画面节奏明快，配一段适合配音的解说文案，并输出视频结果。'
+					return
+				}
+				if (type === 'script') {
+					this.content = '围绕“青年志愿者进社区”主题创作一份短视频分镜脚本，要求包含开场钩子、3 个主要场景和结尾号召，输出为 Markdown 脚本。'
+					return
+				}
+				this.content = '请根据上传的活动照片、LOGO 和文案素材，生成一套公众号头图与活动海报排版，风格青春、明亮，输出图片文件。'
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.page {
+		min-height: 100vh;
+		background:
+			radial-gradient(circle at top right, rgba(20, 150, 242, 0.14), transparent 24%),
+			linear-gradient(180deg, #fff8f3 0%, #f7fbff 100%);
+	}
+
+	.page-scroll {
+		height: 100vh;
+		padding: 28rpx 24rpx 40rpx;
+	}
+
+	.hero-card {
+		padding: 34rpx 30rpx;
+		border-radius: 32rpx;
+		background: linear-gradient(135deg, #0c5f9f 0%, #1496f2 48%, #67c7ff 100%);
+		box-shadow: 0 18rpx 40rpx rgba(143, 31, 45, 0.2);
+		color: #333;
+	}
+
+	.hero-kicker {
+		font-size: 22rpx;
+		letter-spacing: 4rpx;
+		color: rgba(255, 235, 237, 0.72);
+	}
+
+	.hero-title {
+		margin-top: 18rpx;
+		font-size: 42rpx;
+		line-height: 1.35;
+		font-weight: 700;
+		color: #fff8f8;
+	}
+
+	.hero-desc {
+		margin-top: 16rpx;
+		font-size: 24rpx;
+		line-height: 1.8;
+		color: rgba(255, 239, 241, 0.88);
+	}
+
+	.hero-actions {
+		display: flex;
+		flex-wrap: wrap;
+		gap: 14rpx;
+		margin-top: 26rpx;
+	}
+
+	.hero-action {
+		padding: 12rpx 20rpx;
+		border-radius: 999rpx;
+		background: rgba(255, 255, 255, 0.12);
+		font-size: 22rpx;
+		color: #fff6f6;
+	}
+
+	.panel-card {
+		margin-top: 24rpx;
+		padding: 26rpx;
+		border-radius: 30rpx;
+		background: rgba(255, 255, 255, 0.96);
+		border: 1rpx solid rgba(20, 150, 242, 0.08);
+		box-shadow: 0 14rpx 34rpx rgba(87, 54, 30, 0.08);
+	}
+
+	.panel-title {
+		font-size: 30rpx;
+		font-weight: 700;
+		color: #1f2329;
+	}
+
+	.field-list {
+		display: flex;
+		flex-direction: column;
+		gap: 22rpx;
+		margin-top: 20rpx;
+	}
+
+	.field-label {
+		margin-bottom: 12rpx;
+		font-size: 25rpx;
+		font-weight: 600;
+		color: #2b3037;
+	}
+
+	.field-textarea {
+		width: 100%;
+		min-height: 220rpx;
+		padding: 22rpx 24rpx;
+		border-radius: 22rpx;
+		background: #fcf6f2;
+		border: 1rpx solid #d6eafb;
+		font-size: 24rpx;
+		line-height: 1.8;
+		color: #2a2e35;
+		box-sizing: border-box;
+	}
+
+	.field-textarea--large {
+		min-height: 360rpx;
+	}
+
+	:deep(.field-input.uv-input) {
+		width: 100%;
+		min-height: 88rpx;
+		padding: 0 24rpx;
+		border-radius: 12rpx;
+		border: 1px solid #dcdfe6;
+		background: #ffffff;
+		box-sizing: border-box;
+	}
+
+	:deep(.field-input.uv-input .uv-input__content__field-wrapper__field) {
+		height: 88rpx;
+		min-height: 88rpx;
+		font-size: 28rpx;
+		line-height: 88rpx;
+		color: #303133;
+	}
+
+	.upload-bar {
+		display: flex;
+		flex-direction: column;
+		gap: 12rpx;
+	}
+
+	.upload-btn {
+		align-self: flex-start;
+		padding: 14rpx 24rpx;
+		border-radius: 20rpx;
+		background: rgba(20, 150, 242, 0.1);
+		color: #1496f2;
+		font-size: 24rpx;
+		font-weight: 600;
+	}
+
+	.upload-tip {
+		font-size: 22rpx;
+		line-height: 1.7;
+		color: #88715f;
+	}
+
+	.file-list {
+		display: flex;
+		flex-direction: column;
+		gap: 14rpx;
+		margin-top: 16rpx;
+	}
+
+	.file-item-card {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		gap: 12rpx;
+		padding: 18rpx 20rpx;
+		border-radius: 22rpx;
+		background: #f4faff;
+		border: 1rpx solid #d6eafb;
+	}
+
+	.file-main {
+		display: flex;
+		align-items: center;
+		gap: 12rpx;
+		flex: 1;
+		min-width: 0;
+	}
+
+	.file-badge {
+		flex-shrink: 0;
+		min-width: 72rpx;
+		padding: 8rpx 14rpx;
+		border-radius: 999rpx;
+		background: #eaf5ff;
+		color: #1496f2;
+		text-align: center;
+		font-size: 20rpx;
+		font-weight: 600;
+	}
+
+	.file-text {
+		flex: 1;
+		min-width: 0;
+	}
+
+	.file-name,
+	.file-url,
+	.result-name {
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
+
+	.file-name {
+		color: #3b2c20;
+		font-size: 24rpx;
+		font-weight: 600;
+	}
+
+	.file-url {
+		margin-top: 8rpx;
+		color: #8c7462;
+		font-size: 20rpx;
+	}
+
+	.file-remove {
+		flex-shrink: 0;
+		color: #ff4d4f;
+		font-size: 22rpx;
+	}
+
+	.submit-bar,
+	.result-actions {
+		display: grid;
+		grid-template-columns: repeat(2, minmax(0, 1fr));
+		gap: 18rpx;
+		margin-top: 24rpx;
+	}
+
+	.ghost-btn,
+	.primary-btn,
+	.result-btn {
+		height: 88rpx;
+		line-height: 88rpx;
+		border-radius: 22rpx;
+		font-size: 28rpx;
+		font-weight: 700;
+		text-align: center;
+	}
+
+	.ghost-btn {
+		background: #f6f7fa;
+		color: #6f5a4b;
+		border: 1rpx solid #ead7c8;
+	}
+
+	.primary-btn {
+		background: linear-gradient(135deg, #0f7dd1 0%, #1496f2 100%);
+		color: #fff;
+	}
+
+	.primary-btn--disabled {
+		opacity: 0.6;
+	}
+
+	.result-btn {
+		background: #edf6ff;
+		color: #0f7dd1;
+	}
+
+	.result-card {
+		margin-bottom: 20rpx;
+	}
+
+	.result-head {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		gap: 16rpx;
+	}
+
+	.result-status {
+		padding: 10rpx 16rpx;
+		border-radius: 999rpx;
+		background: #f3f0ed;
+		color: #8b827d;
+		font-size: 20rpx;
+		font-weight: 600;
+	}
+
+	.result-status--loading {
+		background: #edf5ff;
+		color: #1554ad;
+	}
+
+	.result-status--done {
+		background: #eef9f1;
+		color: #1f8f49;
+	}
+
+	.result-empty {
+		margin-top: 22rpx;
+		padding: 32rpx 24rpx;
+		border-radius: 24rpx;
+		background: #f8fafc;
+		font-size: 24rpx;
+		line-height: 1.75;
+		color: #8a94a0;
+		text-align: center;
+	}
+
+	.result-body {
+		display: flex;
+		flex-direction: column;
+		gap: 18rpx;
+		margin-top: 22rpx;
+	}
+
+	.status-alert {
+		padding: 20rpx 22rpx;
+		border-radius: 22rpx;
+		background: #f8fbff;
+		color: #5f6b7a;
+		font-size: 22rpx;
+		line-height: 1.7;
+	}
+
+	.loading-panel {
+		display: grid;
+		gap: 18rpx;
+		margin-top: 22rpx;
+		padding: 22rpx;
+		border-radius: 20rpx;
+		background:
+			radial-gradient(circle at top right, rgba(255, 182, 122, 0.24), transparent 30%),
+			linear-gradient(135deg, #fff7ef 0%, #fffdfb 100%);
+		border: 1rpx solid #d6eafb;
+	}
+
+	.loading-kicker {
+		font-size: 20rpx;
+		letter-spacing: 3rpx;
+		color: #1496f2;
+	}
+
+	.loading-title {
+		font-size: 30rpx;
+		font-weight: 700;
+		color: #0f7dd1;
+	}
+
+	.loading-desc {
+		font-size: 22rpx;
+		line-height: 1.75;
+		color: #8b735e;
+	}
+
+	.loading-steps {
+		display: flex;
+		flex-direction: column;
+		gap: 14rpx;
+	}
+
+	.loading-step {
+		display: flex;
+		align-items: flex-start;
+		gap: 16rpx;
+		padding: 16rpx 18rpx;
+		border-radius: 18rpx;
+		background: rgba(255, 255, 255, 0.72);
+	}
+
+	.loading-step.is-active {
+		border: 1rpx solid rgba(214, 117, 44, 0.18);
+	}
+
+	.loading-step-index {
+		font-size: 22rpx;
+		font-weight: 700;
+		color: #1496f2;
+	}
+
+	.loading-step-title {
+		font-size: 24rpx;
+		font-weight: 700;
+		color: #0f7dd1;
+	}
+
+	.loading-step-desc {
+		margin-top: 6rpx;
+		font-size: 20rpx;
+		line-height: 1.6;
+		color: #8b735e;
+	}
+
+	.result-section {
+		display: flex;
+		flex-direction: column;
+		gap: 14rpx;
+	}
+
+	.section-title {
+		font-size: 26rpx;
+		font-weight: 700;
+		color: #2d3238;
+	}
+
+	.video-list {
+		display: flex;
+		flex-direction: column;
+		gap: 16rpx;
+	}
+
+	.video-card,
+	.photo-card {
+		padding: 18rpx;
+		border-radius: 22rpx;
+		background: #f4faff;
+		border: 1rpx solid #d6eafb;
+	}
+
+	.video-player {
+		width: 100%;
+		height: 360rpx;
+		border-radius: 18rpx;
+		background: #000;
+	}
+
+	.script-shell {
+		padding: 22rpx 24rpx;
+		border-radius: 22rpx;
+		background: #f8fafc;
+		border: 1rpx solid #ebeff5;
+	}
+
+	.script-markdown {
+		display: block;
+		font-size: 24rpx;
+		line-height: 1.85;
+		color: #2b3037;
+		word-break: break-all;
+
+		p { margin: 0 0 16rpx; }
+		p:last-child { margin-bottom: 0; }
+
+		h1, h2, h3, h4, h5, h6 {
+			font-weight: 700;
+			margin: 20rpx 0 10rpx;
+			color: #1a1f27;
+		}
+		h1 { font-size: 36rpx; }
+		h2 { font-size: 32rpx; }
+		h3 { font-size: 28rpx; }
+
+		ul, ol {
+			padding-left: 36rpx;
+			margin: 10rpx 0;
+		}
+		li { margin-bottom: 8rpx; }
+
+		code {
+			display: inline;
+			padding: 2rpx 10rpx;
+			border-radius: 8rpx;
+			background: rgba(20, 150, 242, 0.08);
+			color: #1496f2;
+			font-size: 22rpx;
+			font-family: monospace;
+		}
+
+		pre {
+			padding: 20rpx;
+			border-radius: 14rpx;
+			background: #f1f3f7;
+			margin: 14rpx 0;
+			overflow-x: auto;
+		}
+		pre code {
+			padding: 0;
+			background: transparent;
+			color: #2d3a47;
+			font-size: 22rpx;
+			white-space: pre;
+		}
+
+		blockquote {
+			margin: 12rpx 0;
+			padding: 10rpx 20rpx;
+			border-left: 6rpx solid rgba(20, 150, 242, 0.3);
+			color: #6b5f59;
+			background: rgba(20, 150, 242, 0.04);
+			border-radius: 0 12rpx 12rpx 0;
+		}
+
+		hr {
+			margin: 18rpx 0;
+			border: none;
+			border-top: 1rpx solid #e0e6ed;
+		}
+
+		strong { font-weight: 700; }
+		em { font-style: italic; }
+	}
+
+	.photo-grid {
+		display: grid;
+		grid-template-columns: repeat(2, minmax(0, 1fr));
+		gap: 16rpx;
+	}
+
+	.photo-image {
+		width: 100%;
+		height: 240rpx;
+		border-radius: 18rpx;
+		background: #f2f4f8;
+	}
+
+	.photo-fallback {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		gap: 16rpx;
+		height: 240rpx;
+		border-radius: 18rpx;
+		background: #fff;
+	}
+
+	.result-meta {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		gap: 12rpx;
+		margin-top: 14rpx;
+	}
+
+	.result-name {
+		flex: 1;
+		font-size: 22rpx;
+		color: #3b2c20;
+		font-weight: 600;
+	}
+
+	.result-link {
+		flex-shrink: 0;
+		font-size: 22rpx;
+		color: #c45f17;
+	}
+</style>
diff --git a/pages/creative-assistant/service.js b/pages/creative-assistant/service.js
new file mode 100644
index 0000000..40cfeab
--- /dev/null
+++ b/pages/creative-assistant/service.js
@@ -0,0 +1,45 @@
+import { API_BASE_URL, apiRequest, getToken } from '../assistant/chat-service'
+
+export function creativeAssistant(data) {
+	return apiRequest({
+		url: `${API_BASE_URL}/ai/creativeAssistant`,
+		method: 'POST',
+		data,
+		withTenant: true,
+		timeout: 600000
+	})
+}
+
+export function uploadAiFile(file) {
+	const token = getToken()
+	return new Promise((resolve, reject) => {
+		uni.uploadFile({
+			url: `${API_BASE_URL}/ai/file/upload`,
+			filePath: file.path,
+			name: 'file',
+			header: token
+				? {
+					Authorization: token
+				}
+				: {},
+			formData: {
+				tenantId: '10049'
+			},
+			success: (response) => {
+				try {
+					const result = JSON.parse(response.data || '{}')
+					if (result.code === 0 && result.data) {
+						resolve(result.data)
+						return
+					}
+					reject(new Error(result.message || '上传失败'))
+				} catch (error) {
+					reject(new Error('上传响应解析失败'))
+				}
+			},
+			fail: (error) => {
+				reject(new Error(error.errMsg || '上传失败'))
+			}
+		})
+	})
+}
diff --git a/pages/gxmu/config.js b/pages/gxmu/config.js
new file mode 100644
index 0000000..4eec0de
--- /dev/null
+++ b/pages/gxmu/config.js
@@ -0,0 +1,395 @@
+const GENDER_OPTIONS = ['男', '女']
+const YES_NO_OPTIONS = ['是', '否']
+
+export const GXMU_MODULES = [
+	{
+		title: '十佳青年岗位能手',
+		code: 'gxmu_sjqn',
+		icon: '青',
+		group: '个人奖项',
+		desc: '面向青年岗位骨干与先进典型的申报入口。'
+	},
+	{
+		title: '十佳团支部书记',
+		code: 'gxmu_sjtbzbsj',
+		icon: '书',
+		group: '个人奖项',
+		desc: '聚焦基层团支部书记的履职表现与带动成效。'
+	},
+	{
+		title: '五四红旗团委',
+		code: 'gxmu_wshqtw',
+		icon: '委',
+		group: '组织奖项',
+		desc: '用于先进团委集体申报与材料汇总展示。'
+	},
+	{
+		title: '五四红旗团支部',
+		code: 'gxmu_wshqtzb',
+		icon: '支',
+		group: '组织奖项',
+		desc: '聚焦先进团支部建设成果与品牌工作展示。'
+	},
+	{
+		title: '优秀共青团干部',
+		code: 'gxmu_yxgqtdgb',
+		icon: '干',
+		group: '个人奖项',
+		desc: '面向团学骨干和团务干部的申报入口。'
+	},
+	{
+		title: '优秀共青团员',
+		code: 'gxmu_yxgqty',
+		icon: '员',
+		group: '个人奖项',
+		desc: '面向优秀团员个人事迹与成长表现申报。'
+	},
+	{
+		title: '挑战杯',
+		code: 'gxmu_tzbcy_form',
+		icon: '挑',
+		group: '竞赛项目',
+		desc: '面向挑战杯项目材料填报与过程归档。'
+	},
+	{
+		title: '青马工程',
+		code: 'gxmu_qmgc_form',
+		icon: '青',
+		group: '培养项目',
+		desc: '用于青马工程学员培养信息和成果申报。'
+	},
+	{
+		title: '未来学术之星',
+		code: 'gxmu_wxxzx_project',
+		icon: '星',
+		group: '创新项目',
+		desc: '用于未来学术之星项目申报和材料整理。'
+	}
+]
+
+const createFields = (fields) =>
+	fields.map((field) => ({
+		required: false,
+		placeholder: `请输入${field.label}`,
+		...field
+	}))
+
+export const GXMU_FORM_MAP = {
+	gxmu_sjqn: {
+		title: '十佳青年岗位能手申报表',
+		subtitle: '参考后台 SJQNForm 字段结构，适用于个人申报信息填写。',
+		sections: [
+			{
+				title: '基础信息',
+				fields: createFields([
+					{ key: 'year', label: '年份', type: 'year', required: true },
+					{ key: 'applyType', label: '申报类别', required: true },
+					{ key: 'name', label: '姓名', required: true },
+					{ key: 'gender', label: '性别', type: 'select', options: GENDER_OPTIONS },
+					{ key: 'birthMonth', label: '出生年月', type: 'month' },
+					{ key: 'nation', label: '民族' },
+					{ key: 'politics', label: '政治面貌' },
+					{ key: 'education', label: '学历' },
+					{ key: 'position', label: '职务' },
+					{ key: 'title', label: '职称' },
+					{ key: 'unit', label: '所在单位' }
+				])
+			},
+			{
+				title: '申报内容',
+				fields: createFields([
+					{ key: 'awards', label: '近三年曾获校级及以上奖励', type: 'textarea' },
+					{ key: 'experience', label: '工作（学习）经历', type: 'textarea' },
+					{ key: 'mainStory', label: '主要事迹', type: 'textarea' }
+				])
+			}
+		]
+	},
+	gxmu_sjtbzbsj: {
+		title: '十佳团支部书记申报表',
+		subtitle: '参考后台 SJTBZBSJForm 字段结构，适用于个人申报信息填写。',
+		sections: [
+			{
+				title: '基础信息',
+				fields: createFields([
+					{ key: 'year', label: '年份', type: 'year', required: true },
+					{ key: 'name', label: '姓名', required: true },
+					{ key: 'gender', label: '性别', type: 'select', options: GENDER_OPTIONS },
+					{ key: 'birthMonth', label: '出生年月', type: 'month' },
+					{ key: 'nation', label: '民族' },
+					{ key: 'politics', label: '政治面貌' },
+					{ key: 'collegeClass', label: '学院班级/单位科室' },
+					{ key: 'branch', label: '所在团支部' },
+					{ key: 'eduEval', label: '上一年度团员教育评议等次' }
+				])
+			},
+			{
+				title: '申报内容',
+				fields: createFields([
+					{ key: 'awards', label: '近三年曾获校级及以上奖励', type: 'textarea' },
+					{ key: 'experience', label: '工作（学习）经历', type: 'textarea' },
+					{ key: 'mainStory', label: '主要事迹', type: 'textarea' }
+				])
+			}
+		]
+	},
+	gxmu_wshqtw: {
+		title: '五四红旗团委申报表',
+		subtitle: '参考后台 WSHQTWForm 字段结构，适用于组织集体申报。',
+		sections: [
+			{
+				title: '组织基本信息',
+				fields: createFields([
+					{ key: 'year', label: '年份', type: 'year', required: true },
+					{ key: 'orgName', label: '二级团组织全称', required: true },
+					{ key: 'leader', label: '负责人' },
+					{ key: 'phone', label: '联系电话', type: 'phone' },
+					{ key: 'memberTotal', label: '现有团员总数', type: 'number' },
+					{ key: 'memberDeveloped2024', label: '上一年度发展团员人数', type: 'number' },
+					{ key: 'smartSystemLogin', label: '是否已登录智慧团建系统', type: 'select', options: YES_NO_OPTIONS },
+					{ key: 'committeeCount', label: '团委委员人数', type: 'number' },
+					{ key: 'fulltimeCadreCount', label: '专职团干部数（其中教师/学生）' },
+					{ key: 'parttimeCadreCount', label: '兼职团干部数（其中教师/学生）' },
+					{ key: 'lastElectionTime', label: '团委最近一次换届时间', type: 'date' },
+					{ key: 'branchCount', label: '团支部数', type: 'number' }
+				])
+			},
+			{
+				title: '年度建设情况',
+				fields: createFields([
+					{ key: 'feeReceivable2024', label: '上一年度应收团费', type: 'number' },
+					{ key: 'feeReceived2024', label: '上一年度实收团费', type: 'number' },
+					{ key: 'feePayable2024', label: '上一年度应上缴团费', type: 'number' },
+					{ key: 'feePaid2024', label: '上一年度实际上缴团费', type: 'number' },
+					{ key: 'standardizedWork2024', label: '是否开展规范化建设工作', type: 'select', options: YES_NO_OPTIONS },
+					{ key: 'recommendActivist2024', label: '推荐入党积极分子人数', type: 'number' },
+					{ key: 'activistConfirmed', label: '确定为入党积极分子数', type: 'number' },
+					{ key: 'recommendDevTarget2024', label: '推荐党的发展对象人数', type: 'number' },
+					{ key: 'devTargetConfirmed', label: '确定为党的发展对象数', type: 'number' }
+				])
+			},
+			{
+				title: '主要成果',
+				fields: createFields([
+					{ key: 'honorsFiveYears', label: '近五年获得校级及以上荣誉情况', type: 'textarea' },
+					{ key: 'workSummaryThreeYears', label: '近三年开展的主要工作及取得的效果', type: 'textarea' }
+				])
+			}
+		]
+	},
+	gxmu_wshqtzb: {
+		title: '五四红旗团支部申报表',
+		subtitle: '参考后台 WSHQTZBForm 字段结构，适用于基层团支部集体申报。',
+		sections: [
+			{
+				title: '组织基本信息',
+				fields: createFields([
+					{ key: 'year', label: '年份', type: 'year', required: true },
+					{ key: 'branchName', label: '团支部全称', required: true },
+					{ key: 'secondOrg', label: '所属二级团组织' },
+					{ key: 'secretary', label: '团支部书记' },
+					{ key: 'politics', label: '政治面貌' },
+					{ key: 'contact', label: '联系方式', type: 'phone' },
+					{ key: 'establishTime', label: '成立时间', type: 'date' },
+					{ key: 'lastElectionTime', label: '最近一次换届时间', type: 'date' },
+					{ key: 'smartSystemLogin', label: '是否已登录智慧团建系统', type: 'select', options: YES_NO_OPTIONS },
+					{ key: 'memberTotal', label: '现有团员总数', type: 'number' },
+					{ key: 'memberDeveloped2024', label: '上一年度发展团员数', type: 'number' }
+				])
+			},
+			{
+				title: '年度建设情况',
+				fields: createFields([
+					{ key: 'feeReceivable2024', label: '上一年度应收团费', type: 'number' },
+					{ key: 'feeReceived2024', label: '上一年度实收团费', type: 'number' },
+					{ key: 'feePayable2024', label: '上一年度应上缴团费', type: 'number' },
+					{ key: 'feePaid2024', label: '上一年度实际上缴团费', type: 'number' },
+					{ key: 'recommendActivist2024', label: '推荐入党积极分子人数', type: 'number' },
+					{ key: 'activistConfirmed', label: '确定为入党积极分子数', type: 'number' },
+					{ key: 'recommendDevTarget2024', label: '推荐党的发展对象人数', type: 'number' },
+					{ key: 'devTargetConfirmed', label: '确定为党的发展对象数', type: 'number' },
+					{ key: 'branchCommitteeMeetingCount', label: '团支部委员会会议召开次数', type: 'number' },
+					{ key: 'branchMemberMeetingCount', label: '团支部团员大会召开次数', type: 'number' },
+					{ key: 'eduEvalDone', label: '是否开展团员教育评议', type: 'select', options: YES_NO_OPTIONS },
+					{ key: 'annualRegDone', label: '是否开展团员年度团籍注册', type: 'select', options: YES_NO_OPTIONS },
+					{ key: 'classCount', label: '开展团课次数', type: 'number' },
+					{ key: 'smartSystem100', label: '是否100%录入智慧团建', type: 'select', options: YES_NO_OPTIONS }
+				])
+			},
+			{
+				title: '主要成果',
+				fields: createFields([
+					{ key: 'honorsFiveYears', label: '近五年获得院级及以上荣誉情况', type: 'textarea' },
+					{ key: 'workSummaryThreeYears', label: '近三年开展的主要工作及取得的效果', type: 'textarea' }
+				])
+			}
+		]
+	},
+	gxmu_yxgqtdgb: {
+		title: '优秀共青团干部申报表',
+		subtitle: '参考后台 YXGQTDGBForm 字段结构，适用于团干部个人申报。',
+		sections: [
+			{
+				title: '基础信息',
+				fields: createFields([
+					{ key: 'year', label: '年份', type: 'year', required: true },
+					{ key: 'name', label: '姓名', required: true },
+					{ key: 'gender', label: '性别', type: 'select', options: GENDER_OPTIONS },
+					{ key: 'nation', label: '民族' },
+					{ key: 'birthMonth', label: '出生年月', type: 'month' },
+					{ key: 'politics', label: '政治面貌' },
+					{ key: 'position', label: '职务' },
+					{ key: 'identity', label: '身份' },
+					{ key: 'organization', label: '所在团组织' },
+					{ key: 'contact', label: '联系方式', type: 'phone' },
+					{ key: 'memberNo', label: '发展团员编号' },
+					{ key: 'currentDutyTime', label: '任现团内职务时间', type: 'month' },
+					{ key: 'cadreYears', label: '担任团干部年限' },
+					{ key: 'assessment2024', label: '上一年度工作考核结果' },
+					{ key: 'volunteerRegTime', label: '成为注册志愿者时间', type: 'month' }
+				])
+			},
+			{
+				title: '申报内容',
+				fields: createFields([
+					{ key: 'cadreExperience', label: '从事团干部经历', type: 'textarea' },
+					{ key: 'honorsFiveYears', label: '近五年获得校级及以上荣誉情况', type: 'textarea' },
+					{ key: 'mainStory', label: '主要事迹', type: 'textarea' }
+				])
+			}
+		]
+	},
+	gxmu_yxgqty: {
+		title: '优秀共青团员申报表',
+		subtitle: '参考后台 YXGQTYForm 字段结构，适用于团员个人申报。',
+		sections: [
+			{
+				title: '基础信息',
+				fields: createFields([
+					{ key: 'year', label: '年份', type: 'year', required: true },
+					{ key: 'name', label: '姓名', required: true },
+					{ key: 'gender', label: '性别', type: 'select', options: GENDER_OPTIONS },
+					{ key: 'nation', label: '民族' },
+					{ key: 'politics', label: '政治面貌' },
+					{ key: 'birthMonth', label: '出生年月', type: 'month' },
+					{ key: 'joinTime', label: '入团时间', type: 'month' },
+					{ key: 'collegeMajorClass', label: '所在学院、专业、班级' },
+					{ key: 'position', label: '职务' },
+					{ key: 'volunteerRegTime', label: '成为注册志愿者时间', type: 'month' },
+					{ key: 'eduEval2024', label: '上一年度团员教育评议等次' },
+					{ key: 'smartSystem', label: '是否已登录智慧团建系统', type: 'select', options: YES_NO_OPTIONS },
+					{ key: 'contact', label: '联系电话', type: 'phone' },
+					{ key: 'totalVolunteerHours', label: '累计志愿服务时长' },
+					{ key: 'volunteerHours2024', label: '上一年度志愿服务时长' },
+					{ key: 'memberNo', label: '发展团员编号' }
+				])
+			},
+			{
+				title: '申报内容',
+				fields: createFields([
+					{ key: 'honorsFiveYears', label: '近五年获得荣誉情况', type: 'textarea' },
+					{ key: 'mainStory', label: '主要事迹', type: 'textarea' }
+				])
+			}
+		]
+	},
+	gxmu_tzbcy_form: {
+		title: '挑战杯申报表',
+		subtitle: '面向挑战杯项目申报、团队信息和成果材料整理。',
+		sections: [
+			{
+				title: '项目信息',
+				fields: createFields([
+					{ key: 'year', label: '年份', type: 'year', required: true },
+					{ key: 'projectName', label: '项目名称', required: true },
+					{ key: 'projectType', label: '项目类型', required: true },
+					{ key: 'projectGroup', label: '项目分组', required: true },
+					{ key: 'leaderName', label: '项目负责人', required: true },
+					{ key: 'leaderCollege', label: '负责人学院' },
+					{ key: 'leaderPhone', label: '负责人电话', type: 'phone' },
+					{ key: 'guidanceTeacher', label: '指导老师' }
+				])
+			},
+			{
+				title: '项目内容',
+				fields: createFields([
+					{ key: 'projectSummary', label: '项目简介', type: 'textarea', required: true },
+					{ key: 'innovationPoint', label: '创新亮点', type: 'textarea' },
+					{ key: 'teamMembers', label: '团队成员', type: 'textarea' },
+					{ key: 'honors', label: '已有成果与奖励', type: 'textarea' }
+				])
+			}
+		]
+	},
+	gxmu_qmgc_form: {
+		title: '青马工程申报表',
+		subtitle: '用于青马工程学员基础信息、培养情况和成果申报。',
+		sections: [
+			{
+				title: '基础信息',
+				fields: createFields([
+					{ key: 'year', label: '年份', type: 'year', required: true },
+					{ key: 'name', label: '姓名', required: true },
+					{ key: 'gender', label: '性别', type: 'select', options: GENDER_OPTIONS },
+					{ key: 'college', label: '学院', required: true },
+					{ key: 'className', label: '班级' },
+					{ key: 'phone', label: '联系电话', type: 'phone' },
+					{ key: 'politics', label: '政治面貌' }
+				])
+			},
+			{
+				title: '培养情况',
+				fields: createFields([
+					{ key: 'trainingExperience', label: '培养经历', type: 'textarea', required: true },
+					{ key: 'practiceExperience', label: '实践经历', type: 'textarea' },
+					{ key: 'mainAchievement', label: '主要成果', type: 'textarea' },
+					{ key: 'selfEvaluation', label: '个人总结', type: 'textarea' }
+				])
+			}
+		]
+	},
+	gxmu_wxxzx_project: {
+		title: '未来学术之星申报表',
+		subtitle: '用于未来学术之星项目申报、课题信息和支撑材料整理。',
+		sections: [
+			{
+				title: '项目基础信息',
+				fields: createFields([
+					{ key: 'year', label: '年份', type: 'year', required: true },
+					{ key: 'projectName', label: '项目名称', required: true },
+					{ key: 'applicantName', label: '申请人', required: true },
+					{ key: 'college', label: '学院', required: true },
+					{ key: 'major', label: '专业' },
+					{ key: 'phone', label: '联系电话', type: 'phone' },
+					{ key: 'guidanceTeacher', label: '指导老师' }
+				])
+			},
+			{
+				title: '申报内容',
+				fields: createFields([
+					{ key: 'researchDirection', label: '研究方向', type: 'textarea' },
+					{ key: 'projectBasis', label: '项目基础', type: 'textarea', required: true },
+					{ key: 'researchPlan', label: '研究计划', type: 'textarea' },
+					{ key: 'expectedResult', label: '预期成果', type: 'textarea' }
+				])
+			}
+		]
+	}
+}
+
+export const getModuleMeta = (code) => GXMU_MODULES.find((item) => item.code === code)
+
+export const getFormConfig = (code) => GXMU_FORM_MAP[code]
+
+export const createInitialFormData = (code) => {
+	const config = getFormConfig(code)
+	if (!config) {
+		return {}
+	}
+	return config.sections.reduce((result, section) => {
+		section.fields.forEach((field) => {
+			result[field.key] = field.defaultValue || ''
+		})
+		return result
+	}, {})
+}
diff --git a/pages/gxmu/cross-school-board.vue b/pages/gxmu/cross-school-board.vue
new file mode 100644
index 0000000..afb8fb4
--- /dev/null
+++ b/pages/gxmu/cross-school-board.vue
@@ -0,0 +1,886 @@
+<template>
+	<view class="page">
+		<scroll-view scroll-y class="page-scroll">
+			<common-hero title="跨校活动情报看板" :use-image-bg="true"></common-hero>
+			<view class="hero-panel">
+				<view class="hero-copy">
+					<view class="hero-kicker">跨校活动情报看板</view>
+					<view class="hero-title">把兄弟高校的活动打法，整理成一眼可读的案例板</view>
+					<view class="hero-desc">
+						以信息流和案例卡片形式集中展示同类活动的公开线索，方便快速判断选题趋势、包装方式和传播动作。
+					</view>
+					<view class="hero-actions">
+						<view class="hero-btn hero-btn--primary" @tap="quickFilter('高热')">本周热点</view>
+						<view class="hero-btn" @tap="quickMatchPlanning">拟办活动对标</view>
+					</view>
+				</view>
+
+				<view class="hero-stats">
+					<view class="hero-stat hero-stat--primary">
+						<view class="stat-label">案例总量</view>
+						<view class="stat-value">{{ totalCount }}</view>
+						<view class="stat-desc">当前静态示例数据</view>
+					</view>
+					<view class="hero-stat">
+						<view class="stat-label">高热案例</view>
+						<view class="stat-value">{{ highHeatCount }}</view>
+						<view class="stat-desc">适合优先拆解传播路径</view>
+					</view>
+					<view class="hero-stat">
+						<view class="stat-label">覆盖类型</view>
+						<view class="stat-value">{{ categoryCount }}</view>
+						<view class="stat-desc">品牌活动 / 实践 / 科创 / 文体</view>
+					</view>
+					<view class="hero-stat">
+						<view class="stat-label">来源院校</view>
+						<view class="stat-value">{{ schoolCount }}</view>
+						<view class="stat-desc">按院校公开渠道聚合</view>
+					</view>
+				</view>
+			</view>
+
+			<view class="filter-panel">
+				<view class="filter-group">
+					<view class="filter-label">活动类型</view>
+					<scroll-view scroll-x class="chip-scroll" show-scrollbar="false">
+						<view class="chip-row">
+							<view
+								v-for="item in categoryOptions"
+								:key="item"
+								class="filter-chip"
+								:class="{ 'filter-chip--active': selectedCategory === item }"
+								@tap="selectedCategory = item"
+							>
+								{{ item }}
+							</view>
+						</view>
+					</scroll-view>
+				</view>
+
+				<view class="filter-group">
+					<view class="filter-label">热度等级</view>
+					<scroll-view scroll-x class="chip-scroll" show-scrollbar="false">
+						<view class="chip-row">
+							<view
+								v-for="item in heatOptions"
+								:key="item"
+								class="filter-chip"
+								:class="{ 'filter-chip--active': selectedHeat === item }"
+								@tap="selectedHeat = item"
+							>
+								{{ item }}
+							</view>
+						</view>
+					</scroll-view>
+				</view>
+
+				<view class="search-box">
+					<uv-input
+						v-model.trim="keyword"
+						class="search-input"
+						placeholder="搜索标题、院校、标签"
+						confirm-type="search"
+						:maxlength="-1"
+						border="none"
+					/>
+					<view v-if="keyword" class="search-clear" @tap="keyword = ''">清空</view>
+				</view>
+			</view>
+
+			<view class="section-grid">
+				<view class="stream-card">
+					<view class="section-title">情报信息流</view>
+					<view class="stream-list">
+						<view
+							v-for="item in streamItems"
+							:key="item.id"
+							class="stream-item"
+						>
+							<view class="stream-cover" :class="coverClassMap[item.id % coverClassMap.length]">
+								<view class="stream-cover-category">{{ item.category }}</view>
+								<view class="stream-cover-school">{{ item.school }}</view>
+							</view>
+							<view class="stream-content">
+								<view class="stream-top">
+									<view class="stream-title">{{ item.title }}</view>
+									<view class="heat-tag" :class="heatClassMap[item.heat]">{{ item.heat }}</view>
+								</view>
+								<view class="stream-meta">{{ item.school }} · {{ item.source }} · {{ item.publishAt }}</view>
+								<view class="stream-summary">{{ item.summary }}</view>
+								<view class="tag-list">
+									<view v-for="tag in item.tags" :key="tag" class="tag-chip">{{ tag }}</view>
+								</view>
+							</view>
+						</view>
+					</view>
+				</view>
+
+				<view class="signal-card">
+					<view class="section-title">策略信号</view>
+					<view class="signal-list">
+						<view v-for="item in insightSignals" :key="item.title" class="signal-item">
+							<view class="signal-title">{{ item.title }}</view>
+							<view class="signal-desc">{{ item.desc }}</view>
+						</view>
+					</view>
+					<view class="signal-divider"></view>
+					<view class="section-title section-title--small">建议关注</view>
+					<view class="watch-list">
+						<view v-for="item in watchList" :key="item" class="watch-item">{{ item }}</view>
+					</view>
+				</view>
+			</view>
+
+			<view id="cases-section" class="cases-card">
+				<view class="cases-head">
+					<view class="section-title">案例卡片墙</view>
+					<view class="case-count">共 {{ filteredCases.length }} 条</view>
+				</view>
+
+				<view v-if="filteredCases.length" class="cases-list">
+					<view
+						v-for="item in filteredCases"
+						:key="item.id"
+						class="case-card"
+					>
+						<view class="case-cover" :class="coverClassMap[item.id % coverClassMap.length]">
+							<view class="case-school">{{ item.school }}</view>
+							<view class="case-cover-badge">{{ item.highlight }}</view>
+						</view>
+
+						<view class="case-body">
+							<view class="case-head">
+								<view class="case-tag">{{ item.category }}</view>
+								<view class="heat-tag" :class="heatClassMap[item.heat]">{{ item.heat }}</view>
+							</view>
+							<view class="case-title">{{ item.title }}</view>
+							<view class="case-summary">{{ item.summary }}</view>
+							<view class="case-info">来源：{{ item.source }}</view>
+							<view class="case-info">发布时间：{{ item.publishAt }}</view>
+							<view class="tag-list">
+								<view v-for="tag in item.tags" :key="tag" class="tag-chip"># {{ tag }}</view>
+							</view>
+							<view class="case-footer">
+								<view class="signal-badge">
+									<view class="signal-badge-label">可借鉴动作</view>
+									<view class="signal-badge-value">{{ item.highlight }}</view>
+								</view>
+								<view class="origin-link" @tap="handleOpenLink(item)">查看原文</view>
+							</view>
+						</view>
+					</view>
+				</view>
+
+				<view v-else class="empty-card">暂无匹配的案例</view>
+			</view>
+		</scroll-view>
+	</view>
+</template>
+
+<script>
+	import CommonHero from '../../components/common-hero/common-hero.vue'
+	const CASES = [
+		{
+			id: 1,
+			title: '青年宣讲训练营联合短视频挑战赛',
+			school: '华东某高校团委',
+			category: '品牌活动',
+			heat: '高热',
+			source: '校团委公众号',
+			publishAt: '03-26 18:20',
+			summary:
+				'以“训练营 + 路演 + 短视频共创”三段式推进，先做骨干培训，再通过挑战赛扩散校园参与度，适合复制到主题教育和品牌宣讲场景。',
+			tags: ['宣讲', '短视频', '路演', '骨干培训'],
+			link: 'https://example.com/cross-school/case-01',
+			highlight: '训练营 + 二创传播'
+		},
+		{
+			id: 2,
+			title: '劳动教育月采用主会场直播联动分会场打卡',
+			school: '华南某高校学生会',
+			category: '实践活动',
+			heat: '跟进',
+			source: '青春校园网',
+			publishAt: '03-25 09:40',
+			summary:
+				'通过主会场直播统一调性，再让各学院自带话题完成线下打卡，既保留主视觉控制力，也扩大二级学院参与面。',
+			tags: ['劳动教育', '直播', '学院联动'],
+			link: 'https://example.com/cross-school/case-02',
+			highlight: '直播总控 + 分会场扩散'
+		},
+		{
+			id: 3,
+			title: '科创竞赛经验周报做成案例地图与备赛清单',
+			school: '华中某高校创新中心',
+			category: '科创竞赛',
+			heat: '高热',
+			source: '双创平台',
+			publishAt: '03-24 21:15',
+			summary:
+				'不只发布赛事通知，而是补充往届项目地图、导师方向、材料清单和时间线，显著降低学生获取备赛信息的门槛。',
+			tags: ['挑战杯', '项目库', '备赛', '知识沉淀'],
+			link: 'https://example.com/cross-school/case-03',
+			highlight: '赛事通知升级为攻略型内容'
+		},
+		{
+			id: 4,
+			title: '校园歌会从报名表单升级为城市主题内容企划',
+			school: '西南某高校团委',
+			category: '文体活动',
+			heat: '观察',
+			source: '学校新闻网',
+			publishAt: '03-23 16:05',
+			summary:
+				'围绕城市记忆与青年表达设置主题分场，通过海报、话题征集和观众投票提前积累内容资产，活动尚未开始就形成讨论度。',
+			tags: ['歌会', '主题策划', '投票互动'],
+			link: 'https://example.com/cross-school/case-04',
+			highlight: '先做内容议题再做活动报名'
+		},
+		{
+			id: 5,
+			title: '社会实践出征仪式叠加成果展和队伍名片墙',
+			school: '西北某高校实践中心',
+			category: '实践活动',
+			heat: '跟进',
+			source: '实践育人专栏',
+			publishAt: '03-22 11:30',
+			summary:
+				'将传统仪式升级为“成果展 + 队伍画像 + 媒体素材包”组合，便于后续持续发布实践过程稿和回访报道。',
+			tags: ['社会实践', '成果展', '队伍画像'],
+			link: 'https://example.com/cross-school/case-05',
+			highlight: '出征现场即完成素材采集'
+		},
+		{
+			id: 6,
+			title: '青马工程读书班采用任务制和周主题海报并行',
+			school: '东北某高校马克思主义学院',
+			category: '品牌活动',
+			heat: '高热',
+			source: '学院团学平台',
+			publishAt: '03-21 20:10',
+			summary:
+				'将阅读、研讨、海报共创和阶段展示拆成清晰任务包，持续释放可视化成果，比单次讲座更容易维持项目关注度。',
+			tags: ['青马工程', '阅读打卡', '任务制'],
+			link: 'https://example.com/cross-school/case-06',
+			highlight: '过程任务化，成果可视化'
+		}
+	]
+
+	const INSIGHT_SIGNALS = [
+		{
+			title: '“活动报名”正在转向“内容预热”',
+			desc: '高热案例普遍会在报名期前先释放主题海报、人物故事或任务线索，先做认知再做转化。'
+		},
+		{
+			title: '学院联动成为扩大参与面的主流方式',
+			desc: '不少活动不再单点发通知，而是设计统一主视觉和话题标签，把执行动作分发给二级学院。'
+		},
+		{
+			title: '成果展示正在前置',
+			desc: '从出征仪式到训练营，多数案例会在启动阶段同步准备成果墙、名片墙或可转发素材。'
+		}
+	]
+
+	const WATCH_LIST = [
+		'活动是否配置统一 hashtag 与二创任务',
+		'是否提供报名后自动领取的素材包',
+		'是否能把案例沉淀为往届经验库',
+		'是否区分预热、爆发、回顾三个传播阶段'
+	]
+
+	export default {
+		components: {
+			CommonHero
+		},
+		data() {
+			return {
+				categoryOptions: ['全部', '品牌活动', '实践活动', '科创竞赛', '文体活动'],
+				heatOptions: ['全部', '高热', '跟进', '观察'],
+				selectedCategory: '全部',
+				selectedHeat: '全部',
+				keyword: '',
+				cases: CASES,
+				insightSignals: INSIGHT_SIGNALS,
+				watchList: WATCH_LIST,
+				coverClassMap: ['cover-a', 'cover-b', 'cover-c', 'cover-d'],
+				heatClassMap: {
+					高热: 'heat-tag--hot',
+					跟进: 'heat-tag--follow',
+					观察: 'heat-tag--watch'
+				}
+			}
+		},
+		computed: {
+			filteredCases() {
+				const text = String(this.keyword || '').trim().toLowerCase()
+				return this.cases.filter((item) => {
+					const matchCategory = this.selectedCategory === '全部' || item.category === this.selectedCategory
+					const matchHeat = this.selectedHeat === '全部' || item.heat === this.selectedHeat
+					const searchText = [item.title, item.school, item.summary, item.tags.join(' ')].join(' ').toLowerCase()
+					return matchCategory && matchHeat && (!text || searchText.includes(text))
+				})
+			},
+			totalCount() {
+				return this.cases.length
+			},
+			highHeatCount() {
+				return this.cases.filter((item) => item.heat === '高热').length
+			},
+			categoryCount() {
+				return new Set(this.cases.map((item) => item.category)).size
+			},
+			schoolCount() {
+				return new Set(this.cases.map((item) => item.school)).size
+			},
+			streamItems() {
+				return this.filteredCases.slice(0, 4)
+			}
+		},
+		methods: {
+			quickFilter(heat) {
+				this.selectedHeat = heat
+			},
+			quickMatchPlanning() {
+				this.selectedCategory = '品牌活动'
+				this.selectedHeat = '高热'
+				uni.showToast({
+					title: '已切换到高热品牌活动案例',
+					icon: 'none'
+				})
+			},
+			handleOpenLink(item) {
+				if (!item || !item.link) {
+					uni.showToast({
+						title: '原文链接待接入',
+						icon: 'none'
+					})
+					return
+				}
+				uni.setClipboardData({
+					data: item.link,
+					success: () => {
+						uni.showToast({
+							title: '原文链接已复制',
+							icon: 'none'
+						})
+					}
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.page {
+		min-height: 100vh;
+		background:
+			radial-gradient(circle at top left, rgba(80, 180, 255, 0.18), transparent 28%),
+			linear-gradient(180deg, #f5fbff 0%, #f5fbff 36%, #fff 100%);
+	}
+
+	.page-scroll {
+		height: 100vh;
+		//padding: 28rpx 24rpx 40rpx;
+		box-sizing: border-box;
+	}
+
+	.hero-panel {
+		padding: 30rpx;
+		border-radius: 30rpx;
+		background:
+			linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(245, 251, 255, 0.94)),
+			repeating-linear-gradient(
+				90deg,
+				rgba(21, 144, 255, 0.04) 0,
+				rgba(21, 144, 255, 0.04) 2rpx,
+				transparent 2rpx,
+				transparent 30rpx
+			);
+		box-shadow: 0 16rpx 48rpx rgba(21, 144, 255, 0.1);
+		border: 1rpx solid rgba(21, 144, 255, 0.14);
+	}
+
+	.hero-kicker {
+		display: inline-flex;
+		align-items: center;
+		padding: 10rpx 18rpx;
+		border-radius: 999rpx;
+		background: rgba(21, 144, 255, 0.08);
+		color: #1496f2;
+		font-size: 22rpx;
+		font-weight: 600;
+		letter-spacing: 1rpx;
+	}
+
+	.hero-title {
+		margin-top: 22rpx;
+		color: #1f2d3d;
+		font-size: 44rpx;
+		line-height: 1.3;
+		font-weight: 700;
+	}
+
+	.hero-desc {
+		margin-top: 16rpx;
+		color: #5f7f9f;
+		font-size: 25rpx;
+		line-height: 1.8;
+	}
+
+	.hero-actions {
+		display: flex;
+		flex-wrap: wrap;
+		gap: 16rpx;
+		margin-top: 24rpx;
+	}
+
+	.hero-btn {
+		padding: 16rpx 24rpx;
+		border-radius: 999rpx;
+		background: #f3f9ff;
+		border: 1rpx solid rgba(21, 144, 255, 0.16);
+		color: #1496f2;
+		font-size: 24rpx;
+		font-weight: 600;
+	}
+
+	.hero-btn--primary {
+		background: linear-gradient(135deg, #32bfff, #1496f2);
+		color: #fff;
+		border-color: transparent;
+		box-shadow: 0 10rpx 26rpx rgba(21, 144, 255, 0.22);
+	}
+
+	.hero-stats {
+		display: grid;
+		grid-template-columns: repeat(2, minmax(0, 1fr));
+		gap: 16rpx;
+		margin-top: 26rpx;
+	}
+
+	.hero-stat {
+		padding: 22rpx;
+		border-radius: 24rpx;
+		background: rgba(255, 255, 255, 0.92);
+		border: 1rpx solid rgba(21, 144, 255, 0.12);
+		box-shadow: 0 10rpx 28rpx rgba(21, 144, 255, 0.07);
+	}
+
+	.hero-stat--primary {
+		background: linear-gradient(160deg, #32bfff 0%, #1496f2 100%);
+		color: #fff;
+	}
+
+	.hero-stat--primary .stat-label,
+	.hero-stat--primary .stat-desc {
+		color: rgba(255, 255, 255, 0.84);
+	}
+
+	.stat-label {
+		color: #5f7f9f;
+		font-size: 22rpx;
+	}
+
+	.stat-value {
+		margin: 10rpx 0 8rpx;
+		font-size: 48rpx;
+		line-height: 1;
+		font-weight: 700;
+	}
+
+	.stat-desc {
+		color: #5f7f9f;
+		font-size: 21rpx;
+		line-height: 1.6;
+	}
+
+	.demo-alert,
+	.filter-panel,
+	.stream-card,
+	.signal-card,
+	.cases-card {
+		margin-top: 20rpx;
+		padding: 24rpx;
+		border-radius: 28rpx;
+		background: rgba(255, 255, 255, 0.92);
+		box-shadow: 0 16rpx 40rpx rgba(21, 144, 255, 0.08);
+	}
+
+	.demo-alert {
+		border: 1rpx solid rgba(21, 144, 255, 0.18);
+		background: rgba(255, 251, 248, 0.95);
+	}
+
+	.demo-alert-title {
+		font-size: 26rpx;
+		font-weight: 700;
+		color: #1f2d3d;
+	}
+
+	.demo-alert-desc {
+		margin-top: 10rpx;
+		font-size: 23rpx;
+		line-height: 1.7;
+		color: #5f7f9f;
+	}
+
+	.filter-group + .filter-group {
+		margin-top: 18rpx;
+	}
+
+	.filter-label {
+		color: #5f7f9f;
+		font-size: 22rpx;
+		font-weight: 600;
+	}
+
+	.chip-scroll {
+		width: 100%;
+		margin-top: 14rpx;
+		white-space: nowrap;
+	}
+
+	.chip-row {
+		display: inline-flex;
+		gap: 12rpx;
+		padding-right: 8rpx;
+	}
+
+	.filter-chip {
+		display: inline-flex;
+		align-items: center;
+		padding: 10rpx 20rpx;
+		border: 1rpx solid rgba(21, 144, 255, 0.16);
+		border-radius: 999rpx;
+		background: #f5fbff;
+		color: #1496f2;
+		font-size: 22rpx;
+	}
+
+	.filter-chip--active {
+		color: #fff;
+		border-color: transparent;
+		background: linear-gradient(135deg, #32bfff, #1496f2);
+		box-shadow: 0 8rpx 20rpx rgba(21, 144, 255, 0.22);
+	}
+
+	.search-box {
+		display: flex;
+		align-items: center;
+		gap: 14rpx;
+		margin-top: 18rpx;
+		padding: 0 18rpx;
+		height: 80rpx;
+		border-radius: 999rpx;
+		background: #f8fbff;
+		border: 1rpx solid rgba(21, 144, 255, 0.12);
+	}
+
+	:deep(.search-input.uv-input) {
+		flex: 1;
+		height: 100%;
+		padding: 0 !important;
+		background: transparent !important;
+		border: 0 !important;
+	}
+
+	:deep(.search-input.uv-input .uv-input__content__field-wrapper__field) {
+		font-size: 24rpx;
+		color: #1f2d3d;
+	}
+
+	.search-clear {
+		flex-shrink: 0;
+		font-size: 22rpx;
+		color: #1496f2;
+	}
+
+	.section-grid {
+		margin-top: 20rpx;
+	}
+
+	.section-title {
+		font-size: 30rpx;
+		font-weight: 700;
+		color: #1f2d3d;
+	}
+
+	.section-title--small {
+		font-size: 26rpx;
+	}
+
+	.stream-list,
+	.signal-list,
+	.watch-list,
+	.cases-list {
+		margin-top: 18rpx;
+	}
+
+	.stream-item,
+	.signal-item,
+	.case-card,
+	.watch-item {
+		border: 1rpx solid rgba(21, 144, 255, 0.1);
+		background: linear-gradient(180deg, #f5fbff, #fff);
+	}
+
+	.stream-item {
+		padding: 18rpx;
+		border-radius: 24rpx;
+	}
+
+	.stream-item + .stream-item,
+	.signal-item + .signal-item,
+	.watch-item + .watch-item,
+	.case-card + .case-card {
+		margin-top: 16rpx;
+	}
+
+	.stream-cover,
+	.case-cover {
+		position: relative;
+		overflow: hidden;
+		border-radius: 20rpx;
+	}
+
+	.stream-cover {
+		height: 180rpx;
+		padding: 18rpx;
+	}
+
+	.case-cover {
+		height: 220rpx;
+		padding: 20rpx;
+	}
+
+	.cover-a {
+		background: linear-gradient(135deg, #9be7ff 0%, #32bfff 52%, #1496f2 100%);
+	}
+
+	.cover-b {
+		background: linear-gradient(135deg, #c7f9cc 0%, #57cc99 52%, #38a3a5 100%);
+	}
+
+	.cover-c {
+		background: linear-gradient(135deg, #ffd6a5 0%, #ffadad 50%, #ff7b7b 100%);
+	}
+
+	.cover-d {
+		background: linear-gradient(135deg, #cdb4db 0%, #a2d2ff 52%, #8ecae6 100%);
+	}
+
+	.stream-cover::after,
+	.case-cover::after {
+		content: '';
+		position: absolute;
+		right: -40rpx;
+		top: -40rpx;
+		width: 180rpx;
+		height: 180rpx;
+		border-radius: 50%;
+		background: rgba(255, 255, 255, 0.18);
+	}
+
+	.stream-cover-category,
+	.stream-cover-school,
+	.case-school,
+	.case-cover-badge {
+		position: relative;
+		z-index: 1;
+		color: #fff;
+	}
+
+	.stream-cover-category,
+	.case-cover-badge {
+		display: inline-flex;
+		padding: 8rpx 14rpx;
+		border-radius: 999rpx;
+		background: rgba(255, 255, 255, 0.18);
+		font-size: 20rpx;
+		font-weight: 600;
+	}
+
+	.stream-cover-school,
+	.case-school {
+		margin-top: 18rpx;
+		font-size: 30rpx;
+		font-weight: 700;
+		line-height: 1.4;
+	}
+
+	.stream-content,
+	.case-body {
+		margin-top: 16rpx;
+	}
+
+	.stream-top,
+	.case-head,
+	.cases-head,
+	.case-footer {
+		display: flex;
+		align-items: flex-start;
+		justify-content: space-between;
+		gap: 16rpx;
+	}
+
+	.stream-title,
+	.case-title,
+	.signal-title {
+		color: #1f2d3d;
+		font-weight: 700;
+		line-height: 1.5;
+	}
+
+	.stream-title,
+	.case-title {
+		font-size: 29rpx;
+	}
+
+	.stream-meta,
+	.case-info,
+	.signal-desc,
+	.watch-item,
+	.stream-summary,
+	.case-summary {
+		color: #5f7f9f;
+		font-size: 23rpx;
+		line-height: 1.75;
+	}
+
+	.stream-meta {
+		margin-top: 8rpx;
+	}
+
+	.stream-summary,
+	.case-summary {
+		margin-top: 12rpx;
+		color: #1f2d3d;
+	}
+
+	.tag-list {
+		display: flex;
+		flex-wrap: wrap;
+		gap: 10rpx;
+		margin-top: 14rpx;
+	}
+
+	.tag-chip,
+	.case-tag,
+	.heat-tag {
+		display: inline-flex;
+		align-items: center;
+		padding: 6rpx 14rpx;
+		border-radius: 999rpx;
+		font-size: 20rpx;
+	}
+
+	.tag-chip,
+	.case-tag {
+		background: #e8f4ff;
+		color: #1496f2;
+	}
+
+	.heat-tag {
+		flex-shrink: 0;
+		font-weight: 600;
+	}
+
+	.heat-tag--hot {
+		background: #fff1f0;
+		color: #e34d59;
+	}
+
+	.heat-tag--follow {
+		background: #eef6ff;
+		color: #2563eb;
+	}
+
+	.heat-tag--watch {
+		background: #f3f4f6;
+		color: #6b7280;
+	}
+
+	.signal-item,
+	.watch-item {
+		padding: 18rpx;
+		border-radius: 22rpx;
+	}
+
+	.signal-desc {
+		margin-top: 8rpx;
+	}
+
+	.signal-divider {
+		height: 1rpx;
+		margin: 20rpx 0;
+		background: rgba(21, 144, 255, 0.1);
+	}
+
+	.case-count {
+		flex-shrink: 0;
+		font-size: 22rpx;
+		color: #5f7f9f;
+	}
+
+	.case-card {
+		border-radius: 26rpx;
+		overflow: hidden;
+	}
+
+	.case-cover-badge {
+		position: absolute;
+		left: 20rpx;
+		bottom: 20rpx;
+	}
+
+	.case-body {
+		padding: 0 20rpx 20rpx;
+	}
+
+	.case-title {
+		margin-top: 14rpx;
+	}
+
+	.case-info {
+		margin-top: 10rpx;
+	}
+
+	.signal-badge {
+		flex: 1;
+		min-width: 0;
+		padding: 14rpx 18rpx;
+		border-radius: 20rpx;
+		background: #f7fbff;
+	}
+
+	.signal-badge-label {
+		font-size: 20rpx;
+		color: #7b8794;
+	}
+
+	.signal-badge-value {
+		margin-top: 8rpx;
+		font-size: 24rpx;
+		font-weight: 700;
+		color: #1f2d3d;
+		line-height: 1.5;
+	}
+
+	.origin-link {
+		flex-shrink: 0;
+		padding-top: 18rpx;
+		font-size: 24rpx;
+		font-weight: 600;
+		color: #1496f2;
+	}
+
+	.empty-card {
+		margin-top: 18rpx;
+		padding: 30rpx 24rpx;
+		border-radius: 24rpx;
+		background: #f8fbff;
+		font-size: 24rpx;
+		color: #90a0b7;
+		text-align: center;
+	}
+</style>
diff --git a/pages/gxmu/declare-service.js b/pages/gxmu/declare-service.js
new file mode 100644
index 0000000..68e39b1
--- /dev/null
+++ b/pages/gxmu/declare-service.js
@@ -0,0 +1,10 @@
+import { API_BASE_URL } from '../../utils/request'
+import { apiRequest } from '../assistant/chat-service'
+
+export function listDeclare(params) {
+	return apiRequest({
+		url: `${API_BASE_URL}/gxmu/declare`,
+		method: 'GET',
+		data: params
+	})
+}
diff --git a/pages/gxmu/form.vue b/pages/gxmu/form.vue
new file mode 100644
index 0000000..7d9a181
--- /dev/null
+++ b/pages/gxmu/form.vue
@@ -0,0 +1,892 @@
+<template>
+	<view v-if="formConfig" class="page">
+		<scroll-view scroll-y class="page-scroll">
+			<common-hero :title="pageTitle" :use-image-bg="true"></common-hero>
+			<view class="hero-wrap">
+        <view class="hero-card">
+          <view class="hero-title">{{ pageTitle }}</view>
+          <view class="hero-desc">{{ moduleMeta && moduleMeta.desc ? moduleMeta.desc : '按模块维护申报记录，支持新增、编辑和提交。' }}</view>
+          <view class="hero-actions">
+            <view class="hero-action" @tap="openCreate">立即申报</view>
+            <view class="hero-action hero-action--secondary" @tap="loadData">刷新列表</view>
+          </view>
+        </view>
+      </view>
+
+			<view v-if="loading" class="state-card">
+				<view class="state-title">正在加载申报记录...</view>
+			</view>
+			<view v-else-if="!list.length" class="state-card">
+				<view class="state-title">暂无申报记录</view>
+				<view class="state-desc">点击上方“立即申报”开始填写当前模块。</view>
+			</view>
+			<view v-else class="card-list">
+				<view v-for="item in list" :key="item.id" class="data-card" @tap="openEdit(item)">
+					<view class="card-top">
+						<view>
+							<view class="card-title">{{ getRecordTitle(item) }}</view>
+							<view class="card-subtitle">{{ getRecordSubtitle(item) }}</view>
+						</view>
+						<view class="card-year">{{ item.year || fixedYear || '-' }}</view>
+					</view>
+					<view class="meta-line">{{ getRecordMeta(item) }}</view>
+				</view>
+			</view>
+		</scroll-view>
+
+		<view v-if="showEdit" class="modal-mask" @tap="closeEdit">
+			<view class="modal-panel" @tap.stop>
+				<view class="modal-head">
+					<view class="modal-title">{{ formData.id ? `编辑${pageTitle}` : `新增${pageTitle}` }}</view>
+					<view class="modal-close" @tap="closeEdit">关闭</view>
+				</view>
+
+				<scroll-view scroll-y class="modal-body">
+					<view class="hero-meta hero-meta--form">
+						<view class="meta-item meta-item--form">
+							<view class="meta-label meta-label--form">申报年度</view>
+							<view class="meta-value meta-value--form">{{ fixedYear || formData.year || '-' }}</view>
+						</view>
+						<view class="meta-item meta-item--form">
+							<view class="meta-label meta-label--form">草稿状态</view>
+							<view class="meta-value meta-value--form">{{ draftSavedAt ? '已保存' : '未保存' }}</view>
+						</view>
+					</view>
+
+					<view v-for="section in formConfig.sections" :key="section.title" class="section-card">
+						<view class="section-head">
+							<view class="section-title">{{ section.title }}</view>
+						</view>
+						<view class="field-list">
+							<view v-for="field in section.fields" :key="field.key" class="field-item">
+								<view class="field-label">
+									{{ field.label }}
+									<text v-if="field.required" class="field-required">*</text>
+								</view>
+
+								<textarea
+									v-if="field.type === 'textarea'"
+									class="field-textarea"
+									:placeholder="field.placeholder"
+									:maxlength="-1"
+									:value="formData[field.key]"
+									@input="handleInput(field, $event)"
+								/>
+
+								<view
+									v-else-if="isGenderField(field)"
+									class="field-picker"
+									@tap="openGenderPicker(field)"
+								>
+									<text :class="formData[field.key] ? 'field-value' : 'field-placeholder'">
+										{{ formData[field.key] || field.placeholder }}
+									</text>
+								</view>
+
+								<view
+									v-else-if="isNationField(field)"
+									class="field-item-picker-wrap"
+								>
+									<picker
+										mode="selector"
+										:range="nationLabels"
+										:value="getNationIndex(field)"
+										:disabled="!nationOptions.length"
+										@change="handleNationPickerChange(field, $event)"
+									>
+										<view class="field-picker" :class="{ 'field-picker--disabled': !nationOptions.length }">
+											<text :class="formData[field.key] ? 'field-value' : 'field-placeholder'">
+												{{ formData[field.key] || (nationOptions.length ? '请选择民族' : '民族加载中') }}
+											</text>
+										</view>
+									</picker>
+								</view>
+
+								<view
+									v-else-if="isUvPickerField(field)"
+									class="field-picker"
+									:class="{ 'field-picker--disabled': isPickerFieldDisabled(field) }"
+									@tap="openSelectPicker(field)"
+								>
+									<text :class="formData[field.key] ? 'field-value' : 'field-placeholder'">
+										{{ getPickerDisplayText(field) }}
+									</text>
+								</view>
+
+								<view
+									v-else-if="isDateField(field)"
+									class="field-picker"
+									@tap="openDatePicker(field)"
+								>
+									<text :class="formData[field.key] ? 'field-value' : 'field-placeholder'">
+										{{ formData[field.key] || getDatePlaceholder(field) }}
+									</text>
+								</view>
+
+								<uv-input
+									v-else
+									class="field-input"
+									:modelValue="formData[field.key]"
+									:type="getInputType(field)"
+									:placeholder="field.placeholder"
+									placeholder-style="color: #c0c4cc;"
+									:maxlength="-1"
+									@input="setFieldValue(field.key, $event)"
+								/>
+							</view>
+						</view>
+					</view>
+				</scroll-view>
+
+				<view class="modal-actions">
+					<view class="ghost-btn" @tap="saveDraft">保存草稿</view>
+					<view class="primary-btn" @tap="submitForm">提交申报</view>
+				</view>
+			</view>
+		</view>
+	</view>
+	<view v-else class="empty-page">
+		<common-hero :title="pageTitle || '申报表'" :use-image-bg="true"></common-hero>
+		<view class="empty-body">
+			<view class="empty-title">未找到对应表单</view>
+			<view class="empty-desc">请返回上一页重新选择申报模块。</view>
+		</view>
+	</view>
+
+	<uv-picker
+		ref="genderPicker"
+		title="选择性别"
+		:columns="genderPickerColumns"
+		:defaultIndex="[genderPickerIndex]"
+		keyName="text"
+		@close="noop"
+		@cancel="noop"
+		@confirm="confirmGenderPicker"
+	></uv-picker>
+
+	<uv-picker
+		ref="selectPicker"
+		:title="selectPickerTitle"
+		:columns="selectPickerColumns"
+		:defaultIndex="[selectPickerIndex]"
+		keyName="text"
+		@close="noop"
+		@cancel="noop"
+		@confirm="confirmSelectPicker"
+	></uv-picker>
+
+	<uv-picker
+		ref="datePicker"
+		:title="datePickerTitle"
+		:columns="datePickerColumns"
+		:defaultIndex="datePickerIndexs"
+		keyName="text"
+		@change="handleDatePickerChange"
+		@cancel="noop"
+		@confirm="confirmDatePicker"
+	></uv-picker>
+</template>
+
+<script>
+	import CommonHero from '../../components/common-hero/common-hero.vue'
+	import { createInitialFormData, getFormConfig, getModuleMeta } from '../../utils/gxmu/config'
+	import {
+		addSjqnForm,
+		addSjtbzbsjForm,
+		addWshqtwForm,
+		addWshqtzbForm,
+		addYxgqtdgbForm,
+		addYxgqtyForm,
+		getSjqnForm,
+		getSjtbzbsjForm,
+		getWshqtwForm,
+		getWshqtzbForm,
+		getYxgqtdgbForm,
+		getYxgqtyForm,
+		listDictData,
+		updateSjqnForm,
+		updateSjtbzbsjForm,
+		updateWshqtwForm,
+		updateWshqtzbForm,
+		updateYxgqtdgbForm,
+		updateYxgqtyForm,
+		userPageSjqnForm,
+		userPageSjtbzbsjForm,
+		userPageWshqtwForm,
+		userPageWshqtzbForm,
+		userPageYxgqtdgbForm,
+		userPageYxgqtyForm
+	} from './module-form-service'
+
+	const STORAGE_PREFIX = 'gxmu_form_draft_'
+	const POLITICS_DICT_ID = 172
+	const NATION_DICT_ID = 173
+	const MODULE_API_MAP = {
+		gxmu_sjqn: {
+			get: getSjqnForm,
+			add: addSjqnForm,
+			update: updateSjqnForm,
+			page: userPageSjqnForm
+		},
+		gxmu_sjtbzbsj: {
+			get: getSjtbzbsjForm,
+			add: addSjtbzbsjForm,
+			update: updateSjtbzbsjForm,
+			page: userPageSjtbzbsjForm
+		},
+		gxmu_wshqtw: {
+			get: getWshqtwForm,
+			add: addWshqtwForm,
+			update: updateWshqtwForm,
+			page: userPageWshqtwForm
+		},
+		gxmu_wshqtzb: {
+			get: getWshqtzbForm,
+			add: addWshqtzbForm,
+			update: updateWshqtzbForm,
+			page: userPageWshqtzbForm
+		},
+		gxmu_yxgqtdgb: {
+			get: getYxgqtdgbForm,
+			add: addYxgqtdgbForm,
+			update: updateYxgqtdgbForm,
+			page: userPageYxgqtdgbForm
+		},
+		gxmu_yxgqty: {
+			get: getYxgqtyForm,
+			add: addYxgqtyForm,
+			update: updateYxgqtyForm,
+			page: userPageYxgqtyForm
+		}
+	}
+
+	export default {
+		components: {
+			CommonHero
+		},
+		data() {
+			return {
+				moduleCode: '',
+				moduleMeta: null,
+				formConfig: null,
+				formData: {},
+				draftSavedAt: '',
+				fixedYear: '',
+				declareTitle: '',
+				nationOptions: [],
+				politicsOptions: [],
+				recordId: '',
+				loading: false,
+				showEdit: false,
+				list: [],
+				genderFieldKey: '',
+				genderPickerColumns: [[]],
+				selectFieldKey: '',
+				selectPickerTitle: '',
+				selectPickerColumns: [[]],
+				dateFieldKey: '',
+				datePickerTitle: '',
+				datePickerColumns: [[]],
+				datePickerIndexs: []
+			}
+		},
+		computed: {
+			pageTitle() {
+				return this.declareTitle || (this.formConfig ? this.formConfig.title : '申报表')
+			},
+			nationLabels() {
+				return this.nationOptions
+			},
+			genderPickerIndex() {
+				const options = (this.genderPickerColumns[0] || []).map((item) => item.value)
+				const index = options.indexOf(this.formData[this.genderFieldKey])
+				return index > -1 ? index : 0
+			},
+			selectPickerIndex() {
+				const options = (this.selectPickerColumns[0] || []).map((item) => item.value)
+				const index = options.indexOf(this.formData[this.selectFieldKey])
+				return index > -1 ? index : 0
+			}
+		},
+		onLoad(options) {
+			const code = options.code || ''
+			const config = getFormConfig(code)
+			const meta = getModuleMeta(code)
+			const fixedYear = String(options.year || '').trim()
+			const declareTitle = decodeURIComponent(options.declareTitle || '').trim()
+			const recordId = String(options.id || '').trim()
+      console.log('this.moduleMeta', meta)
+			this.moduleCode = code
+			this.formConfig = config || null
+			this.moduleMeta = meta || null
+			this.formData = createInitialFormData(code)
+			this.fixedYear = fixedYear
+			this.declareTitle = declareTitle
+			this.recordId = recordId
+
+			if (config) {
+				uni.setNavigationBarTitle({
+					title: declareTitle || (meta ? meta.title : '申报表')
+				})
+				this.loadDictOptions()
+				this.setupPickerState()
+				this.loadData()
+				this.loadInitialDetail()
+			}
+		},
+		methods: {
+			getApiConfig() {
+				return MODULE_API_MAP[this.moduleCode] || null
+			},
+			createFreshFormData() {
+				const data = createInitialFormData(this.moduleCode)
+				data.year = this.fixedYear || data.year || String(new Date().getFullYear())
+				return data
+			},
+			async loadInitialDetail() {
+				if (!this.recordId) {
+					return
+				}
+				try {
+					await this.loadRemoteRecord(this.recordId)
+					this.showEdit = true
+				} catch (error) {
+					uni.showToast({
+						title: (error && error.message) || '表单详情加载失败',
+						icon: 'none'
+					})
+				}
+			},
+			async loadRemoteRecord(id) {
+				const api = this.getApiConfig()
+				if (!api || !api.get || !id) {
+					return
+				}
+				const detail = await api.get(id)
+				if (!detail) {
+					return
+				}
+				this.formData = {
+					...this.createFreshFormData(),
+					...detail
+				}
+				if (this.fixedYear) {
+					this.formData.year = this.fixedYear
+				}
+				this.setupPickerState()
+			},
+			async loadData() {
+				const api = this.getApiConfig()
+				if (!api || !api.page) {
+					this.list = []
+					return
+				}
+				this.loading = true
+				try {
+					const result = await api.page({
+						page: 1,
+						limit: 50,
+						year: this.fixedYear || undefined
+					})
+					this.list = Array.isArray(result && result.list) ? result.list : []
+				} catch (error) {
+					this.list = []
+					uni.showToast({
+						title: (error && error.message) || '加载失败',
+						icon: 'none'
+					})
+				} finally {
+					this.loading = false
+				}
+			},
+			openCreate() {
+				this.formData = this.createFreshFormData()
+				this.draftSavedAt = ''
+				this.restoreDraft()
+				this.setupPickerState()
+				this.showEdit = true
+			},
+			async openEdit(item) {
+				try {
+					const id = item && item.id ? item.id : ''
+					if (id) {
+						await this.loadRemoteRecord(id)
+					} else {
+						this.formData = {
+							...this.createFreshFormData(),
+							...(item || {})
+						}
+					}
+					this.showEdit = true
+				} catch (error) {
+					uni.showToast({
+						title: (error && error.message) || '加载详情失败',
+						icon: 'none'
+					})
+				}
+			},
+			closeEdit() {
+				this.showEdit = false
+			},
+			getRecordTitle(item) {
+				if (!item) {
+					return this.pageTitle
+				}
+				const fields = ['name', 'title', 'orgName', 'branchName', 'applyType']
+				for (const key of fields) {
+					const value = String(item[key] || '').trim()
+					if (value) {
+						return value
+					}
+				}
+				return this.pageTitle
+			},
+			getRecordSubtitle(item) {
+				const fields = ['applyType', 'unit', 'collegeClass', 'organization', 'secondOrg', 'branch', 'position']
+				const parts = fields
+					.map((key) => String((item && item[key]) || '').trim())
+					.filter(Boolean)
+					.slice(0, 1)
+				return parts.length ? parts.join(' · ') : (this.moduleMeta && this.moduleMeta.group) || '申报记录'
+			},
+			getRecordMeta(item) {
+				const pairs = [
+					['政治面貌', item && item.politics],
+					['联系方式', item && (item.contact || item.phone)],
+					['民族', item && item.nation]
+				]
+				const matched = pairs.find((entry) => String(entry[1] || '').trim())
+				if (matched) {
+					return `${matched[0]}：${matched[1]}`
+				}
+				return `记录编号：${(item && item.id) || '-'}`
+			},
+			noop() {
+				return
+			},
+			setupPickerState() {
+				this.genderPickerColumns = [[
+					{ text: '男', value: '男' },
+					{ text: '女', value: '女' }
+				]]
+			},
+			async loadDictOptions() {
+				try {
+					const [nationResult, politicsResult] = await Promise.all([
+						listDictData({ dictId: NATION_DICT_ID }),
+						listDictData({ dictId: POLITICS_DICT_ID })
+					])
+					const normalize = (result) =>
+						(Array.isArray(result) ? result : [])
+							.map((item) => String(item && (item.dictDataName || item.name || item.label || item.value) || '').trim())
+							.filter(Boolean)
+					this.nationOptions = normalize(nationResult)
+					this.politicsOptions = normalize(politicsResult)
+				} catch (error) {
+					this.nationOptions = []
+					this.politicsOptions = []
+				}
+			},
+			getStorageKey() {
+				return `${STORAGE_PREFIX}${this.moduleCode}_${this.fixedYear || 'default'}`
+			},
+			getLegacyStorageKey() {
+				return `${STORAGE_PREFIX}${this.moduleCode}`
+			},
+			restoreDraft() {
+				const draft =
+					uni.getStorageSync(this.getStorageKey()) ||
+					uni.getStorageSync(this.getLegacyStorageKey())
+				if (!draft || !draft.formData) {
+					return
+				}
+				this.formData = {
+					...this.formData,
+					...draft.formData
+				}
+				if (this.fixedYear) {
+					this.formData.year = this.fixedYear
+				}
+				this.draftSavedAt = draft.savedAt || ''
+			},
+			handleInput(field, event) {
+				const value = typeof event === 'string' ? event : (event.detail && event.detail.value) || ''
+				this.formData[field.key] = value
+			},
+			setFieldValue(key, event) {
+				const value = typeof event === 'string' ? event : (event.detail && event.detail.value) || ''
+				this.formData[key] = value
+			},
+			findFieldByKey(key) {
+				if (!this.formConfig || !Array.isArray(this.formConfig.sections)) {
+					return null
+				}
+				for (const section of this.formConfig.sections) {
+					const matched = (section.fields || []).find((field) => field.key === key)
+					if (matched) {
+						return matched
+					}
+				}
+				return null
+			},
+			isGenderField(field) {
+				return field && field.key === 'gender'
+			},
+			isPoliticsField(field) {
+				return field && field.key === 'politics'
+			},
+			isNationField(field) {
+				return field && field.key === 'nation'
+			},
+			isUvPickerField(field) {
+				return field && (field.type === 'select' || this.isPoliticsField(field) || this.isNationField(field))
+			},
+			isPickerFieldDisabled(field) {
+				return (this.isPoliticsField(field) || this.isNationField(field)) && !this.getSelectOptions(field).length
+			},
+			getPickerDisplayText(field) {
+				if (this.formData[field.key]) {
+					return this.formData[field.key]
+				}
+				if (this.isPoliticsField(field)) {
+					return this.getSelectOptions(field).length ? '请选择政治面貌' : '政治面貌加载中'
+				}
+				if (this.isNationField(field)) {
+					return this.getSelectOptions(field).length ? '请选择民族' : '民族加载中'
+				}
+				return field.placeholder
+			},
+			getSelectOptions(field) {
+				if (this.isGenderField(field)) {
+					return field.options || ['男', '女']
+				}
+				if (this.isPoliticsField(field)) {
+					return this.politicsOptions.length ? this.politicsOptions : (field.options || [])
+				}
+				return field.options || []
+			},
+			getNationIndex(field) {
+				const index = this.nationOptions.findIndex((item) => item === this.formData[field.key])
+				return index > -1 ? index : 0
+			},
+			handleNationPickerChange(field, event) {
+				const index = Number((event && event.detail && event.detail.value) || 0)
+				this.formData[field.key] = this.nationOptions[index] || ''
+			},
+			openSelectPicker(field) {
+				const options = this.getSelectOptions(field)
+				if (!options.length) {
+					return
+				}
+				this.selectFieldKey = field.key
+				this.selectPickerTitle = `选择${field.label}`
+				this.selectPickerColumns = [
+					options.map((item) => ({ text: item, value: item }))
+				]
+				this.$nextTick(() => {
+					this.$refs.selectPicker && this.$refs.selectPicker.open()
+				})
+			},
+			confirmSelectPicker(event) {
+				const value = (((event || {}).value || [])[0] || {}).value || ''
+				if (this.selectFieldKey) {
+					this.formData[this.selectFieldKey] = value
+				}
+			},
+			openGenderPicker(field) {
+				this.genderFieldKey = field.key
+				this.genderPickerColumns = [
+					this.getSelectOptions(field).map((item) => ({ text: item, value: item }))
+				]
+				this.$nextTick(() => {
+					this.$refs.genderPicker && this.$refs.genderPicker.open()
+				})
+			},
+			confirmGenderPicker(event) {
+				const value = (((event || {}).value || [])[0] || {}).value || ''
+				if (this.genderFieldKey) {
+					this.formData[this.genderFieldKey] = value
+				}
+			},
+			isDateField(field) {
+				return ['year', 'month', 'date'].includes(field.type)
+			},
+			getDateRange(field) {
+				const start = String(field.start || '2000-01-01').trim()
+				const end = String(field.end || '2099-12-31').trim()
+				return {
+					startYear: Number(start.slice(0, 4)) || 2000,
+					endYear: Number(end.slice(0, 4)) || 2099
+				}
+			},
+			getDaysInMonth(year, month) {
+				return new Date(year, month, 0).getDate()
+			},
+			buildDatePickerState(field, value, nextIndexs = []) {
+				const { startYear, endYear } = this.getDateRange(field)
+				const years = []
+				for (let year = startYear; year <= endYear; year += 1) {
+					years.push({ text: `${year}`, value: `${year}` })
+				}
+				const months = Array.from({ length: 12 }, (_, index) => {
+					const month = String(index + 1).padStart(2, '0')
+					return { text: month, value: month }
+				})
+				const safeValue = String(value || '').trim()
+				let selectedYear = safeValue.slice(0, 4) || `${startYear}`
+				let selectedMonth = safeValue.slice(5, 7) || '01'
+				let selectedDay = safeValue.slice(8, 10) || '01'
+				if (Array.isArray(nextIndexs) && nextIndexs.length) {
+					if (typeof nextIndexs[0] === 'number' && years[nextIndexs[0]]) {
+						selectedYear = years[nextIndexs[0]].value
+					}
+					if (typeof nextIndexs[1] === 'number' && months[nextIndexs[1]]) {
+						selectedMonth = months[nextIndexs[1]].value
+					}
+				}
+				const dayTotal = this.getDaysInMonth(Number(selectedYear), Number(selectedMonth))
+				const days = Array.from({ length: dayTotal }, (_, index) => {
+					const day = String(index + 1).padStart(2, '0')
+					return { text: day, value: day }
+				})
+				if (Array.isArray(nextIndexs) && nextIndexs.length > 2 && typeof nextIndexs[2] === 'number' && days[nextIndexs[2]]) {
+					selectedDay = days[nextIndexs[2]].value
+				}
+				const yearIndex = Math.max(0, years.findIndex((item) => item.value === selectedYear))
+				const monthIndex = Math.max(0, months.findIndex((item) => item.value === selectedMonth))
+				const dayIndex = Math.max(0, days.findIndex((item) => item.value === selectedDay))
+				if (field.type === 'year') {
+					return {
+						columns: [years],
+						indexs: [yearIndex]
+					}
+				}
+				if (field.type === 'month') {
+					return {
+						columns: [years, months],
+						indexs: [yearIndex, monthIndex]
+					}
+				}
+				return {
+					columns: [years, months, days],
+					indexs: [yearIndex, monthIndex, dayIndex]
+				}
+			},
+			openDatePicker(field) {
+				this.dateFieldKey = field.key
+				this.datePickerTitle = `选择${field.label}`
+				const pickerState = this.buildDatePickerState(field, this.formData[field.key])
+				this.datePickerColumns = pickerState.columns
+				this.datePickerIndexs = pickerState.indexs
+				this.$nextTick(() => {
+					this.$refs.datePicker && this.$refs.datePicker.open()
+				})
+			},
+			handleDatePickerChange(event) {
+				const field = this.findFieldByKey(this.dateFieldKey)
+				if (!field || field.type !== 'date') {
+					this.datePickerIndexs = (event && event.indexs) || this.datePickerIndexs
+					return
+				}
+				const nextIndexs = (event && event.indexs) || []
+				const pickerState = this.buildDatePickerState(field, this.formData[field.key], nextIndexs)
+				this.datePickerColumns = pickerState.columns
+				this.datePickerIndexs = pickerState.indexs
+			},
+			formatDatePickerValue(values, field) {
+				const year = (values[0] && values[0].value) || ''
+				if (field.type === 'year') {
+					return year
+				}
+				const month = (values[1] && values[1].value) || '01'
+				if (field.type === 'month') {
+					return `${year}-${month}`
+				}
+				const day = (values[2] && values[2].value) || '01'
+				return `${year}-${month}-${day}`
+			},
+			confirmDatePicker(event) {
+				const field = this.findFieldByKey(this.dateFieldKey)
+				if (!field) {
+					return
+				}
+				this.formData[field.key] = this.formatDatePickerValue((event && event.value) || [], field)
+				this.datePickerIndexs = (event && event.indexs) || this.datePickerIndexs
+			},
+			getDatePlaceholder(field) {
+				if (field.type === 'year') {
+					return '请选择年份'
+				}
+				if (field.type === 'month') {
+					return '请选择年月'
+				}
+				return '请选择日期'
+			},
+			getInputType(field) {
+				if (field.type === 'number' || field.type === 'phone') {
+					return 'number'
+				}
+				return 'text'
+			},
+			validateForm() {
+				const requiredFields = []
+				this.formConfig.sections.forEach((section) => {
+					section.fields.forEach((field) => {
+						if (field.required && !String(this.formData[field.key] || '').trim()) {
+							requiredFields.push(field.label)
+						}
+					})
+				})
+
+				if (!requiredFields.length) {
+					return true
+				}
+
+				uni.showToast({
+					title: `请完善：${requiredFields[0]}`,
+					icon: 'none'
+				})
+				return false
+			},
+			saveDraft() {
+				const savedAt = this.formatNow()
+				uni.setStorageSync(this.getStorageKey(), {
+					moduleCode: this.moduleCode,
+					formData: this.formData,
+					savedAt
+				})
+				this.draftSavedAt = savedAt
+				uni.showToast({
+					title: '草稿已保存',
+					icon: 'success'
+				})
+			},
+			clearDraftStorage() {
+				uni.removeStorageSync(this.getStorageKey())
+				uni.removeStorageSync(this.getLegacyStorageKey())
+				this.draftSavedAt = ''
+			},
+			async submitForm() {
+				if (!this.validateForm()) {
+					return
+				}
+				const api = this.getApiConfig()
+				if (!api) {
+					this.clearDraftStorage()
+					uni.showModal({
+						title: '提交成功',
+						content: `${this.moduleMeta ? this.moduleMeta.title : '当前模块'}表单已提交，后续可继续接入后台接口。`,
+						showCancel: false
+					})
+					return
+				}
+				try {
+					const payload = {
+						...this.formData,
+						year: this.fixedYear || this.formData.year
+					}
+					const request = payload.id ? api.update : api.add
+					await request({
+						...payload,
+						id: payload.id || undefined
+					})
+					this.clearDraftStorage()
+					uni.showToast({
+						title: '提交成功',
+						icon: 'none'
+					})
+					this.closeEdit()
+					this.loadData()
+				} catch (error) {
+					uni.showToast({
+						title: (error && error.message) || '提交失败',
+						icon: 'none'
+					})
+				}
+			},
+			formatNow() {
+				const now = new Date()
+				const pad = (value) => String(value).padStart(2, '0')
+				return `${now.getFullYear()}-${pad(now.getMonth() + 1)}-${pad(now.getDate())} ${pad(now.getHours())}:${pad(now.getMinutes())}`
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.page { min-height: 100vh; background: linear-gradient(180deg, #f5fbff 0%, #eef7ff 100%); }
+	.page-scroll { height: 100vh; box-sizing: border-box; }
+  .hero-wrap{ padding:24rpx 24rpx 0; background: url("@/static/indexBg.jpg")  no-repeat cover}
+	.hero-card,.state-card,.data-card { border-radius: 28rpx; }
+	.hero-card {
+		padding: 34rpx 36rpx;
+		background: rgba(255, 255, 255, 0.5);
+		box-shadow: 0 4rpx 12rpx 0 rgba(174, 174, 174, 0.4);
+		backdrop-filter: blur(24rpx);
+		-webkit-backdrop-filter: blur(24rpx);
+		border: 1rpx solid rgba(255, 255, 255, 0.5);
+	}
+	.hero-badge { display: inline-flex; padding: 10rpx 18rpx; border-radius: 999rpx; background: rgba(20,150,242,.1); font-size: 22rpx; color: #1496f2; }
+	.hero-title {
+		position: relative;
+		margin-top: 8rpx;
+		padding-left: 10rpx;
+		font-size: 30rpx;
+		font-weight: 700;
+		line-height: 1.35;
+		color: #18a0f7;
+    border-left: 5px solid #0f94ef;
+	}
+	//.hero-title::before {
+	//	content: '';
+	//	position: absolute;
+	//	left: 0;
+	//	top: 8rpx;
+	//	width: 8rpx;
+	//	height: 52rpx;
+	//	border-radius: 999rpx;
+	//	background: linear-gradient(180deg, #0f94ef 0%, #22b4ff 100%);
+	//}
+	.hero-desc { margin-top: 20rpx; font-size: 24rpx; line-height: 1.8; color: #7f7f7f; }
+	.hero-actions { display: flex; gap: 16rpx; margin-top: 24rpx; }
+	.hero-action { padding: 14rpx 24rpx; border-radius: 999rpx; background: rgba(20,150,242,.12); font-size: 24rpx; color: #1496f2; }
+	.hero-action--secondary { background: rgba(31,35,41,.08); color: #5f6b76; }
+	.state-card,.data-card { margin-top: 24rpx; padding: 24rpx; background: rgba(255,255,255,.96); box-shadow: 0 10rpx 28rpx rgba(34,94,142,.08); }
+	.state-title,.card-title { font-size: 30rpx; font-weight: 700; color: #1f2329; }
+	.state-desc,.card-subtitle,.meta-line { margin-top: 10rpx; font-size: 24rpx; line-height: 1.6; color: #786e69; }
+	.card-list { padding: 0 24rpx; display: flex; flex-direction: column; gap: 16rpx; }
+	.card-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 16rpx; }
+	.card-year { padding: 10rpx 16rpx; border-radius: 999rpx; background: #eef5ff; color: #1554ad; font-size: 22rpx; }
+	.modal-mask { position: fixed; inset: 0; background: rgba(15,23,42,.34); display: flex; align-items: flex-end; z-index: 99; }
+	.modal-panel { width: 100%; max-height: 92vh; border-radius: 32rpx 32rpx 0 0; background: #fff; display: flex; flex-direction: column; }
+	.modal-head { display: flex; justify-content: space-between; align-items: center; padding: 24rpx; border-bottom: 1rpx solid #eef1f4; }
+	.modal-title { font-size: 30rpx; font-weight: 700; color: #1f2329; }
+	.modal-close { font-size: 24rpx; color: #7c8a96; }
+	.modal-body { max-height: 70vh; padding: 24rpx; box-sizing: border-box; }
+	.hero-meta--form { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-bottom: 20rpx; }
+	.meta-item--form { background: #f3f7fd; }
+	.meta-label--form { color: #6b7785; }
+	.meta-value--form { color: #1f2329; }
+	.section-card { margin-top: 24rpx; padding: 26rpx; border-radius: 30rpx; background: rgba(255,255,255,.94); border: 1rpx solid rgba(20,150,242,.08); box-shadow: 0 10rpx 28rpx rgba(34,94,142,.08); }
+	.section-head { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 18rpx; }
+	.section-title { font-size: 30rpx; font-weight: 700; color: #1f2329; }
+	.field-list { display: flex; flex-direction: column; gap: 22rpx; }
+	.field-label { margin-bottom: 12rpx; font-size: 25rpx; font-weight: 600; color: #2b3037; }
+	.field-required { margin-left: 8rpx; color: #1496f2; }
+	.field-textarea,.field-picker { width: 100%; box-sizing: border-box; padding: 22rpx 24rpx; border-radius: 22rpx; font-size: 24rpx; color: #2a2e35; }
+	.field-textarea { background: #f8f4f1; border: 1rpx solid #eadfd7; }
+	.field-picker { background: #F4FCFF; border: 1rpx solid rgba(220,220,220,1); }
+	.field-picker--disabled { background: #f7f9fb; color: #aaafb7; }
+	.field-textarea { min-height: 180rpx; }
+	:deep(.field-input.uv-input) { width: 100%; min-height: 88rpx; padding: 0 24rpx; border-radius: 12rpx; border: 1px solid #dcdfe6; background: #ffffff; box-sizing: border-box; transition: border-color 0.2s ease; }
+	:deep(.field-input.uv-input .uv-input__content__field-wrapper__field) { height: 88rpx; min-height: 88rpx; font-size: 28rpx; line-height: 88rpx; color: #303133; }
+	.field-placeholder { color: #aa9f98; }
+	.field-value { color: #2a2e35; }
+	.modal-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16rpx; padding: 24rpx; border-top: 1rpx solid #eef1f4; }
+	.ghost-btn,.primary-btn { height: 84rpx; line-height: 84rpx; border-radius: 22rpx; text-align: center; font-size: 26rpx; font-weight: 700; }
+	.ghost-btn { background: #FFA2DA; color: #ffffff; border: none; border-radius: 999px; }
+	.primary-btn { background: linear-gradient(147.22deg, rgba(0,180,255,1) 37.65%, rgba(88,206,255,1) 80.42%); color: #fff; border-radius: 999px; }
+	.empty-page { min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 48rpx; text-align: center; }
+	.empty-title { font-size: 30rpx; font-weight: 700; color: #1f2329; }
+	.empty-desc { margin-top: 12rpx; font-size: 24rpx; line-height: 1.7; color: #7b8694; }
+</style>
diff --git a/pages/gxmu/index.vue b/pages/gxmu/index.vue
new file mode 100644
index 0000000..5c36866
--- /dev/null
+++ b/pages/gxmu/index.vue
@@ -0,0 +1,697 @@
+<template>
+	<view class="page">
+		<scroll-view scroll-y class="page-scroll">
+			<common-hero title="五四评优" :use-image-bg="true"></common-hero>
+
+			<view class="section">
+				<view class="section-head">
+					<view>
+						<view class="section-title">项目列表</view>
+						<view class="section-subtitle">当前仅展示可申报项目</view>
+					</view>
+					<view class="refresh-btn" :class="{ 'refresh-btn--loading': loading }" @tap="loadData()">
+						{{ loading ? '刷新中' : '刷新' }}
+					</view>
+				</view>
+
+				<view v-if="loading" class="state-card">
+					<view class="state-title">正在加载申报项目...</view>
+					<view class="state-desc">请稍候，正在同步后台开放的申报配置。</view>
+				</view>
+
+				<view v-else-if="loadError" class="state-card state-card--error">
+					<view class="state-title">加载失败</view>
+					<view class="state-desc">{{ loadError }}</view>
+					<view class="state-action" @tap="loadData()">重新加载</view>
+				</view>
+
+				<view v-else-if="!declareList.length" class="state-card">
+					<view class="state-title">当前暂无可申报项目</view>
+					<view class="state-desc">后台还没有开放可申报数据，稍后再来查看。</view>
+				</view>
+
+				<view v-else>
+					<view class="filter-bar">
+						<picker class="filter-item" mode="selector" :range="yearLabels" :value="yearIndex" @change="handleYearChange">
+							<view class="filter-trigger">
+								<text class="filter-text">{{ selectedYear ? `${selectedYear} 年` : '全部年份' }}</text>
+								<text class="filter-arrow">▼</text>
+							</view>
+						</picker>
+						<view class="filter-item" @tap="openModulePicker">
+							<view class="filter-trigger">
+								<text class="filter-text">{{ selectedModule ? getDeclareModuleLabel(selectedModule) : '全部模块' }}</text>
+								<text class="filter-arrow">▼</text>
+							</view>
+						</view>
+					</view>
+
+					<view v-if="filteredDeclareList.length" class="declare-list">
+						<view
+							v-for="item in filteredDeclareList"
+							:key="item.id || `${item.module}-${item.year}`"
+							class="declare-card"
+							:class="{ 'declare-card--disabled': !isModuleSupported(item.module) }"
+							@tap="goApply(item)"
+						>
+							<view class="card-top">
+								<view class="card-main">
+									<view class="card-title">{{ getDeclareTitle(item) }}</view>
+									<view class="card-subtitle">{{ getDeclareModuleLabel(item.module) }}</view>
+								</view>
+								<view
+									class="card-status"
+									:class="isModuleSupported(item.module) ? 'card-status--active' : 'card-status--disabled'"
+								>
+									{{ isModuleSupported(item.module) ? '可申报' : '待支持' }}
+								</view>
+							</view>
+
+							<view class="card-year">
+								{{ item.year ? `${item.year} 年` : '未设置年度' }}
+							</view>
+
+							<view class="card-desc">{{ getDeclareDescription(item.module) }}</view>
+
+							<view class="card-meta">
+								<view class="meta-row">
+									<view class="meta-row-label">开始时间</view>
+									<view class="meta-row-value">{{ formatDateTime(item.startTime) }}</view>
+								</view>
+								<view class="meta-row">
+									<view class="meta-row-label">结束时间</view>
+									<view class="meta-row-value">{{ formatDateTime(item.endTime) }}</view>
+								</view>
+							</view>
+
+							<view class="card-footer">
+								<view class="card-tag">{{ getDeclareGroup(item.module) }}</view>
+								<view class="card-action">
+									{{ isModuleSupported(item.module) ? '进入申报' : '暂未开放' }}
+								</view>
+							</view>
+						</view>
+					</view>
+						<view v-else class="state-card">
+							<view class="state-title">暂无匹配项目</view>
+							<view class="state-desc">请调整年份或模块筛选条件后重试。</view>
+						</view>
+					</view>
+			</view>
+		</scroll-view>
+		<uv-picker
+			ref="modulePicker"
+			title="选择模块"
+			:columns="modulePickerColumns"
+			:defaultIndex="[moduleIndex]"
+			keyName="text"
+			@close="noop"
+			@cancel="noop"
+			@confirm="confirmModulePicker"
+		></uv-picker>
+	</view>
+</template>
+
+<script>
+	import CommonHero from '../../components/common-hero/common-hero.vue'
+	import { getFormConfig, getModuleMeta } from '../../utils/gxmu/config'
+	import { listDeclare } from '../../utils/gxmu/declare-service'
+
+	export default {
+		components: {
+			CommonHero
+		},
+		data() {
+			return {
+				loading: false,
+				loadError: '',
+				declareList: [],
+				selectedYear: '',
+				selectedModule: ''
+			}
+		},
+		computed: {
+			supportedCount() {
+				return this.declareList.filter((item) => this.isModuleSupported(item.module)).length
+			},
+			latestYear() {
+				const year = this.declareList.reduce((result, item) => {
+					const current = Number(item.year || 0)
+					return current > result ? current : result
+				}, 0)
+				return year || new Date().getFullYear()
+			},
+			yearOptions() {
+				const set = new Set(
+					this.declareList
+						.map((item) => String(item.year || '').trim())
+						.filter(Boolean)
+				)
+				return [...set].sort((left, right) => Number(right) - Number(left))
+			},
+			moduleOptions() {
+				const set = new Set(
+					this.declareList
+						.map((item) => String(item.module || '').trim())
+						.filter(Boolean)
+				)
+				return [...set]
+			},
+			yearLabels() {
+				return ['全部年份', ...this.yearOptions.map((item) => `${item} 年`)]
+			},
+			moduleLabels() {
+				return ['全部模块', ...this.moduleOptions.map((item) => this.getDeclareModuleLabel(item))]
+			},
+			modulePickerColumns() {
+				return [[
+					{ text: '全部模块', value: '' },
+					...this.moduleOptions.map((item) => ({
+						text: this.getDeclareModuleLabel(item),
+						value: item
+					}))
+				]]
+			},
+			yearIndex() {
+				if (!this.selectedYear) {
+					return 0
+				}
+				const index = this.yearOptions.findIndex((item) => item === this.selectedYear)
+				return index > -1 ? index + 1 : 0
+			},
+			moduleIndex() {
+				if (!this.selectedModule) {
+					return 0
+				}
+				const index = this.moduleOptions.findIndex((item) => item === this.selectedModule)
+				return index > -1 ? index + 1 : 0
+			},
+			filteredDeclareList() {
+				return this.declareList.filter((item) => {
+					const yearMatched = !this.selectedYear || String(item.year || '').trim() === this.selectedYear
+					const moduleMatched = !this.selectedModule || String(item.module || '').trim() === this.selectedModule
+					return yearMatched && moduleMatched
+				})
+			}
+		},
+		onLoad() {
+			this.loadData()
+		},
+		onPullDownRefresh() {
+			this.loadData(true)
+		},
+		methods: {
+			showToast(title) {
+				uni.showToast({
+					title,
+					icon: 'none'
+				})
+			},
+			getModuleMetaSafe(code) {
+				return getModuleMeta(code) || {
+					title: code || '未命名模块',
+					icon: (code || '申').slice(0, 1),
+					group: '申报项目',
+					desc: '当前申报项目已开放，点击可查看申报内容。'
+				}
+			},
+			getDeclareTitle(item) {
+				const title = String(item.title || '').trim()
+				if (title) {
+					return title
+				}
+				return this.getDeclareModuleLabel(item.module)
+			},
+			getDeclareModuleLabel(module) {
+				return this.getModuleMetaSafe(module).title
+			},
+			getDeclareDescription(module) {
+				return this.getModuleMetaSafe(module).desc
+			},
+			getDeclareGroup(module) {
+				return this.getModuleMetaSafe(module).group
+			},
+			isModuleSupported(module) {
+				return !!getFormConfig(module)
+			},
+			getTimestamp(value) {
+				if (!value) {
+					return 0
+				}
+				const result = new Date(String(value).replace(/-/g, '/')).getTime()
+				return Number.isNaN(result) ? 0 : result
+			},
+			formatDateTime(value) {
+				if (!value) {
+					return '-'
+				}
+				const date = new Date(String(value).replace(/-/g, '/'))
+				const pad = (item) => String(item).padStart(2, '0')
+				return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())} ${pad(date.getHours())}:${pad(date.getMinutes())}:${pad(date.getSeconds())}`
+			},
+			handleYearChange(event) {
+				const index = Number((event.detail && event.detail.value) || 0)
+				this.selectedYear = index === 0 ? '' : (this.yearOptions[index - 1] || '')
+			},
+			handleModuleChange(event) {
+				const index = Number((event.detail && event.detail.value) || 0)
+				this.selectedModule = index === 0 ? '' : (this.moduleOptions[index - 1] || '')
+			},
+			openModulePicker() {
+				this.$nextTick(() => {
+					this.$refs.modulePicker && this.$refs.modulePicker.open()
+				})
+			},
+			confirmModulePicker(event) {
+				const value = (((event || {}).value || [])[0] || {}).value || ''
+				this.selectedModule = value
+			},
+			noop() {
+				return
+			},
+			syncFilterState() {
+				if (this.selectedYear && !this.yearOptions.includes(this.selectedYear)) {
+					this.selectedYear = ''
+				}
+				if (this.selectedModule && !this.moduleOptions.includes(this.selectedModule)) {
+					this.selectedModule = ''
+				}
+			},
+			async loadData(fromPullDown = false) {
+				if (this.loading) {
+					return
+				}
+				this.loading = true
+				this.loadError = ''
+				try {
+					const result = await listDeclare({ usable: true })
+					const list = Array.isArray(result) ? result : []
+					this.declareList = [...list].sort((left, right) => {
+						const yearDiff = Number(right.year || 0) - Number(left.year || 0)
+						if (yearDiff !== 0) {
+							return yearDiff
+						}
+						return this.getTimestamp(right.startTime || right.createTime) - this.getTimestamp(left.startTime || left.createTime)
+					})
+					this.syncFilterState()
+				} catch (error) {
+					this.loadError = (error && error.message) || '申报项目加载失败'
+					this.showToast(this.loadError)
+				} finally {
+					this.loading = false
+					if (fromPullDown) {
+						uni.stopPullDownRefresh()
+					}
+				}
+			},
+			goApply(item) {
+				if (!item.module) {
+					this.showToast('当前申报项目缺少模块标识')
+					return
+				}
+				if (!this.isModuleSupported(item.module)) {
+					this.showToast('当前申报项目在小程序端暂未配置')
+					return
+				}
+				const moduleRouteMap = {
+					gxmu_tzbcy_form: '/pages/gxmu/tzbcy',
+					gxmu_qmgc_form: '/pages/gxmu/qmgc',
+					gxmu_wxxzx_project: '/pages/gxmu/wxxzx'
+				}
+				const moduleRoute = moduleRouteMap[item.module]
+				if (moduleRoute) {
+					const query = [
+						`code=${encodeURIComponent(item.module)}`,
+						`year=${encodeURIComponent(item.year || '')}`,
+						`declareTitle=${encodeURIComponent(this.getDeclareTitle(item))}`,
+						`id=${encodeURIComponent(item.id)}`
+					]
+					uni.navigateTo({
+						url: `${moduleRoute}?${query.join('&')}`
+					})
+					return
+				}
+				const query = [
+					`code=${encodeURIComponent(item.module)}`,
+					`year=${encodeURIComponent(item.year || '')}`,
+					`declareTitle=${encodeURIComponent(this.getDeclareTitle(item))}`
+				]
+				uni.navigateTo({
+					url: `/pages/gxmu/form?${query.join('&')}`
+				})
+			},
+			goStatsCenter() {
+				uni.navigateTo({
+					url: '/pages/gxmu/stats'
+				})
+			},
+			goCrossSchoolBoard() {
+				uni.navigateTo({
+					url: '/pages/gxmu/cross-school-board'
+				})
+			},
+			goTzbDatabase() {
+				uni.navigateTo({
+					url: '/pages/gxmu/tzb-database'
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.page {
+		min-height: 100vh;
+		background:
+			radial-gradient(circle at top left, rgba(20, 150, 242, 0.14), transparent 30%),
+			linear-gradient(180deg, #f5fbff 0%, #eef7ff 100%);
+	}
+
+	.page-scroll {
+		height: 100vh;
+		padding: 28rpx 24rpx 40rpx;
+	}
+
+	.hero-card {
+		padding: 34rpx 30rpx;
+		border-radius: 32rpx;
+		background: linear-gradient(145deg, #0d6fba 0%, #1496f2 56%, #5bc2ff 100%);
+		box-shadow: 0 18rpx 44rpx rgba(20, 118, 194, 0.2);
+		color: #f7fcff;
+	}
+
+	.hero-badge {
+		display: inline-flex;
+		padding: 10rpx 18rpx;
+		border-radius: 999rpx;
+		background: rgba(255, 255, 255, 0.16);
+		font-size: 22rpx;
+		letter-spacing: 1rpx;
+	}
+
+	.hero-title {
+		margin-top: 22rpx;
+		font-size: 42rpx;
+		line-height: 1.35;
+		font-weight: 700;
+	}
+
+	.hero-desc {
+		margin-top: 16rpx;
+		font-size: 25rpx;
+		line-height: 1.7;
+		color: rgba(255, 247, 244, 0.86);
+	}
+
+	.hero-meta {
+		display: grid;
+		grid-template-columns: repeat(3, minmax(0, 1fr));
+		gap: 16rpx;
+		margin-top: 28rpx;
+	}
+
+	.hero-actions {
+		display: flex;
+		flex-wrap: wrap;
+		gap: 16rpx;
+		margin-top: 22rpx;
+	}
+
+	.hero-action {
+		display: inline-flex;
+		align-items: center;
+		justify-content: center;
+		padding: 16rpx 26rpx;
+		border-radius: 999rpx;
+		background: rgba(255, 255, 255, 0.18);
+		font-size: 24rpx;
+		font-weight: 600;
+		color: #f7fcff;
+	}
+
+	.hero-action--secondary {
+		background: rgba(13, 36, 61, 0.18);
+	}
+
+	.hero-action--tertiary {
+		background: rgba(8, 74, 61, 0.24);
+	}
+
+	.meta-item {
+		padding: 18rpx 16rpx;
+		border-radius: 22rpx;
+		background: rgba(255, 255, 255, 0.12);
+	}
+
+	.meta-value {
+		font-size: 32rpx;
+		font-weight: 700;
+	}
+
+	.meta-label {
+		margin-top: 6rpx;
+		font-size: 22rpx;
+		color: rgba(255, 247, 244, 0.8);
+	}
+
+	.section {
+		margin-top: 30rpx;
+	}
+
+	.section-head {
+		display: flex;
+		align-items: flex-start;
+		justify-content: space-between;
+		gap: 20rpx;
+		padding: 0 6rpx;
+	}
+
+	.section-title {
+		font-size: 34rpx;
+		font-weight: 700;
+		color: #1f2329;
+	}
+
+	.section-subtitle {
+		margin-top: 8rpx;
+		font-size: 22rpx;
+		color: #8b827d;
+	}
+
+	.refresh-btn {
+		flex-shrink: 0;
+		padding: 12rpx 24rpx;
+		border-radius: 999rpx;
+		background: rgba(20, 150, 242, 0.08);
+		color: #1496f2;
+		font-size: 22rpx;
+	}
+
+	.refresh-btn--loading {
+		opacity: 0.7;
+	}
+
+	.state-card {
+		margin-top: 18rpx;
+		padding: 30rpx 26rpx;
+		border-radius: 28rpx;
+		background: rgba(255, 255, 255, 0.9);
+		border: 1rpx solid rgba(20, 150, 242, 0.08);
+		box-shadow: 0 10rpx 28rpx rgba(34, 94, 142, 0.08);
+	}
+
+	.state-card--error {
+		border-color: rgba(20, 150, 242, 0.18);
+		background: rgba(240, 248, 255, 0.96);
+	}
+
+	.state-title {
+		font-size: 30rpx;
+		font-weight: 700;
+		color: #1f2329;
+	}
+
+	.state-desc {
+		margin-top: 12rpx;
+		font-size: 24rpx;
+		line-height: 1.7;
+		color: #786e69;
+	}
+
+	.state-action {
+		margin-top: 18rpx;
+		font-size: 24rpx;
+		font-weight: 600;
+		color: #1496f2;
+	}
+
+	.filter-bar {
+		display: grid;
+		grid-template-columns: repeat(2, minmax(0, 1fr));
+		gap: 14rpx;
+		margin-top: 18rpx;
+	}
+
+	.filter-item {
+		display: block;
+	}
+
+	.filter-trigger {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		min-height: 84rpx;
+		padding: 0 20rpx;
+		border-radius: 22rpx;
+		background: rgba(255, 255, 255, 0.92);
+		border: 1rpx solid rgba(21, 84, 173, 0.08);
+		font-size: 24rpx;
+		color: #1f2329;
+		text-align: center;
+	}
+
+	.filter-text {
+		flex: 1;
+		min-width: 0;
+		text-align: center;
+	}
+
+	.filter-arrow {
+		flex-shrink: 0;
+		margin-left: 12rpx;
+		font-size: 20rpx;
+		color: #7b8ba1;
+	}
+
+	.declare-list {
+		display: flex;
+		flex-direction: column;
+		gap: 18rpx;
+		margin-top: 18rpx;
+	}
+
+	.declare-card {
+		padding: 26rpx;
+		border-radius: 28rpx;
+		background:
+			linear-gradient(180deg, rgba(240, 247, 255, 0.95) 0%, #ffffff 44%),
+			#ffffff;
+		border: 1rpx solid rgba(21, 84, 173, 0.08);
+		box-shadow: 0 10rpx 28rpx rgba(76, 49, 35, 0.08);
+	}
+
+	.declare-card--disabled {
+		opacity: 0.72;
+	}
+
+	.card-top {
+		display: flex;
+		align-items: flex-start;
+		justify-content: space-between;
+		gap: 16rpx;
+	}
+
+	.card-main {
+		flex: 1;
+		min-width: 0;
+	}
+
+	.card-title {
+		font-size: 31rpx;
+		font-weight: 700;
+		line-height: 1.45;
+		color: #1f2329;
+	}
+
+	.card-subtitle {
+		margin-top: 8rpx;
+		font-size: 22rpx;
+		line-height: 1.6;
+		color: #5f6b7a;
+	}
+
+	.card-status {
+		flex-shrink: 0;
+		padding: 10rpx 16rpx;
+		border-radius: 999rpx;
+		font-size: 20rpx;
+		font-weight: 600;
+	}
+
+	.card-status--active {
+		background: #edf5ff;
+		color: #1554ad;
+	}
+
+	.card-status--disabled {
+		background: #f5f1ee;
+		color: #8f837d;
+	}
+
+	.card-year {
+		display: inline-flex;
+		align-items: center;
+		padding: 10rpx 18rpx;
+		margin-top: 18rpx;
+		border-radius: 999rpx;
+		background: #eef5ff;
+		color: #1554ad;
+		font-size: 22rpx;
+		font-weight: 600;
+	}
+
+	.card-desc {
+		margin-top: 16rpx;
+		font-size: 24rpx;
+		line-height: 1.7;
+		color: #716863;
+	}
+
+	.card-meta {
+		display: flex;
+		flex-direction: column;
+		gap: 12rpx;
+		margin-top: 18rpx;
+	}
+
+	.meta-row {
+		padding: 18rpx 20rpx;
+		border-radius: 22rpx;
+		background: rgba(246, 248, 250, 0.92);
+	}
+
+	.meta-row-label {
+		font-size: 20rpx;
+		color: #8b827d;
+	}
+
+	.meta-row-value {
+		margin-top: 8rpx;
+		font-size: 24rpx;
+		line-height: 1.6;
+		color: #1f2329;
+		word-break: break-all;
+	}
+
+	.card-footer {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		gap: 16rpx;
+		margin-top: 22rpx;
+	}
+
+	.card-tag {
+		padding: 10rpx 18rpx;
+		border-radius: 999rpx;
+		background: #f8f1ea;
+		color: #8a5a22;
+		font-size: 22rpx;
+	}
+
+	.card-action {
+		font-size: 24rpx;
+		font-weight: 600;
+		color: #1496f2;
+	}
+</style>
diff --git a/pages/gxmu/module-form-service.js b/pages/gxmu/module-form-service.js
new file mode 100644
index 0000000..a42adc0
--- /dev/null
+++ b/pages/gxmu/module-form-service.js
@@ -0,0 +1,212 @@
+import { API_BASE_URL } from '../../utils/request'
+import { apiRequest, getToken } from '../assistant/chat-service'
+
+function request(url, method = 'GET', data) {
+	return apiRequest({
+		url: `${API_BASE_URL}${url}`,
+		method,
+		data
+	})
+}
+
+export function userPageTzbcyForm(params) {
+	return request('/gxmu/tzbcy-form/userPage', 'GET', params)
+}
+
+export function getTzbcyForm(id) {
+	return request(`/gxmu/tzbcy-form/${id}`, 'GET')
+}
+
+export function addTzbcyForm(data) {
+	return request('/gxmu/tzbcy-form', 'POST', data)
+}
+
+export function updateTzbcyForm(data) {
+	return request('/gxmu/tzbcy-form', 'PUT', data)
+}
+
+export function removeTzbcyForm(id) {
+	return request(`/gxmu/tzbcy-form/${id}`, 'DELETE')
+}
+
+export function userPageSjqnForm(params) {
+	return request('/gxmu/sjqn-form/userPage', 'GET', params)
+}
+
+export function getSjqnForm(id) {
+	return request(`/gxmu/sjqn-form/${id}`, 'GET')
+}
+
+export function addSjqnForm(data) {
+	return request('/gxmu/sjqn-form', 'POST', data)
+}
+
+export function updateSjqnForm(data) {
+	return request('/gxmu/sjqn-form', 'PUT', data)
+}
+
+export function removeSjqnForm(id) {
+	return request(`/gxmu/sjqn-form/${id}`, 'DELETE')
+}
+
+export function getDeclare(id) {
+	return request(`/gxmu/declare/${id}`, 'GET')
+}
+
+export function listDictData(params) {
+	return request('/system/dict-data', 'GET', params)
+}
+
+export function userPageQmgcForm(params) {
+	return request('/gxmu/qmgc-form/userPage', 'GET', params)
+}
+
+export function getQmgcForm(id) {
+	return request(`/gxmu/qmgc-form/${id}`, 'GET')
+}
+
+export function addQmgcForm(data) {
+	return request('/gxmu/qmgc-form', 'POST', data)
+}
+
+export function updateQmgcForm(data) {
+	return request('/gxmu/qmgc-form', 'PUT', data)
+}
+
+export function removeQmgcForm(id) {
+	return request(`/gxmu/qmgc-form/${id}`, 'DELETE')
+}
+
+export function userPageWxxzxForm(params) {
+	return request('/gxmu/wxxzx-form/userPage', 'GET', params)
+}
+
+export function getWxxzxForm(id) {
+	return request(`/gxmu/wxxzx-form/${id}`, 'GET')
+}
+
+export function addWxxzxForm(data) {
+	return request('/gxmu/wxxzx-form', 'POST', data)
+}
+
+export function updateWxxzxForm(data) {
+	return request('/gxmu/wxxzx-form', 'PUT', data)
+}
+
+export function removeWxxzxForm(id) {
+	return request(`/gxmu/wxxzx-form/${id}`, 'DELETE')
+}
+
+export function userPageSjtbzbsjForm(params) {
+	return request('/gxmu/sjtbzbsj-form/userPage', 'GET', params)
+}
+
+export function getSjtbzbsjForm(id) {
+	return request(`/gxmu/sjtbzbsj-form/${id}`, 'GET')
+}
+
+export function addSjtbzbsjForm(data) {
+	return request('/gxmu/sjtbzbsj-form', 'POST', data)
+}
+
+export function updateSjtbzbsjForm(data) {
+	return request('/gxmu/sjtbzbsj-form', 'PUT', data)
+}
+
+export function userPageWshqtwForm(params) {
+	return request('/gxmu/wshqtw-form/userPage', 'GET', params)
+}
+
+export function getWshqtwForm(id) {
+	return request(`/gxmu/wshqtw-form/${id}`, 'GET')
+}
+
+export function addWshqtwForm(data) {
+	return request('/gxmu/wshqtw-form', 'POST', data)
+}
+
+export function updateWshqtwForm(data) {
+	return request('/gxmu/wshqtw-form', 'PUT', data)
+}
+
+export function userPageWshqtzbForm(params) {
+	return request('/gxmu/wshqtzb-form/userPage', 'GET', params)
+}
+
+export function getWshqtzbForm(id) {
+	return request(`/gxmu/wshqtzb-form/${id}`, 'GET')
+}
+
+export function addWshqtzbForm(data) {
+	return request('/gxmu/wshqtzb-form', 'POST', data)
+}
+
+export function updateWshqtzbForm(data) {
+	return request('/gxmu/wshqtzb-form', 'PUT', data)
+}
+
+export function userPageYxgqtdgbForm(params) {
+	return request('/gxmu/yxgqtdgb-form/userPage', 'GET', params)
+}
+
+export function getYxgqtdgbForm(id) {
+	return request(`/gxmu/yxgqtdgb-form/${id}`, 'GET')
+}
+
+export function addYxgqtdgbForm(data) {
+	return request('/gxmu/yxgqtdgb-form', 'POST', data)
+}
+
+export function updateYxgqtdgbForm(data) {
+	return request('/gxmu/yxgqtdgb-form', 'PUT', data)
+}
+
+export function userPageYxgqtyForm(params) {
+	return request('/gxmu/yxgqty-form/userPage', 'GET', params)
+}
+
+export function getYxgqtyForm(id) {
+	return request(`/gxmu/yxgqty-form/${id}`, 'GET')
+}
+
+export function addYxgqtyForm(data) {
+	return request('/gxmu/yxgqty-form', 'POST', data)
+}
+
+export function updateYxgqtyForm(data) {
+	return request('/gxmu/yxgqty-form', 'PUT', data)
+}
+
+export function uploadTempFile(file) {
+	const token = getToken()
+	return new Promise((resolve, reject) => {
+		uni.uploadFile({
+			url: `${API_BASE_URL}/file/upload`,
+			filePath: file.path,
+			name: 'file',
+			header: token
+				? {
+					Authorization: token
+				}
+				: {},
+			formData: {
+				tenantId: '10049'
+			},
+			success: (response) => {
+				try {
+					const result = JSON.parse(response.data || '{}')
+					if (result.code === 0 && result.data) {
+						resolve(result.data)
+						return
+					}
+					reject(new Error(result.message || '上传失败'))
+				} catch (error) {
+					reject(new Error('上传响应解析失败'))
+				}
+			},
+			fail: (error) => {
+				reject(new Error(error.errMsg || '上传失败'))
+			}
+		})
+	})
+}
diff --git a/pages/gxmu/qmgc.vue b/pages/gxmu/qmgc.vue
new file mode 100644
index 0000000..070e620
--- /dev/null
+++ b/pages/gxmu/qmgc.vue
@@ -0,0 +1,432 @@
+<template>
+	<view class="page">
+		<scroll-view scroll-y class="page-scroll">
+			<common-hero :title="pageTitle" :use-image-bg="true"></common-hero>
+			<view class="hero-card">
+<!--				<view class="hero-badge">GXMU · 青马工程</view>-->
+				<view class="hero-title">{{ pageTitle }}</view>
+<!--				<view class="hero-desc">按照后台青马工程登记表字段组织，包含基础信息、奖惩情况、培养意向等内容。</view>-->
+				<view class="hero-actions">
+					<view class="hero-action" @tap="openCreate">立即申报</view>
+					<view class="hero-action hero-action--secondary" @tap="loadData">刷新列表</view>
+				</view>
+			</view>
+
+			<view v-if="loading" class="state-card"><view class="state-title">正在加载申报记录...</view></view>
+			<view v-else-if="!list.length" class="state-card"><view class="state-title">暂无申报记录</view></view>
+			<view v-else class="card-list">
+				<view v-for="item in list" :key="item.id" class="data-card" @tap="openEdit(item)">
+					<view class="card-top">
+						<view><view class="card-title">{{ item.name || '未命名学员' }}</view><view class="card-subtitle">{{ item.schoolInfo || '-' }}</view></view>
+						<view class="card-year">{{ item.year || '-' }}</view>
+					</view>
+					<view class="meta-line">手机号：{{ item.phone || '-' }}</view>
+					<view class="meta-line">团学职务：{{ item.leaguePosition || '-' }}</view>
+				</view>
+			</view>
+		</scroll-view>
+
+		<view v-if="showEdit" class="modal-mask" @tap="closeEdit">
+			<view class="modal-panel" @tap.stop>
+				<view class="modal-head"><view class="modal-title">{{ current.id ? '编辑青马工程申报' : '新增青马工程申报' }}</view><view class="modal-close" @tap="closeEdit">关闭</view></view>
+				<scroll-view scroll-y class="modal-body">
+					<view class="form-section">
+						<view class="form-section-title">登记表</view>
+						<view class="field-item"><view class="field-label">年份</view><uv-input class="field-input" :modelValue="current.year" border="none" @input="setField('year', $event)" /></view>
+						<view class="field-item"><view class="field-label">姓名</view><uv-input class="field-input" :modelValue="current.name" border="none" @input="setField('name', $event)" /></view>
+						<view class="field-item">
+							<view class="field-label">性别</view>
+							<view class="field-picker" @tap="openGenderPicker">
+								{{ current.gender || '请选择性别' }}
+							</view>
+						</view>
+						<view class="field-item">
+							<view class="field-label">民族</view>
+							<picker mode="selector" :range="nationLabels" :value="nationIndex" :disabled="!nationOptions.length" @change="handleNationChange">
+								<view class="field-picker" :class="{ 'field-picker--disabled': !nationOptions.length }">
+									{{ current.nation || (nationOptions.length ? '请选择民族' : '民族加载中') }}
+								</view>
+							</picker>
+						</view>
+						<view class="field-item">
+							<view class="field-label">出生年月</view>
+							<view class="field-picker" @tap="openBirthMonthPicker">
+								{{ current.birthMonth || '请选择出生年月' }}
+							</view>
+						</view>
+						<view class="field-item">
+							<view class="field-label">政治面貌</view>
+							<view class="field-picker" :class="{ 'field-picker--disabled': !politicsOptions.length }" @tap="openPoliticsPicker">
+								{{ current.politics || (politicsOptions.length ? '请选择政治面貌' : '政治面貌加载中') }}
+							</view>
+						</view>
+						<view class="field-item"><view class="field-label">籍贯</view><uv-input class="field-input" :modelValue="current.nativePlace" border="none" @input="setField('nativePlace', $event)" /></view>
+						<view class="field-item"><view class="field-label">手机号码</view><uv-input class="field-input" :modelValue="current.phone" border="none" @input="setField('phone', $event)" /></view>
+						<view class="field-item"><view class="field-label">微信号</view><uv-input class="field-input" :modelValue="current.wechat" border="none" @input="setField('wechat', $event)" /></view>
+						<view class="field-item"><view class="field-label">电子邮箱</view><uv-input class="field-input" :modelValue="current.email" border="none" @input="setField('email', $event)" /></view>
+						<view class="field-item"><view class="field-label">QQ号</view><uv-input class="field-input" :modelValue="current.qq" border="none" @input="setField('qq', $event)" /></view>
+						<view class="field-item"><view class="field-label">身份证号</view><uv-input class="field-input" :modelValue="current.idCardNo" border="none" @input="setField('idCardNo', $event)" /></view>
+						<view class="field-item"><view class="field-label">爱好特长</view><uv-input class="field-input" :modelValue="current.hobby" border="none" @input="setField('hobby', $event)" /></view>
+						<view class="field-item">
+							<view class="field-label">是否有志到广西基层工作</view>
+							<view class="field-picker" @tap="openWillingPicker">
+								{{ current.willingToWorkInGuangxi || '请选择' }}
+							</view>
+						</view>
+						<view class="field-item"><view class="field-label">学校、院系、年级、专业</view><uv-input class="field-input" :modelValue="current.schoolInfo" border="none" @input="setField('schoolInfo', $event)" /></view>
+						<view class="field-item"><view class="field-label">担任团学职务情况</view><uv-input class="field-input" :modelValue="current.leaguePosition" border="none" @input="setField('leaguePosition', $event)" /></view>
+						<view class="field-item"><view class="field-label">个人简历</view><textarea class="field-textarea" :value="current.resume" @input="setField('resume', $event)" /></view>
+						<view class="field-item"><view class="field-label">奖惩情况</view><textarea class="field-textarea" :value="current.awards" @input="setField('awards', $event)" /></view>
+						<view class="field-item"><view class="field-label">综合成绩情况</view><textarea class="field-textarea" :value="current.academicPerformance" @input="setField('academicPerformance', $event)" /></view>
+					</view>
+				</scroll-view>
+				<view class="modal-actions"><view class="ghost-btn" @tap="closeEdit">取消</view><view class="primary-btn" @tap="save">保存</view></view>
+			</view>
+		</view>
+
+		<uv-picker
+			ref="willingPicker"
+			keyName="text"
+			:columns="willingPickerColumns"
+			:defaultIndex="[willingPickerIndex]"
+			closeOnClickOverlay
+			@confirm="confirmWillingPicker"
+		></uv-picker>
+
+		<uv-picker
+			ref="genderPicker"
+			title="选择性别"
+			keyName="text"
+			:columns="genderPickerColumns"
+			:defaultIndex="[genderPickerIndex]"
+			closeOnClickOverlay
+			@confirm="confirmGenderPicker"
+		></uv-picker>
+
+		<uv-picker
+			ref="politicsPicker"
+			title="选择政治面貌"
+			keyName="text"
+			:columns="politicsPickerColumns"
+			:defaultIndex="[politicsPickerIndex]"
+			closeOnClickOverlay
+			@confirm="confirmPoliticsPicker"
+		></uv-picker>
+
+		<uv-picker
+			ref="birthMonthPicker"
+			title="选择出生年月"
+			keyName="text"
+			:columns="birthMonthPickerColumns"
+			:defaultIndex="birthMonthPickerIndexs"
+			closeOnClickOverlay
+			@change="handleBirthMonthPickerChange"
+			@confirm="confirmBirthMonthPicker"
+		></uv-picker>
+	</view>
+	</template>
+
+<script>
+	import CommonHero from '../../components/common-hero/common-hero.vue'
+	import { addQmgcForm, getQmgcForm, listDictData, updateQmgcForm, userPageQmgcForm } from './module-form-service'
+
+	const POLITICS_DICT_ID = 172
+	const NATION_DICT_ID = 173
+
+	const createDefaultForm = () => ({
+		id: undefined,
+		year: '',
+		name: '',
+		gender: '',
+		nation: '',
+		photo: '',
+		birthMonth: '',
+		politics: '',
+		nativePlace: '',
+		phone: '',
+		wechat: '',
+		email: '',
+		qq: '',
+		idCardNo: '',
+		hobby: '',
+		willingToWorkInGuangxi: '',
+		schoolInfo: '',
+		leaguePosition: '',
+		resume: '',
+		awards: '',
+		academicPerformance: '',
+		secondaryLeagueOpinion: '',
+		secondaryLeagueOpinionDate: '',
+		secondaryPartyOpinion: '',
+		secondaryPartyOpinionDate: '',
+		schoolLeagueOpinion: '',
+		schoolLeagueOpinionDate: ''
+	})
+
+	const normalizeDictOptions = (list) =>
+		(Array.isArray(list) ? list : [])
+			.map((item) => {
+				const label = String((item && (item.dictDataName || item.label || item.name || item.value)) || '').trim()
+				return {
+					label,
+					value: label
+				}
+			})
+			.filter((item) => item.label)
+
+	export default {
+		components: {
+			CommonHero
+		},
+		data() {
+			return {
+				loading: false,
+				showEdit: false,
+				pageTitle: '青马工程申报',
+				fixedYear: '',
+				list: [],
+				current: createDefaultForm(),
+				nationOptions: [],
+				politicsOptions: [],
+				willingPickerColumns: [[
+					{ text: '是', value: '是' },
+					{ text: '否', value: '否' }
+				]],
+				genderPickerColumns: [[
+					{ text: '男', value: '男' },
+					{ text: '女', value: '女' }
+				]],
+				birthMonthPickerColumns: [[]],
+				birthMonthPickerIndexs: [0, 0]
+			}
+		},
+		computed: {
+			nationLabels() {
+				return this.nationOptions.map((item) => item.label)
+			},
+			politicsLabels() {
+				return this.politicsOptions.map((item) => item.label)
+			},
+			nationIndex() {
+				const index = this.nationOptions.findIndex((item) => item.value === this.current.nation)
+				return index > -1 ? index : 0
+			},
+			politicsIndex() {
+				const index = this.politicsOptions.findIndex((item) => item.value === this.current.politics)
+				return index > -1 ? index : 0
+			},
+			genderPickerIndex() {
+				const options = (this.genderPickerColumns[0] || []).map((item) => item.value)
+				const index = options.indexOf(this.current.gender)
+				return index > -1 ? index : 0
+			},
+			politicsPickerColumns() {
+				return [
+					this.politicsOptions.map((item) => ({
+						text: item.label,
+						value: item.value
+					}))
+				]
+			},
+			politicsPickerIndex() {
+				const options = (this.politicsPickerColumns[0] || []).map((item) => item.value)
+				const index = options.indexOf(this.current.politics)
+				return index > -1 ? index : 0
+			},
+			willingPickerIndex() {
+				const options = (this.willingPickerColumns[0] || []).map((item) => item.value)
+				const index = options.indexOf(this.current.willingToWorkInGuangxi)
+				return index > -1 ? index : 0
+			}
+		},
+		onLoad(options) {
+			this.fixedYear = String(options.year || '').trim()
+			this.pageTitle = decodeURIComponent(options.declareTitle || '青马工程申报').trim() || '青马工程申报'
+			this.loadDictOptions()
+			this.loadData()
+		},
+		methods: {
+			async loadDictOptions() {
+				try {
+					const [nationList, politicsList] = await Promise.all([
+						listDictData({ dictId: NATION_DICT_ID }),
+						listDictData({ dictId: POLITICS_DICT_ID })
+					])
+					this.nationOptions = normalizeDictOptions(nationList)
+					this.politicsOptions = normalizeDictOptions(politicsList)
+				} catch (error) {
+					uni.showToast({ title: (error && error.message) || '字典加载失败', icon: 'none' })
+				}
+			},
+			async loadData() {
+				this.loading = true
+				try {
+					const result = await userPageQmgcForm({
+						page: 1,
+						limit: 50,
+						year: this.fixedYear || undefined
+					})
+					this.list = Array.isArray(result && result.list) ? result.list : []
+				} catch (error) {
+					uni.showToast({ title: (error && error.message) || '加载失败', icon: 'none' })
+				} finally {
+					this.loading = false
+				}
+			},
+			openCreate() {
+				this.current = { ...createDefaultForm(), year: this.fixedYear || '' }
+				this.showEdit = true
+			},
+			async openEdit(item) {
+				try {
+					const detail = item && item.id ? await getQmgcForm(item.id) : item
+					this.current = { ...createDefaultForm(), ...(detail || {}), year: (detail && detail.year) || this.fixedYear || '' }
+					this.showEdit = true
+				} catch (error) {
+					uni.showToast({ title: (error && error.message) || '加载详情失败', icon: 'none' })
+				}
+			},
+			closeEdit() { this.showEdit = false },
+			setField(key, event) {
+				const value = typeof event === 'string' ? event : (event.detail && event.detail.value) || ''
+				this.current[key] = value || ''
+			},
+			handleNationChange(event) {
+				const index = Number((event.detail && event.detail.value) || 0)
+				const option = this.nationOptions[index]
+				this.current.nation = (option && option.value) || ''
+			},
+			openGenderPicker() {
+				this.$nextTick(() => {
+					this.$refs.genderPicker && this.$refs.genderPicker.open()
+				})
+			},
+			confirmGenderPicker(event) {
+				const value = (((event || {}).value || [])[0] || {}).value || ''
+				this.current.gender = value
+			},
+			openPoliticsPicker() {
+				if (!this.politicsOptions.length) {
+					return
+				}
+				this.$nextTick(() => {
+					this.$refs.politicsPicker && this.$refs.politicsPicker.open()
+				})
+			},
+			confirmPoliticsPicker(event) {
+				const value = (((event || {}).value || [])[0] || {}).value || ''
+				this.current.politics = value
+			},
+			buildBirthMonthPickerState(value, nextIndexs = []) {
+				const nowYear = new Date().getFullYear()
+				const years = []
+				for (let year = nowYear; year >= 1950; year -= 1) {
+					years.push({ text: `${year}`, value: `${year}` })
+				}
+				const months = Array.from({ length: 12 }, (_, index) => {
+					const month = String(index + 1).padStart(2, '0')
+					return { text: month, value: month }
+				})
+				let selectedYear = String(this.current.birthMonth || '').slice(0, 4) || `${nowYear}`
+				let selectedMonth = String(this.current.birthMonth || '').slice(5, 7) || '01'
+				if (typeof nextIndexs[0] === 'number' && years[nextIndexs[0]]) {
+					selectedYear = years[nextIndexs[0]].value
+				}
+				if (typeof nextIndexs[1] === 'number' && months[nextIndexs[1]]) {
+					selectedMonth = months[nextIndexs[1]].value
+				}
+				const yearIndex = Math.max(0, years.findIndex((item) => item.value === selectedYear))
+				const monthIndex = Math.max(0, months.findIndex((item) => item.value === selectedMonth))
+				return {
+					columns: [years, months],
+					indexs: [yearIndex, monthIndex]
+				}
+			},
+			openBirthMonthPicker() {
+				const pickerState = this.buildBirthMonthPickerState(this.current.birthMonth)
+				this.birthMonthPickerColumns = pickerState.columns
+				this.birthMonthPickerIndexs = pickerState.indexs
+				this.$nextTick(() => {
+					this.$refs.birthMonthPicker && this.$refs.birthMonthPicker.open()
+				})
+			},
+			handleBirthMonthPickerChange(event) {
+				const pickerState = this.buildBirthMonthPickerState(this.current.birthMonth, (event && event.indexs) || [])
+				this.birthMonthPickerColumns = pickerState.columns
+				this.birthMonthPickerIndexs = pickerState.indexs
+			},
+			confirmBirthMonthPicker(event) {
+				const values = (event && event.value) || []
+				const year = (values[0] && values[0].value) || ''
+				const month = (values[1] && values[1].value) || ''
+				if (year && month) {
+					this.current.birthMonth = `${year}-${month}`
+				}
+				this.birthMonthPickerIndexs = (event && event.indexs) || this.birthMonthPickerIndexs
+			},
+			openWillingPicker() {
+				this.$nextTick(() => {
+					this.$refs.willingPicker && this.$refs.willingPicker.open()
+				})
+			},
+			confirmWillingPicker(event) {
+				const values = (event && event.value) || []
+				const option = values[0] || null
+				this.current.willingToWorkInGuangxi = (option && option.value) || ''
+			},
+			async save() {
+				try {
+					const payload = { ...this.current, year: this.fixedYear || this.current.year }
+					if (payload.id) {
+						await updateQmgcForm(payload)
+					} else {
+						await addQmgcForm(payload)
+					}
+					uni.showToast({ title: '保存成功', icon: 'none' })
+					this.closeEdit()
+					this.loadData()
+				} catch (error) {
+					uni.showToast({ title: (error && error.message) || '保存失败', icon: 'none' })
+				}
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.page { min-height: 100vh; background: linear-gradient(180deg, #f5fbff 0%, #eef7ff 100%); }
+	.page-scroll { height: 100vh; padding: 24rpx; box-sizing: border-box; }
+	.hero-card,.state-card,.data-card { border-radius: 28rpx; }
+	.hero-card { padding: 34rpx 36rpx; background: rgba(255,255,255,.5); box-shadow: 0 4rpx 12rpx 0 rgba(174,174,174,.4); backdrop-filter: blur(24rpx); -webkit-backdrop-filter: blur(24rpx); border: 1rpx solid rgba(255,255,255,.5); }
+	.hero-badge { display: inline-flex; padding: 10rpx 18rpx; border-radius: 999rpx; background: rgba(20,150,242,.1); font-size: 22rpx; color: #1496f2; }
+	.hero-title { margin-top: 8rpx; padding-left: 10rpx; font-size: 30rpx; font-weight: 700; line-height: 1.35; color: #18a0f7; border-left: 5px solid #0f94ef; }
+	.hero-desc { margin-top: 20rpx; font-size: 24rpx; line-height: 1.8; color: #7f7f7f; }
+	.hero-actions { display: flex; gap: 16rpx; margin-top: 24rpx; }
+	.hero-action { padding: 14rpx 24rpx; border-radius: 999rpx; background: rgba(20,150,242,.12); font-size: 24rpx; color: #1496f2; }
+	.hero-action--secondary { background: rgba(31,35,41,.08); color: #5f6b76; }
+	.state-card,.data-card { margin-top: 24rpx; padding: 24rpx; background: rgba(255,255,255,.96); box-shadow: 0 10rpx 28rpx rgba(34,94,142,.08); }
+	.state-title,.card-title { font-size: 30rpx; font-weight: 700; color: #1f2329; }
+	.card-subtitle,.meta-line { margin-top: 10rpx; font-size: 24rpx; line-height: 1.6; color: #786e69; }
+	.card-list { margin-top: 24rpx; display: flex; flex-direction: column; gap: 16rpx; }
+	.card-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 16rpx; }
+	.card-year { padding: 10rpx 16rpx; border-radius: 999rpx; background: #eef5ff; color: #1554ad; font-size: 22rpx; }
+	.modal-mask { position: fixed; inset: 0; background: rgba(15,23,42,.34); display: flex; align-items: flex-end; z-index: 99; }
+	.modal-panel { width: 100%; max-height: 92vh; border-radius: 32rpx 32rpx 0 0; background: #fff; display: flex; flex-direction: column; }
+	.modal-head { display: flex; justify-content: space-between; align-items: center; padding: 24rpx; border-bottom: 1rpx solid #eef1f4; }
+	.modal-title { font-size: 30rpx; font-weight: 700; color: #1f2329; }
+	.modal-close { font-size: 24rpx; color: #7c8a96; }
+	.modal-body { max-height: 70vh; padding: 24rpx; box-sizing: border-box; }
+	.form-section-title { font-size: 28rpx; font-weight: 700; color: #1f2329; margin-bottom: 16rpx; }
+	.field-item + .field-item { margin-top: 16rpx; }
+	.field-label { margin-bottom: 10rpx; font-size: 24rpx; color: #5f6b7a; }
+	.field-picker { width: 100%; box-sizing: border-box; min-height: 84rpx; padding: 20rpx; border-radius: 20rpx; border: 1rpx solid rgba(220,220,220,1); background: #F4FCFF; font-size: 24rpx; color: #1f2329; }
+	.field-picker--disabled { color: #a8b3bf; background: #f7f9fb; }
+	.field-textarea { width: 100%; box-sizing: border-box; border-radius: 20rpx; border: 1rpx solid #dce4ec; background: #fff; padding: 20rpx; font-size: 24rpx; color: #1f2329; }
+	:deep(.field-input.uv-input) { width: 100%; box-sizing: border-box; border-radius: 20rpx; border: 1rpx solid #dce4ec !important; background: #fff !important; padding: 20rpx !important; }
+	:deep(.field-input.uv-input .uv-input__content__field-wrapper__field) { font-size: 24rpx; color: #1f2329; min-height: 40rpx; }
+	.field-textarea { min-height: 180rpx; }
+	.modal-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16rpx; padding: 24rpx; border-top: 1rpx solid #eef1f4; }
+	.ghost-btn,.primary-btn { height: 84rpx; line-height: 84rpx; border-radius: 22rpx; text-align: center; font-size: 26rpx; font-weight: 700; }
+	.ghost-btn { background: #f6f7fa; color: #50617a; }
+	.primary-btn { background: linear-gradient(135deg, #0f7dd1 0%, #1496f2 100%); color: #fff; }
+</style>
diff --git a/pages/gxmu/review-list.vue b/pages/gxmu/review-list.vue
new file mode 100644
index 0000000..9a2c49f
--- /dev/null
+++ b/pages/gxmu/review-list.vue
@@ -0,0 +1,1297 @@
+<template>
+  <view class="page">
+    <scroll-view scroll-y class="page-scroll" @scrolltolower="loadMore">
+      <common-hero title="审核列表" :use-image-bg="true"></common-hero>
+
+      <view class="hero-panel">
+        <view class="hero-title">审核列表</view>
+        <view class="hero-desc">统一处理稿件、评优申报、挑战杯、青马工程、未来学术之星和团员管理审核。</view>
+        <view class="hero-meta">
+          <view class="metric">
+            <view class="metric-value">{{ total }}</view>
+            <view class="metric-label">全部记录</view>
+          </view>
+          <view class="metric">
+            <view class="metric-value">{{ pendingCount }}</view>
+            <view class="metric-label">待处理</view>
+          </view>
+        </view>
+      </view>
+
+      <view class="section">
+        <view class="filter-card">
+          <view class="filter-row">
+            <view class="module-filter" @tap="openModulePicker">
+              <text class="filter-text">{{ selectedModuleLabel }}</text>
+              <text class="filter-arrow">▼</text>
+            </view>
+            <view class="status-filter" @tap="openStatusPicker">
+              <text class="filter-text">{{ selectedStatusLabel }}</text>
+              <text class="filter-arrow">▼</text>
+            </view>
+            <view class="refresh-btn" :class="{ 'refresh-btn--loading': loading }" @tap="reload">
+              {{ loading ? '刷新中' : '刷新' }}
+            </view>
+          </view>
+          <view class="search-row">
+            <input
+              class="search-input"
+              v-model="keywords"
+              confirm-type="search"
+              placeholder="搜索名称/审核意见"
+              placeholder-style="color:#a8b2bf;"
+              @confirm="reload"
+            />
+            <view v-if="keywords" class="clear-btn" @tap="clearKeywords">清除</view>
+            <view class="search-btn" @tap="reload">搜索</view>
+          </view>
+        </view>
+
+        <view v-if="loading && !reviewList.length" class="state-card">
+          <view class="state-title">正在加载审核列表...</view>
+          <view class="state-desc">请稍候，正在同步后台聚合审核记录。</view>
+        </view>
+
+        <view v-else-if="loadError && !reviewList.length" class="state-card state-card--error">
+          <view class="state-title">加载失败</view>
+          <view class="state-desc">{{ loadError }}</view>
+          <view class="state-action" @tap="reload">重新加载</view>
+        </view>
+
+        <view v-else-if="!reviewList.length" class="state-card">
+          <view class="state-title">暂无审核记录</view>
+          <view class="state-desc">当前筛选条件下没有待展示的数据。</view>
+        </view>
+
+        <view v-else class="review-list">
+          <view v-for="item in reviewList" :key="item.id" class="review-card">
+            <view class="card-head">
+              <view class="card-main">
+                <view class="card-title">{{ item.businessName || '未命名业务' }}</view>
+                <view class="card-subtitle">{{ item.moduleName || getModuleName(item.module) }}</view>
+              </view>
+              <view class="status-tag" :class="`status-tag--${getStatusMeta(item.status).tone}`">
+                {{ getStatusMeta(item.status).text }}
+              </view>
+            </view>
+            <view class="info-grid">
+              <view class="info-item">
+                <view class="info-label">提交时间</view>
+                <view class="info-value">{{ formatDateTime(item.createTime) }}</view>
+              </view>
+              <view class="info-item">
+                <view class="info-label">当前审核人</view>
+                <view class="info-value">{{ getReviewerName(item) }}</view>
+              </view>
+            </view>
+            <view v-if="item.content" class="content-line">最新意见：{{ item.content }}</view>
+            <view class="card-actions">
+              <view class="action-btn" @tap="openDataModal(item)">查看数据</view>
+              <view class="action-btn action-btn--primary" @tap="openFlowModal(item)">审核流</view>
+            </view>
+          </view>
+
+          <view class="load-more">
+            <view v-if="loadingMore" class="load-more-text">正在加载更多...</view>
+            <view v-else-if="hasMore" class="load-more-text" @tap="loadMore">点击加载更多</view>
+            <view v-else class="load-more-text load-more-text--end">没有更多数据了</view>
+          </view>
+        </view>
+      </view>
+    </scroll-view>
+
+    <view v-if="showDataModal" class="modal-mask" @tap="closeDataModal">
+      <view class="modal-panel" @tap.stop>
+        <view class="modal-head">
+          <view>
+            <view class="modal-title">{{ detailTitle }}</view>
+            <view class="modal-subtitle">业务ID：{{ dataCurrent && dataCurrent.pk ? dataCurrent.pk : '-' }}</view>
+          </view>
+          <view class="modal-close" @tap="closeDataModal">关闭</view>
+        </view>
+        <scroll-view scroll-y class="modal-body">
+          <view v-if="detailLoading" class="state-card state-card--modal">
+            <view class="state-title">正在加载详情...</view>
+          </view>
+          <view v-else-if="detailError" class="state-card state-card--modal state-card--error">
+            <view class="state-title">详情加载失败</view>
+            <view class="state-desc">{{ detailError }}</view>
+          </view>
+          <view v-else-if="!detailItems.length" class="state-card state-card--modal">
+            <view class="state-title">暂无可展示数据</view>
+          </view>
+          <view v-else class="detail-list">
+            <view v-for="item in detailItems" :key="item.key" class="detail-item">
+              <view class="detail-label">{{ item.label }}</view>
+              <view v-if="isImageField(item.key) && typeof item.value === 'string'" class="detail-image-wrap">
+                <image class="detail-image" :src="item.value" mode="aspectFill" @tap="previewImage(item.value)"/>
+              </view>
+              <view v-else-if="isFileField(item.key)" class="file-list">
+                <view
+                  v-for="(file, index) in normalizeFileEntries(item.value)"
+                  :key="`${item.key}-${index}`"
+                  class="file-item"
+                  @tap="copyText(file.url, '文件链接已复制')"
+                >
+                  {{ file.name }}
+                </view>
+              </view>
+              <view v-else-if="Array.isArray(item.value)" class="array-list">
+                <view v-for="(entry, index) in item.value" :key="`${item.key}-${index}`" class="array-entry">
+                  <view class="array-index">第{{ index + 1 }}项</view>
+                  <view v-for="(line, lineIndex) in formatArrayEntry(dataCurrent.module, entry)" :key="lineIndex"
+                        class="array-line">
+                    {{ line }}
+                  </view>
+                </view>
+              </view>
+              <view v-else-if="isPlainObject(item.value)" class="array-list">
+                <view v-for="(line, index) in formatObjectLines(dataCurrent.module, item.value)" :key="index"
+                      class="array-line">
+                  {{ line }}
+                </view>
+              </view>
+              <view v-else class="detail-value">{{
+                  formatDisplayValue(dataCurrent.module, item.key, item.value)
+                }}
+              </view>
+            </view>
+          </view>
+        </scroll-view>
+      </view>
+    </view>
+
+    <view v-if="showFlowModal" class="modal-mask" @tap="closeFlowModal">
+      <view class="modal-panel" @tap.stop>
+        <view class="modal-head">
+          <view>
+            <view class="modal-title">{{ flowTitle }}</view>
+            <view class="modal-subtitle">业务ID：{{ flowCurrent && flowCurrent.pk ? flowCurrent.pk : '-' }}</view>
+          </view>
+          <view class="modal-close" @tap="closeFlowModal">关闭</view>
+        </view>
+        <scroll-view scroll-y class="modal-body">
+          <view v-if="flowLoading" class="state-card state-card--modal">
+            <view class="state-title">正在加载审核流...</view>
+          </view>
+          <view v-else-if="flowError" class="state-card state-card--modal state-card--error">
+            <view class="state-title">审核流加载失败</view>
+            <view class="state-desc">{{ flowError }}</view>
+          </view>
+          <view v-else-if="!flowList.length" class="state-card state-card--modal">
+            <view class="state-title">暂无审核流数据</view>
+          </view>
+          <view v-else class="flow-list">
+            <view v-for="(item, index) in flowList" :key="item.id" class="flow-item">
+              <view class="flow-line">
+                <view class="flow-dot" :class="`flow-dot--${getStatusMeta(item.status).tone}`">{{ index + 1 }}</view>
+                <view v-if="index < flowList.length - 1" class="flow-rail"></view>
+              </view>
+              <view class="flow-card">
+                <view class="flow-head">
+                  <view class="flow-user">{{ getReviewerName(item) }}</view>
+                  <view class="status-tag" :class="`status-tag--${getStatusMeta(item.status).tone}`">
+                    {{ getStatusMeta(item.status).text }}
+                  </view>
+                </view>
+                <view class="flow-time">创建时间：{{ formatDateTime(item.createTime) }}</view>
+                <view v-if="item.content" class="flow-content">审核意见：{{ item.content }}</view>
+                <view v-if="canReview(item)" class="flow-actions">
+                  <view class="review-btn review-btn--approve" @tap="openActionModal('approve', item)">通过</view>
+                  <view class="review-btn review-btn--reject" @tap="openActionModal('reject', item)">拒绝</view>
+                </view>
+              </view>
+            </view>
+          </view>
+        </scroll-view>
+      </view>
+    </view>
+
+    <view v-if="actionVisible" class="action-mask" @tap="closeActionModal">
+      <view class="action-panel" @tap.stop>
+        <view class="action-title">{{ actionType === 'approve' ? '审核通过' : '审核拒绝' }}</view>
+        <textarea
+          class="action-textarea"
+          :value="actionContent"
+          placeholder="请输入审核意见（非必填）"
+          placeholder-style="color:#a8b2bf;"
+          @input="handleActionInput"
+        />
+        <view class="action-footer">
+          <view class="ghost-btn" @tap="closeActionModal">取消</view>
+          <view class="primary-btn" :class="{ 'primary-btn--loading': submitting }" @tap="submitReview">
+            {{ submitting ? '提交中' : '确认' }}
+          </view>
+        </view>
+      </view>
+    </view>
+
+    <uv-picker
+      ref="modulePicker"
+      title="选择模块"
+      :columns="modulePickerColumns"
+      :defaultIndex="[moduleIndex]"
+      keyName="text"
+      @close="noop"
+      @cancel="noop"
+      @confirm="confirmModulePicker"
+    ></uv-picker>
+
+    <uv-picker
+      ref="statusPicker"
+      title="选择状态"
+      :columns="statusPickerColumns"
+      :defaultIndex="[statusIndex]"
+      keyName="text"
+      @close="noop"
+      @cancel="noop"
+      @confirm="confirmStatusPicker"
+    ></uv-picker>
+  </view>
+</template>
+
+<script>
+import CommonHero from '../../components/common-hero/common-hero.vue'
+import {getCurrentUser} from '../assistant/chat-service'
+import {ensureLoggedIn} from '../../utils/request'
+import {getUserProfile} from '../mine/service'
+import {
+  FILE_FIELDS,
+  IMAGE_FIELDS,
+  MODULE_OPTIONS,
+  buildDescriptionItems,
+  formatArrayEntry,
+  formatDateTime,
+  formatDisplayValue,
+  formatObjectLines,
+  getModuleDetail,
+  getModuleName,
+  getReviewStatusMeta,
+  hasReviewListAuthority,
+  isPlainObject,
+  listReviewList,
+  normalizeFileEntries,
+  pageGroupReviewList,
+  updateReviewList
+} from '../../utils/gxmu/review-list-service'
+
+export default {
+  components: {
+    CommonHero
+  },
+  data() {
+    return {
+      loading: false,
+      loadError: '',
+      reviewList: [],
+      total: 0,
+      currentPage: 1,
+      pageSize: 10,
+      loadingMore: false,
+      hasMore: true,
+      keywords: '',
+      selectedModule: '',
+      selectedStatus: '',
+      dataCurrent: null,
+      showDataModal: false,
+      detailLoading: false,
+      detailError: '',
+      detailItems: [],
+      flowCurrent: null,
+      showFlowModal: false,
+      flowLoading: false,
+      flowError: '',
+      flowList: [],
+      actionVisible: false,
+      actionType: 'approve',
+      actionContent: '',
+      actionTarget: null,
+      submitting: false,
+      loginUserId: 0,
+      loginUsername: '',
+      loginRealName: ''
+    }
+  },
+  computed: {
+    modulePickerColumns() {
+      return [[...MODULE_OPTIONS.map((item) => ({text: item.label, value: item.value}))]]
+    },
+    statusOptions() {
+      return [
+        {text: '全部状态', value: ''},
+        {text: '待审核', value: 0},
+        {text: '通过', value: 1},
+        {text: '拒绝', value: 2}
+      ]
+    },
+    statusPickerColumns() {
+      return [[...this.statusOptions]]
+    },
+    moduleIndex() {
+      const index = MODULE_OPTIONS.findIndex((item) => item.value === this.selectedModule)
+      return index > -1 ? index : 0
+    },
+    statusIndex() {
+      const index = this.statusOptions.findIndex((item) => item.value === this.selectedStatus)
+      return index > -1 ? index : 0
+    },
+    selectedModuleLabel() {
+      const item = MODULE_OPTIONS.find((option) => option.value === this.selectedModule)
+      return (item && item.label) || '全部模块'
+    },
+    selectedStatusLabel() {
+      const item = this.statusOptions.find((option) => option.value === this.selectedStatus)
+      return (item && item.text) || '全部状态'
+    },
+    pendingCount() {
+      return this.reviewList.filter((item) => Number(item.status) === 0).length
+    },
+    detailTitle() {
+      const current = this.dataCurrent || {}
+      return `${current.moduleName || getModuleName(current.module)}详情`
+    },
+    flowTitle() {
+      const current = this.flowCurrent || {}
+      return `${current.moduleName || getModuleName(current.module)}审核流`
+    }
+  },
+  onLoad() {
+    if (!ensureLoggedIn({redirectUrl: '/pages/gxmu/review-list'})) {
+      return
+    }
+    const user = getCurrentUser()
+    this.loginUserId = Number(user.userId || 0)
+    this.verifyPermissionAndLoad()
+  },
+  onPullDownRefresh() {
+    this.loadData(true)
+  },
+  methods: {
+    formatDateTime,
+    formatDisplayValue,
+    formatArrayEntry,
+    formatObjectLines,
+    isPlainObject,
+    normalizeFileEntries,
+    getModuleName,
+    getStatusMeta(status) {
+      return getReviewStatusMeta(status)
+    },
+    isImageField(key) {
+      return IMAGE_FIELDS.has(key)
+    },
+    isFileField(key) {
+      return FILE_FIELDS.has(key)
+    },
+    showToast(title) {
+      uni.showToast({
+        title,
+        icon: 'none'
+      })
+    },
+    async verifyPermissionAndLoad() {
+      try {
+        const profile = await getUserProfile()
+        if (!hasReviewListAuthority(profile)) {
+          this.showToast('暂无审核列表权限')
+          setTimeout(() => {
+            uni.navigateBack()
+          }, 500)
+          return
+        }
+        this.applyLoginUser(profile)
+      } catch (error) {
+        this.showToast((error && error.message) || '权限校验失败')
+        setTimeout(() => {
+          uni.navigateBack()
+        }, 500)
+        return
+      }
+      this.loadData(true)
+    },
+    applyLoginUser(profile) {
+      const user = profile || {}
+      const nestedUser = user.user || {}
+      const userId = Number(user.userId || user.id || nestedUser.userId || nestedUser.id || this.loginUserId || 0)
+      this.loginUserId = userId || 0
+      this.loginUsername = String(user.username || nestedUser.username || '').trim()
+      this.loginRealName = String(user.realName || user.name || nestedUser.realName || nestedUser.name || '').trim()
+    },
+    getReviewerId(item) {
+      const user = (item && item.user) || {}
+      return Number((item && item.userId) || user.userId || user.id || 0)
+    },
+    getReviewerIdentityList(item) {
+      const user = (item && item.user) || {}
+      return [
+        user.username,
+        user.realName,
+        user.name
+      ].map((value) => String(value || '').trim()).filter(Boolean)
+    },
+    getReviewerName(item) {
+      const user = (item && item.user) || {}
+      return user.realName || user.username || '未分配审核人'
+    },
+    openModulePicker() {
+      this.$nextTick(() => {
+        this.$refs.modulePicker && this.$refs.modulePicker.open()
+      })
+    },
+    confirmModulePicker(event) {
+      const value = (((event || {}).value || [])[0] || {}).value || ''
+      this.selectedModule = value
+      this.loadData(true)
+    },
+    openStatusPicker() {
+      this.$nextTick(() => {
+        this.$refs.statusPicker && this.$refs.statusPicker.open()
+      })
+    },
+    confirmStatusPicker(event) {
+      const option = (((event || {}).value || [])[0] || {})
+      this.selectedStatus = option.value === undefined ? '' : option.value
+      this.loadData(true)
+    },
+    noop() {
+      return
+    },
+    clearKeywords() {
+      this.keywords = ''
+      this.reload()
+    },
+    reload() {
+      this.loadData(true)
+    },
+    async loadData(reset = false) {
+      if (this.loading || this.loadingMore) {
+        if (reset) {
+          uni.stopPullDownRefresh()
+        }
+        return
+      }
+      const nextPage = reset ? 1 : this.currentPage
+      if (!reset && !this.hasMore) {
+        return
+      }
+      if (reset) {
+        this.currentPage = 1
+        this.hasMore = true
+        this.reviewList = []
+        this.total = 0
+        this.loading = true
+        this.loadError = ''
+      } else {
+        this.loadingMore = true
+      }
+      try {
+        const params = {
+          page: nextPage,
+          limit: this.pageSize,
+          backendAccess: true
+        }
+        if (this.selectedModule) params.module = this.selectedModule
+        if (this.selectedStatus !== '') params.status = this.selectedStatus
+        if (this.keywords) params.keywords = this.keywords
+        const result = await pageGroupReviewList(params)
+        const list = (result && (result.list || result.rows || result.records)) || []
+        const nextList = Array.isArray(list) ? list : []
+        const totalValue = result && (result.count !== undefined ? result.count : result.total)
+        const hasTotal = totalValue !== undefined && totalValue !== null && totalValue !== ''
+        const nextReviewList = reset ? nextList : this.reviewList.concat(nextList)
+        this.reviewList = nextReviewList
+        this.total = hasTotal ? Number(totalValue || 0) : nextReviewList.length
+        this.currentPage = nextPage + 1
+        this.hasMore = hasTotal ? nextReviewList.length < this.total : nextList.length >= this.pageSize
+      } catch (error) {
+        this.loadError = (error && error.message) || '审核列表加载失败'
+        this.showToast(this.loadError)
+      } finally {
+        this.loading = false
+        this.loadingMore = false
+        uni.stopPullDownRefresh()
+      }
+    },
+    loadMore() {
+      if (!this.loading && !this.loadingMore && this.hasMore) {
+        this.loadData(false)
+      }
+    },
+    async openDataModal(item) {
+      this.dataCurrent = item
+      this.showDataModal = true
+      this.detailLoading = true
+      this.detailError = ''
+      this.detailItems = []
+      try {
+        const detail = await getModuleDetail(item.module, item.pk)
+        this.detailItems = buildDescriptionItems(item.module, detail || {})
+      } catch (error) {
+        this.detailError = (error && error.message) || '数据加载失败'
+      } finally {
+        this.detailLoading = false
+      }
+    },
+    closeDataModal() {
+      this.showDataModal = false
+      this.dataCurrent = null
+      this.detailItems = []
+      this.detailError = ''
+      this.detailLoading = false
+    },
+    async openFlowModal(item) {
+      this.flowCurrent = item
+      this.showFlowModal = true
+      await this.loadFlowData()
+    },
+    closeFlowModal() {
+      this.showFlowModal = false
+      this.flowCurrent = null
+      this.flowList = []
+      this.flowError = ''
+      this.flowLoading = false
+      this.closeActionModal()
+    },
+    async loadFlowData() {
+      const current = this.flowCurrent || {}
+      if (!current.module || !current.pk) {
+        this.flowList = []
+        return
+      }
+      this.flowLoading = true
+      this.flowError = ''
+      try {
+        const result = await listReviewList({
+          module: current.module,
+          pk: current.pk
+        })
+        const list = Array.isArray(result) ? result : []
+        this.flowList = [...list].sort((left, right) => Number(right.id || 0) - Number(left.id || 0))
+      } catch (error) {
+        this.flowList = []
+        this.flowError = (error && error.message) || '审核流加载失败'
+      } finally {
+        this.flowLoading = false
+      }
+    },
+    canReview(item) {
+      if (Number(item && item.status) !== 0) {
+        return false
+      }
+      const reviewerId = this.getReviewerId(item)
+      const loginUserId = Number(this.loginUserId || 0)
+      if (reviewerId && loginUserId) {
+        return reviewerId === loginUserId
+      }
+      const loginIdentityList = [this.loginUsername, this.loginRealName]
+        .map((value) => String(value || '').trim())
+        .filter(Boolean)
+      if (!loginIdentityList.length) {
+        return false
+      }
+      return this.getReviewerIdentityList(item).some((value) => loginIdentityList.includes(value))
+    },
+    openActionModal(type, item) {
+      if (!this.canReview(item)) {
+        this.showToast('当前记录不是由你审核')
+        return
+      }
+      this.actionType = type
+      this.actionTarget = item
+      this.actionContent = ''
+      this.actionVisible = true
+    },
+    closeActionModal() {
+      this.actionVisible = false
+      this.actionTarget = null
+      this.actionContent = ''
+    },
+    handleActionInput(event) {
+      this.actionContent = (event.detail && event.detail.value) || ''
+    },
+    async submitReview() {
+      if (this.submitting) {
+        return
+      }
+      const target = this.actionTarget
+      if (!target || !target.id) {
+        this.closeActionModal()
+        return
+      }
+      if (!this.canReview(target)) {
+        this.closeActionModal()
+        this.showToast('当前记录不是由你审核')
+        return
+      }
+      this.submitting = true
+      try {
+        await updateReviewList({
+          id: target.id,
+          status: this.actionType === 'approve' ? 1 : 2,
+          module: target.module,
+          pk: target.pk,
+          sortNumber: target.sortNumber,
+          content: String(this.actionContent || '').trim() || undefined
+        })
+        this.showToast('审核已提交')
+        this.closeActionModal()
+        await this.loadFlowData()
+        await this.loadData(true)
+      } catch (error) {
+        this.showToast((error && error.message) || '审核提交失败')
+      } finally {
+        this.submitting = false
+      }
+    },
+    previewImage(url) {
+      if (!url) {
+        return
+      }
+      uni.previewImage({
+        urls: [url],
+        current: url
+      })
+    },
+    copyText(text, title = '已复制') {
+      if (!text) {
+        this.showToast('暂无可复制内容')
+        return
+      }
+      uni.setClipboardData({
+        data: String(text),
+        success: () => this.showToast(title)
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.page {
+  min-height: 100vh;
+  background: linear-gradient(180deg, #f7fbff 0%, #edf4f9 38%, #f6f7f9 100%);
+}
+
+.page-scroll {
+  height: 100vh;
+  padding-bottom: 42rpx;
+}
+
+.hero-panel,
+.section {
+  margin: 24rpx;
+}
+
+.hero-panel {
+  padding: 30rpx;
+  border-radius: 30rpx;
+  background: linear-gradient(135deg, #0d6fba 0%, #1496f2 62%, #5bc2ff 100%);
+  box-shadow: 0 18rpx 42rpx rgba(20, 118, 194, 0.16);
+  color: #fff;
+}
+
+.hero-title {
+  font-size: 38rpx;
+  font-weight: 800;
+}
+
+.hero-desc {
+  margin-top: 12rpx;
+  font-size: 24rpx;
+  line-height: 1.65;
+  color: rgba(255, 255, 255, 0.86);
+}
+
+.hero-meta {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 16rpx;
+  margin-top: 28rpx;
+}
+
+.metric {
+  padding: 20rpx 14rpx;
+  border-radius: 22rpx;
+  background: rgba(255, 255, 255, 0.13);
+  text-align: center;
+}
+
+.metric-value {
+  font-size: 34rpx;
+  font-weight: 800;
+}
+
+.metric-label {
+  margin-top: 8rpx;
+  font-size: 21rpx;
+  color: rgba(255, 255, 255, 0.78);
+}
+
+.filter-card,
+.review-card,
+.state-card,
+.flow-card,
+.detail-item {
+  border: 1rpx solid rgba(20, 150, 242, 0.08);
+  background: rgba(255, 255, 255, 0.94);
+  box-shadow: 0 10rpx 28rpx rgba(34, 94, 142, 0.08);
+}
+
+.filter-card {
+  padding: 22rpx;
+  border-radius: 28rpx;
+}
+
+.filter-row,
+.search-row,
+.card-head,
+.card-actions,
+.modal-head,
+.action-footer,
+.flow-head,
+.flow-actions {
+  display: flex;
+  align-items: center;
+}
+
+.filter-row {
+  gap: 16rpx;
+}
+
+  .module-filter,
+  .status-filter,
+  .search-input {
+    flex: 1;
+    min-width: 0;
+  height: 78rpx;
+  border-radius: 22rpx;
+  background: #f4f8fb;
+}
+
+  .module-filter,
+  .status-filter {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0 22rpx;
+  }
+
+  .status-filter {
+    flex: 0 0 190rpx;
+  }
+
+.filter-text {
+  font-size: 24rpx;
+  font-weight: 600;
+  color: #233142;
+}
+
+.filter-arrow {
+  font-size: 20rpx;
+  color: #7890a8;
+}
+
+.refresh-btn,
+.search-btn,
+.clear-btn {
+  height: 78rpx;
+  padding: 0 24rpx;
+  border-radius: 22rpx;
+  font-size: 24rpx;
+  font-weight: 700;
+  line-height: 78rpx;
+  white-space: nowrap;
+}
+
+.refresh-btn,
+.search-btn {
+  background: #1496f2;
+  color: #fff;
+}
+
+.refresh-btn--loading {
+  opacity: 0.72;
+}
+
+.search-row {
+  gap: 14rpx;
+  margin-top: 16rpx;
+}
+
+.search-input {
+  box-sizing: border-box;
+  padding: 0 22rpx;
+  font-size: 24rpx;
+  color: #263342;
+}
+
+.clear-btn {
+  background: #eef3f7;
+  color: #69798b;
+}
+
+.state-card {
+  margin-top: 22rpx;
+  padding: 34rpx 28rpx;
+  border-radius: 28rpx;
+  text-align: center;
+}
+
+.state-card--error {
+  border-color: rgba(226, 80, 80, 0.16);
+}
+
+.state-card--modal {
+  margin-top: 0;
+  box-shadow: none;
+}
+
+.state-title {
+  font-size: 28rpx;
+  font-weight: 800;
+  color: #263342;
+}
+
+.state-desc {
+  margin-top: 10rpx;
+  font-size: 23rpx;
+  line-height: 1.6;
+  color: #7a8797;
+}
+
+.state-action {
+  display: inline-block;
+  margin-top: 18rpx;
+  padding: 14rpx 24rpx;
+  border-radius: 999rpx;
+  background: #e8f4ff;
+  color: #1496f2;
+  font-size: 23rpx;
+  font-weight: 700;
+}
+
+.review-list {
+  margin-top: 22rpx;
+}
+
+.review-card {
+  padding: 26rpx;
+  border-radius: 28rpx;
+}
+
+.review-card + .review-card {
+  margin-top: 18rpx;
+}
+
+.card-head {
+  justify-content: space-between;
+  gap: 18rpx;
+}
+
+.card-main {
+  flex: 1;
+  min-width: 0;
+}
+
+.card-title {
+  font-size: 29rpx;
+  font-weight: 800;
+  color: #222b36;
+  line-height: 1.35;
+}
+
+.card-subtitle {
+  margin-top: 8rpx;
+  font-size: 23rpx;
+  color: #718092;
+}
+
+.status-tag {
+  padding: 10rpx 18rpx;
+  border-radius: 999rpx;
+  font-size: 22rpx;
+  font-weight: 700;
+  white-space: nowrap;
+}
+
+.status-tag--success {
+  background: #e8f8ef;
+  color: #1f9d5b;
+}
+
+.status-tag--danger {
+  background: #fff0ee;
+  color: #d94a3a;
+}
+
+.status-tag--warning {
+  background: #fff6df;
+  color: #b97900;
+}
+
+.info-grid {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 16rpx;
+  margin-top: 22rpx;
+}
+
+.info-item {
+  padding: 18rpx;
+  border-radius: 20rpx;
+  background: #f6f9fc;
+}
+
+.info-label {
+  font-size: 21rpx;
+  color: #8a97a6;
+}
+
+.info-value {
+  margin-top: 8rpx;
+  font-size: 23rpx;
+  font-weight: 700;
+  color: #263342;
+  word-break: break-all;
+}
+
+.content-line {
+  margin-top: 18rpx;
+  padding: 18rpx;
+  border-radius: 20rpx;
+  background: #fffaf0;
+  font-size: 23rpx;
+  line-height: 1.6;
+  color: #7a5b21;
+}
+
+.card-actions {
+  gap: 16rpx;
+  margin-top: 22rpx;
+}
+
+.action-btn {
+  flex: 1;
+  height: 76rpx;
+  border-radius: 22rpx;
+  background: #edf4fa;
+  color: #2e5c7e;
+  font-size: 24rpx;
+  font-weight: 800;
+  line-height: 76rpx;
+  text-align: center;
+}
+
+.action-btn--primary {
+  background: #1496f2;
+  color: #fff;
+}
+
+.load-more {
+  padding: 28rpx 0 8rpx;
+  text-align: center;
+}
+
+.load-more-text {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 220rpx;
+  height: 64rpx;
+  padding: 0 26rpx;
+  border-radius: 999rpx;
+  background: #e8f4ff;
+  color: #1496f2;
+  font-size: 23rpx;
+  font-weight: 800;
+}
+
+.load-more-text--end {
+  background: transparent;
+  color: #8a97a6;
+  font-weight: 600;
+}
+
+.modal-mask,
+.action-mask {
+  position: fixed;
+  z-index: 20;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  display: flex;
+  align-items: flex-end;
+  background: rgba(12, 24, 38, 0.46);
+}
+
+.modal-panel {
+  width: 100%;
+  max-height: 86vh;
+  border-radius: 34rpx 34rpx 0 0;
+  background: #f6f8fa;
+  overflow: hidden;
+}
+
+.modal-head {
+  justify-content: space-between;
+  padding: 26rpx 28rpx;
+  background: #fff;
+  border-bottom: 1rpx solid #edf1f5;
+}
+
+.modal-title {
+  font-size: 31rpx;
+  font-weight: 800;
+  color: #222b36;
+}
+
+.modal-subtitle {
+  margin-top: 8rpx;
+  font-size: 22rpx;
+  color: #8290a0;
+}
+
+.modal-close {
+  padding: 12rpx 20rpx;
+  border-radius: 999rpx;
+  background: #eef4f9;
+  color: #55697d;
+  font-size: 23rpx;
+  font-weight: 700;
+}
+
+.modal-body {
+  box-sizing: border-box;
+  max-height: calc(86vh - 112rpx);
+  padding: 22rpx;
+}
+
+.detail-item {
+  padding: 24rpx;
+  border-radius: 24rpx;
+}
+
+.detail-item + .detail-item {
+  margin-top: 16rpx;
+}
+
+.detail-label {
+  font-size: 22rpx;
+  font-weight: 800;
+  color: #7b8998;
+}
+
+.detail-value,
+.array-line {
+  margin-top: 10rpx;
+  font-size: 25rpx;
+  line-height: 1.7;
+  color: #273443;
+  white-space: pre-wrap;
+  word-break: break-all;
+}
+
+.detail-image {
+  margin-top: 14rpx;
+  width: 180rpx;
+  height: 180rpx;
+  border-radius: 18rpx;
+  background: #eef3f7;
+}
+
+.file-item {
+  margin-top: 12rpx;
+  padding: 16rpx 18rpx;
+  border-radius: 18rpx;
+  background: #edf7ff;
+  color: #147cc6;
+  font-size: 24rpx;
+  word-break: break-all;
+}
+
+.array-entry {
+  margin-top: 14rpx;
+  padding: 18rpx;
+  border-radius: 18rpx;
+  background: #f5f8fb;
+}
+
+.array-entry + .array-entry {
+  margin-top: 14rpx;
+}
+
+.array-index {
+  font-size: 22rpx;
+  font-weight: 800;
+  color: #41556a;
+}
+
+.flow-list {
+  padding-bottom: 10rpx;
+}
+
+.flow-item {
+  display: flex;
+  align-items: stretch;
+}
+
+.flow-line {
+  position: relative;
+  width: 66rpx;
+  display: flex;
+  justify-content: center;
+}
+
+.flow-dot {
+  position: relative;
+  z-index: 2;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 44rpx;
+  height: 44rpx;
+  border-radius: 50%;
+  font-size: 20rpx;
+  font-weight: 800;
+}
+
+.flow-dot--success {
+  background: #dcf6e8;
+  color: #1f9d5b;
+}
+
+.flow-dot--danger {
+  background: #ffe5e1;
+  color: #d94a3a;
+}
+
+.flow-dot--warning {
+  background: #fff1cc;
+  color: #b97900;
+}
+
+.flow-rail {
+  position: absolute;
+  top: 44rpx;
+  bottom: 0;
+  width: 2rpx;
+  background: #d9e4ee;
+}
+
+.flow-card {
+  flex: 1;
+  min-width: 0;
+  margin-bottom: 18rpx;
+  padding: 22rpx;
+  border-radius: 24rpx;
+}
+
+.flow-head {
+  justify-content: space-between;
+  gap: 14rpx;
+}
+
+.flow-user {
+  font-size: 27rpx;
+  font-weight: 800;
+  color: #233142;
+}
+
+.flow-time,
+.flow-content {
+  margin-top: 12rpx;
+  font-size: 23rpx;
+  line-height: 1.6;
+  color: #748397;
+}
+
+.flow-actions {
+  gap: 14rpx;
+  margin-top: 18rpx;
+}
+
+.review-btn {
+  flex: 1;
+  height: 68rpx;
+  border-radius: 20rpx;
+  font-size: 23rpx;
+  font-weight: 800;
+  line-height: 68rpx;
+  text-align: center;
+}
+
+.review-btn--approve {
+  background: #1496f2;
+  color: #fff;
+}
+
+.review-btn--reject {
+  background: #fff0ee;
+  color: #d94a3a;
+}
+
+.action-mask {
+  z-index: 30;
+  align-items: center;
+  justify-content: center;
+  padding: 34rpx;
+  box-sizing: border-box;
+}
+
+.action-panel {
+  width: 100%;
+  padding: 28rpx;
+  border-radius: 28rpx;
+  background: #fff;
+}
+
+.action-title {
+  font-size: 31rpx;
+  font-weight: 800;
+  color: #233142;
+}
+
+.action-textarea {
+  box-sizing: border-box;
+  width: 100%;
+  min-height: 210rpx;
+  margin-top: 22rpx;
+  padding: 20rpx;
+  border-radius: 22rpx;
+  background: #f5f8fb;
+  font-size: 24rpx;
+  line-height: 1.6;
+  color: #263342;
+}
+
+.action-footer {
+  gap: 16rpx;
+  margin-top: 22rpx;
+}
+
+.ghost-btn,
+.primary-btn {
+  flex: 1;
+  height: 76rpx;
+  border-radius: 22rpx;
+  font-size: 24rpx;
+  font-weight: 800;
+  line-height: 76rpx;
+  text-align: center;
+}
+
+.ghost-btn {
+  background: #eef4f9;
+  color: #566b80;
+}
+
+.primary-btn {
+  background: #1496f2;
+  color: #fff;
+}
+
+.primary-btn--loading {
+  opacity: 0.72;
+}
+</style>
diff --git a/pages/gxmu/stats-service.js b/pages/gxmu/stats-service.js
new file mode 100644
index 0000000..6eb1a18
--- /dev/null
+++ b/pages/gxmu/stats-service.js
@@ -0,0 +1,10 @@
+import { API_BASE_URL, apiRequest } from '../assistant/chat-service'
+
+export function getChallengeCupStatistics(params) {
+	return apiRequest({
+		url: `${API_BASE_URL}/gxmu/tzbcy-form/statistics`,
+		method: 'GET',
+		data: params,
+		withSignature: false
+	})
+}
diff --git a/pages/gxmu/stats.vue b/pages/gxmu/stats.vue
new file mode 100644
index 0000000..39f11d9
--- /dev/null
+++ b/pages/gxmu/stats.vue
@@ -0,0 +1,735 @@
+<template>
+	<view class="page">
+		<scroll-view scroll-y class="page-scroll" refresher-enabled :refresher-triggered="refreshing" @refresherrefresh="handleRefresh">
+			<common-hero title="数据统计与报表中心" :use-image-bg="true"></common-hero>
+			<view class="hero-card">
+				<view class="hero-title">挑战杯数据统计</view>
+				<view class="hero-actions">
+					<picker class="picker-wrap" mode="selector" :range="yearOptionLabels" :value="selectedYearIndex" @change="handleYearChange">
+						<view class="action-pill">
+							<text>{{ selectedYear ? `${selectedYear} 年` : '全部年份' }}</text>
+							<text class="action-pill-arrow">▼</text>
+						</view>
+					</picker>
+					<view class="action-pill action-pill--ghost" :class="{ 'action-pill--loading': loading }" @tap="loadData()">
+						{{ loading ? '刷新中' : '刷新数据' }}
+					</view>
+				</view>
+			</view>
+
+			<view v-if="stats.awardCountDescription" class="alert-card">
+				<view class="alert-icon">i</view>
+				<view class="alert-text">{{ stats.awardCountDescription }}</view>
+			</view>
+
+			<view v-if="loading && !hasLoaded" class="state-card">
+				<view class="state-title">正在加载统计数据...</view>
+				<view class="state-desc">请稍候，正在同步挑战杯报表中心数据。</view>
+			</view>
+
+			<view v-else-if="loadError" class="state-card state-card--error">
+				<view class="state-title">加载失败</view>
+				<view class="state-desc">{{ loadError }}</view>
+				<view class="state-action" @tap="loadData()">重新加载</view>
+			</view>
+
+			<block v-else>
+				<view class="metrics-grid">
+					<view class="metric-card">
+						<view class="metric-label">申报作品数量</view>
+						<view class="metric-value">{{ summary.declarationCount }}</view>
+						<view class="metric-foot">当前筛选范围内的项目总数</view>
+					</view>
+					<view class="metric-card metric-card--accent">
+						<view class="metric-label">参与申报人数</view>
+						<view class="metric-value">{{ summary.participantCount }}</view>
+						<view class="metric-foot">按团队成员去重统计</view>
+					</view>
+					<view class="metric-card metric-card--warm">
+						<view class="metric-label">指导老师数量</view>
+						<view class="metric-value">{{ summary.advisorCount }}</view>
+						<view class="metric-foot">按指导老师去重统计</view>
+					</view>
+					<view class="metric-card metric-card--success">
+						<view class="metric-label">获奖数量</view>
+						<view class="metric-value">{{ summary.awardCount }}</view>
+						<view class="metric-foot">当前按审核通过作品数统计</view>
+					</view>
+				</view>
+
+				<view class="mini-metrics">
+					<view class="mini-metric-card">
+						<text>申报学校数量</text>
+						<text class="mini-metric-value">{{ summary.schoolCount }}</text>
+					</view>
+					<view class="mini-metric-card">
+						<text>项目类型数</text>
+						<text class="mini-metric-value">{{ stats.typeDistribution.length }}</text>
+					</view>
+					<view class="mini-metric-card">
+						<text>项目分组数</text>
+						<text class="mini-metric-value">{{ stats.groupDistribution.length }}</text>
+					</view>
+				</view>
+
+				<view class="section-card">
+					<view class="section-head">
+						<view>
+							<view class="section-title">年度申报趋势</view>
+							<view class="section-subtitle">展示各年度挑战杯作品申报数量变化</view>
+						</view>
+					</view>
+					<view v-if="stats.yearDistribution.length" class="trend-list">
+						<view v-for="item in stats.yearDistribution" :key="item.label" class="trend-item">
+							<view class="trend-top">
+								<view class="trend-label">{{ item.label }}</view>
+								<view class="trend-value">{{ item.value }}</view>
+							</view>
+							<view class="bar-track">
+								<view class="bar-fill bar-fill--blue" :style="{ width: getBarWidth(item.value, maxYearValue) }"></view>
+							</view>
+						</view>
+					</view>
+					<view v-else class="empty-card">暂无年度数据</view>
+				</view>
+
+				<view class="section-card">
+					<view class="section-head">
+						<view>
+							<view class="section-title">项目类型分布</view>
+							<view class="section-subtitle">按项目类型统计申报数量</view>
+						</view>
+					</view>
+					<view v-if="stats.typeDistribution.length" class="distribution-list">
+						<view v-for="item in stats.typeDistribution" :key="item.label" class="distribution-item">
+							<view class="distribution-main">
+								<view class="distribution-label">{{ item.label }}</view>
+								<view class="distribution-value">{{ item.value }}</view>
+							</view>
+							<view class="bar-track">
+								<view class="bar-fill bar-fill--cyan" :style="{ width: getBarWidth(item.value, maxTypeValue) }"></view>
+							</view>
+						</view>
+					</view>
+					<view v-else class="empty-card">暂无类型分布</view>
+				</view>
+
+				<view class="section-card">
+					<view class="section-head">
+						<view>
+							<view class="section-title">项目分组分布</view>
+							<view class="section-subtitle">按项目分组统计申报数量</view>
+						</view>
+					</view>
+					<view v-if="stats.groupDistribution.length" class="distribution-list">
+						<view v-for="item in stats.groupDistribution" :key="item.label" class="distribution-item">
+							<view class="distribution-main">
+								<view class="distribution-label">{{ item.label }}</view>
+								<view class="distribution-value">{{ item.value }}</view>
+							</view>
+							<view class="bar-track">
+								<view class="bar-fill bar-fill--orange" :style="{ width: getBarWidth(item.value, maxGroupValue) }"></view>
+							</view>
+						</view>
+					</view>
+					<view v-else class="empty-card">暂无分组分布</view>
+				</view>
+
+				<view class="section-card">
+					<view class="section-head">
+						<view>
+							<view class="section-title">学校申报排行</view>
+							<view class="section-subtitle">展示学校维度的申报数量排名</view>
+						</view>
+					</view>
+					<view v-if="stats.schoolDistribution.length" class="ranking-list">
+						<view v-for="(item, index) in stats.schoolDistribution" :key="item.label" class="ranking-item">
+							<view class="ranking-order">{{ index + 1 }}</view>
+							<view class="ranking-main">
+								<view class="distribution-main">
+									<view class="distribution-label">{{ item.label }}</view>
+									<view class="distribution-value">{{ item.value }}</view>
+								</view>
+								<view class="bar-track">
+									<view class="bar-fill bar-fill--green" :style="{ width: getBarWidth(item.value, maxSchoolValue) }"></view>
+								</view>
+							</view>
+						</view>
+					</view>
+					<view v-else class="empty-card">暂无学校排行</view>
+				</view>
+
+				<view class="section-card">
+					<view class="section-head">
+						<view>
+							<view class="section-title">分布明细</view>
+							<view class="section-subtitle">{{ selectedYear ? `${selectedYear} 年` : '全部年份' }}统计口径下的分类数量</view>
+						</view>
+					</view>
+					<view class="detail-grid">
+						<view class="detail-panel">
+							<view class="detail-title">项目类型</view>
+							<view v-if="stats.typeDistribution.length" class="detail-list">
+								<view v-for="item in stats.typeDistribution" :key="`type-${item.label}`" class="detail-row">
+									<text class="detail-label">{{ item.label }}</text>
+									<text class="detail-value">{{ item.value }}</text>
+								</view>
+							</view>
+							<view v-else class="detail-empty">暂无数据</view>
+						</view>
+						<view class="detail-panel">
+							<view class="detail-title">项目分组</view>
+							<view v-if="stats.groupDistribution.length" class="detail-list">
+								<view v-for="item in stats.groupDistribution" :key="`group-${item.label}`" class="detail-row">
+									<text class="detail-label">{{ item.label }}</text>
+									<text class="detail-value">{{ item.value }}</text>
+								</view>
+							</view>
+							<view v-else class="detail-empty">暂无数据</view>
+						</view>
+					</view>
+				</view>
+			</block>
+		</scroll-view>
+	</view>
+</template>
+
+<script>
+	import CommonHero from '../../components/common-hero/common-hero.vue'
+	import { getChallengeCupStatistics } from './stats-service'
+
+	const createInitialStats = () => ({
+		availableYears: [],
+		summary: {
+			declarationCount: 0,
+			participantCount: 0,
+			advisorCount: 0,
+			awardCount: 0,
+			schoolCount: 0
+		},
+		awardCountDescription: '',
+		yearDistribution: [],
+		typeDistribution: [],
+		groupDistribution: [],
+		schoolDistribution: []
+	})
+
+	export default {
+		components: {
+			CommonHero
+		},
+		data() {
+			return {
+				loading: false,
+				refreshing: false,
+				hasLoaded: false,
+				loadError: '',
+				selectedYear: '',
+				stats: createInitialStats()
+			}
+		},
+		computed: {
+			summary() {
+				return this.stats.summary || createInitialStats().summary
+			},
+			yearOptionLabels() {
+				const years = Array.isArray(this.stats.availableYears) ? this.stats.availableYears : []
+				return ['全部年份', ...years.map((item) => `${item} 年`)]
+			},
+			selectedYearIndex() {
+				if (!this.selectedYear) {
+					return 0
+				}
+				const years = Array.isArray(this.stats.availableYears) ? this.stats.availableYears : []
+				const index = years.findIndex((item) => Number(item) === Number(this.selectedYear))
+				return index >= 0 ? index + 1 : 0
+			},
+			maxYearValue() {
+				return this.getMaxValue(this.stats.yearDistribution)
+			},
+			maxTypeValue() {
+				return this.getMaxValue(this.stats.typeDistribution)
+			},
+			maxGroupValue() {
+				return this.getMaxValue(this.stats.groupDistribution)
+			},
+			maxSchoolValue() {
+				return this.getMaxValue(this.stats.schoolDistribution)
+			}
+		},
+		onLoad() {
+			this.loadData()
+		},
+		methods: {
+			showToast(title) {
+				uni.showToast({
+					title,
+					icon: 'none'
+				})
+			},
+			getMaxValue(list) {
+				const values = (Array.isArray(list) ? list : []).map((item) => Number(item.value || 0))
+				return values.length ? Math.max(...values, 1) : 1
+			},
+			getBarWidth(value, maxValue) {
+				const current = Number(value || 0)
+				const max = Number(maxValue || 1)
+				const percent = max > 0 ? (current / max) * 100 : 0
+				return `${Math.max(percent, current > 0 ? 8 : 0)}%`
+			},
+			handleYearChange(event) {
+				const index = Number(event.detail.value || 0)
+				if (index === 0) {
+					this.selectedYear = ''
+				} else {
+					const year = this.stats.availableYears[index - 1]
+					this.selectedYear = year || ''
+				}
+				this.loadData()
+			},
+			handleRefresh() {
+				this.refreshing = true
+				this.loadData(true)
+			},
+			async loadData(fromRefresh = false) {
+				if (this.loading) {
+					if (fromRefresh) {
+						this.refreshing = false
+					}
+					return
+				}
+				this.loading = true
+				this.loadError = ''
+				try {
+					const params = this.selectedYear ? { year: Number(this.selectedYear) } : undefined
+					const result = await getChallengeCupStatistics(params)
+					this.stats = {
+						...createInitialStats(),
+						...(result || {}),
+						summary: {
+							...createInitialStats().summary,
+							...((result && result.summary) || {})
+						},
+						availableYears: Array.isArray(result && result.availableYears) ? result.availableYears : [],
+						yearDistribution: Array.isArray(result && result.yearDistribution) ? result.yearDistribution : [],
+						typeDistribution: Array.isArray(result && result.typeDistribution) ? result.typeDistribution : [],
+						groupDistribution: Array.isArray(result && result.groupDistribution) ? result.groupDistribution : [],
+						schoolDistribution: Array.isArray(result && result.schoolDistribution) ? result.schoolDistribution : []
+					}
+					if (
+						this.selectedYear &&
+						!this.stats.availableYears.some((item) => Number(item) === Number(this.selectedYear))
+					) {
+						this.selectedYear = ''
+					}
+					this.hasLoaded = true
+				} catch (error) {
+					this.loadError = (error && error.message) || '统计数据加载失败'
+					this.showToast(this.loadError)
+				} finally {
+					this.loading = false
+					if (fromRefresh) {
+						this.refreshing = false
+					}
+				}
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.page {
+		min-height: 100vh;
+		background:
+			radial-gradient(circle at top left, rgba(37, 99, 235, 0.14), transparent 28%),
+			linear-gradient(180deg, #f7fbff 0%, #fffdf8 100%);
+	}
+
+	.page-scroll {
+		height: 100vh;
+		//padding: 28rpx 24rpx 40rpx;
+		box-sizing: border-box;
+	}
+
+	.hero-card {
+		padding: 34rpx 36rpx;
+		border-radius: 28rpx;
+		background: rgba(255, 255, 255, 0.5);
+		box-shadow: 0 4rpx 12rpx 0 rgba(174, 174, 174, 0.4);
+		backdrop-filter: blur(24rpx);
+		-webkit-backdrop-filter: blur(24rpx);
+		border: 1rpx solid rgba(255, 255, 255, 0.5);
+	}
+
+	.hero-badge {
+		display: inline-flex;
+		padding: 10rpx 18rpx;
+		border-radius: 999rpx;
+		background: rgba(20,150,242,.1);
+		font-size: 22rpx;
+		color: #1496f2;
+		letter-spacing: 1rpx;
+	}
+
+	.hero-title {
+		margin-top: 8rpx;
+		padding-left: 10rpx;
+		font-size: 30rpx;
+		line-height: 1.35;
+		font-weight: 700;
+		color: #18a0f7;
+		border-left: 5px solid #0f94ef;
+	}
+
+	.hero-desc {
+		margin-top: 20rpx;
+		font-size: 24rpx;
+		line-height: 1.8;
+		color: #7f7f7f;
+	}
+
+	.hero-actions {
+		display: flex;
+		flex-wrap: wrap;
+		gap: 16rpx;
+		margin-top: 24rpx;
+	}
+
+	.picker-wrap {
+		display: block;
+	}
+
+	.action-pill {
+		display: inline-flex;
+		align-items: center;
+		gap: 10rpx;
+		padding: 16rpx 24rpx;
+		border-radius: 999rpx;
+		background: rgba(255, 255, 255, 0.18);
+		font-size: 24rpx;
+		font-weight: 600;
+	}
+
+	.action-pill--ghost {
+		background: rgba(10, 20, 45, 0.16);
+	}
+
+	.action-pill--loading {
+		opacity: 0.7;
+	}
+
+	.action-pill-arrow {
+		font-size: 18rpx;
+		opacity: 0.85;
+	}
+
+	.alert-card {
+		display: flex;
+		align-items: flex-start;
+		gap: 16rpx;
+		margin-top: 22rpx;
+		padding: 24rpx;
+		border-radius: 28rpx;
+		background: #eef6ff;
+		border: 1rpx solid rgba(37, 99, 235, 0.12);
+	}
+
+	.alert-icon {
+		flex-shrink: 0;
+		width: 36rpx;
+		height: 36rpx;
+		border-radius: 50%;
+		background: #2563eb;
+		color: #fff;
+		font-size: 22rpx;
+		font-weight: 700;
+		line-height: 36rpx;
+		text-align: center;
+	}
+
+	.alert-text {
+		font-size: 24rpx;
+		line-height: 1.7;
+		color: #31537c;
+	}
+
+	.state-card {
+		margin-top: 24rpx;
+		padding: 32rpx 28rpx;
+		border-radius: 28rpx;
+		background: rgba(255, 255, 255, 0.94);
+		border: 1rpx solid rgba(37, 99, 235, 0.08);
+		box-shadow: 0 10rpx 28rpx rgba(34, 94, 142, 0.08);
+	}
+
+	.state-card--error {
+		background: rgba(247, 250, 255, 0.98);
+		border-color: rgba(37, 99, 235, 0.16);
+	}
+
+	.state-title {
+		font-size: 30rpx;
+		font-weight: 700;
+		color: #1f2329;
+	}
+
+	.state-desc {
+		margin-top: 12rpx;
+		font-size: 24rpx;
+		line-height: 1.7;
+		color: #6c7480;
+	}
+
+	.state-action {
+		margin-top: 18rpx;
+		font-size: 24rpx;
+		font-weight: 600;
+		color: #2563eb;
+	}
+
+	.metrics-grid {
+		display: grid;
+		grid-template-columns: repeat(2, minmax(0, 1fr));
+		gap: 18rpx;
+		margin-top: 24rpx;
+	}
+
+	.metric-card {
+		padding: 24rpx;
+		border-radius: 28rpx;
+		background: linear-gradient(135deg, #eff6ff 0%, #ffffff 100%);
+		border: 1rpx solid #dbeafe;
+		box-shadow: 0 10rpx 28rpx rgba(15, 23, 42, 0.05);
+	}
+
+	.metric-card--accent {
+		background: linear-gradient(135deg, #f0fdf4 0%, #ffffff 100%);
+		border-color: #bbf7d0;
+	}
+
+	.metric-card--warm {
+		background: linear-gradient(135deg, #fff7ed 0%, #ffffff 100%);
+		border-color: #fed7aa;
+	}
+
+	.metric-card--success {
+		background: linear-gradient(135deg, #ecfeff 0%, #ffffff 100%);
+		border-color: #a5f3fc;
+	}
+
+	.metric-label {
+		font-size: 24rpx;
+		color: #64748b;
+	}
+
+	.metric-value {
+		margin-top: 12rpx;
+		font-size: 46rpx;
+		font-weight: 700;
+		line-height: 1;
+		color: #0f172a;
+	}
+
+	.metric-foot {
+		margin-top: 14rpx;
+		font-size: 22rpx;
+		line-height: 1.6;
+		color: #94a3b8;
+	}
+
+	.mini-metrics {
+		display: grid;
+		grid-template-columns: repeat(3, minmax(0, 1fr));
+		gap: 16rpx;
+		margin-top: 18rpx;
+	}
+
+	.mini-metric-card {
+		padding: 22rpx 18rpx;
+		border-radius: 24rpx;
+		background: rgba(255, 255, 255, 0.9);
+		box-shadow: 0 8rpx 20rpx rgba(15, 23, 42, 0.05);
+		font-size: 22rpx;
+		line-height: 1.6;
+		color: #64748b;
+	}
+
+	.mini-metric-value {
+		display: block;
+		margin-top: 8rpx;
+		font-size: 34rpx;
+		font-weight: 700;
+		color: #0f172a;
+	}
+
+	.section-card {
+		margin-top: 24rpx;
+		padding: 28rpx 24rpx;
+		border-radius: 30rpx;
+		background: rgba(255, 255, 255, 0.94);
+		box-shadow: 0 14rpx 34rpx rgba(15, 23, 42, 0.06);
+	}
+
+	.section-head {
+		display: flex;
+		align-items: flex-start;
+		justify-content: space-between;
+		gap: 18rpx;
+	}
+
+	.section-title {
+		font-size: 32rpx;
+		font-weight: 700;
+		color: #162033;
+	}
+
+	.section-subtitle {
+		margin-top: 8rpx;
+		font-size: 22rpx;
+		line-height: 1.6;
+		color: #8b94a3;
+	}
+
+	.empty-card {
+		margin-top: 20rpx;
+		padding: 28rpx 24rpx;
+		border-radius: 24rpx;
+		background: #f8fbff;
+		font-size: 24rpx;
+		color: #90a0b7;
+	}
+
+	.trend-list,
+	.distribution-list,
+	.ranking-list,
+	.detail-list {
+		margin-top: 20rpx;
+	}
+
+	.trend-item,
+	.distribution-item {
+		& + & {
+			margin-top: 18rpx;
+		}
+	}
+
+	.trend-top,
+	.distribution-main,
+	.detail-row {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		gap: 16rpx;
+	}
+
+	.trend-label,
+	.distribution-label,
+	.detail-label {
+		flex: 1;
+		min-width: 0;
+		font-size: 24rpx;
+		line-height: 1.6;
+		color: #1f2937;
+		word-break: break-all;
+	}
+
+	.trend-value,
+	.distribution-value,
+	.detail-value {
+		flex-shrink: 0;
+		font-size: 24rpx;
+		font-weight: 700;
+		color: #0f172a;
+	}
+
+	.bar-track {
+		height: 16rpx;
+		margin-top: 12rpx;
+		border-radius: 999rpx;
+		background: #edf2f7;
+		overflow: hidden;
+	}
+
+	.bar-fill {
+		height: 100%;
+		border-radius: 999rpx;
+	}
+
+	.bar-fill--blue {
+		background: linear-gradient(90deg, #3b82f6 0%, #2563eb 100%);
+	}
+
+	.bar-fill--cyan {
+		background: linear-gradient(90deg, #38bdf8 0%, #0ea5e9 100%);
+	}
+
+	.bar-fill--orange {
+		background: linear-gradient(90deg, #fbbf24 0%, #f59e0b 100%);
+	}
+
+	.bar-fill--green {
+		background: linear-gradient(90deg, #34d399 0%, #10b981 100%);
+	}
+
+	.ranking-item {
+		display: flex;
+		align-items: flex-start;
+		gap: 16rpx;
+		& + & {
+			margin-top: 18rpx;
+		}
+	}
+
+	.ranking-order {
+		flex-shrink: 0;
+		width: 40rpx;
+		height: 40rpx;
+		border-radius: 50%;
+		background: #ecf4ff;
+		color: #2563eb;
+		font-size: 22rpx;
+		font-weight: 700;
+		line-height: 40rpx;
+		text-align: center;
+	}
+
+	.ranking-main {
+		flex: 1;
+		min-width: 0;
+	}
+
+	.detail-grid {
+		display: grid;
+		grid-template-columns: repeat(2, minmax(0, 1fr));
+		gap: 18rpx;
+		margin-top: 20rpx;
+	}
+
+	.detail-panel {
+		padding: 22rpx;
+		border-radius: 24rpx;
+		background: #f9fbfe;
+	}
+
+	.detail-title {
+		font-size: 26rpx;
+		font-weight: 700;
+		color: #1f2937;
+	}
+
+	.detail-row {
+		padding: 16rpx 0;
+		border-bottom: 1rpx solid rgba(148, 163, 184, 0.18);
+	}
+
+	.detail-row:last-child {
+		border-bottom: none;
+		padding-bottom: 0;
+	}
+
+	.detail-empty {
+		margin-top: 18rpx;
+		font-size: 22rpx;
+		color: #94a3b8;
+	}
+</style>
diff --git a/pages/gxmu/tzb-database-service.js b/pages/gxmu/tzb-database-service.js
new file mode 100644
index 0000000..1d1eeed
--- /dev/null
+++ b/pages/gxmu/tzb-database-service.js
@@ -0,0 +1,19 @@
+import { API_BASE_URL, apiRequest } from '../assistant/chat-service'
+
+export function pageTzbProjectList(params) {
+	return apiRequest({
+		url: `${API_BASE_URL}/gxmu/tzb-project-list/page`,
+		method: 'GET',
+		data: params,
+		withSignature: false
+	})
+}
+
+export function pageTzbTalentList(params) {
+	return apiRequest({
+		url: `${API_BASE_URL}/gxmu/tzb-talent-list/page`,
+		method: 'GET',
+		data: params,
+		withSignature: false
+	})
+}
diff --git a/pages/gxmu/tzb-database.vue b/pages/gxmu/tzb-database.vue
new file mode 100644
index 0000000..c032ed0
--- /dev/null
+++ b/pages/gxmu/tzb-database.vue
@@ -0,0 +1,205 @@
+<template>
+	<view class="page">
+		<scroll-view scroll-y class="page-scroll">
+			<common-hero title="创新竞赛历史项目数据库" :use-image-bg="true"></common-hero>
+			<view class="hero-card">
+				<view class="hero-title">项目库与人才库</view>
+				<view class="hero-desc">
+					沉淀挑战杯历史项目案例、获奖信息与参赛人才画像，支持按项目和人才两个维度快速检索与复用。
+				</view>
+<!--				<view class="hero-actions">-->
+<!--					<view class="hero-action" @tap="openPage('/pages/gxmu/tzb-project-list')">进入项目库</view>-->
+<!--					<view class="hero-action hero-action&#45;&#45;secondary" @tap="openPage('/pages/gxmu/tzb-talent-list')">进入人才库</view>-->
+<!--				</view>-->
+			</view>
+
+			<view class="entry-list">
+				<view class="entry-card" @tap="openPage('/pages/gxmu/tzb-project-list')">
+					<view class="entry-top">
+						<view class="entry-icon">项</view>
+						<view class="entry-tag">项目库</view>
+					</view>
+					<view class="entry-title">挑战杯项目库</view>
+					<view class="entry-desc">查看历届项目名称、学校、奖项、比赛级别、届次与详情链接。</view>
+					<view class="entry-foot">适合做选题借鉴、对标分析与历史案例复盘</view>
+				</view>
+
+				<view class="entry-card" @tap="openPage('/pages/gxmu/tzb-talent-list')">
+					<view class="entry-top">
+						<view class="entry-icon entry-icon--green">才</view>
+						<view class="entry-tag entry-tag--green">人才库</view>
+					</view>
+					<view class="entry-title">挑战杯人才库</view>
+					<view class="entry-desc">查看参赛人才、学校、人才类型、参赛项目、获奖情况与原始详情链接。</view>
+					<view class="entry-foot">适合做导师联络、队伍画像和成果人才线索挖掘</view>
+				</view>
+			</view>
+		</scroll-view>
+	</view>
+</template>
+
+<script>
+	import CommonHero from '../../components/common-hero/common-hero.vue'
+	export default {
+		components: {
+			CommonHero
+		},
+		methods: {
+			openPage(url) {
+				uni.navigateTo({
+					url
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.page {
+		min-height: 100vh;
+		background:
+			radial-gradient(circle at top left, rgba(20, 150, 242, 0.14), transparent 30%),
+			linear-gradient(180deg, #f5fbff 0%, #eef7ff 100%);
+	}
+
+	.page-scroll {
+		height: 100vh;
+		padding: 28rpx 24rpx 40rpx;
+		box-sizing: border-box;
+	}
+
+	.hero-card {
+		padding: 34rpx 36rpx;
+		border-radius: 28rpx;
+		background: rgba(255, 255, 255, 0.5);
+		box-shadow: 0 4rpx 12rpx 0 rgba(174, 174, 174, 0.4);
+		backdrop-filter: blur(24rpx);
+		-webkit-backdrop-filter: blur(24rpx);
+		border: 1rpx solid rgba(255, 255, 255, 0.5);
+	}
+
+	.hero-badge {
+		display: inline-flex;
+		padding: 10rpx 18rpx;
+		border-radius: 999rpx;
+		background: rgba(20,150,242,.1);
+		font-size: 22rpx;
+		color: #1496f2;
+		letter-spacing: 1rpx;
+	}
+
+	.hero-title {
+		margin-top: 8rpx;
+		padding-left: 10rpx;
+		font-size: 30rpx;
+		line-height: 1.35;
+		font-weight: 700;
+		color: #18a0f7;
+		border-left: 5px solid #0f94ef;
+	}
+
+	.hero-desc {
+		margin-top: 20rpx;
+		font-size: 24rpx;
+		line-height: 1.8;
+		color: #7f7f7f;
+	}
+
+	.hero-actions {
+		display: flex;
+		flex-wrap: wrap;
+		gap: 16rpx;
+		margin-top: 24rpx;
+	}
+
+	.hero-action {
+		display: inline-flex;
+		align-items: center;
+		justify-content: center;
+		padding: 14rpx 24rpx;
+		border-radius: 999rpx;
+		background: rgba(20,150,242,.12);
+		font-size: 24rpx;
+		font-weight: 600;
+		color: #1496f2;
+	}
+
+	.hero-action--secondary {
+		background: rgba(31,35,41,.08);
+		color: #5f6b76;
+	}
+
+	.entry-list {
+		display: flex;
+		flex-direction: column;
+		gap: 18rpx;
+		margin-top: 24rpx;
+	}
+
+	.entry-card {
+		padding: 28rpx;
+		border-radius: 30rpx;
+		background:
+			linear-gradient(180deg, rgba(240, 247, 255, 0.95) 0%, #ffffff 44%),
+			#ffffff;
+		border: 1rpx solid rgba(21, 84, 173, 0.08);
+		box-shadow: 0 10rpx 28rpx rgba(76, 49, 35, 0.08);
+	}
+
+	.entry-top {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+	}
+
+	.entry-icon {
+		width: 76rpx;
+		height: 76rpx;
+		border-radius: 24rpx;
+		background: linear-gradient(135deg, #1496f2 0%, #4bb7ff 100%);
+		color: #fff;
+		font-size: 32rpx;
+		font-weight: 700;
+		line-height: 76rpx;
+		text-align: center;
+	}
+
+	.entry-icon--green {
+		background: linear-gradient(135deg, #12b981 0%, #57d5a4 100%);
+	}
+
+	.entry-tag {
+		padding: 10rpx 18rpx;
+		border-radius: 999rpx;
+		background: #edf5ff;
+		color: #1554ad;
+		font-size: 22rpx;
+		font-weight: 600;
+	}
+
+	.entry-tag--green {
+		background: #e9fbf5;
+		color: #0f9f71;
+	}
+
+	.entry-title {
+		margin-top: 22rpx;
+		font-size: 32rpx;
+		font-weight: 700;
+		color: #1f2329;
+	}
+
+	.entry-desc {
+		margin-top: 14rpx;
+		font-size: 24rpx;
+		line-height: 1.7;
+		color: #5f6b7a;
+	}
+
+	.entry-foot {
+		margin-top: 18rpx;
+		font-size: 22rpx;
+		line-height: 1.6;
+		color: #8b827d;
+	}
+</style>
diff --git a/pages/gxmu/tzb-project-list.vue b/pages/gxmu/tzb-project-list.vue
new file mode 100644
index 0000000..ecf4e8f
--- /dev/null
+++ b/pages/gxmu/tzb-project-list.vue
@@ -0,0 +1,661 @@
+<template>
+	<view class="page">
+		<scroll-view
+			scroll-y
+			class="page-scroll"
+			refresher-enabled
+			:refresher-triggered="refreshing"
+			@refresherrefresh="handleRefresh"
+			@scrolltolower="loadMore"
+		>
+			<common-hero title="挑战杯项目库" :use-image-bg="true"></common-hero>
+			<view class="hero-card">
+				<view class="hero-title">创新竞赛历史项目数据库</view>
+				<view class="hero-desc">
+					按项目名称、学校、奖项、年份和比赛级别查看历届挑战杯案例，支持复制详情链接用于进一步追踪原始页面。
+				</view>
+				<view class="hero-meta">
+					<view class="meta-item">
+						<view class="meta-value">{{ list.length }}</view>
+						<view class="meta-label">当前已加载</view>
+					</view>
+					<view class="meta-item">
+						<view class="meta-value">{{ yearOptions.length }}</view>
+						<view class="meta-label">年份筛选</view>
+					</view>
+					<view class="meta-item">
+						<view class="meta-value">{{ levelOptions.length }}</view>
+						<view class="meta-label">级别筛选</view>
+					</view>
+				</view>
+			</view>
+
+			<view class="filter-card">
+				<view class="search-box">
+					<uv-input
+						v-model.trim="filters.keywords"
+						class="search-input"
+						placeholder="项目名称/学校/奖项"
+						confirm-type="search"
+						@confirm="applyFilters"
+						:maxlength="-1"
+						border="none"
+					/>
+					<view class="search-btn" @tap="applyFilters">查询</view>
+				</view>
+
+				<view class="field-row">
+					<uv-input
+						v-model.trim="filters.schoolName"
+						class="field-input"
+						placeholder="高校名称"
+						confirm-type="search"
+						@confirm="applyFilters"
+						:maxlength="-1"
+						border="none"
+					/>
+				</view>
+
+				<view class="picker-row">
+					<picker class="picker-item" mode="selector" :range="yearLabels" :value="yearIndex" @change="handleYearChange">
+						<view class="picker-trigger">{{ filters.matchYear ? `${filters.matchYear}年` : '参赛年份' }}</view>
+					</picker>
+					<picker class="picker-item" mode="selector" :range="levelLabels" :value="levelIndex" @change="handleLevelChange">
+						<view class="picker-trigger">{{ filters.matchLevel || '比赛级别' }}</view>
+					</picker>
+				</view>
+
+				<view class="action-row">
+					<view class="action-btn action-btn--primary" @tap="applyFilters">查询</view>
+					<view class="action-btn" @tap="resetFilters">重置</view>
+				</view>
+			</view>
+
+			<view v-if="loading && !list.length" class="state-card">
+				<view class="state-title">正在加载项目库...</view>
+				<view class="state-desc">请稍候，正在同步挑战杯历史项目数据。</view>
+			</view>
+
+			<view v-else-if="loadError && !list.length" class="state-card state-card--error">
+				<view class="state-title">加载失败</view>
+				<view class="state-desc">{{ loadError }}</view>
+				<view class="state-action" @tap="loadData(true)">重新加载</view>
+			</view>
+
+			<view v-else-if="!list.length" class="state-card">
+				<view class="state-title">暂无匹配项目</view>
+				<view class="state-desc">请调整搜索条件后重新查询。</view>
+			</view>
+
+			<view v-else class="card-list">
+				<view v-for="item in list" :key="item.id || item.sourceId" class="data-card">
+					<view class="card-top">
+						<view class="card-cover" :style="getCoverStyle(item.coverImage)">
+							<view class="cover-tag">{{ item.matchLevel || '未分类' }}</view>
+						</view>
+						<view class="card-main">
+							<view class="card-title">{{ item.projectName || '未命名项目' }}</view>
+							<view class="card-school">{{ item.schoolName || '未知学校' }}</view>
+							<view class="tag-row">
+								<view class="tag-chip">{{ item.awardName || '未录入奖项' }}</view>
+								<view class="tag-chip tag-chip--blue">{{ item.matchYear || '-' }}年</view>
+								<view class="tag-chip tag-chip--soft">{{ item.matchTerm || '未知届次' }}</view>
+							</view>
+						</view>
+					</view>
+
+					<view class="info-grid">
+						<view class="info-item">
+							<view class="info-label">来源ID</view>
+							<view class="info-value">{{ item.sourceId || '-' }}</view>
+						</view>
+						<view class="info-item">
+							<view class="info-label">来源页码</view>
+							<view class="info-value">{{ item.pageNo || '-' }}</view>
+						</view>
+						<view class="info-item">
+							<view class="info-label">同步时间</view>
+							<view class="info-value">{{ formatDateTime(item.lastSyncTime) }}</view>
+						</view>
+					</view>
+
+					<view class="card-footer">
+						<view class="footer-link" @tap="copyLink(item.detailUrl)">复制详情链接</view>
+					</view>
+				</view>
+			</view>
+
+			<view v-if="list.length" class="load-more">
+				<view v-if="loadingMore" class="load-more-text">正在加载更多...</view>
+				<view v-else-if="hasMore" class="load-more-text" @tap="loadMore">点击加载更多</view>
+				<view v-else class="load-more-text load-more-text--end">没有更多数据了</view>
+			</view>
+		</scroll-view>
+	</view>
+</template>
+
+<script>
+	import CommonHero from '../../components/common-hero/common-hero.vue'
+	import { pageTzbProjectList } from './tzb-database-service'
+
+	const DEFAULT_FILTERS = () => ({
+		keywords: '',
+		schoolName: '',
+		matchYear: '',
+		matchLevel: ''
+	})
+
+	export default {
+		components: {
+			CommonHero
+		},
+		data() {
+			return {
+				loading: false,
+				loadingMore: false,
+				refreshing: false,
+				loadError: '',
+				page: 1,
+				limit: 10,
+				total: 0,
+				hasMore: true,
+				list: [],
+				filters: DEFAULT_FILTERS(),
+				yearOptions: [2025, 2024, 2023, 2022, 2021, 2020, 2019],
+				levelOptions: ['国赛', '省赛', '校赛']
+			}
+		},
+		computed: {
+			yearLabels() {
+				return ['全部年份', ...this.yearOptions.map((item) => `${item}年`)]
+			},
+			levelLabels() {
+				return ['全部级别', ...this.levelOptions]
+			},
+			yearIndex() {
+				if (!this.filters.matchYear) {
+					return 0
+				}
+				const index = this.yearOptions.findIndex((item) => Number(item) === Number(this.filters.matchYear))
+				return index >= 0 ? index + 1 : 0
+			},
+			levelIndex() {
+				if (!this.filters.matchLevel) {
+					return 0
+				}
+				const index = this.levelOptions.findIndex((item) => item === this.filters.matchLevel)
+				return index >= 0 ? index + 1 : 0
+			}
+		},
+		onLoad() {
+			this.loadData(true)
+		},
+		methods: {
+			showToast(title) {
+				uni.showToast({
+					title,
+					icon: 'none'
+				})
+			},
+			formatDateTime(value) {
+				if (!value) {
+					return '-'
+				}
+				const date = new Date(String(value).replace(/-/g, '/'))
+				if (Number.isNaN(date.getTime())) {
+					return value
+				}
+				const pad = (item) => String(item).padStart(2, '0')
+				return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())} ${pad(date.getHours())}:${pad(date.getMinutes())}:${pad(date.getSeconds())}`
+			},
+			getCoverStyle(url) {
+				if (url) {
+					return `background-image: linear-gradient(rgba(15, 23, 42, 0.12), rgba(15, 23, 42, 0.32)), url(${url});`
+				}
+				return 'background: linear-gradient(135deg, #60a5fa 0%, #2563eb 100%);'
+			},
+			handleYearChange(event) {
+				const index = Number(event.detail.value || 0)
+				this.filters.matchYear = index === 0 ? '' : this.yearOptions[index - 1]
+			},
+			handleLevelChange(event) {
+				const index = Number(event.detail.value || 0)
+				this.filters.matchLevel = index === 0 ? '' : this.levelOptions[index - 1]
+			},
+			handleRefresh() {
+				this.refreshing = true
+				this.loadData(true)
+			},
+			applyFilters() {
+				this.loadData(true)
+			},
+			resetFilters() {
+				this.filters = DEFAULT_FILTERS()
+				this.loadData(true)
+			},
+			async loadData(reset = false) {
+				if (this.loading || this.loadingMore) {
+					if (reset) {
+						this.refreshing = false
+					}
+					return
+				}
+				const nextPage = reset ? 1 : this.page
+				if (!reset && !this.hasMore) {
+					return
+				}
+				if (reset) {
+					this.loading = true
+					this.loadError = ''
+				} else {
+					this.loadingMore = true
+				}
+				try {
+          const params = {
+            page: nextPage,
+            limit: this.limit,
+          }
+          if (this.filters.keywords) {
+            params.keywords = this.filters.keywords
+          }
+          if (this.filters.schoolName) {
+            params.schoolName = this.filters.schoolName
+          }
+          if (this.filters.matchYear) {
+            params.matchYear = this.filters.matchYear
+          }
+          if (this.filters.matchLevel) {
+            params.matchLevel = this.filters.matchLevel
+          }
+
+					const result = await pageTzbProjectList(params)
+					const nextList = (result && result.list) || []
+					const count = Number((result && result.count) || 0)
+					this.total = count
+					this.page = nextPage + 1
+					this.list = reset ? nextList : this.list.concat(nextList)
+					this.hasMore = this.list.length < count
+				} catch (error) {
+					this.loadError = (error && error.message) || '项目库加载失败'
+					this.showToast(this.loadError)
+				} finally {
+					this.loading = false
+					this.loadingMore = false
+					this.refreshing = false
+				}
+			},
+			loadMore() {
+				if (!this.loading && !this.loadingMore && this.hasMore) {
+					this.loadData(false)
+				}
+			},
+			copyLink(url) {
+				if (!url) {
+					this.showToast('暂无详情链接')
+					return
+				}
+				uni.setClipboardData({
+					data: url,
+					success: () => {
+						this.showToast('详情链接已复制')
+					}
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.page {
+		min-height: 100vh;
+		background:
+			radial-gradient(circle at top left, rgba(37, 99, 235, 0.14), transparent 28%),
+			linear-gradient(180deg, #f7fbff 0%, #fffdf8 100%);
+	}
+
+	.page-scroll {
+		height: 100vh;
+		//padding: 28rpx 24rpx 40rpx;
+		box-sizing: border-box;
+	}
+
+	.hero-card,
+	.filter-card,
+	.state-card,
+	.data-card {
+		border-radius: 30rpx;
+		box-shadow: 0 14rpx 34rpx rgba(15, 23, 42, 0.06);
+	}
+
+	.hero-card {
+		padding: 34rpx 36rpx;
+		border-radius: 28rpx;
+		background: rgba(255, 255, 255, 0.5);
+		box-shadow: 0 4rpx 12rpx 0 rgba(174, 174, 174, 0.4);
+		backdrop-filter: blur(24rpx);
+		-webkit-backdrop-filter: blur(24rpx);
+		border: 1rpx solid rgba(255, 255, 255, 0.5);
+	}
+
+	.hero-badge {
+		display: inline-flex;
+		padding: 10rpx 18rpx;
+		border-radius: 999rpx;
+		background: rgba(20,150,242,.1);
+		font-size: 22rpx;
+		color: #1496f2;
+	}
+
+	.hero-title {
+		margin-top: 8rpx;
+		padding-left: 10rpx;
+		font-size: 30rpx;
+		line-height: 1.35;
+		font-weight: 700;
+		color: #18a0f7;
+		border-left: 5px solid #0f94ef;
+	}
+
+	.hero-desc {
+		margin-top: 20rpx;
+		font-size: 24rpx;
+		line-height: 1.8;
+		color: #7f7f7f;
+	}
+
+	.hero-meta {
+		display: grid;
+		grid-template-columns: repeat(3, minmax(0, 1fr));
+		gap: 16rpx;
+		margin-top: 26rpx;
+	}
+
+	.meta-item {
+		padding: 18rpx 16rpx;
+		border-radius: 22rpx;
+		background: rgba(255, 255, 255, 0.12);
+	}
+
+	.meta-value {
+		font-size: 32rpx;
+		font-weight: 700;
+	}
+
+	.meta-label {
+		margin-top: 6rpx;
+		font-size: 22rpx;
+		color: rgba(255, 247, 244, 0.84);
+	}
+
+	.filter-card {
+		margin-top: 22rpx;
+		padding: 24rpx;
+		background: rgba(255, 255, 255, 0.94);
+	}
+
+	.search-box,
+	.field-input,
+	.picker-trigger {
+		background: #f8fbff;
+		border: 1rpx solid rgba(37, 99, 235, 0.1);
+	}
+
+	.search-box {
+		display: flex;
+		align-items: center;
+		gap: 16rpx;
+		padding: 0 18rpx;
+		height: 84rpx;
+		border-radius: 999rpx;
+	}
+
+	:deep(.search-input.uv-input) {
+		flex: 1;
+		height: 100%;
+		padding: 0 !important;
+		background: transparent !important;
+		border: 0 !important;
+	}
+
+	:deep(.search-input.uv-input .uv-input__content__field-wrapper__field) {
+		font-size: 24rpx;
+		color: #1f2937;
+	}
+
+	.search-btn {
+		flex-shrink: 0;
+		font-size: 24rpx;
+		font-weight: 600;
+		color: #2563eb;
+	}
+
+	.field-row,
+	.picker-row,
+	.action-row {
+		margin-top: 16rpx;
+	}
+
+	:deep(.field-input.uv-input) {
+		width: 100%;
+		height: 84rpx;
+		padding: 0 20rpx !important;
+		border-radius: 22rpx;
+		box-sizing: border-box;
+		background: #f8fbff !important;
+		border: 1rpx solid rgba(37, 99, 235, 0.1) !important;
+	}
+
+	:deep(.field-input.uv-input .uv-input__content__field-wrapper__field) {
+		font-size: 24rpx;
+		color: #1f2937;
+	}
+
+	.picker-row {
+		display: grid;
+		grid-template-columns: repeat(2, minmax(0, 1fr));
+		gap: 14rpx;
+	}
+
+	.picker-item {
+		display: block;
+	}
+
+	.picker-trigger {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		height: 84rpx;
+		border-radius: 22rpx;
+		font-size: 24rpx;
+		color: #1f2937;
+	}
+
+	.action-row {
+		display: flex;
+		gap: 14rpx;
+	}
+
+	.action-btn {
+		flex: 1;
+		height: 82rpx;
+		border-radius: 22rpx;
+		background: #eef5ff;
+		color: #2563eb;
+		font-size: 24rpx;
+		font-weight: 600;
+		line-height: 82rpx;
+		text-align: center;
+	}
+
+	.action-btn--primary {
+		background: linear-gradient(135deg, #3b82f6, #2563eb);
+		color: #fff;
+	}
+
+	.state-card {
+		margin-top: 22rpx;
+		padding: 32rpx 28rpx;
+		background: rgba(255, 255, 255, 0.94);
+	}
+
+	.state-card--error {
+		background: rgba(247, 250, 255, 0.98);
+		border: 1rpx solid rgba(37, 99, 235, 0.16);
+	}
+
+	.state-title {
+		font-size: 30rpx;
+		font-weight: 700;
+		color: #1f2329;
+	}
+
+	.state-desc {
+		margin-top: 12rpx;
+		font-size: 24rpx;
+		line-height: 1.7;
+		color: #6c7480;
+	}
+
+	.state-action {
+		margin-top: 18rpx;
+		font-size: 24rpx;
+		font-weight: 600;
+		color: #2563eb;
+	}
+
+	.card-list {
+		display: flex;
+		flex-direction: column;
+		gap: 18rpx;
+		margin-top: 22rpx;
+	}
+
+	.data-card {
+		padding: 24rpx;
+		background: rgba(255, 255, 255, 0.95);
+	}
+
+	.card-top {
+		display: flex;
+		gap: 18rpx;
+	}
+
+	.card-cover {
+		flex-shrink: 0;
+		width: 168rpx;
+		height: 168rpx;
+		border-radius: 24rpx;
+		background-size: cover;
+		background-position: center;
+		overflow: hidden;
+		display: flex;
+		align-items: flex-start;
+		justify-content: flex-start;
+		padding: 16rpx;
+		box-sizing: border-box;
+	}
+
+	.cover-tag {
+		padding: 8rpx 14rpx;
+		border-radius: 999rpx;
+		background: rgba(255, 255, 255, 0.18);
+		color: #fff;
+		font-size: 20rpx;
+		font-weight: 600;
+	}
+
+	.card-main {
+		flex: 1;
+		min-width: 0;
+	}
+
+	.card-title {
+		font-size: 30rpx;
+		font-weight: 700;
+		line-height: 1.5;
+		color: #0f172a;
+	}
+
+	.card-school {
+		margin-top: 8rpx;
+		font-size: 24rpx;
+		color: #64748b;
+	}
+
+	.tag-row {
+		display: flex;
+		flex-wrap: wrap;
+		gap: 10rpx;
+		margin-top: 14rpx;
+	}
+
+	.tag-chip {
+		padding: 8rpx 14rpx;
+		border-radius: 999rpx;
+		background: #fff4e6;
+		color: #c76b11;
+		font-size: 20rpx;
+	}
+
+	.tag-chip--blue {
+		background: #eef5ff;
+		color: #2563eb;
+	}
+
+	.tag-chip--soft {
+		background: #f3f4f6;
+		color: #6b7280;
+	}
+
+	.info-grid {
+		display: grid;
+		grid-template-columns: repeat(3, minmax(0, 1fr));
+		gap: 14rpx;
+		margin-top: 18rpx;
+	}
+
+	.info-item {
+		padding: 18rpx;
+		border-radius: 22rpx;
+		background: #f8fbff;
+	}
+
+	.info-label {
+		font-size: 20rpx;
+		color: #8b94a3;
+	}
+
+	.info-value {
+		margin-top: 8rpx;
+		font-size: 23rpx;
+		line-height: 1.6;
+		color: #1f2937;
+		word-break: break-all;
+	}
+
+	.card-footer {
+		display: flex;
+		justify-content: flex-end;
+		margin-top: 18rpx;
+	}
+
+	.footer-link {
+		font-size: 24rpx;
+		font-weight: 600;
+		color: #2563eb;
+	}
+
+	.load-more {
+		padding: 28rpx 0 12rpx;
+		text-align: center;
+	}
+
+	.load-more-text {
+		font-size: 22rpx;
+		color: #64748b;
+	}
+
+	.load-more-text--end {
+		color: #94a3b8;
+	}
+</style>
diff --git a/pages/gxmu/tzb-talent-list.vue b/pages/gxmu/tzb-talent-list.vue
new file mode 100644
index 0000000..1248310
--- /dev/null
+++ b/pages/gxmu/tzb-talent-list.vue
@@ -0,0 +1,680 @@
+<template>
+  <view class="page">
+    <scroll-view
+      scroll-y
+      class="page-scroll"
+      refresher-enabled
+      :refresher-triggered="refreshing"
+      @refresherrefresh="handleRefresh"
+      @scrolltolower="loadMore"
+    >
+      <common-hero title="挑战杯人才库" :use-image-bg="true"></common-hero>
+      <view class="hero-card hero-card--green">
+        <view class="hero-title">创新竞赛历史人才数据库</view>
+        <view class="hero-desc">
+          按姓名、学校、人才类型、参赛项目和比赛级别查看历届挑战杯人才线索，支持复制详情链接用于进一步跟踪。
+        </view>
+        <view class="hero-meta">
+          <view class="meta-item">
+            <view class="meta-value">{{ list.length }}</view>
+            <view class="meta-label">当前已加载</view>
+          </view>
+          <view class="meta-item">
+            <view class="meta-value">{{ levelOptions.length }}</view>
+            <view class="meta-label">级别筛选</view>
+          </view>
+          <view class="meta-item">
+            <view class="meta-value">{{ talentTypeCount }}</view>
+            <view class="meta-label">人才类型</view>
+          </view>
+        </view>
+      </view>
+
+      <view class="filter-card">
+        <view class="search-box">
+          <uv-input
+            v-model.trim="filters.keywords"
+            class="search-input"
+            placeholder="姓名/项目/学校/奖项"
+            confirm-type="search"
+            @confirm="applyFilters"
+            :maxlength="-1"
+            border="none"
+          />
+          <view class="search-btn" @tap="applyFilters">查询</view>
+        </view>
+
+        <view class="field-row">
+          <uv-input
+            v-model.trim="filters.schoolName"
+            class="field-input"
+            placeholder="参赛学校"
+            confirm-type="search"
+            @confirm="applyFilters"
+            :maxlength="-1"
+            border="none"
+          />
+        </view>
+
+        <view class="field-row">
+          <uv-input
+            v-model.trim="filters.talentType"
+            class="field-input"
+            placeholder="人才类型"
+            confirm-type="search"
+            @confirm="applyFilters"
+            :maxlength="-1"
+            border="none"
+          />
+        </view>
+
+        <view class="picker-row picker-row--single">
+          <picker class="picker-item" mode="selector" :range="levelLabels" :value="levelIndex"
+                  @change="handleLevelChange">
+            <view class="picker-trigger">{{ filters.matchLevel || '比赛级别' }}</view>
+          </picker>
+        </view>
+
+        <view class="action-row">
+          <view class="action-btn action-btn--primary action-btn--green" @tap="applyFilters">查询</view>
+          <view class="action-btn" @tap="resetFilters">重置</view>
+        </view>
+      </view>
+
+      <view v-if="loading && !list.length" class="state-card">
+        <view class="state-title">正在加载人才库...</view>
+        <view class="state-desc">请稍候，正在同步挑战杯历史人才数据。</view>
+      </view>
+
+      <view v-else-if="loadError && !list.length" class="state-card state-card--error">
+        <view class="state-title">加载失败</view>
+        <view class="state-desc">{{ loadError }}</view>
+        <view class="state-action state-action--green" @tap="loadData(true)">重新加载</view>
+      </view>
+
+      <view v-else-if="!list.length" class="state-card">
+        <view class="state-title">暂无匹配人才</view>
+        <view class="state-desc">请调整搜索条件后重新查询。</view>
+      </view>
+
+      <view v-else class="card-list">
+        <view v-for="item in list" :key="item.id || item.sourceId" class="data-card">
+          <view class="card-top">
+            <view class="avatar-cover" :style="getCoverStyle(item.coverImage)">
+              <view class="avatar-text">{{ getAvatarText(item.personName) }}</view>
+            </view>
+            <view class="card-main">
+              <view class="card-title-row">
+                <view class="card-title">{{ item.personName || '未命名人才' }}</view>
+                <view class="tag-chip tag-chip--green">{{ item.talentType || '未分类' }}</view>
+              </view>
+              <view class="card-school">{{ item.schoolName || '未知学校' }}</view>
+              <view class="card-project">{{ item.projectName || '未录入项目名称' }}</view>
+              <view class="tag-row">
+                <view class="tag-chip">{{ item.awardName || '未录入奖项' }}</view>
+                <view class="tag-chip tag-chip--blue">{{ item.matchLevel || '未知级别' }}</view>
+                <view class="tag-chip tag-chip--soft">{{ item.matchTerm || '未知届次' }}</view>
+              </view>
+            </view>
+          </view>
+
+          <view class="info-grid">
+            <view class="info-item">
+              <view class="info-label">来源ID</view>
+              <view class="info-value">{{ item.sourceId || '-' }}</view>
+            </view>
+            <view class="info-item">
+              <view class="info-label">来源页码</view>
+              <view class="info-value">{{ item.pageNo || '-' }}</view>
+            </view>
+            <view class="info-item">
+              <view class="info-label">同步时间</view>
+              <view class="info-value">{{ formatDateTime(item.lastSyncTime) }}</view>
+            </view>
+          </view>
+
+          <view class="card-footer">
+            <view class="footer-link footer-link--green" @tap="copyLink(item.detailUrl)">复制详情链接</view>
+          </view>
+        </view>
+      </view>
+
+      <view v-if="list.length" class="load-more">
+        <view v-if="loadingMore" class="load-more-text">正在加载更多...</view>
+        <view v-else-if="hasMore" class="load-more-text" @tap="loadMore">点击加载更多</view>
+        <view v-else class="load-more-text load-more-text--end">没有更多数据了</view>
+      </view>
+    </scroll-view>
+  </view>
+</template>
+
+<script>
+import CommonHero from '../../components/common-hero/common-hero.vue'
+import {pageTzbTalentList} from './tzb-database-service'
+
+const DEFAULT_FILTERS = () => ({
+  keywords: '',
+  schoolName: '',
+  talentType: '',
+  matchLevel: ''
+})
+
+export default {
+  components: {
+    CommonHero
+  },
+  data() {
+    return {
+      loading: false,
+      loadingMore: false,
+      refreshing: false,
+      loadError: '',
+      page: 1,
+      limit: 10,
+      total: 0,
+      hasMore: true,
+      list: [],
+      filters: DEFAULT_FILTERS(),
+      levelOptions: ['国赛', '省赛', '校赛']
+    }
+  },
+  computed: {
+    levelLabels() {
+      return ['全部级别', ...this.levelOptions]
+    },
+    levelIndex() {
+      if (!this.filters.matchLevel) {
+        return 0
+      }
+      const index = this.levelOptions.findIndex((item) => item === this.filters.matchLevel)
+      return index >= 0 ? index + 1 : 0
+    },
+    talentTypeCount() {
+      const set = new Set(this.list.map((item) => item.talentType).filter(Boolean))
+      return set.size || '-'
+    }
+  },
+  onLoad() {
+    this.loadData(true)
+  },
+  methods: {
+    showToast(title) {
+      uni.showToast({
+        title,
+        icon: 'none'
+      })
+    },
+    formatDateTime(value) {
+      if (!value) {
+        return '-'
+      }
+      const date = new Date(String(value).replace(/-/g, '/'))
+      if (Number.isNaN(date.getTime())) {
+        return value
+      }
+      const pad = (item) => String(item).padStart(2, '0')
+      return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())} ${pad(date.getHours())}:${pad(date.getMinutes())}:${pad(date.getSeconds())}`
+    },
+    getCoverStyle(url) {
+      if (url) {
+        return `background-image: linear-gradient(rgba(15, 23, 42, 0.12), rgba(15, 23, 42, 0.24)), url(${url});`
+      }
+      return 'background: linear-gradient(135deg, #34d399 0%, #10b981 100%);'
+    },
+    getAvatarText(name) {
+      return String(name || '人才').slice(-2)
+    },
+    handleLevelChange(event) {
+      const index = Number(event.detail.value || 0)
+      this.filters.matchLevel = index === 0 ? '' : this.levelOptions[index - 1]
+    },
+    handleRefresh() {
+      this.refreshing = true
+      this.loadData(true)
+    },
+    applyFilters() {
+      this.loadData(true)
+    },
+    resetFilters() {
+      this.filters = DEFAULT_FILTERS()
+      this.loadData(true)
+    },
+    async loadData(reset = false) {
+      if (this.loading || this.loadingMore) {
+        if (reset) {
+          this.refreshing = false
+        }
+        return
+      }
+      const nextPage = reset ? 1 : this.page
+      if (!reset && !this.hasMore) {
+        return
+      }
+      if (reset) {
+        this.loading = true
+        this.loadError = ''
+      } else {
+        this.loadingMore = true
+      }
+      try {
+        const params = {
+          page: nextPage,
+          limit: this.limit
+        }
+        if (this.filters.keywords) params.keywords = this.filters.keywords
+        if (this.filters.schoolName) params.schoolName = this.filters.schoolName
+        if (this.filters.talentType) params.talentType = this.filters.talentType
+        if (this.filters.matchLevel) params.matchLevel = this.filters.matchLevel
+        const result = await pageTzbTalentList(params)
+        const nextList = (result && result.list) || []
+        const count = Number((result && result.count) || 0)
+        this.total = count
+        this.page = nextPage + 1
+        this.list = reset ? nextList : this.list.concat(nextList)
+        this.hasMore = this.list.length < count
+      } catch (error) {
+        this.loadError = (error && error.message) || '人才库加载失败'
+        this.showToast(this.loadError)
+      } finally {
+        this.loading = false
+        this.loadingMore = false
+        this.refreshing = false
+      }
+    },
+    loadMore() {
+      if (!this.loading && !this.loadingMore && this.hasMore) {
+        this.loadData(false)
+      }
+    },
+    copyLink(url) {
+      if (!url) {
+        this.showToast('暂无详情链接')
+        return
+      }
+      uni.setClipboardData({
+        data: url,
+        success: () => {
+          this.showToast('详情链接已复制')
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.page {
+  min-height: 100vh;
+  background: radial-gradient(circle at top left, rgba(16, 185, 129, 0.14), transparent 28%),
+  linear-gradient(180deg, #f5fffb 0%, #fffdf8 100%);
+}
+
+.page-scroll {
+  height: 100vh;
+  //padding: 28rpx 24rpx 40rpx;
+  box-sizing: border-box;
+}
+
+.hero-card,
+.filter-card,
+.state-card,
+.data-card {
+  border-radius: 30rpx;
+  box-shadow: 0 14rpx 34rpx rgba(15, 23, 42, 0.06);
+}
+
+.hero-card {
+  padding: 34rpx 36rpx;
+  border-radius: 28rpx;
+  background: rgba(255, 255, 255, 0.5);
+  box-shadow: 0 4rpx 12rpx 0 rgba(174, 174, 174, 0.4);
+  backdrop-filter: blur(24rpx);
+  -webkit-backdrop-filter: blur(24rpx);
+  border: 1rpx solid rgba(255, 255, 255, 0.5);
+}
+
+.hero-card--green .hero-badge {
+  background: rgba(20,150,242,.1);
+}
+
+.hero-badge {
+  display: inline-flex;
+  padding: 10rpx 18rpx;
+  border-radius: 999rpx;
+  font-size: 22rpx;
+  color: #1496f2;
+}
+
+.hero-title {
+  margin-top: 8rpx;
+  padding-left: 10rpx;
+  font-size: 30rpx;
+  line-height: 1.35;
+  font-weight: 700;
+  color: #18a0f7;
+  border-left: 5px solid #0f94ef;
+}
+
+.hero-desc {
+  margin-top: 20rpx;
+  font-size: 24rpx;
+  line-height: 1.8;
+  color: #7f7f7f;
+}
+
+.hero-meta {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 16rpx;
+  margin-top: 26rpx;
+}
+
+.meta-item {
+  padding: 18rpx 16rpx;
+  border-radius: 22rpx;
+  background: rgba(255, 255, 255, 0.12);
+}
+
+.meta-value {
+  font-size: 32rpx;
+  font-weight: 700;
+}
+
+.meta-label {
+  margin-top: 6rpx;
+  font-size: 22rpx;
+  color: rgba(247, 255, 251, 0.84);
+}
+
+.filter-card {
+  margin-top: 22rpx;
+  padding: 24rpx;
+  background: rgba(255, 255, 255, 0.94);
+}
+
+.search-box,
+.field-input,
+.picker-trigger {
+  background: #f7fffb;
+  border: 1rpx solid rgba(16, 185, 129, 0.12);
+}
+
+.search-box {
+  display: flex;
+  align-items: center;
+  gap: 16rpx;
+  padding: 0 18rpx;
+  height: 84rpx;
+  border-radius: 999rpx;
+}
+
+:deep(.search-input.uv-input) {
+  flex: 1;
+  height: 100%;
+  padding: 0 !important;
+  background: transparent !important;
+  border: 0 !important;
+}
+
+:deep(.search-input.uv-input .uv-input__content__field-wrapper__field) {
+  font-size: 24rpx;
+  color: #1f2937;
+}
+
+.search-btn {
+  flex-shrink: 0;
+  font-size: 24rpx;
+  font-weight: 600;
+  color: #0f9f71;
+}
+
+.field-row,
+.picker-row,
+.action-row {
+  margin-top: 16rpx;
+}
+
+:deep(.field-input.uv-input) {
+  width: 100%;
+  height: 84rpx;
+  padding: 0 20rpx !important;
+  border-radius: 22rpx;
+  box-sizing: border-box;
+  background: #f7fffb !important;
+  border: 1rpx solid rgba(16, 185, 129, 0.12) !important;
+}
+
+:deep(.field-input.uv-input .uv-input__content__field-wrapper__field) {
+  font-size: 24rpx;
+  color: #1f2937;
+}
+
+.picker-row--single {
+  display: block;
+}
+
+.picker-item {
+  display: block;
+}
+
+.picker-trigger {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 84rpx;
+  border-radius: 22rpx;
+  font-size: 24rpx;
+  color: #1f2937;
+}
+
+.action-row {
+  display: flex;
+  gap: 14rpx;
+}
+
+.action-btn {
+  flex: 1;
+  height: 82rpx;
+  border-radius: 22rpx;
+  background: #ecfdf5;
+  color: #0f9f71;
+  font-size: 24rpx;
+  font-weight: 600;
+  line-height: 82rpx;
+  text-align: center;
+}
+
+.action-btn--primary {
+  color: #fff;
+}
+
+.action-btn--green {
+  background: linear-gradient(135deg, #34d399, #10b981);
+}
+
+.state-card {
+  margin-top: 22rpx;
+  padding: 32rpx 28rpx;
+  background: rgba(255, 255, 255, 0.94);
+}
+
+.state-card--error {
+  background: rgba(247, 255, 251, 0.98);
+  border: 1rpx solid rgba(16, 185, 129, 0.16);
+}
+
+.state-title {
+  font-size: 30rpx;
+  font-weight: 700;
+  color: #1f2329;
+}
+
+.state-desc {
+  margin-top: 12rpx;
+  font-size: 24rpx;
+  line-height: 1.7;
+  color: #6c7480;
+}
+
+.state-action {
+  margin-top: 18rpx;
+  font-size: 24rpx;
+  font-weight: 600;
+  color: #2563eb;
+}
+
+.state-action--green {
+  color: #0f9f71;
+}
+
+.card-list {
+  display: flex;
+  flex-direction: column;
+  gap: 18rpx;
+  margin-top: 22rpx;
+}
+
+.data-card {
+  padding: 24rpx;
+  background: rgba(255, 255, 255, 0.95);
+}
+
+.card-top {
+  display: flex;
+  gap: 18rpx;
+}
+
+.avatar-cover {
+  flex-shrink: 0;
+  width: 144rpx;
+  height: 144rpx;
+  border-radius: 50%;
+  background-size: cover;
+  background-position: center;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.avatar-text {
+  font-size: 34rpx;
+  font-weight: 700;
+  color: #fff;
+}
+
+.card-main {
+  flex: 1;
+  min-width: 0;
+}
+
+.card-title-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12rpx;
+}
+
+.card-title {
+  font-size: 30rpx;
+  font-weight: 700;
+  line-height: 1.5;
+  color: #0f172a;
+}
+
+.card-school,
+.card-project {
+  margin-top: 8rpx;
+  font-size: 24rpx;
+  line-height: 1.6;
+  color: #64748b;
+}
+
+.card-project {
+  color: #1f2937;
+}
+
+.tag-row {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10rpx;
+  margin-top: 14rpx;
+}
+
+.tag-chip {
+  padding: 8rpx 14rpx;
+  border-radius: 999rpx;
+  background: #fff4e6;
+  color: #c76b11;
+  font-size: 20rpx;
+}
+
+.tag-chip--green {
+  background: #e9fbf5;
+  color: #0f9f71;
+}
+
+.tag-chip--blue {
+  background: #eef5ff;
+  color: #2563eb;
+}
+
+.tag-chip--soft {
+  background: #f3f4f6;
+  color: #6b7280;
+}
+
+.info-grid {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 14rpx;
+  margin-top: 18rpx;
+}
+
+.info-item {
+  padding: 18rpx;
+  border-radius: 22rpx;
+  background: #f7fffb;
+}
+
+.info-label {
+  font-size: 20rpx;
+  color: #8b94a3;
+}
+
+.info-value {
+  margin-top: 8rpx;
+  font-size: 23rpx;
+  line-height: 1.6;
+  color: #1f2937;
+  word-break: break-all;
+}
+
+.card-footer {
+  display: flex;
+  justify-content: flex-end;
+  margin-top: 18rpx;
+}
+
+.footer-link {
+  font-size: 24rpx;
+  font-weight: 600;
+}
+
+.footer-link--green {
+  color: #0f9f71;
+}
+
+.load-more {
+  padding: 28rpx 0 12rpx;
+  text-align: center;
+}
+
+.load-more-text {
+  font-size: 22rpx;
+  color: #64748b;
+}
+
+.load-more-text--end {
+  color: #94a3b8;
+}
+</style>
diff --git a/pages/gxmu/tzbcy.vue b/pages/gxmu/tzbcy.vue
new file mode 100644
index 0000000..5e88343
--- /dev/null
+++ b/pages/gxmu/tzbcy.vue
@@ -0,0 +1,787 @@
+<template>
+	<view class="page">
+		<scroll-view scroll-y class="page-scroll">
+			<common-hero :title="pageTitle" :use-image-bg="true"></common-hero>
+			<view class="hero-card">
+				<view class="hero-badge">挑战杯</view>
+				<view class="hero-title">{{ pageTitle }}</view>
+				<view class="hero-desc">按后台完整字段拆分为项目申报表、项目说明、公开展示信息表。</view>
+				<view class="hero-actions">
+					<view class="hero-action" @tap="openCreate">立即申报</view>
+					<view class="hero-action hero-action--secondary" @tap="loadData">刷新列表</view>
+				</view>
+			</view>
+
+			<view v-if="loading" class="state-card">
+				<view class="state-title">正在加载申报记录...</view>
+			</view>
+			<view v-else-if="!list.length" class="state-card">
+				<view class="state-title">暂无申报记录</view>
+				<view class="state-desc">点击上方“立即申报”开始填写挑战杯项目。</view>
+			</view>
+			<view v-else class="card-list">
+				<view v-for="item in list" :key="item.id" class="data-card" @tap="openEdit(item)">
+					<view class="card-top">
+						<view>
+							<view class="card-title">{{ item.projectName || '未命名项目' }}</view>
+							<view class="card-subtitle">{{ item.projectType || '-' }} · {{ item.projectGroup || '-' }}</view>
+						</view>
+						<view class="card-year">{{ item.year || '-' }}</view>
+					</view>
+					<view class="meta-line">学校：{{ item.schoolName || '-' }}</view>
+					<view class="meta-line">负责人：{{ getLeaderInfo(item).leader || '-' }} / {{ getLeaderInfo(item).phone || '-' }}</view>
+				</view>
+			</view>
+		</scroll-view>
+
+		<view v-if="showEdit" class="modal-mask" @tap="closeEdit">
+			<view class="modal-panel" @tap.stop>
+				<view class="modal-head">
+					<view class="modal-title">{{ current.id ? '编辑挑战杯申报' : '新增挑战杯申报' }}</view>
+					<view class="modal-close" @tap="closeEdit">关闭</view>
+				</view>
+
+				<scroll-view scroll-y class="modal-body">
+					<view class="tab-row">
+						<view class="tab-item" :class="{ 'tab-item--active': activeTab === 'base' }" @tap="activeTab = 'base'">项目申报表</view>
+						<view class="tab-item" :class="{ 'tab-item--active': activeTab === 'detail' }" @tap="activeTab = 'detail'">项目说明</view>
+						<view class="tab-item" :class="{ 'tab-item--active': activeTab === 'public' }" @tap="activeTab = 'public'">公开展示信息表</view>
+					</view>
+
+					<view v-if="activeTab === 'base'" class="form-section">
+						<view class="field-item">
+							<view class="field-label">年份</view>
+							<uv-input class="field-input field-input--readonly" :modelValue="current.year" border="none" readonly placeholder="当前申报年份" />
+						</view>
+						<view class="field-grid field-grid--2">
+							<view class="field-item">
+								<view class="field-label">所在省（区、市）</view>
+								<uv-input class="field-input" :modelValue="current.provinceCity" border="none" @input="setField('provinceCity', $event)" placeholder="请输入所在省/市" />
+							</view>
+							<view class="field-item">
+								<view class="field-label">学校名称（全称）</view>
+								<uv-input class="field-input" :modelValue="current.schoolName" border="none" @input="setField('schoolName', $event)" placeholder="请输入学校名称" />
+							</view>
+						</view>
+						<view class="field-item">
+							<view class="field-label">项目名称</view>
+							<uv-input class="field-input" :modelValue="current.projectName" border="none" @input="setField('projectName', $event)" placeholder="请输入项目名称" />
+						</view>
+						<view class="field-item">
+							<view class="field-label">项目类型</view>
+							<view class="field-picker" @tap="openFormProjectTypePicker">
+								<text :class="current.projectType ? 'field-value' : 'field-placeholder'">
+									{{ getOptionLabel(current.projectType, formProjectTypeOptions) || '请选择项目类型' }}
+								</text>
+							</view>
+						</view>
+						<view class="field-item">
+							<view class="field-label">
+								项目分组
+								<view class="field-note">仅可选择 1 个组别，按后台申报配置提供选项。</view>
+							</view>
+							<view class="field-picker" @tap="openFormProjectGroupPicker">
+								<text :class="current.projectGroup ? 'field-value' : 'field-placeholder'">
+									{{ getOptionLabel(current.projectGroup, formProjectGroupOptions) || '请选择项目分组' }}
+								</text>
+							</view>
+						</view>
+
+						<view class="section-header">
+							<view class="section-subtitle">团队成员</view>
+							<view class="section-action" @tap="addTeamMember">新增成员</view>
+						</view>
+						<view v-if="!current.teamMembers.length" class="empty-inline">暂无团队成员，请手动新增。</view>
+						<view v-for="(item, index) in current.teamMembers" :key="`member-${index}`" class="group-card">
+							<view class="group-head">
+								<view class="group-title">成员 {{ index + 1 }}</view>
+								<view class="group-remove" @tap="removeTeamMember(index)">删除</view>
+							</view>
+							<view class="field-grid field-grid--2">
+								<view class="field-item"><view class="field-label">姓名</view><uv-input class="field-input" :modelValue="item.name" border="none" @input="setTeamMemberField(index, 'name', $event)" /></view>
+								<view class="field-item"><view class="field-label">性别</view><uv-input class="field-input" :modelValue="item.gender" border="none" @input="setTeamMemberField(index, 'gender', $event)" /></view>
+								<view class="field-item"><view class="field-label">学院</view><uv-input class="field-input" :modelValue="item.college" border="none" @input="setTeamMemberField(index, 'college', $event)" /></view>
+								<view class="field-item"><view class="field-label">年级、专业</view><uv-input class="field-input" :modelValue="item.gradeMajor" border="none" @input="setTeamMemberField(index, 'gradeMajor', $event)" /></view>
+								<view class="field-item"><view class="field-label">手机</view><uv-input class="field-input" :modelValue="item.phone" border="none" @input="setTeamMemberField(index, 'phone', $event)" /></view>
+								<view class="field-item"><view class="field-label">备注</view><uv-input class="field-input" :modelValue="item.remark" border="none" @input="setTeamMemberField(index, 'remark', $event)" placeholder="负责人及学历等备注" /></view>
+							</view>
+						</view>
+
+						<view class="section-header">
+							<view class="section-subtitle">指导教师</view>
+							<view class="section-action" @tap="addAdvisor">新增教师</view>
+						</view>
+						<view v-if="!current.advisors.length" class="empty-inline">暂无指导教师，请手动新增。</view>
+						<view v-for="(item, index) in current.advisors" :key="`advisor-${index}`" class="group-card">
+							<view class="group-head">
+								<view class="group-title">指导教师 {{ index + 1 }}</view>
+								<view class="group-remove" @tap="removeAdvisor(index)">删除</view>
+							</view>
+							<view class="field-grid field-grid--2">
+								<view class="field-item"><view class="field-label">姓名</view><uv-input class="field-input" :modelValue="item.name" border="none" @input="setAdvisorField(index, 'name', $event)" /></view>
+								<view class="field-item"><view class="field-label">性别</view><uv-input class="field-input" :modelValue="item.gender" border="none" @input="setAdvisorField(index, 'gender', $event)" /></view>
+								<view class="field-item"><view class="field-label">学院</view><uv-input class="field-input" :modelValue="item.college" border="none" @input="setAdvisorField(index, 'college', $event)" /></view>
+								<view class="field-item"><view class="field-label">职称</view><uv-input class="field-input" :modelValue="item.title" border="none" @input="setAdvisorField(index, 'title', $event)" /></view>
+								<view class="field-item"><view class="field-label">职务</view><uv-input class="field-input" :modelValue="item.duty" border="none" @input="setAdvisorField(index, 'duty', $event)" /></view>
+								<view class="field-item"><view class="field-label">手机</view><uv-input class="field-input" :modelValue="item.phone" border="none" @input="setAdvisorField(index, 'phone', $event)" /></view>
+							</view>
+						</view>
+
+						<view class="field-item">
+							<view class="field-label">项目简介（500 字以内）</view>
+							<textarea class="field-textarea" :value="current.projectBrief" @input="setField('projectBrief', $event)" placeholder="请输入项目简介" />
+						</view>
+					</view>
+
+					<view v-else-if="activeTab === 'detail'" class="form-section">
+						<view class="field-item"><view class="field-label">社会价值（500 字以内）</view><textarea class="field-textarea" :value="current.socialValue" @input="setField('socialValue', $event)" /></view>
+						<view class="field-item"><view class="field-label">实践过程（500 字以内）</view><textarea class="field-textarea" :value="current.practiceProcess" @input="setField('practiceProcess', $event)" /></view>
+						<view class="field-item"><view class="field-label">创新意义（500 字以内）</view><textarea class="field-textarea" :value="current.innovationMeaning" @input="setField('innovationMeaning', $event)" /></view>
+						<view class="field-item"><view class="field-label">发展前景（500 字以内）</view><textarea class="field-textarea" :value="current.developmentProspect" @input="setField('developmentProspect', $event)" /></view>
+						<view class="field-item"><view class="field-label">团队协作（500 字以内）</view><textarea class="field-textarea" :value="current.teamCooperation" @input="setField('teamCooperation', $event)" /></view>
+						<view class="field-item"><view class="field-label">项目介绍材料</view><textarea class="field-textarea" :value="current.projectMaterials" @input="setField('projectMaterials', $event)" /></view>
+						<view class="field-item"><view class="field-label">其他相关证明材料</view><textarea class="field-textarea" :value="current.otherProofs" @input="setField('otherProofs', $event)" placeholder="选报，相关证明材料说明" /></view>
+					</view>
+
+					<view v-else class="form-section">
+						<view class="field-item">
+							<view class="field-label">项目名称</view>
+							<uv-input class="field-input" :modelValue="current.projectName" border="none" @input="setField('projectName', $event)" placeholder="请输入项目名称" />
+						</view>
+						<view class="field-item">
+							<view class="field-label">参赛学校</view>
+							<uv-input class="field-input" :modelValue="current.schoolName" border="none" @input="setField('schoolName', $event)" placeholder="请输入参赛学校" />
+						</view>
+						<view class="field-item">
+							<view class="field-label">项目类型</view>
+							<view class="field-picker" @tap="openPublicProjectTypePicker">
+								<text :class="current.publicProjectType ? 'field-value' : 'field-placeholder'">
+									{{ getOptionLabel(current.publicProjectType, publicProjectTypeOptions) || '请选择项目类型' }}
+								</text>
+							</view>
+						</view>
+						<view class="field-item">
+							<view class="field-label">项目分组</view>
+							<view class="field-picker" @tap="openPublicProjectGroupPicker">
+								<text :class="current.publicProjectGroup ? 'field-value' : 'field-placeholder'">
+									{{ getOptionLabel(current.publicProjectGroup, publicProjectGroupOptions) || '请选择项目分组' }}
+								</text>
+							</view>
+						</view>
+						<view class="field-item">
+							<view class="field-label">我们的项目</view>
+							<textarea class="field-textarea" :value="current.projectSummary" @input="setField('projectSummary', $event)" placeholder="150字以内，阐述项目的实践来源、社会背景、基本情况等" />
+						</view>
+						<view class="field-item">
+							<view class="field-label">我们的团队</view>
+							<view class="upload-card">
+								<image v-if="current.teamIntro" class="upload-image" :src="current.teamIntro" mode="aspectFill" @tap="previewImage(current.teamIntro)" />
+								<view v-else class="upload-empty">请上传团队图片</view>
+								<view class="upload-actions">
+									<view class="upload-btn" @tap="chooseTeamImage">上传图片</view>
+									<view v-if="current.teamIntro" class="upload-btn upload-btn--ghost" @tap="clearField('teamIntro')">移除</view>
+								</view>
+							</view>
+						</view>
+						<view class="field-item"><view class="field-label">我们的口号</view><uv-input class="field-input" :modelValue="current.teamSlogan" border="none" @input="setField('teamSlogan', $event)" placeholder="20字以内" /></view>
+						<view class="field-item">
+							<view class="field-label">我们的实践日志（选填）</view>
+							<view class="upload-card">
+								<view v-if="current.practiceLog" class="video-box">
+									<video class="upload-video" :src="current.practiceLog" controls object-fit="cover"></video>
+								</view>
+								<view v-else class="upload-empty">请上传实践日志视频</view>
+								<view class="upload-actions">
+									<view class="upload-btn" @tap="choosePracticeVideo">上传视频</view>
+									<view v-if="current.practiceLog" class="upload-btn upload-btn--ghost" @tap="clearField('practiceLog')">移除</view>
+								</view>
+							</view>
+						</view>
+					</view>
+				</scroll-view>
+
+				<view class="modal-actions">
+					<view class="ghost-btn" @tap="closeEdit">取消</view>
+					<view class="primary-btn" @tap="save">保存</view>
+				</view>
+			</view>
+		</view>
+
+		<uv-picker
+			ref="formProjectTypePicker"
+			title="选择项目类型"
+			:columns="formProjectTypePickerColumns"
+			:defaultIndex="[formProjectTypeIndex]"
+			keyName="text"
+			@close="noop"
+			@cancel="noop"
+			@confirm="confirmFormProjectTypePicker"
+		></uv-picker>
+
+		<uv-picker
+			ref="formProjectGroupPicker"
+			title="选择项目分组"
+			:columns="formProjectGroupPickerColumns"
+			:defaultIndex="[formProjectGroupIndex]"
+			keyName="text"
+			@close="noop"
+			@cancel="noop"
+			@confirm="confirmFormProjectGroupPicker"
+		></uv-picker>
+
+		<uv-picker
+			ref="publicProjectTypePicker"
+			title="选择公开项目类型"
+			:columns="publicProjectTypePickerColumns"
+			:defaultIndex="[publicProjectTypeIndex]"
+			keyName="text"
+			@close="noop"
+			@cancel="noop"
+			@confirm="confirmPublicProjectTypePicker"
+		></uv-picker>
+
+		<uv-picker
+			ref="publicProjectGroupPicker"
+			title="选择公开项目分组"
+			:columns="publicProjectGroupPickerColumns"
+			:defaultIndex="[publicProjectGroupIndex]"
+			keyName="text"
+			@close="noop"
+			@cancel="noop"
+			@confirm="confirmPublicProjectGroupPicker"
+		></uv-picker>
+	</view>
+</template>
+
+<script>
+import CommonHero from '../../components/common-hero/common-hero.vue'
+import { addTzbcyForm, getDeclare, getTzbcyForm, uploadTempFile, userPageTzbcyForm } from './module-form-service'
+
+const FALLBACK_PROJECT_TYPE_OPTIONS = [
+	{ label: 'I. 普通高校', value: '普通高校' },
+	{ label: 'II. 职业院校', value: '职业院校' },
+	{ label: 'III. 东盟留学生专项', value: '东盟留学生专项' }
+]
+
+const FALLBACK_PROJECT_GROUP_OPTIONS = [
+	{ label: 'A. 科技创新和未来产业', value: 'A. 科技创新和未来产业' },
+	{ label: 'B. 乡村振兴和农业农村现代化', value: 'B. 乡村振兴和农业农村现代化' },
+	{ label: 'C. 社会治理和公共服务', value: 'C. 社会治理和公共服务' },
+	{ label: 'D. 生态环保和可持续发展', value: 'D. 生态环保和可持续发展' },
+	{ label: 'E. 文化创意和区域合作', value: 'E. 文化创意和区域合作' }
+]
+
+const createTeamMember = () => ({
+	name: '',
+	gender: '',
+	college: '',
+	gradeMajor: '',
+	phone: '',
+	remark: ''
+})
+
+const createAdvisor = () => ({
+	name: '',
+	gender: '',
+	college: '',
+	title: '',
+	duty: '',
+	phone: ''
+})
+
+const createDefaultForm = () => ({
+	id: undefined,
+	year: '',
+	provinceCity: '',
+	schoolName: '广西医科大学',
+	projectName: '',
+	projectType: '',
+	projectGroup: '',
+	publicProjectType: '',
+	publicProjectGroup: '',
+	leader: '',
+	phone: '',
+	teamMembers: [],
+	advisors: [],
+	projectBrief: '',
+	socialValue: '',
+	practiceProcess: '',
+	innovationMeaning: '',
+	developmentProspect: '',
+	teamCooperation: '',
+	projectMaterials: '',
+	otherProofs: '',
+	projectSummary: '',
+	teamIntro: '',
+	teamSlogan: '',
+	practiceLog: ''
+})
+
+const parseMultiValueField = (value) => {
+	if (Array.isArray(value)) {
+		return value.map((item) => String(item || '').trim()).filter(Boolean)
+	}
+	if (typeof value !== 'string') {
+		return []
+	}
+	const trimmed = value.trim()
+	if (!trimmed) {
+		return []
+	}
+	try {
+		const parsed = JSON.parse(trimmed)
+		if (Array.isArray(parsed)) {
+			return parsed.map((item) => String(item || '').trim()).filter(Boolean)
+		}
+	} catch (error) {}
+	return [trimmed]
+}
+
+const buildChoiceOptions = (customValues, fallback, currentValue) => {
+	const values = (customValues && customValues.length ? customValues : fallback.map((item) => item.value))
+		.map((item) => String(item || '').trim())
+		.filter((item, index, arr) => item && arr.indexOf(item) === index)
+	if (currentValue && String(currentValue).trim() && !values.includes(String(currentValue).trim())) {
+		values.push(String(currentValue).trim())
+	}
+	return values.map((value) => {
+		const matched = fallback.find((item) => item.value === value)
+		return {
+			label: matched && matched.label ? matched.label : value,
+			value
+		}
+	})
+}
+
+export default {
+	components: {
+		CommonHero
+	},
+	data() {
+		return {
+			loading: false,
+			initializingDetail: false,
+			showEdit: false,
+			activeTab: 'base',
+			pageTitle: '挑战杯申报',
+			fixedYear: '',
+			declareId: '',
+			list: [],
+			current: createDefaultForm(),
+			declareConfig: null
+		}
+	},
+	computed: {
+		formProjectTypeOptions() {
+			const config = this.declareConfig || {}
+			return buildChoiceOptions(
+				parseMultiValueField(config.formProjectType || config.projectType),
+				FALLBACK_PROJECT_TYPE_OPTIONS,
+				this.current.projectType
+			)
+		},
+		formProjectGroupOptions() {
+			const config = this.declareConfig || {}
+			return buildChoiceOptions(
+				parseMultiValueField(config.formProjectGroup || config.projectGroup),
+				FALLBACK_PROJECT_GROUP_OPTIONS,
+				this.current.projectGroup
+			)
+		},
+		publicProjectTypeOptions() {
+			const config = this.declareConfig || {}
+			return buildChoiceOptions(
+				parseMultiValueField(config.publicProjectType || config.projectType),
+				FALLBACK_PROJECT_TYPE_OPTIONS,
+				this.current.publicProjectType
+			)
+		},
+		publicProjectGroupOptions() {
+			const config = this.declareConfig || {}
+			return buildChoiceOptions(
+				parseMultiValueField(config.publicProjectGroup || config.projectGroup),
+				FALLBACK_PROJECT_GROUP_OPTIONS,
+				this.current.publicProjectGroup
+			)
+		},
+		formProjectTypePickerColumns() {
+			return [this.formProjectTypeOptions.map((item) => ({ text: item.label, value: item.value }))]
+		},
+		formProjectGroupPickerColumns() {
+			return [this.formProjectGroupOptions.map((item) => ({ text: item.label, value: item.value }))]
+		},
+		publicProjectTypePickerColumns() {
+			return [this.publicProjectTypeOptions.map((item) => ({ text: item.label, value: item.value }))]
+		},
+		publicProjectGroupPickerColumns() {
+			return [this.publicProjectGroupOptions.map((item) => ({ text: item.label, value: item.value }))]
+		},
+		formProjectTypeIndex() {
+			return this.getOptionIndex(this.current.projectType, this.formProjectTypeOptions)
+		},
+		formProjectGroupIndex() {
+			return this.getOptionIndex(this.current.projectGroup, this.formProjectGroupOptions)
+		},
+		publicProjectTypeIndex() {
+			return this.getOptionIndex(this.current.publicProjectType, this.publicProjectTypeOptions)
+		},
+		publicProjectGroupIndex() {
+			return this.getOptionIndex(this.current.publicProjectGroup, this.publicProjectGroupOptions)
+		}
+	},
+	onLoad(options) {
+		this.fixedYear = String(options.year || '').trim()
+		this.declareId = String(options.id || '').trim()
+		this.pageTitle = decodeURIComponent(options.declareTitle || '挑战杯申报').trim() || '挑战杯申报'
+		this.loadData()
+		this.loadDeclareConfig()
+		this.loadInitialDetail(options)
+	},
+	methods: {
+		getOptionIndex(value, options) {
+			const index = (options || []).findIndex((item) => item.value === value)
+			return index > -1 ? index : 0
+		},
+		getOptionLabel(value, options) {
+			const matched = (options || []).find((item) => item.value === value)
+			return matched ? matched.label : value
+		},
+		normalizeDetail(detail) {
+			const defaults = createDefaultForm()
+			const normalizedProjectType = (detail && detail.projectType) || ''
+			const normalizedProjectGroup = (detail && detail.projectGroup) || ''
+			return {
+				...defaults,
+				...(detail || {}),
+				projectType: normalizedProjectType,
+				projectGroup: normalizedProjectGroup,
+				publicProjectType: (detail && detail.publicProjectType) || normalizedProjectType,
+				publicProjectGroup: (detail && detail.publicProjectGroup) || normalizedProjectGroup,
+				teamMembers: Array.isArray(detail && detail.teamMembers) ? detail.teamMembers.map((item) => ({ ...createTeamMember(), ...(item || {}) })) : [],
+				advisors: Array.isArray(detail && detail.advisors) ? detail.advisors.map((item) => ({ ...createAdvisor(), ...(item || {}) })) : []
+			}
+		},
+		getLeaderInfo(record) {
+			const members = Array.isArray(record && record.teamMembers) ? record.teamMembers : []
+			const firstMember = members.find((item) => String(item && (item.name || item.phone) || '').trim())
+			return {
+				leader: (record && record.leader) || (firstMember && firstMember.name) || '',
+				phone: (record && record.phone) || (firstMember && firstMember.phone) || ''
+			}
+		},
+		async loadDeclareConfig() {
+			if (!this.declareId) {
+				return
+			}
+			try {
+				const result = await getDeclare(this.declareId)
+				this.declareConfig = result || null
+				const declareYear = String((result && result.year) || '').trim()
+				if (declareYear) {
+					this.fixedYear = declareYear
+					this.current.year = declareYear
+				}
+			} catch (error) {
+				uni.showToast({ title: (error && error.message) || '申报配置加载失败', icon: 'none' })
+			}
+		},
+		async loadInitialDetail(options) {
+			const id = String((options && options.id) || '').trim()
+			if (!id) {
+				return
+			}
+			this.initializingDetail = true
+			try {
+				const detail = await getTzbcyForm(id)
+				this.current = {
+					...this.normalizeDetail(detail),
+					year: String((detail && detail.year) || this.fixedYear || '').trim()
+				}
+				if (this.current.year) {
+					this.fixedYear = this.current.year
+				}
+				// this.showEdit = true
+			} catch (error) {
+				uni.showToast({ title: (error && error.message) || '加载详情失败', icon: 'none' })
+			} finally {
+				this.initializingDetail = false
+			}
+		},
+		async loadData() {
+			this.loading = true
+			try {
+				const result = await userPageTzbcyForm({
+					page: 1,
+					limit: 50,
+					year: this.fixedYear || undefined
+				})
+				this.list = Array.isArray(result && result.list) ? result.list : []
+			} catch (error) {
+				uni.showToast({ title: (error && error.message) || '加载失败', icon: 'none' })
+			} finally {
+				this.loading = false
+			}
+		},
+		openCreate() {
+			this.current = {
+				...createDefaultForm(),
+				year: this.fixedYear || ''
+			}
+			this.activeTab = 'base'
+			this.showEdit = true
+		},
+		async openEdit(item) {
+			try {
+				const detail = item && item.id ? await getTzbcyForm(item.id) : item
+				this.current = {
+					...this.normalizeDetail(detail),
+					year: String((detail && detail.year) || this.fixedYear || '').trim()
+				}
+				this.activeTab = 'base'
+				this.showEdit = true
+			} catch (error) {
+				uni.showToast({ title: (error && error.message) || '加载详情失败', icon: 'none' })
+			}
+		},
+		closeEdit() {
+			this.showEdit = false
+		},
+		noop() {
+			return
+		},
+		setField(key, event) {
+			const value = typeof event === 'string' ? event : (event.detail && event.detail.value) || ''
+			this.current[key] = value || ''
+		},
+		clearField(key) {
+			this.current[key] = ''
+		},
+		async chooseTeamImage() {
+			try {
+				const result = await new Promise((resolve, reject) => {
+					uni.chooseImage({
+						count: 1,
+						sizeType: ['compressed'],
+						sourceType: ['album', 'camera'],
+						success: resolve,
+						fail: reject
+					})
+				})
+				const file = ((result && result.tempFiles) || [])[0]
+				if (!file) {
+					return
+				}
+				uni.showLoading({ title: '上传中', mask: true })
+				const uploaded = await uploadTempFile(file)
+				this.current.teamIntro = uploaded.url || uploaded.downloadUrl || uploaded.path || ''
+				uni.showToast({ title: '图片上传成功', icon: 'none' })
+			} catch (error) {
+				if (error && error.errMsg && String(error.errMsg).includes('cancel')) {
+					return
+				}
+				uni.showToast({ title: (error && error.message) || '图片上传失败', icon: 'none' })
+			} finally {
+				uni.hideLoading()
+			}
+		},
+		async choosePracticeVideo() {
+			try {
+				const result = await new Promise((resolve, reject) => {
+					uni.chooseVideo({
+						sourceType: ['album', 'camera'],
+						maxDuration: 120,
+						compressed: true,
+						success: resolve,
+						fail: reject
+					})
+				})
+				if (!result || !result.tempFilePath) {
+					return
+				}
+				const file = {
+					path: result.tempFilePath,
+					name: result.name || 'practice-log.mp4',
+					size: result.size || 0
+				}
+				uni.showLoading({ title: '上传中', mask: true })
+				const uploaded = await uploadTempFile(file)
+				this.current.practiceLog = uploaded.url || uploaded.downloadUrl || uploaded.path || ''
+				uni.showToast({ title: '视频上传成功', icon: 'none' })
+			} catch (error) {
+				if (error && error.errMsg && String(error.errMsg).includes('cancel')) {
+					return
+				}
+				uni.showToast({ title: (error && error.message) || '视频上传失败', icon: 'none' })
+			} finally {
+				uni.hideLoading()
+			}
+		},
+		previewImage(url) {
+			if (!url) {
+				return
+			}
+			uni.previewImage({
+				urls: [url],
+				current: url
+			})
+		},
+		setTeamMemberField(index, key, event) {
+			const value = typeof event === 'string' ? event : (event.detail && event.detail.value) || ''
+			this.current.teamMembers[index][key] = value || ''
+		},
+		addTeamMember() {
+			this.current.teamMembers = [...this.current.teamMembers, createTeamMember()]
+		},
+		removeTeamMember(index) {
+			this.current.teamMembers = this.current.teamMembers.filter((_, currentIndex) => currentIndex !== index)
+		},
+		setAdvisorField(index, key, event) {
+			const value = typeof event === 'string' ? event : (event.detail && event.detail.value) || ''
+			this.current.advisors[index][key] = value || ''
+		},
+		addAdvisor() {
+			this.current.advisors = [...this.current.advisors, createAdvisor()]
+		},
+		removeAdvisor(index) {
+			this.current.advisors = this.current.advisors.filter((_, currentIndex) => currentIndex !== index)
+		},
+		openFormProjectTypePicker() {
+			this.$nextTick(() => {
+				this.$refs.formProjectTypePicker && this.$refs.formProjectTypePicker.open()
+			})
+		},
+		openFormProjectGroupPicker() {
+			this.$nextTick(() => {
+				this.$refs.formProjectGroupPicker && this.$refs.formProjectGroupPicker.open()
+			})
+		},
+		openPublicProjectTypePicker() {
+			this.$nextTick(() => {
+				this.$refs.publicProjectTypePicker && this.$refs.publicProjectTypePicker.open()
+			})
+		},
+		openPublicProjectGroupPicker() {
+			this.$nextTick(() => {
+				this.$refs.publicProjectGroupPicker && this.$refs.publicProjectGroupPicker.open()
+			})
+		},
+		confirmFormProjectTypePicker(event) {
+			const value = (((event || {}).value || [])[0] || {}).value || ''
+			this.current.projectType = value
+		},
+		confirmFormProjectGroupPicker(event) {
+			const value = (((event || {}).value || [])[0] || {}).value || ''
+			this.current.projectGroup = value
+		},
+		confirmPublicProjectTypePicker(event) {
+			const value = (((event || {}).value || [])[0] || {}).value || ''
+			this.current.publicProjectType = value
+		},
+		confirmPublicProjectGroupPicker(event) {
+			const value = (((event || {}).value || [])[0] || {}).value || ''
+			this.current.publicProjectGroup = value
+		},
+		buildSavePayload() {
+			const leaderInfo = this.getLeaderInfo(this.current)
+			return {
+				...this.current,
+				year: this.fixedYear || this.current.year,
+				leader: leaderInfo.leader,
+				phone: leaderInfo.phone
+			}
+		},
+		hasValidTeamMember() {
+			return (this.current.teamMembers || []).some((item) => {
+				return [item.name, item.phone, item.college, item.gradeMajor].some((value) => String(value || '').trim())
+			})
+		},
+		hasValidAdvisor() {
+			return (this.current.advisors || []).some((item) => {
+				return [item.name, item.phone, item.college, item.title, item.duty].some((value) => String(value || '').trim())
+			})
+		},
+		async save() {
+			try {
+				if (!this.hasValidTeamMember()) {
+					uni.showToast({ title: '请至少填写 1 名团队成员', icon: 'none' })
+					return
+				}
+				if (!this.hasValidAdvisor()) {
+					uni.showToast({ title: '请至少填写 1 名指导教师', icon: 'none' })
+					return
+				}
+				const payload = this.buildSavePayload()
+				await addTzbcyForm(payload)
+				uni.showToast({ title: '保存成功', icon: 'none' })
+				this.closeEdit()
+				this.loadData()
+			} catch (error) {
+				uni.showToast({ title: (error && error.message) || '保存失败', icon: 'none' })
+			}
+		}
+	}
+}
+</script>
+
+<style lang="scss" scoped>
+.page { min-height: 100vh; background: linear-gradient(180deg, #f5fbff 0%, #eef7ff 100%); }
+.page-scroll { height: 100vh; padding: 24rpx; box-sizing: border-box; }
+.hero-card,.state-card,.data-card { border-radius: 28rpx; }
+.hero-card { padding: 34rpx 36rpx; background: rgba(255,255,255,.5); box-shadow: 0 4rpx 12rpx 0 rgba(174,174,174,.4); backdrop-filter: blur(24rpx); -webkit-backdrop-filter: blur(24rpx); border: 1rpx solid rgba(255,255,255,.5); }
+.hero-badge { display: inline-flex; padding: 10rpx 18rpx; border-radius: 999rpx; background: rgba(20,150,242,.1); font-size: 22rpx; color: #1496f2; }
+.hero-title { margin-top: 8rpx; padding-left: 10rpx; font-size: 30rpx; font-weight: 700; line-height: 1.35; color: #18a0f7; border-left: 5px solid #0f94ef; }
+.hero-desc { margin-top: 20rpx; font-size: 24rpx; line-height: 1.8; color: #7f7f7f; }
+.hero-actions { display: flex; gap: 16rpx; margin-top: 24rpx; }
+.hero-action { padding: 14rpx 24rpx; border-radius: 999rpx; background: rgba(20,150,242,.12); font-size: 24rpx; color: #1496f2; }
+.hero-action--secondary { background: rgba(31,35,41,.08); color: #5f6b76; }
+.state-card,.data-card { margin-top: 24rpx; padding: 24rpx; background: rgba(255,255,255,.96); box-shadow: 0 10rpx 28rpx rgba(34,94,142,.08); }
+.state-title,.card-title { font-size: 30rpx; font-weight: 700; color: #1f2329; }
+.state-desc,.card-subtitle,.meta-line { margin-top: 10rpx; font-size: 24rpx; line-height: 1.6; color: #786e69; }
+.card-list { margin-top: 24rpx; display: flex; flex-direction: column; gap: 16rpx; }
+.card-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 16rpx; }
+.card-year { padding: 10rpx 16rpx; border-radius: 999rpx; background: #eef5ff; color: #1554ad; font-size: 22rpx; }
+.modal-mask { position: fixed; inset: 0; background: rgba(15,23,42,.34); display: flex; align-items: flex-end; z-index: 99; }
+.modal-panel { width: 100%; max-height: 92vh; border-radius: 32rpx 32rpx 0 0; background: #fff; display: flex; flex-direction: column; }
+.modal-head { display: flex; justify-content: space-between; align-items: center; padding: 24rpx; border-bottom: 1rpx solid #eef1f4; }
+.modal-title { font-size: 30rpx; font-weight: 700; color: #1f2329; }
+.modal-close { font-size: 24rpx; color: #7c8a96; }
+.modal-body { max-height: 70vh; padding: 24rpx; box-sizing: border-box; }
+.tab-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12rpx; margin-bottom: 20rpx; }
+.tab-item { height: 76rpx; line-height: 76rpx; border-radius: 18rpx; background: #eff5ff; color: #1554ad; font-size: 24rpx; text-align: center; }
+.tab-item--active { background: linear-gradient(135deg, #0f7dd1 0%, #1496f2 100%); color: #fff; }
+.form-section + .form-section { margin-top: 24rpx; }
+.form-section-title,.section-subtitle { font-size: 28rpx; font-weight: 700; color: #1f2329; margin-bottom: 16rpx; }
+.section-header { display: flex; align-items: center; justify-content: space-between; gap: 16rpx; margin-top: 24rpx; }
+.section-action { flex-shrink: 0; font-size: 22rpx; font-weight: 600; color: #1496f2; }
+.section-subtitle { margin-top: 24rpx; }
+.empty-inline { margin-top: 12rpx; padding: 20rpx; border-radius: 16rpx; background: #f8fafc; color: #98a2b3; font-size: 24rpx; text-align: center; }
+.group-card { margin-top: 16rpx; padding: 20rpx; border-radius: 20rpx; background: #f8fbff; border: 1rpx solid #dce4ec; }
+.group-head { display: flex; align-items: center; justify-content: space-between; gap: 16rpx; margin-bottom: 16rpx; }
+.group-title { margin-bottom: 16rpx; font-size: 24rpx; font-weight: 700; color: #1554ad; }
+.group-remove { flex-shrink: 0; font-size: 22rpx; color: #d92d20; }
+.field-grid { display: grid; gap: 16rpx; }
+.field-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
+.field-item + .field-item { margin-top: 16rpx; }
+.field-label { margin-bottom: 10rpx; font-size: 24rpx; color: #5f6b7a; }
+.field-note { margin-top: 6rpx; font-size: 20rpx; line-height: 1.6; color: #98a2b3; }
+.field-textarea { width: 100%; box-sizing: border-box; border-radius: 20rpx; border: 1rpx solid #dce4ec; background: #fff; padding: 20rpx; font-size: 24rpx; color: #1f2329; min-height: 180rpx; }
+:deep(.field-input.uv-input) { width: 100%; box-sizing: border-box; border-radius: 20rpx; border: 1rpx solid #dce4ec !important; background: #fff !important; padding: 20rpx !important; }
+:deep(.field-input.uv-input .uv-input__content__field-wrapper__field) { font-size: 24rpx; color: #1f2329; min-height: 40rpx; }
+:deep(.field-input--readonly.uv-input) { background: #f8fafc !important; }
+:deep(.field-input--readonly.uv-input .uv-input__content__field-wrapper__field) { color: #667085; }
+.field-picker { width: 100%; box-sizing: border-box; padding: 20rpx; border-radius: 20rpx; border: 1rpx solid rgba(220,220,220,1); background: #F4FCFF; font-size: 24rpx; }
+.field-placeholder { color: #98a2b3; }
+.field-value { color: #1f2329; }
+.upload-card { padding: 20rpx; border-radius: 20rpx; border: 1rpx solid #dce4ec; background: #fff; }
+.upload-empty { display: flex; align-items: center; justify-content: center; min-height: 220rpx; border-radius: 16rpx; background: #f8fafc; color: #98a2b3; font-size: 24rpx; }
+.upload-image { width: 100%; height: 280rpx; border-radius: 16rpx; background: #f3f4f6; }
+.video-box { border-radius: 16rpx; overflow: hidden; background: #0f172a; }
+.upload-video { width: 100%; height: 320rpx; }
+.upload-actions { display: flex; gap: 16rpx; margin-top: 18rpx; }
+.upload-btn { flex: 1; height: 76rpx; line-height: 76rpx; border-radius: 18rpx; background: linear-gradient(135deg, #0f7dd1 0%, #1496f2 100%); color: #fff; text-align: center; font-size: 24rpx; font-weight: 600; }
+.upload-btn--ghost { background: #eef5ff; color: #1554ad; }
+.modal-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16rpx; padding: 24rpx; border-top: 1rpx solid #eef1f4; }
+.ghost-btn,.primary-btn { height: 84rpx; line-height: 84rpx; border-radius: 22rpx; text-align: center; font-size: 26rpx; font-weight: 700; }
+.ghost-btn { background: #f6f7fa; color: #50617a; }
+.primary-btn { background: linear-gradient(135deg, #0f7dd1 0%, #1496f2 100%); color: #fff; }
+</style>
diff --git a/pages/gxmu/wxxzx.vue b/pages/gxmu/wxxzx.vue
new file mode 100644
index 0000000..d4cb980
--- /dev/null
+++ b/pages/gxmu/wxxzx.vue
@@ -0,0 +1,192 @@
+<template>
+	<view class="page">
+		<scroll-view scroll-y class="page-scroll">
+			<common-hero :title="pageTitle" :use-image-bg="true"></common-hero>
+			<view class="hero-card">
+<!--				<view class="hero-badge">GXMU · 未来学术之星</view>-->
+				<view class="hero-title">{{ pageTitle }}</view>
+<!--				<view class="hero-desc">按照后台未来学术之星申报页结构拆分为基础信息、申请表、立论依据等内容。</view>-->
+				<view class="hero-actions">
+					<view class="hero-action" @tap="openCreate">立即申报</view>
+					<view class="hero-action hero-action--secondary" @tap="loadData">刷新列表</view>
+				</view>
+			</view>
+
+			<view v-if="loading" class="state-card"><view class="state-title">正在加载申报记录...</view></view>
+			<view v-else-if="!list.length" class="state-card"><view class="state-title">暂无申报记录</view></view>
+			<view v-else class="card-list">
+				<view v-for="item in list" :key="item.id" class="data-card" @tap="openEdit(item)">
+					<view class="card-top">
+						<view><view class="card-title">{{ item.topicName || '未命名课题' }}</view><view class="card-subtitle">{{ item.collegeGradeClass || '-' }}</view></view>
+						<view class="card-year">{{ item.year || '-' }}</view>
+					</view>
+					<view class="meta-line">负责人：{{ item.leader || '-' }}</view>
+					<view class="meta-line">联系电话：{{ item.phone || '-' }}</view>
+				</view>
+			</view>
+		</scroll-view>
+
+		<view v-if="showEdit" class="modal-mask" @tap="closeEdit">
+			<view class="modal-panel" @tap.stop>
+				<view class="modal-head"><view class="modal-title">{{ current.id ? '编辑未来学术之星申报' : '新增未来学术之星申报' }}</view><view class="modal-close" @tap="closeEdit">关闭</view></view>
+				<scroll-view scroll-y class="modal-body">
+					<view class="form-section">
+						<view class="form-section-title">基本信息</view>
+						<view class="field-item"><view class="field-label">年份</view><uv-input class="field-input" :modelValue="current.year" border="none" @input="setField('year', $event)" /></view>
+						<view class="field-item"><view class="field-label">课题名称</view><uv-input class="field-input" :modelValue="current.topicName" border="none" @input="setField('topicName', $event)" /></view>
+						<view class="field-item"><view class="field-label">课题负责人</view><uv-input class="field-input" :modelValue="current.leader" border="none" @input="setField('leader', $event)" /></view>
+						<view class="field-item"><view class="field-label">学院、年级、班别</view><uv-input class="field-input" :modelValue="current.collegeGradeClass" border="none" @input="setField('collegeGradeClass', $event)" /></view>
+						<view class="field-item"><view class="field-label">联系电话</view><uv-input class="field-input" :modelValue="current.phone" border="none" @input="setField('phone', $event)" /></view>
+						<view class="field-item"><view class="field-label">指导老师</view><uv-input class="field-input" :modelValue="current.advisor" border="none" @input="setField('advisor', $event)" /></view>
+						<view class="field-item"><view class="field-label">课题类型</view><uv-input class="field-input" :modelValue="current.topicType" border="none" @input="setField('topicType', $event)" placeholder="自然科学 / 人文科学" /></view>
+						<view class="field-item"><view class="field-label">立论依据</view><textarea class="field-textarea" :value="current.rationale" @input="setField('rationale', $event)" /></view>
+<!--						<view class="field-item"><view class="field-label">指导老师意见</view><textarea class="field-textarea" :value="current.teacherOpinion" @input="setField('teacherOpinion', $event)" /></view>-->
+<!--						<view class="field-item"><view class="field-label">指导老师签名</view><uv-input class="field-input" :modelValue="current.teacherSign" border="none" @input="setField('teacherSign', $event)" /></view>-->
+<!--						<view class="field-item"><view class="field-label">评审小组意见</view><textarea class="field-textarea" :value="current.reviewOpinion" @input="setField('reviewOpinion', $event)" /></view>-->
+<!--						<view class="field-item"><view class="field-label">评审分数</view><uv-input class="field-input" :modelValue="current.reviewScore" border="none" @input="setField('reviewScore', $event)" /></view>-->
+<!--						<view class="field-item"><view class="field-label">评审组长签名</view><uv-input class="field-input" :modelValue="current.reviewLeaderSign" border="none" @input="setField('reviewLeaderSign', $event)" /></view>-->
+<!--						<view class="field-item"><view class="field-label">学院意见</view><textarea class="field-textarea" :value="current.collegeOpinion" @input="setField('collegeOpinion', $event)" /></view>-->
+<!--						<view class="field-item"><view class="field-label">校团委意见</view><textarea class="field-textarea" :value="current.schoolOpinion" @input="setField('schoolOpinion', $event)" /></view>-->
+					</view>
+				</scroll-view>
+				<view class="modal-actions"><view class="ghost-btn" @tap="closeEdit">取消</view><view class="primary-btn" @tap="save">保存</view></view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import CommonHero from '../../components/common-hero/common-hero.vue'
+	import { addWxxzxForm, getWxxzxForm, updateWxxzxForm, userPageWxxzxForm } from './module-form-service'
+
+	const createDefaultForm = () => ({
+		id: undefined,
+		year: '',
+		topicName: '',
+		leader: '',
+		collegeGradeClass: '',
+		phone: '',
+		advisor: '',
+		topicType: '',
+		rationale: '',
+		teacherOpinion: '',
+		teacherSign: '',
+		reviewOpinion: '',
+		reviewScore: '',
+		reviewLeaderSign: '',
+		collegeOpinion: '',
+		schoolOpinion: '',
+		promiseSigner: '',
+		promiseSignature: '',
+		reviewCollege: '',
+		reviewReporter: '',
+		reviewDate: ''
+	})
+
+	export default {
+		components: {
+			CommonHero
+		},
+		data() {
+			return {
+				loading: false,
+				showEdit: false,
+				pageTitle: '未来学术之星申报',
+				fixedYear: '',
+				list: [],
+				current: createDefaultForm()
+			}
+		},
+		onLoad(options) {
+			this.fixedYear = String(options.year || '').trim()
+			this.pageTitle = decodeURIComponent(options.declareTitle || '未来学术之星申报').trim() || '未来学术之星申报'
+			this.loadData()
+		},
+		methods: {
+			async loadData() {
+				this.loading = true
+				try {
+					const result = await userPageWxxzxForm({
+						page: 1,
+						limit: 50,
+						year: this.fixedYear || undefined
+					})
+					this.list = Array.isArray(result && result.list) ? result.list : []
+				} catch (error) {
+					uni.showToast({ title: (error && error.message) || '加载失败', icon: 'none' })
+				} finally {
+					this.loading = false
+				}
+			},
+			openCreate() {
+				this.current = { ...createDefaultForm(), year: this.fixedYear || '' }
+				this.showEdit = true
+			},
+			async openEdit(item) {
+				try {
+					const detail = item && item.id ? await getWxxzxForm(item.id) : item
+					this.current = { ...createDefaultForm(), ...(detail || {}), year: (detail && detail.year) || this.fixedYear || '' }
+					this.showEdit = true
+				} catch (error) {
+					uni.showToast({ title: (error && error.message) || '加载详情失败', icon: 'none' })
+				}
+			},
+			closeEdit() { this.showEdit = false },
+			setField(key, event) {
+				const value = typeof event === 'string' ? event : (event.detail && event.detail.value) || ''
+				this.current[key] = value || ''
+			},
+			async save() {
+				try {
+					const payload = { ...this.current, year: this.fixedYear || this.current.year }
+					if (payload.id) {
+						await updateWxxzxForm(payload)
+					} else {
+						await addWxxzxForm(payload)
+					}
+					uni.showToast({ title: '保存成功', icon: 'none' })
+					this.closeEdit()
+					this.loadData()
+				} catch (error) {
+					uni.showToast({ title: (error && error.message) || '保存失败', icon: 'none' })
+				}
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.page { min-height: 100vh; background: linear-gradient(180deg, #f5fbff 0%, #eef7ff 100%); }
+	.page-scroll { height: 100vh; padding: 24rpx; box-sizing: border-box; }
+	.hero-card,.state-card,.data-card { border-radius: 28rpx; }
+	.hero-card { padding: 34rpx 36rpx; background: rgba(255,255,255,.5); box-shadow: 0 4rpx 12rpx 0 rgba(174,174,174,.4); backdrop-filter: blur(24rpx); -webkit-backdrop-filter: blur(24rpx); border: 1rpx solid rgba(255,255,255,.5); }
+	.hero-badge { display: inline-flex; padding: 10rpx 18rpx; border-radius: 999rpx; background: rgba(20,150,242,.1); font-size: 22rpx; color: #1496f2; }
+	.hero-title { margin-top: 8rpx; padding-left: 10rpx; font-size: 30rpx; font-weight: 700; line-height: 1.35; color: #18a0f7; border-left: 5px solid #0f94ef; }
+	.hero-desc { margin-top: 20rpx; font-size: 24rpx; line-height: 1.8; color: #7f7f7f; }
+	.hero-actions { display: flex; gap: 16rpx; margin-top: 24rpx; }
+	.hero-action { padding: 14rpx 24rpx; border-radius: 999rpx; background: rgba(20,150,242,.12); font-size: 24rpx; color: #1496f2; }
+	.hero-action--secondary { background: rgba(31,35,41,.08); color: #5f6b76; }
+	.state-card,.data-card { margin-top: 24rpx; padding: 24rpx; background: rgba(255,255,255,.96); box-shadow: 0 10rpx 28rpx rgba(34,94,142,.08); }
+	.state-title,.card-title { font-size: 30rpx; font-weight: 700; color: #1f2329; }
+	.card-subtitle,.meta-line { margin-top: 10rpx; font-size: 24rpx; line-height: 1.6; color: #786e69; }
+	.card-list { margin-top: 24rpx; display: flex; flex-direction: column; gap: 16rpx; }
+	.card-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 16rpx; }
+	.card-year { padding: 10rpx 16rpx; border-radius: 999rpx; background: #eef5ff; color: #1554ad; font-size: 22rpx; }
+	.modal-mask { position: fixed; inset: 0; background: rgba(15,23,42,.34); display: flex; align-items: flex-end; z-index: 99; }
+	.modal-panel { width: 100%; max-height: 92vh; border-radius: 32rpx 32rpx 0 0; background: #fff; display: flex; flex-direction: column; }
+	.modal-head { display: flex; justify-content: space-between; align-items: center; padding: 24rpx; border-bottom: 1rpx solid #eef1f4; }
+	.modal-title { font-size: 30rpx; font-weight: 700; color: #1f2329; }
+	.modal-close { font-size: 24rpx; color: #7c8a96; }
+	.modal-body { max-height: 70vh; padding: 24rpx; box-sizing: border-box; }
+	.form-section-title { font-size: 28rpx; font-weight: 700; color: #1f2329; margin-bottom: 16rpx; }
+	.field-item + .field-item { margin-top: 16rpx; }
+	.field-label { margin-bottom: 10rpx; font-size: 24rpx; color: #5f6b7a; }
+	.field-textarea { width: 100%; box-sizing: border-box; border-radius: 20rpx; border: 1rpx solid #dce4ec; background: #fff; padding: 20rpx; font-size: 24rpx; color: #1f2329; }
+	:deep(.field-input.uv-input) { width: 100%; box-sizing: border-box; border-radius: 20rpx; border: 1rpx solid #dce4ec !important; background: #fff !important; padding: 20rpx !important; }
+	:deep(.field-input.uv-input .uv-input__content__field-wrapper__field) { font-size: 24rpx; color: #1f2329; min-height: 40rpx; }
+	.field-textarea { min-height: 180rpx; }
+	.modal-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16rpx; padding: 24rpx; border-top: 1rpx solid #eef1f4; }
+	.ghost-btn,.primary-btn { height: 84rpx; line-height: 84rpx; border-radius: 22rpx; text-align: center; font-size: 26rpx; font-weight: 700; }
+	.ghost-btn { background: #f6f7fa; color: #50617a; }
+	.primary-btn { background: linear-gradient(135deg, #0f7dd1 0%, #1496f2 100%); color: #fff; }
+</style>
diff --git a/pages/index/index.vue b/pages/index/index.vue
new file mode 100644
index 0000000..848ae6f
--- /dev/null
+++ b/pages/index/index.vue
@@ -0,0 +1,568 @@
+<template>
+	<view class="page">
+		<scroll-view scroll-y class="page-scroll">
+			<common-hero title="首页" :use-image-bg="true">
+
+				<view class="search-bar" @click="handleSearch">
+					<view class="search-left">
+						<view class="search-icon"></view>
+						<text class="search-placeholder">关键字搜索</text>
+					</view>
+					<text class="search-action">搜索</text>
+				</view>
+
+				<swiper
+					class="hero-swiper"
+					circular
+					autoplay
+					indicator-dots
+					indicator-color="rgba(72, 88, 104, 0.28)"
+					indicator-active-color="#5f6570"
+					interval="3600"
+					duration="500"
+				>
+					<swiper-item v-for="item in banners" :key="item.image">
+						<image class="banner-image" :src="item.image" mode="aspectFill"></image>
+					</swiper-item>
+				</swiper>
+				<view class="notice-card" @click="handleInfoClick">
+					<view class="notice-text">
+						<text class="notice-label">资讯:</text>
+						<text class="notice-content">{{ notice.title }}</text>
+					</view>
+					<view class="notice-arrow">›</view>
+				</view>
+			</common-hero>
+
+			<view class="section">
+				<view class="section-title">核心业务</view>
+				<view class="business-list">
+					<view
+						v-for="item in featuredModules"
+						:key="item.title"
+						class="business-card"
+						@click="handleFeatureClick(item)"
+					>
+						<view class="business-card-top">
+							<view class="business-icon">{{ item.icon }}</view>
+							<view class="business-tag">{{ item.tag }}</view>
+						</view>
+						<view class="business-title">{{ item.title }}</view>
+						<view class="business-desc">{{ item.desc }}</view>
+					</view>
+				</view>
+			</view>
+
+			<view class="section">
+				<view class="section-headline">
+					<view>
+						<view class="section-title">申报系统</view>
+						<view class="section-subtitle">当前开放的申报项目入口</view>
+					</view>
+					<view class="section-link" @click="goDeclareSystem">查看全部</view>
+				</view>
+
+				<view class="declare-entry-card" @click="goDeclareSystem">
+					<view class="declare-entry-top">
+						<view class="declare-entry-action">进入系统</view>
+					</view>
+
+					<view v-if="declareLoading" class="declare-state">正在加载申报项目...</view>
+					<view v-else-if="declareError" class="declare-state">{{ declareError }}</view>
+					<view v-else-if="!declarePreviewList.length" class="declare-state">当前暂无可申报项目</view>
+
+					<view v-else class="declare-preview-list">
+						<view
+							v-for="item in declarePreviewList"
+							:key="item.id || `${item.module}-${item.year}`"
+							class="declare-preview-item"
+							@click.stop="goDeclareSystem"
+						>
+							<view class="declare-preview-main">
+								<view class="declare-preview-name">{{ getDeclareTitle(item) }}</view>
+								<view class="declare-preview-meta">
+									{{ getDeclareGroup(item.module) }} · {{ item.year ? `${item.year}年` : '未设置年度' }}
+								</view>
+							</view>
+							<view class="declare-preview-tag">可申报</view>
+						</view>
+					</view>
+				</view>
+			</view>
+		</scroll-view>
+	</view>
+</template>
+
+<script>
+	import CommonHero from '../../components/common-hero/common-hero.vue'
+	import { getFormConfig, getModuleMeta } from '../../utils/gxmu/config'
+	import { listDeclare } from '../../utils/gxmu/declare-service'
+
+	export default {
+		components: {
+			CommonHero
+		},
+		data() {
+			return {
+				banners: [
+					{
+						image: '/static/swiper.jpg'
+					}
+				],
+				notice: {
+					title: '文稿、长图、排版和素材能力统一沉淀'
+				},
+				declareLoading: false,
+				declareError: '',
+				declareList: [],
+				featuredModules: [
+					{
+						title: '团员档案管理',
+						desc: '成员信息、组织关系、成长记录',
+						icon: '档',
+						tag: '组织',
+						route: '/pages/tygl/index'
+					},
+					{
+						title: '数据统计与报表中心',
+						desc: '查看挑战杯项目的年度趋势、结构分布与学校排行。',
+						icon: '数',
+						tag: '报表',
+						route: '/pages/gxmu/stats'
+					},
+					{
+						title: '跨校活动情报看板',
+						desc: '聚合兄弟高校案例线索，快速对标活动策划与传播打法。',
+						icon: '情',
+						tag: '案例',
+						route: '/pages/gxmu/cross-school-board'
+					},
+					{
+						title: '创新竞赛历史项目数据库',
+						desc: '进入挑战杯项目库与人才库，检索历史案例、人才与详情链接。',
+						icon: '库',
+						tag: '数据',
+						route: '/pages/gxmu/tzb-database'
+					}
+				]
+			}
+		},
+		computed: {
+			declarePreviewList() {
+				return this.declareList.slice(0, 2)
+			}
+		},
+		onLoad() {
+			this.loadDeclareList()
+		},
+		methods: {
+			getModuleMetaSafe(code) {
+				return getModuleMeta(code) || {
+					title: code || '未命名模块',
+					group: '申报项目'
+				}
+			},
+			getDeclareTitle(item) {
+				const title = String((item && item.title) || '').trim()
+				if (title) {
+					return title
+				}
+				return this.getModuleMetaSafe(item && item.module).title
+			},
+			getDeclareGroup(module) {
+				return this.getModuleMetaSafe(module).group
+			},
+			getTimestamp(value) {
+				if (!value) {
+					return 0
+				}
+				const time = new Date(String(value).replace(/-/g, '/')).getTime()
+				return Number.isNaN(time) ? 0 : time
+			},
+			async loadDeclareList() {
+				if (this.declareLoading) {
+					return
+				}
+				this.declareLoading = true
+				this.declareError = ''
+				try {
+					const result = await listDeclare({ usable: true })
+					const list = Array.isArray(result) ? result : []
+					this.declareList = list
+						.sort((left, right) => {
+							const yearDiff = Number(right.year || 0) - Number(left.year || 0)
+							if (yearDiff !== 0) {
+								return yearDiff
+							}
+							return this.getTimestamp(right.startTime || right.createTime) - this.getTimestamp(left.startTime || left.createTime)
+						})
+				} catch (error) {
+					this.declareError = (error && error.message) || '申报项目加载失败'
+				} finally {
+					this.declareLoading = false
+				}
+			},
+			handleSearch() {
+				uni.showToast({
+					title: '搜索功能开发中',
+					icon: 'none'
+				})
+			},
+			handleInfoClick() {
+				uni.showToast({
+					title: this.notice.title,
+					icon: 'none'
+				})
+			},
+			handleFeatureClick(item) {
+				if (item.route) {
+					uni.navigateTo({
+						url: item.route
+					})
+					return
+				}
+
+				uni.showToast({
+					title: `${item.title}待接入`,
+					icon: 'none'
+				})
+			},
+			goDeclareSystem() {
+				uni.navigateTo({
+					url: '/pages/gxmu/index'
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.page {
+		min-height: 100vh;
+		background: linear-gradient(180deg, #f8fbff 0%, #edf3f8 32%, #f7f7f8 100%);
+	}
+
+	.page-scroll {
+		height: 100vh;
+	}
+
+	.search-bar {
+		position: absolute;
+		top: 170rpx;
+		z-index: 9999;
+		width: calc(100vw - 56rpx);
+		left: 28rpx;
+		padding: 0 26rpx 0 30rpx;
+		height: 70rpx;
+		border-radius: 999rpx;
+		background: rgba(255, 255, 255, 0.97);
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		box-shadow: 0 16rpx 40rpx rgba(97, 151, 193, 0.12);
+	}
+
+	.search-left {
+		display: flex;
+		align-items: center;
+	}
+
+	.search-icon {
+		width: 26rpx;
+		height: 26rpx;
+		border: 4rpx solid #c7c7c7;
+		border-radius: 50%;
+		position: relative;
+	}
+
+	.search-icon::after {
+		content: '';
+		position: absolute;
+		right: -10rpx;
+		bottom: -8rpx;
+		width: 14rpx;
+		height: 4rpx;
+		background: #c7c7c7;
+		border-radius: 999rpx;
+		transform: rotate(45deg);
+		transform-origin: center;
+	}
+
+	.search-placeholder {
+		margin-left: 20rpx;
+		font-size: 32rpx;
+		color: #cbcbcb;
+	}
+
+	.search-action {
+		font-size: 28rpx;
+		font-weight: 700;
+		color: #111;
+	}
+
+	.hero-swiper {
+		position: relative;
+		z-index: 2;
+		height: 338rpx;
+		margin-top: 40rpx;
+	}
+
+	.banner-image {
+		display: block;
+		width: 100%;
+		height: 338rpx;
+	}
+
+	.notice-card {
+		margin: 18rpx 28rpx 0;
+		padding: 0 20rpx 0 28rpx;
+		height: 86rpx;
+		border-radius: 999rpx;
+		background: rgba(255, 255, 255, 0.98);
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		box-shadow: 0 12rpx 32rpx rgba(55, 95, 130, 0.08);
+	}
+
+	.notice-text {
+		flex: 1;
+		min-width: 0;
+		display: flex;
+		align-items: center;
+		font-size: 28rpx;
+		color: #111;
+	}
+
+	.notice-label {
+		flex-shrink: 0;
+		margin-right: 12rpx;
+		font-weight: 700;
+		color: #1197ff;
+	}
+
+	.notice-content {
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
+
+	.notice-arrow {
+		width: 42rpx;
+		height: 42rpx;
+		border-radius: 50%;
+		border: 2rpx solid #4ca7ff;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		font-size: 30rpx;
+		color: #4ca7ff;
+	}
+
+	.section {
+		padding: 20rpx 28rpx 20rpx;
+	}
+
+	.section-headline {
+		display: flex;
+		align-items: flex-end;
+		justify-content: space-between;
+		gap: 16rpx;
+	}
+
+	.section-title {
+		font-size: 46rpx;
+		font-weight: 700;
+		color: #15a0ff;
+	}
+
+	.section-subtitle {
+		margin-top: 8rpx;
+		font-size: 24rpx;
+		line-height: 1.5;
+		color: #7c8a96;
+	}
+
+	.section-link {
+		flex-shrink: 0;
+		font-size: 24rpx;
+		font-weight: 700;
+		color: #1496f2;
+	}
+
+	.business-list {
+		margin-top: 24rpx;
+		display: flex;
+		flex-direction: column;
+	}
+
+	.business-card + .business-card {
+		margin-top: 26rpx;
+	}
+
+	.business-card {
+		padding: 24rpx 22rpx 26rpx;
+		border-radius: 28rpx;
+		background: rgba(255, 255, 255, 0.98);
+		box-shadow: 0 20rpx 48rpx rgba(79, 98, 117, 0.08);
+	}
+
+	.business-card-top {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+	}
+
+	.business-icon {
+		min-width: 88rpx;
+		height: 58rpx;
+		padding: 0 20rpx;
+		border-radius: 999rpx;
+		background: linear-gradient(135deg, #16b2ff 0%, #1496f2 100%);
+		display: inline-flex;
+		align-items: center;
+		justify-content: center;
+		font-size: 26rpx;
+		font-weight: 700;
+		color: #fff;
+	}
+
+	.business-tag {
+		min-width: 90rpx;
+		height: 42rpx;
+		padding: 0 20rpx;
+		border-radius: 999rpx;
+		border: 2rpx solid #22a4ff;
+		display: inline-flex;
+		align-items: center;
+		justify-content: center;
+		font-size: 24rpx;
+		font-weight: 500;
+		color: #22a4ff;
+	}
+
+	.business-title {
+		margin-top: 22rpx;
+		font-size: 26rpx;
+		font-weight: 700;
+		line-height: 1.35;
+		color: #111;
+	}
+
+	.business-desc {
+		margin-top: 10rpx;
+		font-size: 24rpx;
+		line-height: 1.5;
+		color: #7c7c7c;
+	}
+
+	.declare-entry-card {
+		margin-top: 24rpx;
+		padding: 28rpx 24rpx;
+		border-radius: 28rpx;
+		background:
+			linear-gradient(180deg, rgba(240, 247, 255, 0.96) 0%, rgba(255, 255, 255, 0.98) 44%),
+			#ffffff;
+		box-shadow: 0 20rpx 48rpx rgba(79, 98, 117, 0.08);
+	}
+
+	.declare-entry-top {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		gap: 16rpx;
+	}
+
+	.declare-entry-badge {
+		display: inline-flex;
+		align-items: center;
+		height: 46rpx;
+		padding: 0 18rpx;
+		border-radius: 999rpx;
+		background: #eaf4ff;
+		color: #1554ad;
+		font-size: 20rpx;
+		font-weight: 700;
+		letter-spacing: 1rpx;
+	}
+
+	.declare-entry-action {
+		font-size: 24rpx;
+		font-weight: 700;
+		color: #1496f2;
+	}
+
+	.declare-entry-title {
+		margin-top: 18rpx;
+		font-size: 30rpx;
+		font-weight: 700;
+		line-height: 1.45;
+		color: #1f2329;
+	}
+
+	.declare-entry-desc {
+		margin-top: 12rpx;
+		font-size: 24rpx;
+		line-height: 1.7;
+		color: #607080;
+	}
+
+	.declare-state {
+		margin-top: 22rpx;
+		padding: 20rpx 22rpx;
+		border-radius: 20rpx;
+		background: rgba(246, 248, 250, 0.9);
+		font-size: 24rpx;
+		line-height: 1.6;
+		color: #7d8a97;
+	}
+
+	.declare-preview-list {
+		margin-top: 22rpx;
+		display: flex;
+		flex-direction: column;
+		gap: 16rpx;
+	}
+
+	.declare-preview-item {
+		display: flex;
+		align-items: flex-start;
+		justify-content: space-between;
+		gap: 16rpx;
+		padding: 20rpx;
+		border-radius: 22rpx;
+		background: rgba(255, 255, 255, 0.96);
+		border: 1rpx solid rgba(20, 150, 242, 0.08);
+	}
+
+	.declare-preview-main {
+		flex: 1;
+		min-width: 0;
+	}
+
+	.declare-preview-name {
+		font-size: 26rpx;
+		font-weight: 700;
+		line-height: 1.45;
+		color: #1f2329;
+	}
+
+	.declare-preview-meta {
+		margin-top: 8rpx;
+		font-size: 22rpx;
+		line-height: 1.5;
+		color: #7c8a96;
+	}
+
+	.declare-preview-tag {
+		flex-shrink: 0;
+		height: 42rpx;
+		padding: 0 18rpx;
+		border-radius: 999rpx;
+		background: #eef5ff;
+		color: #1554ad;
+		font-size: 20rpx;
+		font-weight: 700;
+		line-height: 42rpx;
+	}
+</style>
diff --git a/pages/login/index.vue b/pages/login/index.vue
new file mode 100644
index 0000000..021a62b
--- /dev/null
+++ b/pages/login/index.vue
@@ -0,0 +1,298 @@
+<template>
+	<view class="page">
+		<view class="hero-card">
+			<view class="hero-title">进入智慧团委小程序</view>
+			<view class="hero-desc">支持手机号密码登录，也支持微信手机号授权登录。</view>
+		</view>
+
+		<view class="login-card">
+			<view class="tab-row">
+				<view
+					class="tab-item"
+					:class="{ 'tab-item--active': loginMode === 'password' }"
+					@tap="loginMode = 'password'"
+				>
+					手机号密码登录
+				</view>
+				<view
+					class="tab-item"
+					:class="{ 'tab-item--active': loginMode === 'wechat' }"
+					@tap="loginMode = 'wechat'"
+				>
+					微信授权登录
+				</view>
+			</view>
+
+			<view v-if="loginMode === 'password'" class="form-section">
+				<uv-input
+					v-model.trim="form.username"
+					class="field-input"
+					type="text"
+					placeholder="请输入手机号或账号"
+					:maxlength="-1"
+					border="none"
+				/>
+				<uv-input
+					v-model="form.password"
+					class="field-input"
+					type="password"
+					placeholder="请输入密码"
+					:maxlength="-1"
+					border="none"
+					password
+				/>
+				<view class="submit-btn" :class="{ 'submit-btn--loading': loading }" @tap="submitPasswordLogin">
+					{{ loading ? '登录中...' : '立即登录' }}
+				</view>
+			</view>
+
+			<view v-else class="form-section">
+				<view class="wechat-intro">授权后将使用微信手机号完成登录。</view>
+				<button
+					class="submit-btn submit-btn--wechat"
+					:disabled="loading"
+					open-type="getPhoneNumber"
+					@getphonenumber="handleWxPhoneLogin"
+				>
+					{{ loading ? '登录中...' : '微信授权登录' }}
+				</button>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import { loginByMpWxPhone, loginByPassword } from './service'
+	import { hasToken, setAuthInfo } from '../../utils/request'
+
+	export default {
+		data() {
+			return {
+				loginMode: 'password',
+				loading: false,
+				redirect: '',
+				wxCode: '',
+				form: {
+					username: '',
+					password: ''
+				}
+			}
+		},
+		onLoad(options) {
+			this.redirect = decodeURIComponent((options && options.redirect) || '')
+		},
+		onShow() {
+			if (hasToken()) {
+				this.navigateAfterLogin()
+				return
+			}
+			this.refreshWxCode()
+		},
+		methods: {
+			showToast(title) {
+				uni.showToast({
+					title,
+					icon: 'none'
+				})
+			},
+			refreshWxCode() {
+				uni.login({
+					success: (res) => {
+						this.wxCode = (res && res.code) || ''
+					}
+				})
+			},
+			navigateAfterLogin() {
+				const url = this.redirect || '/pages/index/index'
+				uni.reLaunch({
+					url
+				})
+			},
+			async submitPasswordLogin() {
+				if (this.loading) {
+					return
+				}
+				if (!this.form.username) {
+					this.showToast('请输入手机号或账号')
+					return
+				}
+				if (!this.form.password) {
+					this.showToast('请输入密码')
+					return
+				}
+				this.loading = true
+				try {
+					const result = await loginByPassword({
+						username: this.form.username,
+						password: this.form.password
+					})
+					setAuthInfo(result)
+					this.showToast('登录成功')
+					setTimeout(() => {
+						this.navigateAfterLogin()
+					}, 300)
+				} catch (error) {
+					this.showToast((error && error.message) || '登录失败')
+				} finally {
+					this.loading = false
+				}
+			},
+			async handleWxPhoneLogin(event) {
+				if (this.loading) {
+					return
+				}
+				const detail = (event && event.detail) || {}
+				if (!detail.code) {
+					this.showToast(detail.errMsg || '未获取到微信手机号凭证')
+					return
+				}
+				this.loading = true
+				try {
+					if (!this.wxCode) {
+						await new Promise((resolve) => {
+							uni.login({
+								success: (res) => {
+									this.wxCode = (res && res.code) || ''
+									resolve()
+								},
+								fail: () => resolve()
+							})
+						})
+					}
+					const result = await loginByMpWxPhone({
+						phoneCode: detail.code,
+						code: this.wxCode || undefined
+					})
+					setAuthInfo(result)
+					this.showToast('登录成功')
+					setTimeout(() => {
+						this.navigateAfterLogin()
+					}, 300)
+				} catch (error) {
+					this.showToast((error && error.message) || '微信登录失败')
+					this.refreshWxCode()
+				} finally {
+					this.loading = false
+				}
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.page {
+		min-height: 100vh;
+		padding: 28rpx 24rpx 40rpx;
+		background:
+			radial-gradient(circle at top left, rgba(20, 150, 242, 0.14), transparent 30%),
+			linear-gradient(180deg, #f5fbff 0%, #eef7ff 100%);
+	}
+
+	.hero-card,
+	.login-card {
+		border-radius: 32rpx;
+		box-shadow: 0 18rpx 40rpx rgba(20, 118, 194, 0.12);
+	}
+
+	.hero-card {
+		padding: 34rpx 30rpx;
+		background: linear-gradient(145deg, #0d6fba 0%, #1496f2 58%, #5bc2ff 100%);
+		color: #fff;
+	}
+
+	.hero-badge {
+		display: inline-flex;
+		padding: 10rpx 18rpx;
+		border-radius: 999rpx;
+		background: rgba(255, 255, 255, 0.16);
+		font-size: 22rpx;
+	}
+
+	.hero-title {
+		margin-top: 22rpx;
+		font-size: 42rpx;
+		font-weight: 700;
+	}
+
+	.hero-desc {
+		margin-top: 14rpx;
+		font-size: 24rpx;
+		line-height: 1.7;
+		color: rgba(255, 255, 255, 0.86);
+	}
+
+	.login-card {
+		margin-top: 24rpx;
+		padding: 28rpx 24rpx;
+		background: rgba(255, 255, 255, 0.94);
+	}
+
+	.tab-row {
+		display: grid;
+		grid-template-columns: repeat(2, minmax(0, 1fr));
+		gap: 14rpx;
+	}
+
+	.tab-item {
+		height: 82rpx;
+		border-radius: 22rpx;
+		background: #edf5ff;
+		color: #1496f2;
+		font-size: 24rpx;
+		font-weight: 600;
+		line-height: 82rpx;
+		text-align: center;
+	}
+
+	.tab-item--active {
+		background: linear-gradient(135deg, #1496f2, #0d6fba);
+		color: #fff;
+	}
+
+	.form-section {
+		margin-top: 22rpx;
+	}
+
+	:deep(.field-input.uv-input) {
+		width: 100%;
+		height: 88rpx;
+		margin-top: 16rpx;
+		padding: 0 24rpx !important;
+		border-radius: 24rpx;
+		background: #f8fbff !important;
+		border: 1rpx solid rgba(20, 150, 242, 0.12) !important;
+	}
+
+	:deep(.field-input.uv-input .uv-input__content__field-wrapper__field) {
+		font-size: 24rpx;
+		color: #1f2329;
+	}
+
+	.wechat-intro {
+		font-size: 24rpx;
+		line-height: 1.7;
+		color: #667085;
+	}
+
+	.submit-btn {
+		width: 100%;
+		height: 88rpx;
+		margin-top: 22rpx;
+		border: none;
+		border-radius: 24rpx;
+		background: linear-gradient(135deg, #1496f2, #0d6fba);
+		color: #fff;
+		font-size: 26rpx;
+		font-weight: 700;
+		line-height: 88rpx;
+		text-align: center;
+	}
+
+	.submit-btn--wechat {
+		background: linear-gradient(135deg, #1dbf73, #12a150);
+	}
+
+	.submit-btn--loading {
+		opacity: 0.72;
+	}
+</style>
diff --git a/pages/login/service.js b/pages/login/service.js
new file mode 100644
index 0000000..3a67fc9
--- /dev/null
+++ b/pages/login/service.js
@@ -0,0 +1,21 @@
+import { DEFAULT_TENANT_ID, post } from '../../utils/request'
+
+export function loginByPassword(data) {
+	return post(
+		'/login',
+		{
+			tenantId: DEFAULT_TENANT_ID,
+			isMiniApp: 1,
+			...data
+		},
+		{
+			auth: false
+		}
+	)
+}
+
+export function loginByMpWxPhone(data) {
+	return post('/wx-login/loginByMpWxPhone', data, {
+		auth: false
+	})
+}
diff --git a/pages/manuscript/index.vue b/pages/manuscript/index.vue
new file mode 100644
index 0000000..32d7dbb
--- /dev/null
+++ b/pages/manuscript/index.vue
@@ -0,0 +1,1112 @@
+<template>
+	<view class="page">
+		<scroll-view scroll-y class="page-scroll">
+			<view class="hero-card">
+				<view class="hero-kicker">AI CONTENT STUDIO</view>
+				<view class="hero-title">AI 内容创作与宣传助手</view>
+				<view class="hero-desc">
+					面向团委宣传、活动报道、新闻稿和推文草稿的快速生成场景。填写创作条件后，页面会调用
+					`/ai/manuscriptGen` 并通过 WebSocket 实时接收生成内容。
+				</view>
+				<view class="hero-actions">
+					<view class="hero-action" @tap="fillDemo('news')">活动新闻稿</view>
+					<view class="hero-action" @tap="fillDemo('wechat')">公众号推文</view>
+					<view class="hero-action" @tap="fillDemo('speech')">发言稿提纲</view>
+					<view class="hero-action hero-action--primary" @tap="goChatPage">进入问答助手</view>
+				</view>
+			</view>
+
+			<view class="panel-card">
+				<view class="panel-title">创作配置</view>
+				<view class="field-list">
+					<view class="field-item">
+						<view class="field-label">稿件标题</view>
+						<uv-input
+							v-model="form.theme"
+							class="field-input"
+							placeholder="例如：广西医科大学开展2026年春季志愿服务活动"
+							placeholder-style="color: #c0c4cc;"
+							:maxlength="-1"
+						/>
+					</view>
+
+					<view class="field-item">
+						<view class="field-label">稿件类型</view>
+						<picker mode="selector" :range="docTypeLabels" :value="docTypeIndex" @change="handleDocTypeChange">
+							<view class="field-picker">
+								<text class="field-value">{{ form.docType || '请选择稿件类型' }}</text>
+							</view>
+						</picker>
+					</view>
+
+					<view class="field-item">
+						<view class="field-label">活动类型</view>
+						<picker mode="selector" :range="eventTypeLabels" :value="eventTypeIndex" @change="handleEventTypeChange">
+							<view class="field-picker">
+								<text class="field-value">{{ form.eventType || '请选择活动类型' }}</text>
+							</view>
+						</picker>
+					</view>
+
+					<view class="field-item">
+						<view class="field-label">活动时间</view>
+						<uv-input
+							v-model="form.time"
+							class="field-input"
+							placeholder="例如：2026年4月8日下午"
+							placeholder-style="color: #c0c4cc;"
+							:maxlength="-1"
+						/>
+					</view>
+
+					<view class="field-item">
+						<view class="field-label">活动地点</view>
+						<uv-input
+							v-model="form.location"
+							class="field-input"
+							placeholder="例如：广西医科大学校史馆广场"
+							placeholder-style="color: #c0c4cc;"
+							:maxlength="-1"
+						/>
+					</view>
+
+					<view class="field-item">
+						<view class="field-label">参与人员</view>
+						<uv-input
+							v-model="form.participants"
+							class="field-input"
+							placeholder="例如：校团委老师、青年志愿者代表共120人"
+							placeholder-style="color: #c0c4cc;"
+							:maxlength="-1"
+						/>
+					</view>
+
+					<view class="field-item">
+						<view class="field-label">建议篇幅</view>
+						<uv-input
+							v-model="form.number"
+							class="field-input"
+							type="number"
+							placeholder="请输入建议字数"
+							placeholder-style="color: #c0c4cc;"
+							:maxlength="-1"
+						/>
+					</view>
+
+					<view class="field-item">
+						<view class="field-label">亮点内容</view>
+						<textarea
+							v-model="form.highlights"
+							class="field-textarea"
+							placeholder="填写活动亮点、流程、成果、典型细节等关键信息"
+							placeholder-style="color: #c0c4cc;"
+							maxlength="-1"
+						/>
+					</view>
+
+					<view class="field-item">
+						<view class="field-label">附件材料</view>
+						<view class="upload-bar">
+							<view class="upload-btn" @tap="chooseFiles">{{ uploading ? '上传中...' : '选择附件' }}</view>
+							<view class="upload-tip">支持图片、文档等附件，上传后将按 `files` 字段提交。</view>
+						</view>
+						<view v-if="uploadedFiles.length" class="file-list">
+							<view
+								v-for="(item, index) in uploadedFiles"
+								:key="`${item.url || item.path || item.name}-${index}`"
+								class="file-item-card"
+							>
+								<view class="file-main">
+									<view class="file-badge">附件</view>
+									<view class="file-text">
+										<view class="file-name">{{ item.name || '未命名文件' }}</view>
+										<view class="file-url">{{ item.url || item.path || '-' }}</view>
+									</view>
+								</view>
+								<view class="file-remove" @tap="removeUploadedFile(index)">移除</view>
+							</view>
+						</view>
+					</view>
+				</view>
+
+				<view class="submit-bar">
+					<view class="ghost-btn" @tap="resetForm">重置</view>
+					<view class="primary-btn" :class="{ 'primary-btn--disabled': !canSubmit || loading }" @tap="handleGenerate">
+						{{ loading ? '生成中' : '生成内容' }}
+					</view>
+				</view>
+
+				<view class="hint-block">
+					<view class="hint-title">提交说明</view>
+					<view class="hint-text">
+						页面会先提交 `POST /ai/manuscriptGen`，再通过 WebSocket 流式接收生成结果；如果后端直接返回正文，也会自动兼容显示。
+					</view>
+				</view>
+			</view>
+
+			<view class="panel-card result-card">
+				<view class="result-head">
+					<view class="panel-title">生成结果</view>
+					<view class="result-status" :class="loading ? 'result-status--loading' : markdownContent ? 'result-status--done' : ''">
+						{{ loading ? '生成中' : markdownContent ? '已生成' : '待生成' }}
+					</view>
+				</view>
+
+				<view class="field-item">
+					<view class="field-label">生成标题</view>
+					<uv-input
+						v-model="generatedTitle"
+						class="field-input"
+						placeholder="生成结果中的标题会显示在这里"
+						placeholder-style="color: #c0c4cc;"
+						:maxlength="-1"
+					/>
+				</view>
+
+				<view class="field-item">
+					<view class="field-label">正文内容</view>
+					<view class="result-shell">
+						<view v-if="loading" class="result-streaming">
+							{{ markdownContent || 'AI 正在生成内容...' }}
+						</view>
+						<zero-markdown-view v-else-if="markdownContent" class="result-content" :markdown="markdownContent" />
+						<view v-else class="result-empty">填写左侧创作条件后开始生成</view>
+					</view>
+				</view>
+
+				<view v-if="responseSummary" class="response-meta">
+					<view class="response-label">接口摘要</view>
+					<view class="response-value">{{ responseSummary }}</view>
+				</view>
+
+				<view class="result-actions">
+					<view class="result-btn" @tap="copyGenerated">复制正文</view>
+					<view class="result-btn" @tap="copyGeneratedTitle">复制标题</view>
+					<view class="result-btn" @tap="clearGenerated">清空结果</view>
+				</view>
+			</view>
+		</scroll-view>
+	</view>
+</template>
+
+<script>
+	import {
+		buildWebSocketUrl,
+		getCurrentUser,
+		manuscriptGen,
+		uploadTempFile
+	} from './service'
+
+	const STREAM_END_TEXT = '__END__'
+	const SOCKET_CONNECTED_TEXT = '连接成功'
+	const THINK_OPEN_TAG = '<think>'
+	const THINK_CLOSE_TAG = '</think>'
+
+	const DOC_TYPE_OPTIONS = ['新闻稿', '公众号推文', '宣传稿', '活动总结', '发言稿', '短视频脚本']
+	const EVENT_TYPE_OPTIONS = ['校园活动', '志愿服务', '会议论坛', '社会实践', '文体活动', '品牌项目']
+
+	const createDefaultForm = () => ({
+		docType: '新闻稿',
+		eventType: '校园活动',
+		theme: '',
+		time: '',
+		location: '',
+		participants: '',
+		highlights: '',
+		number: '800'
+	})
+
+	export default {
+		data() {
+			return {
+				form: createDefaultForm(),
+				docTypeLabels: DOC_TYPE_OPTIONS,
+				eventTypeLabels: EVENT_TYPE_OPTIONS,
+				loading: false,
+				uploading: false,
+				wsConnected: false,
+				generatedTitle: '',
+				generatedContent: '',
+				responseSummary: '',
+				uploadedFiles: [],
+				activeConversationId: '',
+				socketTask: null,
+				socketConnectPromise: null,
+				streamStarted: false,
+				streamResolver: null,
+				currentUser: {
+					userId: null
+				}
+			}
+		},
+		computed: {
+			docTypeIndex() {
+				const index = this.docTypeLabels.indexOf(this.form.docType)
+				return index > -1 ? index : 0
+			},
+			eventTypeIndex() {
+				const index = this.eventTypeLabels.indexOf(this.form.eventType)
+				return index > -1 ? index : 0
+			},
+			canSubmit() {
+				return !!(
+					String(this.form.theme || '').trim() ||
+					String(this.form.highlights || '').trim() ||
+					this.uploadedFiles.length
+				)
+			},
+			markdownContent() {
+				return this.parseAssistantContent(this.generatedContent).content.trim()
+			}
+		},
+		onUnload() {
+			this.clearStreamResolver()
+			this.disconnectWebSocket()
+		},
+		methods: {
+			showToast(title) {
+				uni.showToast({
+					title,
+					icon: 'none'
+				})
+			},
+			handleDocTypeChange(event) {
+				const index = Number(event.detail.value)
+				this.form.docType = this.docTypeLabels[index] || this.form.docType
+			},
+			handleEventTypeChange(event) {
+				const index = Number(event.detail.value)
+				this.form.eventType = this.eventTypeLabels[index] || this.form.eventType
+			},
+			parseAssistantContent(value) {
+				if (!value) {
+					return {
+						content: '',
+						thinking: false
+					}
+				}
+
+				let cursor = 0
+				let content = ''
+				let thinking = false
+
+				while (cursor < value.length) {
+					if (!thinking) {
+						const openIndex = value.indexOf(THINK_OPEN_TAG, cursor)
+						const closeIndex = value.indexOf(THINK_CLOSE_TAG, cursor)
+
+						if (closeIndex !== -1 && (openIndex === -1 || closeIndex < openIndex)) {
+							cursor = closeIndex + THINK_CLOSE_TAG.length
+							continue
+						}
+						if (openIndex === -1) {
+							content += value.slice(cursor)
+							break
+						}
+						content += value.slice(cursor, openIndex)
+						cursor = openIndex + THINK_OPEN_TAG.length
+						thinking = true
+						continue
+					}
+
+					const closeIndex = value.indexOf(THINK_CLOSE_TAG, cursor)
+					if (closeIndex === -1) {
+						break
+					}
+					cursor = closeIndex + THINK_CLOSE_TAG.length
+					thinking = false
+				}
+
+				return {
+					content,
+					thinking
+				}
+			},
+			buildPayload() {
+				return {
+					docType: this.form.docType,
+					eventType: this.form.eventType,
+					theme: String(this.form.theme || '').trim(),
+					time: String(this.form.time || '').trim(),
+					location: String(this.form.location || '').trim(),
+					participants: String(this.form.participants || '').trim(),
+					highlights: String(this.form.highlights || '').trim(),
+					number: Number(this.form.number || 0) || 800,
+					files: this.uploadedFiles.map((item) => ({
+						id: item.id,
+						name: item.name,
+						path: item.path,
+						url: item.url,
+						downloadUrl: item.downloadUrl,
+						contentType: item.contentType
+					}))
+				}
+			},
+			pickString() {
+				for (let index = 0; index < arguments.length; index += 1) {
+					const value = arguments[index]
+					if (typeof value === 'string' && value.trim()) {
+						return value.trim()
+					}
+				}
+				return ''
+			},
+			pickRawStreamString() {
+				for (let index = 0; index < arguments.length; index += 1) {
+					const value = arguments[index]
+					if (typeof value === 'string') {
+						return value
+					}
+				}
+				return ''
+			},
+			stringifyUnknown(value) {
+				try {
+					return JSON.stringify(value, null, 2)
+				} catch (error) {
+					return String(value || '')
+				}
+			},
+			parseResult(payload) {
+				if (typeof payload === 'string') {
+					return {
+						title: String(this.form.theme || '').trim(),
+						content: payload,
+						summary: '接口直接返回文本内容'
+					}
+				}
+
+				const title = this.pickString(
+					payload && payload.title,
+					payload && payload.theme,
+					payload && payload.name,
+					payload && payload.subject,
+					payload && payload.data && payload.data.title
+				)
+				const content = this.pickString(
+					payload && payload.content,
+					payload && payload.text,
+					payload && payload.result,
+					payload && payload.output,
+					payload && payload.answer,
+					payload && payload.manuscript,
+					payload && payload.article,
+					payload && payload.message,
+					payload && payload.data && payload.data.content,
+					payload && payload.data && payload.data.text,
+					payload && payload.data && payload.data.result,
+					payload && payload.data && payload.data.output,
+					payload && payload.choices && payload.choices[0] && payload.choices[0].message && payload.choices[0].message.content
+				)
+
+				const keys = payload && typeof payload === 'object' ? Object.keys(payload) : []
+				return {
+					title: title || String(this.form.theme || '').trim(),
+					content: content || this.stringifyUnknown(payload),
+					summary: keys.length ? `已解析返回字段：${keys.join('、')}` : '返回对象为空'
+				}
+			},
+			parseSerializedResult(payload) {
+				const text = String(payload || '').trim()
+				if (!text) {
+					return payload
+				}
+				if (
+					(text.startsWith('{') && text.endsWith('}')) ||
+					(text.startsWith('[') && text.endsWith(']'))
+				) {
+					try {
+						return JSON.parse(text)
+					} catch (error) {
+						return payload
+					}
+				}
+				return payload
+			},
+			applyParsedResult(payload, defaultSummary) {
+				const parsed = this.parseResult(payload)
+				this.generatedTitle = parsed.title || this.generatedTitle || String(this.form.theme || '').trim()
+				this.generatedContent = parsed.content
+				this.responseSummary = parsed.summary || defaultSummary
+			},
+			shouldTreatAsDirectResult(payload) {
+				if (!payload) {
+					return false
+				}
+				if (typeof payload === 'string') {
+					const text = payload.trim()
+					if (!text) {
+						return false
+					}
+					return text.startsWith('{') || text.startsWith('[') || text.includes('\n') || text.length > 80
+				}
+				return typeof payload === 'object'
+			},
+			clearStreamResolver() {
+				this.streamResolver = null
+			},
+			resolveStream() {
+				if (this.streamResolver && this.streamResolver.resolve) {
+					this.streamResolver.resolve()
+				}
+				this.clearStreamResolver()
+			},
+			rejectStream(error) {
+				if (this.streamResolver && this.streamResolver.reject) {
+					this.streamResolver.reject(error)
+				}
+				this.clearStreamResolver()
+			},
+			createStreamWaiter() {
+				this.streamStarted = false
+				return new Promise((resolve, reject) => {
+					this.streamResolver = {
+						resolve,
+						reject
+					}
+				})
+			},
+			disconnectWebSocket() {
+				this.socketConnectPromise = null
+				this.wsConnected = false
+				const socketTask = this.socketTask
+				this.socketTask = null
+				if (socketTask && typeof socketTask.close === 'function') {
+					try {
+						socketTask.close({})
+					} catch (error) {
+						console.warn('socket close failed', error)
+					}
+				}
+			},
+			appendAssistantChunk(chunk, conversationId) {
+				if (!chunk) {
+					return
+				}
+				if (conversationId) {
+					this.activeConversationId = conversationId
+				}
+				if (!this.streamStarted) {
+					this.streamStarted = true
+					this.generatedTitle = this.generatedTitle || String(this.form.theme || '').trim()
+					this.generatedContent = ''
+				}
+				this.generatedContent += chunk
+				this.responseSummary = '正在通过 WebSocket 接收流式内容'
+			},
+			finishStream(conversationId) {
+				if (conversationId) {
+					this.activeConversationId = conversationId
+				}
+				const payload = this.parseSerializedResult(this.generatedContent)
+				this.applyParsedResult(payload, '已通过 WebSocket 接收生成结果')
+				this.loading = false
+				this.resolveStream()
+				this.disconnectWebSocket()
+			},
+			handleSocketMessage(raw) {
+				if (!raw) {
+					return
+				}
+				try {
+					const data = JSON.parse(raw)
+					if (data && data.answer === STREAM_END_TEXT) {
+						this.finishStream(data.conversationId)
+						return
+					}
+					if (data && (data.loading === 'true' || data.loading === true)) {
+						return
+					}
+					const chunk = this.pickRawStreamString(data && data.notice, data && data.answer)
+					if (chunk.length > 0) {
+						this.appendAssistantChunk(chunk, data && data.conversationId)
+					}
+				} catch (error) {
+					this.appendAssistantChunk(raw)
+				}
+			},
+			refreshUser() {
+				this.currentUser = getCurrentUser()
+				return this.currentUser
+			},
+			connectWebSocket() {
+				const user = this.refreshUser()
+				if (!user.userId) {
+					return Promise.reject(new Error('未获取到当前登录用户'))
+				}
+				const currentSocket = this.socketTask
+				if (currentSocket && this.wsConnected) {
+					return Promise.resolve()
+				}
+				if (currentSocket && this.socketConnectPromise) {
+					return this.socketConnectPromise
+				}
+				if (currentSocket) {
+					this.disconnectWebSocket()
+				}
+
+				let cleanupPending = () => undefined
+				const connectPromise = new Promise((resolve, reject) => {
+					let settled = false
+					const socketTask = uni.connectSocket({
+						url: buildWebSocketUrl(user.userId),
+						complete: () => {}
+					})
+
+					cleanupPending = () => {
+						if (this.socketConnectPromise === connectPromise) {
+							this.socketConnectPromise = null
+						}
+					}
+
+					socketTask.onOpen(() => {
+						this.wsConnected = false
+					})
+					socketTask.onMessage((event) => {
+						const raw = String((event && event.data) || '')
+						if (raw === SOCKET_CONNECTED_TEXT) {
+							this.wsConnected = true
+							if (!settled) {
+								settled = true
+								cleanupPending()
+								resolve()
+							}
+							return
+						}
+						this.handleSocketMessage(raw)
+					})
+					socketTask.onClose(() => {
+						this.wsConnected = false
+						if (this.socketTask === socketTask) {
+							this.socketTask = null
+						}
+						if (!settled) {
+							settled = true
+							cleanupPending()
+							reject(new Error('稿件生成连接已关闭'))
+							return
+						}
+						if (this.loading) {
+							this.rejectStream(new Error('稿件生成连接已关闭'))
+							this.loading = false
+						}
+						cleanupPending()
+					})
+					socketTask.onError(() => {
+						this.wsConnected = false
+						if (!settled) {
+							settled = true
+							cleanupPending()
+							reject(new Error('稿件生成连接失败'))
+							return
+						}
+						if (this.loading) {
+							this.rejectStream(new Error('稿件生成连接失败'))
+							this.loading = false
+						}
+					})
+					this.socketTask = socketTask
+				})
+				this.socketConnectPromise = connectPromise
+				return connectPromise
+			},
+			clearGenerated() {
+				this.generatedTitle = ''
+				this.generatedContent = ''
+				this.responseSummary = ''
+			},
+			resetForm() {
+				this.form = createDefaultForm()
+				this.uploadedFiles = []
+			},
+			fillDemo(type) {
+				if (type === 'news') {
+					this.form.theme = '广西医科大学青年志愿者开展“清洁校园”志愿服务活动'
+					this.form.docType = '新闻稿'
+					this.form.eventType = '志愿服务'
+					this.form.time = '2026年4月8日下午'
+					this.form.location = '广西医科大学校园主干道及公共区域'
+					this.form.participants = '校团委老师、青年志愿者代表共120人'
+					this.form.highlights = '交代活动时间地点、参与人员、主要服务内容、活动成效和师生反馈，突出青年志愿者精神和劳动教育成效。'
+					this.form.number = '900'
+					return
+				}
+				if (type === 'wechat') {
+					this.form.theme = '青春集结！这场校园科技文化节亮点抢先看'
+					this.form.docType = '公众号推文'
+					this.form.eventType = '校园活动'
+					this.form.time = '2026年4月中旬'
+					this.form.location = '大学生活动中心'
+					this.form.participants = '全校青年学生、科技社团成员'
+					this.form.highlights = '开头制造期待感，中间分三部分介绍科技互动展区、舞台展示和报名信息，结尾增加报名引导。'
+					this.form.number = '1200'
+					return
+				}
+				this.form.theme = '在学校共青团工作会议上的发言提纲'
+				this.form.docType = '发言稿'
+				this.form.eventType = '会议论坛'
+				this.form.time = '2026年春季学期工作会议'
+				this.form.location = '学校综合楼报告厅'
+				this.form.participants = '各学院团委书记、团干部代表'
+				this.form.highlights = '总结上阶段工作，分析问题不足，部署下一阶段思想引领、基层组织建设和实践育人重点任务。'
+				this.form.number = '1500'
+			},
+			async chooseFiles() {
+				if (this.uploading) {
+					return
+				}
+				try {
+					const result = await new Promise((resolve, reject) => {
+						uni.chooseMessageFile({
+							count: 5,
+							type: 'all',
+							success: resolve,
+							fail: reject
+						})
+					})
+					const tempFiles = (result && result.tempFiles) || []
+					if (!tempFiles.length) {
+						return
+					}
+					this.uploading = true
+					uni.showLoading({
+						title: '上传中',
+						mask: true
+					})
+					for (let index = 0; index < tempFiles.length; index += 1) {
+						const file = tempFiles[index]
+						if (file.size && file.size / 1024 / 1024 > 100) {
+							this.showToast('单个附件不能超过 100MB')
+							continue
+						}
+						const uploaded = await uploadTempFile(file)
+						this.uploadedFiles = [
+							...this.uploadedFiles,
+							{
+								id: uploaded.id,
+								name: uploaded.name || file.name,
+								path: uploaded.path,
+								url: uploaded.url,
+								downloadUrl: uploaded.downloadUrl,
+								contentType: uploaded.contentType
+							}
+						]
+					}
+					this.showToast('附件上传成功')
+				} catch (error) {
+					if (error && error.errMsg && String(error.errMsg).includes('cancel')) {
+						return
+					}
+					this.showToast((error && error.message) || '上传失败')
+				} finally {
+					this.uploading = false
+					uni.hideLoading()
+				}
+			},
+			removeUploadedFile(index) {
+				this.uploadedFiles = this.uploadedFiles.filter((item, current) => current !== index)
+			},
+			async handleGenerate() {
+				if (this.loading) {
+					return
+				}
+				if (!this.canSubmit) {
+					this.showToast('请至少填写稿件标题、亮点内容或上传附件中的一项')
+					return
+				}
+				this.loading = true
+				this.clearGenerated()
+				this.generatedTitle = String(this.form.theme || '').trim()
+				this.responseSummary = '正在建立 WebSocket 连接...'
+				try {
+					await this.connectWebSocket()
+					this.responseSummary = '连接成功，已提交生成任务，等待流式返回...'
+					const waitStream = this.createStreamWaiter()
+					const result = await manuscriptGen(this.buildPayload())
+					if (!this.streamStarted && this.shouldTreatAsDirectResult(result)) {
+						this.applyParsedResult(
+							typeof result === 'string' ? this.parseSerializedResult(result) : result,
+							'接口直接返回生成结果'
+						)
+						this.loading = false
+						this.resolveStream()
+						this.disconnectWebSocket()
+					} else {
+						await waitStream
+					}
+					this.showToast('内容生成完成')
+				} catch (error) {
+					this.disconnectWebSocket()
+					this.clearStreamResolver()
+					this.loading = false
+					this.showToast((error && error.message) || '内容生成失败')
+				}
+			},
+			copyGenerated() {
+				if (!this.markdownContent) {
+					this.showToast('暂无可复制的正文内容')
+					return
+				}
+				uni.setClipboardData({
+					data: this.markdownContent,
+					success: () => {
+						this.showToast('正文已复制')
+					}
+				})
+			},
+			copyGeneratedTitle() {
+				if (!String(this.generatedTitle || '').trim()) {
+					this.showToast('暂无可复制的标题')
+					return
+				}
+				uni.setClipboardData({
+					data: this.generatedTitle.trim(),
+					success: () => {
+						this.showToast('标题已复制')
+					}
+				})
+			},
+			goChatPage() {
+				uni.switchTab({
+					url: '/pages/assistant/index'
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.page {
+		min-height: 100vh;
+		background:
+			radial-gradient(circle at top right, rgba(20, 150, 242, 0.14), transparent 24%),
+			linear-gradient(180deg, #f5fbff 0%, #fff 62%);
+	}
+
+	.page-scroll {
+		height: 100vh;
+		padding: 28rpx 24rpx 40rpx;
+	}
+
+	.hero-card {
+		padding: 34rpx 30rpx;
+		border-radius: 32rpx;
+		background: linear-gradient(135deg, #0c5f9f 0%, #1496f2 48%, #67c7ff 100%);
+		box-shadow: 0 18rpx 44rpx rgba(20, 118, 194, 0.18);
+		color: #f4fbff;
+	}
+
+	.hero-kicker {
+		font-size: 22rpx;
+		letter-spacing: 4rpx;
+		color: rgba(255, 244, 233, 0.72);
+	}
+
+	.hero-title {
+		margin-top: 18rpx;
+		font-size: 42rpx;
+		line-height: 1.35;
+		font-weight: 700;
+		color: #fffaf6;
+	}
+
+	.hero-desc {
+		margin-top: 16rpx;
+		font-size: 24rpx;
+		line-height: 1.8;
+		color: rgba(255, 244, 233, 0.88);
+	}
+
+	.hero-actions {
+		display: flex;
+		flex-wrap: wrap;
+		gap: 14rpx;
+		margin-top: 26rpx;
+	}
+
+	.hero-action {
+		padding: 12rpx 20rpx;
+		border-radius: 999rpx;
+		background: rgba(255, 255, 255, 0.12);
+		font-size: 22rpx;
+		color: #fff7f1;
+	}
+
+	.hero-action--primary {
+		background: rgba(255, 255, 255, 0.22);
+		font-weight: 700;
+	}
+
+	.panel-card {
+		margin-top: 24rpx;
+		padding: 26rpx;
+		border-radius: 30rpx;
+		background: rgba(255, 255, 255, 0.96);
+		border: 1rpx solid rgba(20, 150, 242, 0.08);
+		box-shadow: 0 10rpx 28rpx rgba(34, 94, 142, 0.08);
+	}
+
+	.panel-title {
+		font-size: 30rpx;
+		font-weight: 700;
+		color: #1f2329;
+	}
+
+	.field-list {
+		display: flex;
+		flex-direction: column;
+		gap: 22rpx;
+		margin-top: 20rpx;
+	}
+
+	.field-item {
+		width: 100%;
+	}
+
+	.field-label {
+		margin-bottom: 12rpx;
+		font-size: 25rpx;
+		font-weight: 600;
+		color: #2b3037;
+	}
+
+	.field-picker,
+	.field-textarea {
+		width: 100%;
+		box-sizing: border-box;
+		padding: 22rpx 24rpx;
+		border-radius: 22rpx;
+		background: #f4faff;
+		border: 1rpx solid #d6eafb;
+		font-size: 24rpx;
+		color: #2a2e35;
+	}
+
+	.field-textarea {
+		min-height: 220rpx;
+	}
+
+	.field-value {
+		color: #303133;
+	}
+
+	:deep(.field-input.uv-input) {
+		width: 100%;
+		min-height: 88rpx;
+		padding: 0 24rpx;
+		border-radius: 12rpx;
+		border: 1px solid #dcdfe6;
+		background: #ffffff;
+		box-sizing: border-box;
+	}
+
+	:deep(.field-input.uv-input .uv-input__content__field-wrapper__field) {
+		height: 88rpx;
+		min-height: 88rpx;
+		font-size: 28rpx;
+		line-height: 88rpx;
+		color: #303133;
+	}
+
+	.upload-bar {
+		display: flex;
+		flex-direction: column;
+		gap: 12rpx;
+	}
+
+	.upload-btn {
+		align-self: flex-start;
+		padding: 14rpx 24rpx;
+		border-radius: 20rpx;
+		background: rgba(20, 150, 242, 0.1);
+		color: #1496f2;
+		font-size: 24rpx;
+		font-weight: 600;
+	}
+
+	.upload-tip {
+		font-size: 22rpx;
+		line-height: 1.7;
+		color: #8b817c;
+	}
+
+	.file-list {
+		display: flex;
+		flex-direction: column;
+		gap: 14rpx;
+		margin-top: 16rpx;
+	}
+
+	.file-item-card {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		gap: 16rpx;
+		padding: 18rpx 20rpx;
+		border-radius: 22rpx;
+		background: #f4faff;
+	}
+
+	.file-main {
+		display: flex;
+		align-items: center;
+		gap: 14rpx;
+		flex: 1;
+		min-width: 0;
+	}
+
+	.file-badge {
+		padding: 8rpx 14rpx;
+		border-radius: 999rpx;
+		background: #fff;
+		color: #1496f2;
+		font-size: 20rpx;
+	}
+
+	.file-text {
+		flex: 1;
+		min-width: 0;
+	}
+
+	.file-name {
+		font-size: 24rpx;
+		font-weight: 600;
+		color: #2f3035;
+	}
+
+	.file-url {
+		margin-top: 8rpx;
+		font-size: 20rpx;
+		color: #8e837d;
+		word-break: break-all;
+	}
+
+	.file-remove {
+		flex-shrink: 0;
+		font-size: 22rpx;
+		color: #1496f2;
+	}
+
+	.submit-bar,
+	.result-actions {
+		display: grid;
+		grid-template-columns: repeat(2, minmax(0, 1fr));
+		gap: 18rpx;
+		margin-top: 24rpx;
+	}
+
+	.result-actions {
+		grid-template-columns: repeat(3, minmax(0, 1fr));
+	}
+
+	.ghost-btn,
+	.primary-btn,
+	.result-btn {
+		height: 88rpx;
+		line-height: 88rpx;
+		border-radius: 22rpx;
+		font-size: 28rpx;
+		font-weight: 700;
+		text-align: center;
+	}
+
+	.ghost-btn {
+		background: #edf6ff;
+		color: #0f7dd1;
+		border: 1rpx solid #cfe7fb;
+	}
+
+	.primary-btn {
+		background: linear-gradient(135deg, #0f7dd1 0%, #1496f2 100%);
+		color: #fff;
+	}
+
+	.primary-btn--disabled {
+		opacity: 0.6;
+	}
+
+	.result-btn {
+		background: #edf6ff;
+		color: #0f7dd1;
+	}
+
+	.hint-block,
+	.response-meta {
+		margin-top: 22rpx;
+		padding: 22rpx 24rpx;
+		border-radius: 24rpx;
+		background: #f4faff;
+		border: 1rpx solid rgba(20, 150, 242, 0.08);
+	}
+
+	.hint-title,
+	.response-label {
+		font-size: 24rpx;
+		font-weight: 700;
+		color: #8b4a12;
+	}
+
+	.hint-text,
+	.response-value {
+		margin-top: 10rpx;
+		font-size: 22rpx;
+		line-height: 1.75;
+		color: #7b6d64;
+	}
+
+	.result-card {
+		margin-bottom: 20rpx;
+	}
+
+	.result-head {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		gap: 16rpx;
+	}
+
+	.result-status {
+		padding: 10rpx 16rpx;
+		border-radius: 999rpx;
+		background: #f3f0ed;
+		color: #8b827d;
+		font-size: 20rpx;
+		font-weight: 600;
+	}
+
+	.result-status--loading {
+		background: #edf5ff;
+		color: #1554ad;
+	}
+
+	.result-status--done {
+		background: #eef9f1;
+		color: #1f8f49;
+	}
+
+	.result-shell {
+		min-height: 360rpx;
+		padding: 24rpx;
+		border-radius: 24rpx;
+		background: #fbf7f2;
+		border: 1rpx solid #f0e1d5;
+	}
+
+	.result-streaming,
+	.result-content,
+	.result-empty {
+		font-size: 24rpx;
+		line-height: 1.85;
+		white-space: pre-wrap;
+		word-break: break-word;
+	}
+
+	.result-streaming,
+	.result-content {
+		color: #2b3037;
+	}
+
+	.result-empty {
+		color: #9a8f89;
+	}
+</style>
diff --git a/pages/manuscript/service.js b/pages/manuscript/service.js
new file mode 100644
index 0000000..a4d0969
--- /dev/null
+++ b/pages/manuscript/service.js
@@ -0,0 +1,52 @@
+import {
+	API_BASE_URL,
+	apiRequest,
+	buildWebSocketUrl,
+	getCurrentUser,
+	getToken
+} from '../assistant/chat-service'
+
+export { buildWebSocketUrl, getCurrentUser }
+
+export function manuscriptGen(data) {
+	return apiRequest({
+		url: `${API_BASE_URL}/ai/manuscriptGen`,
+		method: 'POST',
+		data,
+		withTenant: true
+	})
+}
+
+export function uploadTempFile(file) {
+	const token = getToken()
+	return new Promise((resolve, reject) => {
+		uni.uploadFile({
+			url: `${API_BASE_URL}/file/upload`,
+			filePath: file.path,
+			name: 'file',
+			header: token
+				? {
+					Authorization: token
+				}
+				: {},
+			formData: {
+				tenantId: '10049'
+			},
+			success: (response) => {
+				try {
+					const result = JSON.parse(response.data || '{}')
+					if (result.code === 0 && result.data) {
+						resolve(result.data)
+						return
+					}
+					reject(new Error(result.message || '上传失败'))
+				} catch (error) {
+					reject(new Error('上传响应解析失败'))
+				}
+			},
+			fail: (error) => {
+				reject(new Error(error.errMsg || '上传失败'))
+			}
+		})
+	})
+}
diff --git a/pages/mine/declare.vue b/pages/mine/declare.vue
new file mode 100644
index 0000000..994b1eb
--- /dev/null
+++ b/pages/mine/declare.vue
@@ -0,0 +1,355 @@
+<template>
+	<view class="page">
+		<scroll-view scroll-y class="page-scroll">
+			<view class="hero-card">
+				<view class="hero-title">我的申报</view>
+				<view class="hero-desc">汇总本地草稿、已提交记录和当前开放的申报项目。</view>
+				<view class="hero-stats">
+					<view class="stat-item">
+						<view class="stat-value">{{ localRecords.length }}</view>
+						<view class="stat-label">本地记录</view>
+					</view>
+					<view class="stat-item">
+						<view class="stat-value">{{ submittedCount }}</view>
+						<view class="stat-label">已提交</view>
+					</view>
+					<view class="stat-item">
+						<view class="stat-value">{{ openDeclareList.length }}</view>
+						<view class="stat-label">开放项目</view>
+					</view>
+				</view>
+			</view>
+
+			<view class="section-card">
+				<view class="section-head">
+					<view class="section-title">本地申报记录</view>
+					<view class="section-action" @tap="loadData()">刷新</view>
+				</view>
+				<view v-if="!localRecords.length" class="empty-block">
+					当前还没有本地草稿或提交记录，可先前往申报页填写。
+				</view>
+				<view v-else class="card-list">
+					<view v-for="item in localRecords" :key="item.key" class="data-card">
+						<view class="card-top">
+							<view class="card-main">
+								<view class="card-title">{{ item.title }}</view>
+								<view class="card-subtitle">{{ item.year || '未设置年度' }} · {{ item.group }}</view>
+							</view>
+							<view class="status-tag" :class="item.status === '已提交' ? 'status-tag--success' : 'status-tag--warning'">
+								{{ item.status }}
+							</view>
+						</view>
+						<view class="meta-row">保存时间：{{ item.savedAt || '-' }}</view>
+						<view class="card-actions">
+							<view class="card-action" @tap="continueEdit(item)">继续编辑</view>
+							<view class="card-action" @tap="copyText(item.title)">复制标题</view>
+						</view>
+					</view>
+				</view>
+			</view>
+
+			<view class="section-card">
+				<view class="section-head">
+					<view class="section-title">当前开放项目</view>
+					<view class="section-action" @tap="goDeclareList">全部查看</view>
+				</view>
+				<view v-if="loading" class="empty-block">正在加载开放项目...</view>
+				<view v-else-if="errorText" class="empty-block empty-block--error">{{ errorText }}</view>
+				<view v-else-if="!openDeclareList.length" class="empty-block">当前暂无开放的申报项目。</view>
+				<view v-else class="card-list">
+					<view v-for="item in openDeclareList" :key="item.id || `${item.module}-${item.year}`" class="data-card">
+						<view class="card-top">
+							<view class="card-main">
+								<view class="card-title">{{ getDeclareTitle(item) }}</view>
+								<view class="card-subtitle">{{ getDeclareGroup(item.module) }} · {{ item.year || '未设置年度' }}</view>
+							</view>
+							<view class="status-tag status-tag--default">可申报</view>
+						</view>
+						<view class="meta-row">时间范围：{{ formatDateTime(item.startTime) }} 至 {{ formatDateTime(item.endTime) }}</view>
+						<view class="card-actions">
+							<view class="card-action" @tap="goApply(item)">进入申报</view>
+						</view>
+					</view>
+				</view>
+			</view>
+		</scroll-view>
+	</view>
+</template>
+
+<script>
+	import {
+		formatDateTime,
+		getLocalDeclareRecords,
+		listAvailableDeclare
+	} from './service'
+	import { getFormConfig, getModuleMeta } from '../../utils/gxmu/config'
+
+	export default {
+		data() {
+			return {
+				loading: false,
+				errorText: '',
+				localRecords: [],
+				openDeclareList: []
+			}
+		},
+		computed: {
+			submittedCount() {
+				return this.localRecords.filter((item) => item.status === '已提交').length
+			}
+		},
+		onShow() {
+			this.loadData()
+		},
+		onPullDownRefresh() {
+			this.loadData(true)
+		},
+		methods: {
+			formatDateTime,
+			getDeclareTitle(item) {
+				return String(item.title || '').trim() || this.getDeclareGroup(item.module)
+			},
+			getDeclareGroup(module) {
+				const meta = getModuleMeta(module)
+				return (meta && meta.title) || module || '申报项目'
+			},
+			async loadData(fromPullDown = false) {
+				this.localRecords = getLocalDeclareRecords()
+				this.loading = true
+				this.errorText = ''
+				try {
+					const result = await listAvailableDeclare({ usable: true })
+					const list = Array.isArray(result) ? result : []
+					this.openDeclareList = list.sort((left, right) => Number(right.year || 0) - Number(left.year || 0))
+				} catch (error) {
+					this.errorText = (error && error.message) || '开放项目加载失败'
+				} finally {
+					this.loading = false
+					if (fromPullDown) {
+						uni.stopPullDownRefresh()
+					}
+				}
+			},
+			continueEdit(item) {
+				uni.navigateTo({
+					url: item.route
+				})
+			},
+			copyText(value) {
+				uni.setClipboardData({
+					data: String(value || ''),
+					success: () => {
+						uni.showToast({
+							title: '已复制',
+							icon: 'none'
+						})
+					}
+				})
+			},
+			goDeclareList() {
+				uni.navigateTo({
+					url: '/pages/gxmu/index'
+				})
+			},
+			goApply(item) {
+				if (!item.module || !getFormConfig(item.module)) {
+					uni.showToast({
+						title: '当前申报项目在小程序端暂未配置',
+						icon: 'none'
+					})
+					return
+				}
+				const moduleMeta = getModuleMeta(item.module)
+				const title = String(item.title || '').trim() || ((moduleMeta && moduleMeta.title) || '申报表')
+				uni.navigateTo({
+					url: `/pages/gxmu/form?code=${encodeURIComponent(item.module)}&year=${encodeURIComponent(item.year || '')}&declareTitle=${encodeURIComponent(title)}`
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.page {
+		min-height: 100vh;
+		background:
+			radial-gradient(circle at top center, rgba(20, 150, 242, 0.1), transparent 30%),
+			linear-gradient(180deg, #f5fbff 0%, #eef7ff 100%);
+	}
+
+	.page-scroll {
+		height: 100vh;
+		padding: 24rpx 24rpx 40rpx;
+	}
+
+	.hero-card,
+	.section-card,
+	.data-card {
+		border-radius: 30rpx;
+		background: rgba(255, 255, 255, 0.94);
+		border: 1rpx solid rgba(20, 150, 242, 0.08);
+		box-shadow: 0 10rpx 28rpx rgba(34, 94, 142, 0.08);
+	}
+
+	.hero-card {
+		padding: 32rpx 28rpx;
+		background: linear-gradient(145deg, #0d6fba 0%, #1496f2 58%, #5bc2ff 100%);
+		color: #fff;
+	}
+
+	.hero-title {
+		font-size: 40rpx;
+		font-weight: 700;
+	}
+
+	.hero-desc {
+		margin-top: 14rpx;
+		font-size: 24rpx;
+		line-height: 1.7;
+		color: rgba(255, 255, 255, 0.86);
+	}
+
+	.hero-stats {
+		display: grid;
+		grid-template-columns: repeat(3, minmax(0, 1fr));
+		gap: 16rpx;
+		margin-top: 24rpx;
+	}
+
+	.stat-item {
+		padding: 18rpx 16rpx;
+		border-radius: 22rpx;
+		background: rgba(255, 255, 255, 0.12);
+		text-align: center;
+	}
+
+	.stat-value {
+		font-size: 32rpx;
+		font-weight: 700;
+	}
+
+	.stat-label {
+		margin-top: 6rpx;
+		font-size: 22rpx;
+		color: rgba(255, 255, 255, 0.8);
+	}
+
+	.section-card {
+		margin-top: 24rpx;
+		padding: 26rpx;
+	}
+
+	.section-head {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		gap: 16rpx;
+	}
+
+	.section-title {
+		font-size: 30rpx;
+		font-weight: 700;
+		color: #1f2329;
+	}
+
+	.section-action {
+		font-size: 22rpx;
+		color: #1496f2;
+		font-weight: 700;
+	}
+
+	.empty-block {
+		margin-top: 18rpx;
+		padding: 26rpx 22rpx;
+		border-radius: 24rpx;
+		background: #faf5f2;
+		font-size: 24rpx;
+		line-height: 1.75;
+		color: #7b726d;
+	}
+
+	.empty-block--error {
+		color: #0f7dd1;
+	}
+
+	.card-list {
+		display: flex;
+		flex-direction: column;
+		gap: 18rpx;
+		margin-top: 18rpx;
+	}
+
+	.data-card {
+		padding: 24rpx;
+	}
+
+	.card-top {
+		display: flex;
+		align-items: flex-start;
+		justify-content: space-between;
+		gap: 16rpx;
+	}
+
+	.card-main {
+		flex: 1;
+		min-width: 0;
+	}
+
+	.card-title {
+		font-size: 30rpx;
+		font-weight: 700;
+		color: #22272f;
+	}
+
+	.card-subtitle {
+		margin-top: 8rpx;
+		font-size: 22rpx;
+		color: #8b817c;
+	}
+
+	.meta-row {
+		margin-top: 18rpx;
+		padding: 18rpx;
+		border-radius: 22rpx;
+		background: #faf7f2;
+		font-size: 24rpx;
+		line-height: 1.75;
+		color: #5f564f;
+	}
+
+	.status-tag {
+		padding: 10rpx 16rpx;
+		border-radius: 999rpx;
+		font-size: 20rpx;
+		font-weight: 700;
+	}
+
+	.status-tag--success {
+		background: #eef9f1;
+		color: #1f8f49;
+	}
+
+	.status-tag--warning {
+		background: #fff8e6;
+		color: #ad7b00;
+	}
+
+	.status-tag--default {
+		background: #f5f5f5;
+		color: #8b817c;
+	}
+
+	.card-actions {
+		display: flex;
+		gap: 14rpx;
+		margin-top: 18rpx;
+	}
+
+	.card-action {
+		padding: 10rpx 18rpx;
+		border-radius: 999rpx;
+		background: rgba(20, 150, 242, 0.08);
+		color: #1496f2;
+		font-size: 22rpx;
+	}
+</style>
diff --git a/pages/mine/index.vue b/pages/mine/index.vue
new file mode 100644
index 0000000..3d4ec50
--- /dev/null
+++ b/pages/mine/index.vue
@@ -0,0 +1,501 @@
+<template>
+	<view class="page">
+		<scroll-view scroll-y class="page-scroll">
+			<common-hero title="我的">
+
+				<view class="hero-content">
+					<view class="profile-card">
+						<view class="profile-top">
+							<image v-if="profile.avatar" class="avatar-image" :src="profile.avatar" mode="aspectFill" />
+							<view v-else class="avatar">{{ avatarText }}</view>
+							<view class="profile-main">
+								<view class="profile-name">{{ displayName }}</view>
+								<view class="profile-role">{{ profileRole }}</view>
+							</view>
+						</view>
+						<view class="profile-stats">
+							<view v-for="item in stats" :key="item.label" class="profile-stat">
+								<view class="profile-stat-value">{{ item.value }}</view>
+								<view class="profile-stat-label">{{ item.label }}</view>
+							</view>
+						</view>
+						<view class="logout-btn" @click="handleLogout">退出登录</view>
+					</view>
+				</view>
+			</common-hero>
+
+			<view class="section">
+				<view class="section-title">常用入口</view>
+				<view class="entry-grid">
+					<view
+						v-for="item in visibleEntries"
+						:key="item.title"
+						class="entry-card"
+						@click="openEntry(item)"
+					>
+						<view class="entry-icon">{{ item.icon }}</view>
+						<view class="entry-title">{{ item.title }}</view>
+						<view class="entry-desc">{{ item.desc }}</view>
+					</view>
+				</view>
+			</view>
+
+			<view class="section">
+				<view class="section-title">最近状态</view>
+				<view class="status-list">
+					<view v-for="item in statusList" :key="item.title" class="status-card" @click="openStatus(item)">
+						<view class="status-main">
+							<view class="status-name">{{ item.title }}</view>
+							<view class="status-desc">{{ item.desc }}</view>
+						</view>
+						<view class="status-tag">{{ item.tag }}</view>
+					</view>
+				</view>
+			</view>
+		</scroll-view>
+	</view>
+</template>
+
+<script>
+	import CommonHero from '../../components/common-hero/common-hero.vue'
+	import {
+		ensureLoggedIn,
+		getCurrentUser,
+		getLocalProfileOverride,
+		getLocalDeclareRecords,
+		getManuscriptStatusMeta,
+		getReviewStatusMeta,
+		getUserProfile,
+		listManuscript,
+		logout,
+		userPageQmgcForm
+	} from './service'
+	import { hasReviewListAuthority } from '../../utils/gxmu/review-list-service'
+
+	export default {
+		components: {
+			CommonHero
+		},
+		data() {
+			return {
+				profile: {
+					nickname: '',
+					realName: '',
+					username: '',
+					avatar: '',
+					organizationName: '',
+					tenantName: '',
+					merchantName: '',
+					roles: []
+				},
+				manuscriptList: [],
+				qingmaList: [],
+				declareList: [],
+				hasReviewListPermission: false,
+				entries: [
+					{
+						title: '用户资料',
+						desc: '查看账号信息、组织身份和联系方式。',
+						icon: '资',
+						route: '/packageMine/profile'
+					},
+					{
+						title: '我的“青马”',
+						desc: '管理学员培养计划、考核与成长档案。',
+						icon: '青',
+						route: '/packageMine/qingma'
+					},
+					{
+						title: '我的稿件',
+						desc: '汇总我创建或参与编辑的全部稿件。',
+						icon: '稿',
+						route: '/packageMine/manuscripts'
+					},
+					{
+						title: '我的申报',
+						desc: '查看项目进度、待补材料与审核状态。',
+						icon: '报',
+						route: '/packageMine/declare'
+					},
+					{
+						title: '审核列表',
+						desc: '聚合查看业务数据、审核流并处理待审事项。',
+						icon: '审',
+						route: '/pages/gxmu/review-list',
+						authority: 'gxmu:reviewList:list'
+					}
+				]
+			}
+		},
+		computed: {
+			displayName() {
+				return this.profile.nickname || this.profile.realName || this.profile.username || '未登录用户'
+			},
+			avatarText() {
+				return (this.displayName || '我').slice(0, 2)
+			},
+			profileRole() {
+				const roles = Array.isArray(this.profile.roles) ? this.profile.roles : []
+				if (roles.length) {
+					return roles.map((item) => item.roleName).filter(Boolean).join(' / ')
+				}
+				return '校级团委数字工作台'
+			},
+			profileOrg() {
+				return this.profile.organizationName || this.profile.merchantName || this.profile.tenantName || '暂无组织信息'
+			},
+			stats() {
+				return [
+					{ value: `${this.manuscriptList.length}`, label: '我的稿件' },
+					{ value: `${this.declareList.length}`, label: '我的申报' },
+					{ value: `${this.qingmaList.length}`, label: '我的“青马”' }
+				]
+			},
+			visibleEntries() {
+				return this.entries.filter((item) => {
+					if (item.authority === 'gxmu:reviewList:list') {
+						return this.hasReviewListPermission
+					}
+					return true
+				})
+			},
+			statusList() {
+				const manuscript = this.manuscriptList[0]
+				const qingma = this.qingmaList[0]
+				const declare = this.declareList[0]
+				return [
+					{
+						title: '我的申报',
+						desc: declare ? `${declare.title}${declare.year ? ` · ${declare.year}` : ''}，上次保存于 ${declare.savedAt || '刚刚'}` : '当前暂无本地申报记录，可前往五四评优页开始填写。',
+						tag: declare ? declare.status : '待创建',
+						route: '/packageMine/declare'
+					},
+					{
+						title: '我的“青马”',
+						desc: qingma ? `${qingma.name || '当前学员'} · ${qingma.schoolInfo || '暂无院系信息'}` : '当前暂无青马记录，可前往申报页查看开放项目。',
+						tag: qingma ? getReviewStatusMeta(qingma.reviewList).text : '待处理',
+						route: '/packageMine/qingma'
+					},
+					{
+						title: '我的稿件',
+						desc: manuscript ? `${manuscript.title || '未命名稿件'} · 最近更新时间 ${manuscript.updateTime || manuscript.createTime || '-'}` : '当前暂无稿件记录，可前往文稿工作台开始创作。',
+						tag: manuscript ? getManuscriptStatusMeta(manuscript).text : '待更新',
+						route: '/packageMine/manuscripts'
+					}
+				]
+			}
+		},
+		onShow() {
+			if (!ensureLoggedIn({ redirectUrl: '/pages/mine/index' })) {
+				return
+			}
+			this.loadOverview()
+		},
+		methods: {
+			showToast(title) {
+				uni.showToast({
+					title,
+					icon: 'none'
+				})
+			},
+			async loadOverview() {
+				const currentUser = getCurrentUser()
+				this.hasReviewListPermission = false
+				this.profile = {
+					...this.profile,
+					...currentUser
+				}
+				const localOverride = getLocalProfileOverride(currentUser.userId)
+				if (localOverride.nickname !== undefined) {
+					this.profile.nickname = String(localOverride.nickname || '').trim()
+				}
+				if (localOverride.realName !== undefined) {
+					this.profile.realName = String(localOverride.realName || '').trim()
+				}
+				if (localOverride.sex !== undefined || localOverride.sexName !== undefined) {
+					const nextGender = String(localOverride.sexName || localOverride.sex || '').trim()
+					this.profile.sex = nextGender
+					this.profile.sexName = nextGender
+				}
+				this.declareList = getLocalDeclareRecords()
+				try {
+					const [profile, manuscripts, qingmaResult] = await Promise.all([
+						getUserProfile().catch(() => null),
+						listManuscript().catch(() => []),
+						userPageQmgcForm({ page: 1, limit: 5 }).catch(() => ({ list: [] }))
+					])
+					if (profile) {
+						this.profile = {
+							...this.profile,
+							...profile
+						}
+						this.hasReviewListPermission = hasReviewListAuthority(profile)
+						const latestOverride = getLocalProfileOverride(this.profile.userId || currentUser.userId)
+						if (latestOverride.nickname !== undefined) {
+							this.profile.nickname = String(latestOverride.nickname || '').trim()
+						}
+						if (latestOverride.realName !== undefined) {
+							this.profile.realName = String(latestOverride.realName || '').trim()
+						}
+						if (latestOverride.sex !== undefined || latestOverride.sexName !== undefined) {
+							const nextGender = String(latestOverride.sexName || latestOverride.sex || '').trim()
+							this.profile.sex = nextGender
+							this.profile.sexName = nextGender
+						}
+					}
+					const userId = Number(currentUser.userId || this.profile.userId || 0)
+					const list = Array.isArray(manuscripts) ? manuscripts : []
+					this.manuscriptList = userId ? list.filter((item) => Number(item.userId) === userId) : list
+					this.qingmaList = (qingmaResult && qingmaResult.list) || []
+				} catch (error) {
+					console.warn('mine overview load failed', error)
+				}
+			},
+			handleLogout() {
+				uni.showModal({
+					title: '提示',
+					content: '确认退出当前登录账号？',
+					success: ({ confirm }) => {
+						if (!confirm) {
+							return
+						}
+						logout()
+						this.showToast('已退出登录')
+						setTimeout(() => {
+							uni.reLaunch({
+								url: '/pages/login/index?redirect=%2Fpages%2Fmine%2Findex'
+							})
+						}, 300)
+					}
+				})
+			},
+			openEntry(item) {
+				if (item.route) {
+					uni.navigateTo({
+						url: item.route
+					})
+					return
+				}
+				uni.showToast({
+					title: `${item.title}待接入`,
+					icon: 'none'
+				})
+			},
+			openStatus(item) {
+				if (item.route) {
+					uni.navigateTo({
+						url: item.route
+					})
+					return
+				}
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.page {
+		min-height: 100vh;
+		background: linear-gradient(180deg, #f8fbff 0%, #edf3f8 32%, #f7f7f8 100%);
+	}
+
+	.page-scroll {
+		height: 100vh;
+		padding-bottom: 40rpx;
+	}
+
+	.hero-content {
+		position: relative;
+		z-index: 2;
+		padding: 20rpx 24rpx 0;
+	}
+
+	.profile-card {
+		padding: 34rpx 30rpx;
+		border-radius: 32rpx;
+		background: linear-gradient(145deg, #0d6fba 0%, #1496f2 58%, #5bc2ff 100%);
+		box-shadow: 0 18rpx 40rpx rgba(20, 118, 194, 0.18);
+		color: #fff;
+	}
+
+	.profile-top {
+		display: flex;
+		align-items: center;
+	}
+
+	.avatar,
+	.avatar-image {
+		width: 110rpx;
+		height: 110rpx;
+		border-radius: 32rpx;
+		background: rgba(255, 255, 255, 0.16);
+	}
+
+	.avatar {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		font-size: 30rpx;
+		font-weight: 700;
+	}
+
+	.profile-main {
+		margin-left: 22rpx;
+		flex: 1;
+		min-width: 0;
+	}
+
+	.profile-name {
+		font-size: 38rpx;
+		font-weight: 700;
+	}
+
+	.profile-role {
+		margin-top: 10rpx;
+		font-size: 24rpx;
+		color: rgba(255, 255, 255, 0.84);
+	}
+
+	.profile-org {
+		margin-top: 8rpx;
+		font-size: 22rpx;
+		line-height: 1.6;
+		color: rgba(255, 255, 255, 0.8);
+	}
+
+	.profile-stats {
+		display: grid;
+		grid-template-columns: repeat(3, minmax(0, 1fr));
+		gap: 16rpx;
+		margin-top: 28rpx;
+	}
+
+	.logout-btn {
+		margin-top: 22rpx;
+		height: 76rpx;
+		border-radius: 22rpx;
+		background: rgba(11, 34, 58, 0.18);
+		font-size: 24rpx;
+		font-weight: 600;
+		line-height: 76rpx;
+		text-align: center;
+		color: #fff;
+	}
+
+	.profile-stat {
+		padding: 20rpx 16rpx;
+		border-radius: 24rpx;
+		background: rgba(255, 255, 255, 0.12);
+		text-align: center;
+	}
+
+	.profile-stat-value {
+		font-size: 34rpx;
+		font-weight: 700;
+	}
+
+	.profile-stat-label {
+		margin-top: 8rpx;
+		font-size: 22rpx;
+		color: rgba(255, 255, 255, 0.82);
+	}
+
+	.section {
+		margin-top: 30rpx;
+		padding: 0 24rpx;
+	}
+
+	.section-title {
+		padding: 0 6rpx;
+		margin-bottom: 18rpx;
+		font-size: 34rpx;
+		font-weight: 700;
+		color: #1f2329;
+	}
+
+	.entry-grid {
+		display: grid;
+		grid-template-columns: repeat(2, minmax(0, 1fr));
+		gap: 18rpx;
+	}
+
+	.entry-card,
+	.status-card {
+		background: rgba(255, 255, 255, 0.92);
+		border: 1rpx solid rgba(20, 150, 242, 0.08);
+		box-shadow: 0 10rpx 28rpx rgba(34, 94, 142, 0.08);
+	}
+
+	.entry-card {
+		padding: 24rpx;
+		border-radius: 28rpx;
+	}
+
+	.entry-icon {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		width: 72rpx;
+		height: 72rpx;
+		border-radius: 22rpx;
+		background: rgba(20, 150, 242, 0.1);
+		color: #1496f2;
+		font-size: 28rpx;
+		font-weight: 700;
+	}
+
+	.entry-title {
+		margin-top: 18rpx;
+		font-size: 28rpx;
+		font-weight: 700;
+		color: #262a31;
+	}
+
+	.entry-desc {
+		margin-top: 10rpx;
+		font-size: 22rpx;
+		line-height: 1.6;
+		color: #7a706b;
+	}
+
+	.status-list {
+		display: flex;
+		flex-direction: column;
+		gap: 18rpx;
+	}
+
+	.status-card {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		padding: 24rpx;
+		border-radius: 28rpx;
+	}
+
+	.status-main {
+		flex: 1;
+		padding-right: 20rpx;
+	}
+
+	.status-name {
+		font-size: 28rpx;
+		font-weight: 700;
+		color: #23272f;
+	}
+
+	.status-desc {
+		margin-top: 10rpx;
+		font-size: 22rpx;
+		line-height: 1.6;
+		color: #7c736e;
+	}
+
+	.status-tag {
+		padding: 12rpx 18rpx;
+		border-radius: 999rpx;
+		background: #eaf5ff;
+		color: #1496f2;
+		font-size: 22rpx;
+		white-space: nowrap;
+	}
+</style>
diff --git a/pages/mine/manuscripts.vue b/pages/mine/manuscripts.vue
new file mode 100644
index 0000000..7e708a6
--- /dev/null
+++ b/pages/mine/manuscripts.vue
@@ -0,0 +1,422 @@
+<template>
+	<view class="page">
+		<scroll-view scroll-y class="page-scroll">
+			<view class="hero-card">
+				<view class="hero-title">我的稿件</view>
+				<view class="hero-desc">汇总当前账号创建或参与的稿件记录，可查看状态和内容摘要。</view>
+				<view class="hero-stats">
+					<view class="stat-item">
+						<view class="stat-value">{{ manuscripts.length }}</view>
+						<view class="stat-label">稿件总数</view>
+					</view>
+					<view class="stat-item">
+						<view class="stat-value">{{ publishedCount }}</view>
+						<view class="stat-label">已通过/发布</view>
+					</view>
+					<view class="stat-item">
+						<view class="stat-value">{{ pendingCount }}</view>
+						<view class="stat-label">待处理</view>
+					</view>
+				</view>
+			</view>
+
+			<view class="toolbar-card">
+				<uv-input
+					v-model="keyword"
+					class="search-input"
+					placeholder="搜索稿件标题或内容"
+					placeholder-style="color: #c0c4cc;"
+					:maxlength="-1"
+				/>
+				<view class="toolbar-actions">
+					<view class="toolbar-btn" @tap="loadData()">刷新</view>
+					<view class="toolbar-btn toolbar-btn--primary" @tap="goCreate">去创作</view>
+				</view>
+			</view>
+
+			<view v-if="loading" class="state-card">
+				<view class="state-title">正在加载稿件...</view>
+				<view class="state-desc">请稍候，正在同步当前账号的稿件记录。</view>
+			</view>
+			<view v-else-if="errorText" class="state-card state-card--error">
+				<view class="state-title">加载失败</view>
+				<view class="state-desc">{{ errorText }}</view>
+			</view>
+			<view v-else-if="!filteredList.length" class="state-card">
+				<view class="state-title">暂无稿件</view>
+				<view class="state-desc">当前账号还没有可展示的稿件，可前往文稿工作台开始生成。</view>
+			</view>
+			<view v-else class="card-list">
+				<view v-for="item in filteredList" :key="item.id || item.title" class="data-card">
+					<view class="card-top">
+						<view class="card-main">
+							<view class="card-title">{{ item.title || '未命名稿件' }}</view>
+							<view class="card-subtitle">
+								创建时间：{{ formatDateTime(item.createTime) }} · 更新时间：{{ formatDateTime(item.updateTime) }}
+							</view>
+						</view>
+						<view class="status-tag" :class="`status-tag--${getStatusMeta(item).tone}`">
+							{{ getStatusMeta(item).text }}
+						</view>
+					</view>
+					<view v-if="item.cover" class="cover-wrap">
+						<image class="cover-image" :src="item.cover" mode="aspectFill" />
+					</view>
+					<view class="content-preview">{{ getContentPreview(item.content) }}</view>
+					<view class="card-actions">
+						<view class="card-action" @tap="toggleExpand(item)">{{ expandedId === item.id ? '收起内容' : '查看内容' }}</view>
+						<view class="card-action" @tap="copyTitle(item.title)">复制标题</view>
+					</view>
+					<view v-if="expandedId === item.id" class="content-detail">{{ item.content || '暂无正文内容' }}</view>
+				</view>
+			</view>
+		</scroll-view>
+	</view>
+</template>
+
+<script>
+	import {
+		formatDateTime,
+		getCurrentUser,
+		getManuscriptStatusMeta,
+		listManuscript
+	} from './service'
+
+	export default {
+		data() {
+			return {
+				loading: false,
+				errorText: '',
+				keyword: '',
+				expandedId: null,
+				manuscripts: []
+			}
+		},
+		computed: {
+			filteredList() {
+				const keyword = String(this.keyword || '').trim().toLowerCase()
+				if (!keyword) {
+					return this.manuscripts
+				}
+				return this.manuscripts.filter((item) => {
+					return (
+						String(item.title || '').toLowerCase().includes(keyword) ||
+						String(item.content || '').toLowerCase().includes(keyword)
+					)
+				})
+			},
+			publishedCount() {
+				return this.manuscripts.filter((item) => {
+					const text = this.getStatusMeta(item).text
+					return text === '通过' || text === '已发布'
+				}).length
+			},
+			pendingCount() {
+				return this.manuscripts.length - this.publishedCount
+			}
+		},
+		onShow() {
+			this.loadData()
+		},
+		onPullDownRefresh() {
+			this.loadData(true)
+		},
+		methods: {
+			formatDateTime,
+			getStatusMeta(item) {
+				return getManuscriptStatusMeta(item)
+			},
+			getContentPreview(content) {
+				const text = String(content || '').replace(/\s+/g, ' ').trim()
+				return text ? `${text.slice(0, 90)}${text.length > 90 ? '...' : ''}` : '暂无内容摘要'
+			},
+			async loadData(fromPullDown = false) {
+				this.loading = true
+				this.errorText = ''
+				try {
+					const user = getCurrentUser()
+					const result = await listManuscript()
+					const list = Array.isArray(result) ? result : []
+					this.manuscripts = list
+						.filter((item) => !user.userId || Number(item.userId) === Number(user.userId))
+						.sort((left, right) => {
+							const leftTime = new Date(String((left.updateTime || left.createTime || '')).replace(/-/g, '/')).getTime()
+							const rightTime = new Date(String((right.updateTime || right.createTime || '')).replace(/-/g, '/')).getTime()
+							return (Number.isNaN(rightTime) ? 0 : rightTime) - (Number.isNaN(leftTime) ? 0 : leftTime)
+						})
+				} catch (error) {
+					this.errorText = (error && error.message) || '稿件加载失败'
+				} finally {
+					this.loading = false
+					if (fromPullDown) {
+						uni.stopPullDownRefresh()
+					}
+				}
+			},
+			toggleExpand(item) {
+				this.expandedId = this.expandedId === item.id ? null : item.id
+			},
+			copyTitle(title) {
+				if (!title) {
+					uni.showToast({
+						title: '暂无标题可复制',
+						icon: 'none'
+					})
+					return
+				}
+				uni.setClipboardData({
+					data: title,
+					success: () => {
+						uni.showToast({
+							title: '标题已复制',
+							icon: 'none'
+						})
+					}
+				})
+			},
+			goCreate() {
+				uni.navigateTo({
+					url: '/pages/manuscript/index'
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.page {
+		min-height: 100vh;
+		background:
+			radial-gradient(circle at top center, rgba(240, 122, 61, 0.1), transparent 30%),
+			linear-gradient(180deg, #fff8f2 0%, #f8f2ec 100%);
+	}
+
+	.page-scroll {
+		height: 100vh;
+		padding: 24rpx 24rpx 40rpx;
+	}
+
+	.hero-card,
+	.toolbar-card,
+	.state-card,
+	.data-card {
+		border-radius: 30rpx;
+		background: rgba(255, 255, 255, 0.94);
+		border: 1rpx solid rgba(240, 122, 61, 0.08);
+		box-shadow: 0 10rpx 28rpx rgba(76, 49, 35, 0.08);
+	}
+
+	.hero-card {
+		padding: 32rpx 28rpx;
+		background: linear-gradient(145deg, #7c2f04 0%, #c8641f 56%, #f29a4b 100%);
+		color: #fffaf5;
+	}
+
+	.hero-title {
+		font-size: 40rpx;
+		font-weight: 700;
+	}
+
+	.hero-desc {
+		margin-top: 14rpx;
+		font-size: 24rpx;
+		line-height: 1.7;
+		color: rgba(255, 250, 245, 0.86);
+	}
+
+	.hero-stats {
+		display: grid;
+		grid-template-columns: repeat(3, minmax(0, 1fr));
+		gap: 16rpx;
+		margin-top: 24rpx;
+	}
+
+	.stat-item {
+		padding: 18rpx 16rpx;
+		border-radius: 22rpx;
+		background: rgba(255, 255, 255, 0.12);
+		text-align: center;
+	}
+
+	.stat-value {
+		font-size: 32rpx;
+		font-weight: 700;
+	}
+
+	.stat-label {
+		margin-top: 6rpx;
+		font-size: 22rpx;
+		color: rgba(255, 250, 245, 0.8);
+	}
+
+	.toolbar-card {
+		margin-top: 24rpx;
+		padding: 22rpx;
+	}
+
+	:deep(.search-input.uv-input) {
+		width: 100%;
+		min-height: 84rpx;
+		padding: 0 22rpx;
+		border-radius: 12rpx;
+		border: 1px solid #dcdfe6;
+		background: #fff;
+		box-sizing: border-box;
+	}
+
+	:deep(.search-input.uv-input .uv-input__content__field-wrapper__field) {
+		height: 84rpx;
+		min-height: 84rpx;
+		font-size: 28rpx;
+		line-height: 84rpx;
+		color: #303133;
+	}
+
+	.toolbar-actions {
+		display: grid;
+		grid-template-columns: repeat(2, minmax(0, 1fr));
+		gap: 16rpx;
+		margin-top: 18rpx;
+	}
+
+	.toolbar-btn {
+		height: 84rpx;
+		line-height: 84rpx;
+		border-radius: 22rpx;
+		background: #edf6ff;
+		color: #0f7dd1;
+		font-size: 26rpx;
+		font-weight: 700;
+		text-align: center;
+	}
+
+	.toolbar-btn--primary {
+		background: linear-gradient(135deg, #0f7dd1 0%, #1496f2 100%);
+		color: #fff;
+	}
+
+	.state-card {
+		margin-top: 24rpx;
+		padding: 28rpx 24rpx;
+	}
+
+	.state-card--error {
+		border-color: rgba(20, 150, 242, 0.16);
+	}
+
+	.state-title {
+		font-size: 30rpx;
+		font-weight: 700;
+		color: #20252c;
+	}
+
+	.state-desc {
+		margin-top: 12rpx;
+		font-size: 24rpx;
+		line-height: 1.75;
+		color: #786e69;
+	}
+
+	.card-list {
+		display: flex;
+		flex-direction: column;
+		gap: 18rpx;
+		margin-top: 24rpx;
+	}
+
+	.data-card {
+		padding: 24rpx;
+	}
+
+	.card-top {
+		display: flex;
+		align-items: flex-start;
+		justify-content: space-between;
+		gap: 16rpx;
+	}
+
+	.card-main {
+		flex: 1;
+		min-width: 0;
+	}
+
+	.card-title {
+		font-size: 30rpx;
+		font-weight: 700;
+		color: #22272f;
+	}
+
+	.card-subtitle {
+		margin-top: 8rpx;
+		font-size: 22rpx;
+		line-height: 1.6;
+		color: #8b817c;
+	}
+
+	.status-tag {
+		padding: 10rpx 16rpx;
+		border-radius: 999rpx;
+		font-size: 20rpx;
+		font-weight: 700;
+	}
+
+	.status-tag--success {
+		background: #eef9f1;
+		color: #1f8f49;
+	}
+
+	.status-tag--danger {
+		background: #fff1f0;
+		color: #d4380d;
+	}
+
+	.status-tag--warning {
+		background: #fff8e6;
+		color: #ad7b00;
+	}
+
+	.status-tag--default {
+		background: #f5f5f5;
+		color: #8b817c;
+	}
+
+	.cover-wrap {
+		margin-top: 18rpx;
+	}
+
+	.cover-image {
+		width: 100%;
+		height: 260rpx;
+		border-radius: 24rpx;
+	}
+
+	.content-preview,
+	.content-detail {
+		margin-top: 18rpx;
+		font-size: 24rpx;
+		line-height: 1.8;
+		color: #5d544f;
+		word-break: break-word;
+		white-space: pre-wrap;
+	}
+
+	.content-detail {
+		padding: 20rpx;
+		border-radius: 22rpx;
+		background: #fbf7f3;
+	}
+
+	.card-actions {
+		display: flex;
+		gap: 14rpx;
+		margin-top: 18rpx;
+	}
+
+	.card-action {
+		padding: 10rpx 18rpx;
+		border-radius: 999rpx;
+		background: rgba(240, 122, 61, 0.08);
+		color: #c8641f;
+		font-size: 22rpx;
+	}
+</style>
diff --git a/pages/mine/profile.vue b/pages/mine/profile.vue
new file mode 100644
index 0000000..30d4899
--- /dev/null
+++ b/pages/mine/profile.vue
@@ -0,0 +1,566 @@
+<template>
+	<view class="page">
+		<scroll-view scroll-y class="page-scroll">
+			<view class="section-card">
+				<view class="section-title">基础信息</view>
+				<view class="info-list">
+<!--					<view class="info-item info-item&#45;&#45;form">-->
+<!--						<view class="info-main">-->
+<!--							<view class="info-label">登录账号</view>-->
+<!--							<view class="info-value">{{ profile.username || '-' }}</view>-->
+<!--						</view>-->
+<!--					</view>-->
+					<view class="info-item info-item--form">
+						<view class="info-main">
+							<view class="info-label">姓名</view>
+							<uv-input
+								class="info-input"
+								:value="editingRealName"
+								maxlength="20"
+								placeholder="请输入姓名"
+								placeholder-style="color: #b2a7a1;"
+								border="none"
+								@input="handleRealNameInput"
+							/>
+						</view>
+					</view>
+					<view class="info-item info-item--form">
+						<view class="info-main">
+							<view class="info-label">昵称</view>
+							<uv-input
+								class="info-input"
+								:value="editingNickname"
+								maxlength="20"
+								placeholder="请输入昵称"
+								placeholder-style="color: #b2a7a1;"
+								border="none"
+								@input="handleNicknameInput"
+							/>
+						</view>
+						<view class="info-action" @tap="fillWechatNickname">读取微信昵称</view>
+					</view>
+					<view class="info-item info-item--form">
+						<view class="info-main">
+							<view class="info-label">性别</view>
+							<picker
+								mode="selector"
+								:range="genderOptions"
+								:value="genderIndex"
+								@change="handleGenderChange"
+							>
+								<view class="info-input info-input--picker">
+									{{ editingGender || '请选择性别' }}
+								</view>
+							</picker>
+						</view>
+					</view>
+					<view class="info-item info-item--form">
+						<view class="info-main">
+							<view class="info-label">手机号码</view>
+							<view class="info-value">{{ profile.phone || '-' }}</view>
+						</view>
+						<view v-if="profile.phone" class="info-action" @tap="copyText(profile.phone)">复制</view>
+					</view>
+				</view>
+				<view class="info-actions">
+					<view class="nickname-btn nickname-btn--primary" @tap="saveProfileBasic">保存基础信息</view>
+				</view>
+			</view>
+		</scroll-view>
+	</view>
+</template>
+
+<script>
+	import {
+		getCurrentUser,
+		getLocalProfileOverride,
+		getUserProfile,
+		saveLocalProfileOverride,
+		updateUserProfileData
+	} from './service'
+
+	export default {
+		data() {
+			return {
+				editingNickname: '',
+				editingRealName: '',
+				editingGender: '',
+				genderOptions: ['男', '女', '未知'],
+				profile: {
+					userId: '',
+					nickname: '',
+					realName: '',
+					username: '',
+					avatar: '',
+					phone: '',
+					email: '',
+					organizationName: '',
+					tenantName: '',
+					merchantName: '',
+					sexName: '',
+					sex: '',
+					address: '',
+					province: '',
+					city: '',
+					region: '',
+					introduction: '',
+					roles: []
+				}
+			}
+		},
+		computed: {
+			displayName() {
+				return this.profile.nickname || this.profile.realName || this.profile.username || '未命名用户'
+			},
+			roleText() {
+				const roles = Array.isArray(this.profile.roles) ? this.profile.roles : []
+				if (roles.length) {
+					return roles.map((item) => item.roleName).filter(Boolean).join(' / ')
+				}
+				return '暂无角色信息'
+			},
+			organizationText() {
+				return this.profile.organizationName || this.profile.merchantName || this.profile.tenantName || '暂无组织信息'
+			},
+			avatarText() {
+				return (this.displayName || '我').slice(0, 2)
+			},
+			genderIndex() {
+				const index = this.genderOptions.indexOf(this.editingGender)
+				return index > -1 ? index : 0
+			}
+		},
+		onShow() {
+			this.loadProfile()
+		},
+		onPullDownRefresh() {
+			this.loadProfile(true)
+		},
+		methods: {
+			getProfileUserId() {
+				return Number(this.profile.userId || getCurrentUser().userId || 0) || ''
+			},
+			applyLocalProfileOverride() {
+				const override = getLocalProfileOverride(this.getProfileUserId())
+				if (override.nickname !== undefined) {
+					this.profile = {
+						...this.profile,
+						nickname: String(override.nickname || '').trim()
+					}
+				}
+				if (override.realName !== undefined) {
+					this.profile = {
+						...this.profile,
+						realName: String(override.realName || '').trim()
+					}
+				}
+				if (override.sex !== undefined || override.sexName !== undefined) {
+					const nextGender = String(override.sexName || override.sex || '').trim()
+					this.profile = {
+						...this.profile,
+						sex: nextGender,
+						sexName: nextGender
+					}
+				}
+				this.editingNickname = this.profile.nickname || ''
+				this.editingRealName = this.profile.realName || ''
+				this.editingGender = this.profile.sexName || this.profile.sex || ''
+			},
+			async loadProfile(fromPullDown = false) {
+				try {
+					const tokenUser = getCurrentUser()
+					this.profile = {
+						...this.profile,
+						...tokenUser
+					}
+					const result = await getUserProfile()
+					this.profile = {
+						...this.profile,
+						...(result || {})
+					}
+					this.applyLocalProfileOverride()
+				} catch (error) {
+					this.applyLocalProfileOverride()
+					if (fromPullDown) {
+						uni.showToast({
+							title: (error && error.message) || '用户资料加载失败',
+							icon: 'none'
+						})
+					}
+				} finally {
+					if (fromPullDown) {
+						uni.stopPullDownRefresh()
+					}
+				}
+			},
+			handleNicknameInput(event) {
+				const value = typeof event === 'string' ? event : (event.detail && event.detail.value) || ''
+				this.editingNickname = String(value || '')
+			},
+			handleRealNameInput(event) {
+				const value = typeof event === 'string' ? event : (event.detail && event.detail.value) || ''
+				this.editingRealName = String(value || '')
+			},
+			handleGenderChange(event) {
+				const index = Number((event.detail && event.detail.value) || 0)
+				this.editingGender = this.genderOptions[index] || ''
+			},
+			async saveProfileBasic() {
+				const nickname = String(this.editingNickname || '').trim()
+				const realName = String(this.editingRealName || '').trim()
+				const gender = String(this.editingGender || '').trim()
+				try {
+					await updateUserProfileData({
+						userId: this.getProfileUserId() || undefined,
+						nickname,
+						realName,
+						sex: gender,
+						sexName: gender
+					})
+					this.profile = {
+						...this.profile,
+						nickname,
+						realName,
+						sex: gender,
+						sexName: gender
+					}
+					this.editingNickname = nickname
+					this.editingRealName = realName
+					this.editingGender = gender
+					saveLocalProfileOverride(this.getProfileUserId(), {
+						nickname,
+						realName,
+						sex: gender,
+						sexName: gender
+					})
+					uni.showToast({
+						title: '资料已保存',
+						icon: 'none'
+					})
+				} catch (error) {
+					uni.showToast({
+						title: (error && error.message) || '保存失败',
+						icon: 'none'
+					})
+				}
+			},
+			fillWechatNickname() {
+				// #ifdef MP-WEIXIN
+				const assignNickname = (userInfo) => {
+					const nickname = String((userInfo && (userInfo.nickName || userInfo.nickname)) || '').trim()
+					if (!nickname) {
+						uni.showToast({
+							title: '未读取到微信昵称',
+							icon: 'none'
+						})
+						return
+					}
+					this.editingNickname = nickname
+					uni.showToast({
+						title: '已读取微信昵称',
+						icon: 'none'
+					})
+				}
+				if (typeof uni.getUserProfile === 'function') {
+					uni.getUserProfile({
+						desc: '用于完善用户昵称',
+						success: (res) => {
+							assignNickname(res && res.userInfo)
+						},
+						fail: () => {
+							uni.showToast({
+								title: '未授权读取微信昵称',
+								icon: 'none'
+							})
+						}
+					})
+					return
+				}
+				if (typeof uni.getUserInfo === 'function') {
+					uni.getUserInfo({
+						success: (res) => {
+							assignNickname(res && res.userInfo)
+						},
+						fail: () => {
+							uni.showToast({
+								title: '读取微信昵称失败',
+								icon: 'none'
+							})
+						}
+					})
+					return
+				}
+				uni.showToast({
+					title: '当前环境不支持读取微信昵称',
+					icon: 'none'
+				})
+				return
+				// #endif
+				// #ifndef MP-WEIXIN
+				uni.showToast({
+					title: '仅微信小程序支持读取微信昵称',
+					icon: 'none'
+				})
+				// #endif
+			},
+			copyText(value) {
+				uni.setClipboardData({
+					data: String(value || ''),
+					success: () => {
+						uni.showToast({
+							title: '已复制',
+							icon: 'none'
+						})
+					}
+				})
+			},
+			goPage(url) {
+				uni.navigateTo({
+					url
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.page {
+		min-height: 100vh;
+		background:
+			radial-gradient(circle at top center, rgba(20, 150, 242, 0.1), transparent 28%),
+			linear-gradient(180deg, #f5fbff 0%, #eef7ff 100%);
+	}
+
+	.page-scroll {
+		height: 100vh;
+		padding: 24rpx 24rpx 40rpx;
+	}
+
+	.hero-card,
+	.section-card {
+		border-radius: 32rpx;
+		background: rgba(255, 255, 255, 0.94);
+		border: 1rpx solid rgba(20, 150, 242, 0.08);
+		box-shadow: 0 10rpx 28rpx rgba(34, 94, 142, 0.08);
+	}
+
+	.hero-card {
+		padding: 34rpx 30rpx;
+		background: linear-gradient(145deg, #0d6fba 0%, #1496f2 58%, #5bc2ff 100%);
+		color: #fff;
+	}
+
+	.hero-top {
+		display: flex;
+		align-items: center;
+	}
+
+	.avatar-image,
+	.avatar-text {
+		width: 112rpx;
+		height: 112rpx;
+		border-radius: 32rpx;
+		background: rgba(255, 255, 255, 0.16);
+	}
+
+	.avatar-text {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		font-size: 30rpx;
+		font-weight: 700;
+	}
+
+	.hero-main {
+		flex: 1;
+		min-width: 0;
+		margin-left: 22rpx;
+	}
+
+	.hero-name {
+		font-size: 38rpx;
+		font-weight: 700;
+	}
+
+	.hero-role,
+	.hero-org {
+		margin-top: 10rpx;
+		font-size: 24rpx;
+		line-height: 1.6;
+		color: rgba(255, 255, 255, 0.84);
+	}
+
+	.hero-stats {
+		display: grid;
+		grid-template-columns: repeat(3, minmax(0, 1fr));
+		gap: 16rpx;
+		margin-top: 28rpx;
+	}
+
+	.stat-item {
+		padding: 20rpx 16rpx;
+		border-radius: 24rpx;
+		background: rgba(255, 255, 255, 0.12);
+		text-align: center;
+	}
+
+	.stat-value {
+		font-size: 28rpx;
+		font-weight: 700;
+	}
+
+	.stat-label {
+		margin-top: 8rpx;
+		font-size: 22rpx;
+		color: rgba(255, 255, 255, 0.82);
+	}
+
+	.section-card {
+		margin-top: 24rpx;
+		padding: 26rpx;
+	}
+
+	.section-title {
+		font-size: 30rpx;
+		font-weight: 700;
+		color: #1f2329;
+	}
+
+	.info-list {
+		display: flex;
+		flex-direction: column;
+		gap: 16rpx;
+		margin-top: 18rpx;
+	}
+
+	.info-item {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		gap: 16rpx;
+		padding: 20rpx 18rpx;
+		border-radius: 24rpx;
+		background: #faf5f2;
+	}
+
+	.info-main {
+		flex: 1;
+		min-width: 0;
+	}
+
+	.info-label {
+		font-size: 22rpx;
+		color: #8b817c;
+	}
+
+	.info-value {
+		margin-top: 8rpx;
+		font-size: 25rpx;
+		line-height: 1.6;
+		color: #2b3037;
+		word-break: break-all;
+	}
+
+	.info-action {
+		flex-shrink: 0;
+		font-size: 22rpx;
+		color: #1496f2;
+	}
+
+	.info-item--form {
+		align-items: flex-start;
+	}
+
+	:deep(.info-input.uv-input) {
+		width: 100%;
+		height: 92rpx;
+		margin-top: 12rpx;
+		padding: 0 24rpx !important;
+		border-radius: 24rpx;
+		background: #ffffff !important;
+		border: 1rpx solid #eadfd7 !important;
+		box-sizing: border-box;
+	}
+
+	:deep(.info-input.uv-input .uv-input__content__field-wrapper__field) {
+		font-size: 26rpx;
+		color: #2b3037;
+	}
+
+	.info-input--picker {
+		display: flex;
+		align-items: center;
+	}
+
+	.info-actions {
+		margin-top: 18rpx;
+	}
+
+	.nickname-btn {
+		height: 80rpx;
+		line-height: 80rpx;
+		border-radius: 22rpx;
+		font-size: 24rpx;
+		font-weight: 700;
+		text-align: center;
+	}
+
+	.nickname-btn--ghost {
+		background: #eef6ff;
+		color: #1496f2;
+	}
+
+	.nickname-btn--primary {
+		background: linear-gradient(135deg, #0d6fba 0%, #1496f2 100%);
+		color: #fff;
+	}
+
+	.nickname-tip {
+		margin-top: 14rpx;
+		font-size: 22rpx;
+		line-height: 1.6;
+		color: #8b817c;
+	}
+
+	.bio-text {
+		margin-top: 18rpx;
+		font-size: 24rpx;
+		line-height: 1.8;
+		color: #746a65;
+	}
+
+	.quick-grid {
+		display: grid;
+		grid-template-columns: repeat(3, minmax(0, 1fr));
+		gap: 16rpx;
+		margin-top: 18rpx;
+	}
+
+	.quick-card {
+		padding: 22rpx 18rpx;
+		border-radius: 24rpx;
+		background: #fbf6f1;
+		text-align: center;
+	}
+
+	.quick-icon {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		width: 72rpx;
+		height: 72rpx;
+		margin: 0 auto;
+		border-radius: 22rpx;
+		background: rgba(20, 150, 242, 0.1);
+		color: #1496f2;
+		font-size: 28rpx;
+		font-weight: 700;
+	}
+
+	.quick-title {
+		margin-top: 14rpx;
+		font-size: 24rpx;
+		font-weight: 700;
+		color: #2b3037;
+	}
+</style>
diff --git a/pages/mine/qingma.vue b/pages/mine/qingma.vue
new file mode 100644
index 0000000..8b512e9
--- /dev/null
+++ b/pages/mine/qingma.vue
@@ -0,0 +1,344 @@
+<template>
+	<view class="page">
+		<scroll-view scroll-y class="page-scroll">
+			<view class="hero-card">
+				<view class="hero-title">我的“青马”</view>
+				<view class="hero-desc">查看青马工程报名记录、培养信息与当前审核状态。</view>
+				<view class="hero-stats">
+					<view class="stat-item">
+						<view class="stat-value">{{ records.length }}</view>
+						<view class="stat-label">记录总数</view>
+					</view>
+					<view class="stat-item">
+						<view class="stat-value">{{ approvedCount }}</view>
+						<view class="stat-label">已通过</view>
+					</view>
+					<view class="stat-item">
+						<view class="stat-value">{{ pendingCount }}</view>
+						<view class="stat-label">待跟进</view>
+					</view>
+				</view>
+			</view>
+
+			<view v-if="loading" class="state-card">
+				<view class="state-title">正在加载青马数据...</view>
+				<view class="state-desc">请稍候，正在同步你的青马工程记录。</view>
+			</view>
+			<view v-else-if="errorText" class="state-card state-card--error">
+				<view class="state-title">加载失败</view>
+				<view class="state-desc">{{ errorText }}</view>
+			</view>
+			<view v-else-if="!records.length" class="state-card">
+				<view class="state-title">暂未查询到青马记录</view>
+				<view class="state-desc">当前账号还没有青马工程报名或培养数据，可前往申报页查看开放项目。</view>
+				<view class="state-action" @tap="goApplyList">查看申报列表</view>
+			</view>
+			<view v-else class="card-list">
+				<view v-for="item in records" :key="item.id || `${item.name}-${item.year}`" class="data-card">
+					<view class="card-top">
+						<view class="card-main">
+							<view class="card-title">{{ item.name || '未命名学员' }}</view>
+							<view class="card-subtitle">{{ item.year || '未设置年度' }} · 青马工程</view>
+						</view>
+						<view class="status-tag" :class="`status-tag--${getStatusMeta(item).tone}`">
+							{{ getStatusMeta(item).text }}
+						</view>
+					</view>
+					<view class="meta-list">
+						<view class="meta-item">
+							<view class="meta-label">学校院系</view>
+							<view class="meta-value">{{ item.schoolInfo || '-' }}</view>
+						</view>
+						<view class="meta-item">
+							<view class="meta-label">手机号码</view>
+							<view class="meta-value">{{ item.phone || '-' }}</view>
+						</view>
+						<view class="meta-item">
+							<view class="meta-label">团学职务</view>
+							<view class="meta-value">{{ item.leaguePosition || '-' }}</view>
+						</view>
+						<view class="meta-item">
+							<view class="meta-label">综合成绩</view>
+							<view class="meta-value">{{ item.academicPerformance || '-' }}</view>
+						</view>
+					</view>
+					<view class="card-actions">
+						<view class="card-action" @tap="copyValue(item.phone)">复制电话</view>
+						<view class="card-action" @tap="copyValue(item.schoolInfo)">复制院系</view>
+					</view>
+				</view>
+			</view>
+		</scroll-view>
+	</view>
+</template>
+
+<script>
+	import { getReviewStatusMeta, userPageQmgcForm } from './service'
+
+	export default {
+		data() {
+			return {
+				loading: false,
+				errorText: '',
+				records: []
+			}
+		},
+		computed: {
+			approvedCount() {
+				return this.records.filter((item) => this.getStatusMeta(item).text === '通过').length
+			},
+			pendingCount() {
+				return this.records.filter((item) => this.getStatusMeta(item).text !== '通过').length
+			}
+		},
+		onShow() {
+			this.loadData()
+		},
+		onPullDownRefresh() {
+			this.loadData(true)
+		},
+		methods: {
+			getStatusMeta(item) {
+				return getReviewStatusMeta(item && item.reviewList)
+			},
+			async loadData(fromPullDown = false) {
+				this.loading = true
+				this.errorText = ''
+				try {
+					const result = await userPageQmgcForm({
+						page: 1,
+						limit: 20
+					})
+					this.records = (result && result.list) || []
+				} catch (error) {
+					this.errorText = (error && error.message) || '青马数据加载失败'
+				} finally {
+					this.loading = false
+					if (fromPullDown) {
+						uni.stopPullDownRefresh()
+					}
+				}
+			},
+			copyValue(value) {
+				if (!value) {
+					uni.showToast({
+						title: '暂无可复制内容',
+						icon: 'none'
+					})
+					return
+				}
+				uni.setClipboardData({
+					data: String(value),
+					success: () => {
+						uni.showToast({
+							title: '已复制',
+							icon: 'none'
+						})
+					}
+				})
+			},
+			goApplyList() {
+				uni.navigateTo({
+					url: '/pages/gxmu/index'
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.page {
+		min-height: 100vh;
+		background:
+			radial-gradient(circle at top center, rgba(184, 146, 33, 0.1), transparent 30%),
+			linear-gradient(180deg, #f8f4eb 0%, #f4efe5 100%);
+	}
+
+	.page-scroll {
+		height: 100vh;
+		padding: 24rpx 24rpx 40rpx;
+	}
+
+	.hero-card,
+	.state-card,
+	.data-card {
+		border-radius: 30rpx;
+		background: rgba(255, 255, 255, 0.94);
+		border: 1rpx solid rgba(184, 146, 33, 0.08);
+		box-shadow: 0 10rpx 28rpx rgba(76, 49, 35, 0.08);
+	}
+
+	.hero-card {
+		padding: 32rpx 28rpx;
+		background: linear-gradient(145deg, #6f4f05 0%, #a37a11 56%, #d4b24a 100%);
+		color: #fffdf4;
+	}
+
+	.hero-title {
+		font-size: 40rpx;
+		font-weight: 700;
+	}
+
+	.hero-desc {
+		margin-top: 14rpx;
+		font-size: 24rpx;
+		line-height: 1.7;
+		color: rgba(255, 253, 244, 0.86);
+	}
+
+	.hero-stats {
+		display: grid;
+		grid-template-columns: repeat(3, minmax(0, 1fr));
+		gap: 16rpx;
+		margin-top: 24rpx;
+	}
+
+	.stat-item {
+		padding: 18rpx 16rpx;
+		border-radius: 22rpx;
+		background: rgba(255, 255, 255, 0.12);
+		text-align: center;
+	}
+
+	.stat-value {
+		font-size: 32rpx;
+		font-weight: 700;
+	}
+
+	.stat-label {
+		margin-top: 6rpx;
+		font-size: 22rpx;
+		color: rgba(255, 253, 244, 0.8);
+	}
+
+	.state-card {
+		margin-top: 24rpx;
+		padding: 28rpx 24rpx;
+	}
+
+	.state-card--error {
+		border-color: rgba(195, 49, 30, 0.16);
+	}
+
+	.state-title {
+		font-size: 30rpx;
+		font-weight: 700;
+		color: #20252c;
+	}
+
+	.state-desc {
+		margin-top: 12rpx;
+		font-size: 24rpx;
+		line-height: 1.75;
+		color: #786e69;
+	}
+
+	.state-action {
+		margin-top: 18rpx;
+		font-size: 24rpx;
+		color: #a37a11;
+		font-weight: 700;
+	}
+
+	.card-list {
+		display: flex;
+		flex-direction: column;
+		gap: 18rpx;
+		margin-top: 24rpx;
+	}
+
+	.data-card {
+		padding: 24rpx;
+	}
+
+	.card-top {
+		display: flex;
+		align-items: flex-start;
+		justify-content: space-between;
+		gap: 16rpx;
+	}
+
+	.card-main {
+		flex: 1;
+		min-width: 0;
+	}
+
+	.card-title {
+		font-size: 30rpx;
+		font-weight: 700;
+		color: #22272f;
+	}
+
+	.card-subtitle {
+		margin-top: 8rpx;
+		font-size: 22rpx;
+		color: #8b817c;
+	}
+
+	.status-tag {
+		padding: 10rpx 16rpx;
+		border-radius: 999rpx;
+		font-size: 20rpx;
+		font-weight: 700;
+	}
+
+	.status-tag--success {
+		background: #eef9f1;
+		color: #1f8f49;
+	}
+
+	.status-tag--danger {
+		background: #fff1f0;
+		color: #d4380d;
+	}
+
+	.status-tag--warning {
+		background: #fff8e6;
+		color: #ad7b00;
+	}
+
+	.status-tag--default {
+		background: #f5f5f5;
+		color: #8b817c;
+	}
+
+	.meta-list {
+		display: flex;
+		flex-direction: column;
+		gap: 14rpx;
+		margin-top: 18rpx;
+	}
+
+	.meta-item {
+		padding: 18rpx;
+		border-radius: 22rpx;
+		background: #faf7f0;
+	}
+
+	.meta-label {
+		font-size: 20rpx;
+		color: #8b817c;
+	}
+
+	.meta-value {
+		margin-top: 8rpx;
+		font-size: 24rpx;
+		line-height: 1.7;
+		color: #2d333b;
+		word-break: break-all;
+	}
+
+	.card-actions {
+		display: flex;
+		gap: 14rpx;
+		margin-top: 18rpx;
+	}
+
+	.card-action {
+		padding: 10rpx 18rpx;
+		border-radius: 999rpx;
+		background: rgba(163, 122, 17, 0.08);
+		color: #a37a11;
+		font-size: 22rpx;
+	}
+</style>
diff --git a/pages/mine/service.js b/pages/mine/service.js
new file mode 100644
index 0000000..6137145
--- /dev/null
+++ b/pages/mine/service.js
@@ -0,0 +1,187 @@
+import {
+	API_BASE_URL,
+	apiRequest,
+	getCurrentUser
+} from '../assistant/chat-service'
+import { clearAuthStorage, ensureLoggedIn, get, hasToken } from '../../utils/request'
+import { getModuleMeta } from '../../utils/gxmu/config'
+
+const LOCAL_DECLARE_PREFIX = 'gxmu_form_draft_'
+const LOCAL_PROFILE_OVERRIDE_PREFIX = 'mine_profile_override_'
+
+export { getCurrentUser }
+export { hasToken, ensureLoggedIn }
+
+export function logout() {
+	clearAuthStorage()
+}
+
+function getProfileOverrideStorageKey(userId) {
+	const normalizedUserId = String(userId || '').trim()
+	return `${LOCAL_PROFILE_OVERRIDE_PREFIX}${normalizedUserId || 'default'}`
+}
+
+export function getLocalProfileOverride(userId) {
+	try {
+		return uni.getStorageSync(getProfileOverrideStorageKey(userId)) || {}
+	} catch (error) {
+		return {}
+	}
+}
+
+export function saveLocalProfileOverride(userId, payload) {
+	const value = payload && typeof payload === 'object' ? payload : {}
+	uni.setStorageSync(getProfileOverrideStorageKey(userId), value)
+	return value
+}
+
+export function getUserProfile() {
+	return apiRequest({
+		url: `${API_BASE_URL}/auth/user`,
+		method: 'GET'
+	})
+}
+
+export function updateUserProfileData(data) {
+	return apiRequest({
+		url: `${API_BASE_URL}/system/user/update-data`,
+		method: 'POST',
+		data
+	})
+}
+
+export function listOrganizations(params) {
+	return get('/system/organization', params)
+}
+
+export function listManuscript(params) {
+	return apiRequest({
+		url: `${API_BASE_URL}/cms/manuscript`,
+		method: 'GET',
+		data: params
+	})
+}
+
+export function userPageQmgcForm(params) {
+	return apiRequest({
+		url: `${API_BASE_URL}/gxmu/qmgc-form/userPage`,
+		method: 'GET',
+		data: params
+	})
+}
+
+export function listAvailableDeclare(params) {
+	return apiRequest({
+		url: `${API_BASE_URL}/gxmu/declare`,
+		method: 'GET',
+		data: params
+	})
+}
+
+export function formatDateTime(value) {
+	if (!value) {
+		return '-'
+	}
+	const date = new Date(String(value).replace(/-/g, '/'))
+	if (Number.isNaN(date.getTime())) {
+		return value
+	}
+	const pad = (item) => String(item).padStart(2, '0')
+	return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())} ${pad(date.getHours())}:${pad(date.getMinutes())}`
+}
+
+export function getLatestReview(reviewList) {
+	if (!Array.isArray(reviewList) || !reviewList.length) {
+		return null
+	}
+	return reviewList[reviewList.length - 1] || null
+}
+
+export function getReviewStatusMeta(reviewList) {
+	const latest = getLatestReview(reviewList)
+	if (!latest) {
+		return {
+			text: '未审核',
+			tone: 'default'
+		}
+	}
+	if (latest.status === 1) {
+		return {
+			text: '通过',
+			tone: 'success'
+		}
+	}
+	if (latest.status === 0 || latest.status === 2) {
+		return {
+			text: '不通过',
+			tone: 'danger'
+		}
+	}
+	return {
+		text: '待审核',
+		tone: 'warning'
+	}
+}
+
+export function getManuscriptStatusMeta(record) {
+	const reviewMeta = getReviewStatusMeta(record && record.reviewList)
+	if (reviewMeta.text !== '未审核') {
+		return reviewMeta
+	}
+	if (record && Number(record.status) === 1) {
+		return {
+			text: '已发布',
+			tone: 'success'
+		}
+	}
+	if (record && Number(record.status) === 0) {
+		return {
+			text: '待审核',
+			tone: 'warning'
+		}
+	}
+	return {
+		text: '未审核',
+		tone: 'default'
+	}
+}
+
+export function getLocalDeclareRecords() {
+	try {
+		const storageInfo = uni.getStorageInfoSync()
+		const keys = (storageInfo.keys || []).filter((key) => key.indexOf(LOCAL_DECLARE_PREFIX) === 0)
+		return keys
+			.map((key) => {
+				const draft = uni.getStorageSync(key)
+				if (!draft || !draft.formData) {
+					return null
+				}
+				const moduleCode = draft.moduleCode || ''
+				if (!moduleCode) {
+					return null
+				}
+				const moduleMeta = getModuleMeta(moduleCode)
+				const year = String((draft.formData && draft.formData.year) || '').trim()
+				return {
+					key,
+					moduleCode,
+					title: (moduleMeta && moduleMeta.title) || '未命名申报',
+					group: (moduleMeta && moduleMeta.group) || '申报项目',
+					icon: (moduleMeta && moduleMeta.icon) || '申',
+					year,
+					savedAt: draft.savedAt || '',
+					status: draft.status === 'submitted' ? '已提交' : '草稿',
+					formData: draft.formData,
+					route: `/pages/gxmu/form?code=${encodeURIComponent(moduleCode)}&year=${encodeURIComponent(year)}&declareTitle=${encodeURIComponent((moduleMeta && moduleMeta.title) || '申报表')}`
+				}
+			})
+			.filter(Boolean)
+			.sort((left, right) => {
+				const leftTime = new Date(String((left && left.savedAt) || '').replace(/-/g, '/')).getTime()
+				const rightTime = new Date(String((right && right.savedAt) || '').replace(/-/g, '/')).getTime()
+				return (Number.isNaN(rightTime) ? 0 : rightTime) - (Number.isNaN(leftTime) ? 0 : leftTime)
+			})
+	} catch (error) {
+		return []
+	}
+}
diff --git a/pages/tygl/index.vue b/pages/tygl/index.vue
new file mode 100644
index 0000000..e9b6ea2
--- /dev/null
+++ b/pages/tygl/index.vue
@@ -0,0 +1,1260 @@
+<template>
+  <view class="page">
+    <scroll-view scroll-y class="page-scroll">
+      <common-hero title="团员档案管理" :use-image-bg="true"></common-hero>
+
+      <view class="section-card">
+        <view class="section-head">
+          <view class="section-title">基础信息表单</view>
+        </view>
+
+        <view class="field-list">
+          <view v-for="field in fields" :key="field.key" class="field-item">
+            <view class="field-label">
+              {{ field.label }}
+              <text v-if="field.required" class="field-required">*</text>
+            </view>
+
+            <view
+              v-if="field.key === 'gender'"
+              class="field-picker"
+              @tap="openGenderPicker(field)"
+            >
+              <text :class="getFieldDisplayValue(field) ? 'field-value' : 'field-placeholder'">
+                {{ getFieldDisplayValue(field) || field.placeholder }}
+              </text>
+            </view>
+
+            <picker
+              v-else-if="field.key === 'nation'"
+              mode="selector"
+              :range="nationLabels"
+              :value="nationIndex"
+              :disabled="!nationOptions.length"
+              @change="handleNationChange"
+            >
+              <view class="field-picker" :class="{ 'field-picker--disabled': !nationOptions.length }">
+                <text :class="getFieldDisplayValue(field) ? 'field-value' : 'field-placeholder'">
+                  {{ getFieldDisplayValue(field) || (nationOptions.length ? field.placeholder : '民族加载中') }}
+                </text>
+              </view>
+            </picker>
+
+            <view
+              v-else-if="field.key === 'politics'"
+              class="field-picker"
+              @tap="openPoliticsPicker()"
+            >
+              <text :class="getFieldDisplayValue(field) ? 'field-value' : 'field-placeholder'">
+                {{ getFieldDisplayValue(field) || field.placeholder }}
+              </text>
+            </view>
+
+            <view
+              v-else-if="field.key === 'leaguePosition'"
+              class="field-picker"
+              @tap="openLeaguePositionPicker(field)"
+            >
+              <text :class="getFieldDisplayValue(field) ? 'field-value' : 'field-placeholder'">
+                {{ getFieldDisplayValue(field) || field.placeholder }}
+              </text>
+            </view>
+
+            <view
+              v-else-if="field.key === 'collegeId'"
+              class="field-picker"
+              @tap="openCollegePicker()"
+            >
+              <text :class="getFieldDisplayValue(field) ? 'field-value' : 'field-placeholder'">
+                {{ getFieldDisplayValue(field) || field.placeholder }}
+              </text>
+            </view>
+
+            <view
+              v-else-if="field.key === 'classId'"
+              class="field-picker"
+              @tap="openClassPicker()"
+            >
+              <text :class="getFieldDisplayValue(field) ? 'field-value' : 'field-placeholder'">
+                {{ getFieldDisplayValue(field) || field.placeholder }}
+              </text>
+            </view>
+
+            <view
+              v-else-if="field.key === 'branchOrganizationId'"
+              class="field-picker"
+              @tap="openOrganizationPicker()"
+            >
+              <text :class="getFieldDisplayValue(field) ? 'field-value' : 'field-placeholder'">
+                {{ getFieldDisplayValue(field) || field.placeholder }}
+              </text>
+            </view>
+
+            <view
+              v-else-if="field.key === 'archiveInCurrentOrg'"
+              class="field-picker"
+              @tap="openArchiveInOrgPicker(field)"
+            >
+              <text :class="getFieldDisplayValue(field) ? 'field-value' : 'field-placeholder'">
+                {{ getFieldDisplayValue(field) || field.placeholder }}
+              </text>
+            </view>
+
+            <view
+              v-else-if="field.key === 'joinMonth'"
+              class="field-picker"
+              @tap="openJoinMonthPicker(field)"
+            >
+              <text :class="getFieldDisplayValue(field) ? 'field-value' : 'field-placeholder'">
+                {{ getFieldDisplayValue(field) || field.placeholder }}
+              </text>
+            </view>
+
+            <picker
+              v-else-if="field.type === 'select'"
+              mode="selector"
+              :range="field.options"
+              :value="getSelectIndex(field)"
+              @change="handleSelectChange(field, $event)"
+            >
+              <view class="field-picker">
+                <text :class="getFieldDisplayValue(field) ? 'field-value' : 'field-placeholder'">
+                  {{ getFieldDisplayValue(field) || field.placeholder }}
+                </text>
+              </view>
+            </picker>
+
+            <view v-else-if="field.type === 'readonly' || field.key === 'phone'"
+                  class="field-picker field-picker--readonly">
+              <text :class="getFieldDisplayValue(field) ? 'field-value' : 'field-placeholder'">
+                {{ getFieldDisplayValue(field) || field.placeholder }}
+              </text>
+            </view>
+
+            <uv-input
+              v-else
+              class="field-native-input"
+              :type="field.type === 'phone' ? 'number' : 'text'"
+              :value="formData[field.key]"
+              :placeholder="field.placeholder"
+              placeholder-style="color: #c0c4cc;"
+              :maxlength="-1"
+              border="none"
+              @input="handleTextInput(field, $event)"
+            />
+          </view>
+        </view>
+      </view>
+
+      <view class="action-card">
+        <button class="ghost-btn" @click="saveDraft">保存草稿</button>
+        <button class="primary-btn" @click="submitForm">提交档案</button>
+      </view>
+    </scroll-view>
+
+    <view v-if="searchPickerVisible" class="option-mask" @tap="closeSearchPicker">
+      <view class="option-popup" @tap.stop>
+        <view class="option-popup-head">
+          <view class="option-popup-btn" @tap="closeSearchPicker">取消</view>
+          <view class="option-popup-title">{{ searchPickerTitle }}</view>
+          <view class="option-popup-btn option-popup-btn--primary" @tap="confirmSearchPicker">确定</view>
+        </view>
+
+        <uv-input
+          :value="searchPickerKeyword"
+          class="option-search"
+          :placeholder="`搜索${searchPickerTitle}`"
+          border="none"
+          @input="handleSearchPickerInput"
+        />
+
+        <view v-if="filteredSearchPickerOptions.length" class="option-picker-wrap">
+          <picker-view class="option-picker-view" :value="[searchPickerIndex]" @change="handleSearchPickerChange">
+            <picker-view-column>
+              <view v-for="item in filteredSearchPickerOptions" :key="`${searchPickerMode}-${item.value}`"
+                    class="option-picker-item">
+                {{ item.label }}
+              </view>
+            </picker-view-column>
+          </picker-view>
+        </view>
+        <view v-else class="option-empty">没有匹配的选项</view>
+      </view>
+    </view>
+
+    <uv-picker
+      ref="genderPicker"
+      title="选择性别"
+      :columns="genderPickerColumns"
+      :defaultIndex="[genderPickerIndex]"
+      keyName="text"
+      @close="closeGenderPicker"
+      @cancel="closeGenderPicker"
+      @confirm="confirmGenderPicker"
+    ></uv-picker>
+
+    <uv-picker
+      ref="leaguePositionPicker"
+      title="选择团内职务"
+      :columns="leaguePositionPickerColumns"
+      :defaultIndex="[leaguePositionPickerIndex]"
+      keyName="text"
+      @close="closeLeaguePositionPicker"
+      @cancel="closeLeaguePositionPicker"
+      @confirm="confirmLeaguePositionPicker"
+    ></uv-picker>
+
+    <uv-picker
+      ref="organizationPicker"
+      title="选择所属团支部"
+      :columns="organizationPickerColumns"
+      :defaultIndex="organizationPickerIndexs"
+      keyName="text"
+      @change="handleOrganizationPickerChange"
+      @close="closeOrganizationPicker"
+      @cancel="closeOrganizationPicker"
+      @confirm="confirmOrganizationPicker"
+    ></uv-picker>
+
+    <uv-picker
+      ref="archiveInOrgPicker"
+      title="选择团籍是否在本组织"
+      :columns="archiveInOrgPickerColumns"
+      :defaultIndex="[archiveInOrgPickerIndex]"
+      keyName="text"
+      @close="closeArchiveInOrgPicker"
+      @cancel="closeArchiveInOrgPicker"
+      @confirm="confirmArchiveInOrgPicker"
+    ></uv-picker>
+
+    <uv-picker
+      ref="joinMonthPicker"
+      title="选择入团年月"
+      :columns="joinMonthPickerColumns"
+      :defaultIndex="joinMonthPickerIndexs"
+      keyName="text"
+      @change="handleJoinMonthPickerChange"
+      @close="closeJoinMonthPicker"
+      @cancel="closeJoinMonthPicker"
+      @confirm="confirmJoinMonthPicker"
+    ></uv-picker>
+  </view>
+</template>
+
+<script>
+import CommonHero from '../../components/common-hero/common-hero.vue'
+import {
+  getCurrentTyglForm,
+  getCurrentUser,
+  getUserProfile,
+  listClasses,
+  listColleges,
+  listDictData,
+  listOrganizations,
+  saveTyglForm,
+  updateTyglForm
+} from './service'
+
+const STORAGE_KEY = 'tygl_member_archive_draft'
+const POLITICS_DICT_ID = 172
+const NATION_DICT_ID = 173
+const LEAGUE_POSITION_DICT_ID = 174
+
+const FALLBACK_NATION_OPTIONS = [
+  '汉族', '蒙古族', '回族', '藏族', '维吾尔族', '苗族', '彝族', '壮族', '布依族', '朝鲜族',
+  '满族', '侗族', '瑶族', '白族', '土家族', '哈尼族', '哈萨克族', '傣族', '黎族', '傈僳族',
+  '佤族', '畲族', '高山族', '拉祜族', '水族', '东乡族', '纳西族', '景颇族', '柯尔克孜族', '土族',
+  '达斡尔族', '仫佬族', '羌族', '布朗族', '撒拉族', '毛南族', '仡佬族', '锡伯族', '阿昌族', '普米族',
+  '塔吉克族', '怒族', '乌孜别克族', '俄罗斯族', '鄂温克族', '德昂族', '保安族', '裕固族', '京族', '塔塔尔族',
+  '独龙族', '鄂伦春族', '赫哲族', '门巴族', '珞巴族', '基诺族'
+]
+const FALLBACK_POLITICS_OPTIONS = ['中共党员', '中共预备党员', '共青团员', '群众', '民盟盟员', '民建会员', '其他']
+const FALLBACK_LEAGUE_POSITION_OPTIONS = [
+  '普通团员',
+  '团支部书记',
+  '团支部副书记',
+  '组织委员',
+  '宣传委员',
+  '纪检委员',
+  '学习委员',
+  '文体委员',
+  '班级团支书',
+  '院级团学干部',
+  '校级团学干部',
+  '其他'
+]
+
+const fields = [
+  {key: 'name', label: '姓名', required: true, type: 'text', placeholder: '请输入姓名'},
+  {key: 'gender', label: '性别', type: 'select', placeholder: '请选择性别'},
+  {key: 'nation', label: '民族', type: 'search-select', placeholder: '请选择民族'},
+  {key: 'politics', label: '政治面貌', required: true, type: 'search-select', placeholder: '请选择政治面貌'},
+  {
+    key: 'collegeId',
+    label: '学院',
+    required: true,
+    type: 'college',
+    placeholder: '请选择学院',
+    displayKey: 'collegeName'
+  },
+  {key: 'classId', label: '班级', required: true, type: 'class', placeholder: '请选择班级', displayKey: 'className'},
+  {key: 'phone', label: '手机号码', type: 'readonly', placeholder: '自动读取当前用户手机号'},
+  {key: 'leaguePosition', label: '团内职务', type: 'text', placeholder: '请选择团内职务'},
+  {
+    key: 'branchOrganizationId',
+    label: '所属团支部',
+    type: 'organization',
+    placeholder: '请选择所属团支部',
+    displayKey: 'branchOrganizationName'
+  },
+  {key: 'idCardNo', label: '身份证号', required: true, type: 'text', placeholder: '请输入身份证号'},
+  {key: 'birthDate', label: '出生日期', type: 'readonly', placeholder: '将根据身份证号自动读取'},
+  {key: 'archiveInCurrentOrg', label: '团籍是否在本组织', type: 'select', options: ['是', '否'], placeholder: '请选择'},
+  {key: 'joinMonth', label: '入团年月', type: 'month', placeholder: '请选择入团年月'}
+]
+
+const createDefaultFormData = () => ({
+  name: '',
+  gender: '',
+  nation: '',
+  politics: '',
+  collegeId: '',
+  collegeName: '',
+  college: '',
+  classId: '',
+  className: '',
+  phone: '',
+  leaguePosition: '',
+  branchOrganizationId: '',
+  branchOrganizationName: '',
+  idCardNo: '',
+  birthDate: '',
+  archiveInCurrentOrg: '',
+  joinMonth: ''
+})
+
+const normalizeOptions = (list) =>
+  (list || []).map((item) => ({
+    label: item.label || item,
+    value: item.value || item
+  }))
+
+export default {
+  components: {
+    CommonHero
+  },
+  data() {
+    return {
+      fields,
+      formId: null,
+      formData: createDefaultFormData(),
+      draftSavedAt: '',
+      nationOptions: normalizeOptions(FALLBACK_NATION_OPTIONS),
+      politicsOptions: normalizeOptions(FALLBACK_POLITICS_OPTIONS),
+      leaguePositionOptions: normalizeOptions(FALLBACK_LEAGUE_POSITION_OPTIONS),
+      collegeOptions: [],
+      classOptions: [],
+      organizationTree: [],
+      organizationOptions: [],
+      organizationPickerColumns: [],
+      organizationPickerIndexs: [],
+      archiveInOrgFieldKey: 'archiveInCurrentOrg',
+      archiveInOrgPickerColumns: [[
+        {text: '是', value: '是'},
+        {text: '否', value: '否'}
+      ]],
+      joinMonthFieldKey: 'joinMonth',
+      joinMonthPickerColumns: [],
+      joinMonthPickerIndexs: [],
+      searchPickerVisible: false,
+      searchPickerTitle: '',
+      searchPickerMode: '',
+      searchPickerKeyword: '',
+      searchPickerOptions: [],
+      searchPickerIndex: 0,
+      searchPickerTempOption: null,
+      genderFieldKey: 'gender',
+      genderPickerColumns: [[
+        {text: '男', value: '男'},
+        {text: '女', value: '女'}
+      ]],
+      leaguePositionFieldKey: 'leaguePosition',
+      leaguePositionPickerColumns: [normalizeOptions(FALLBACK_LEAGUE_POSITION_OPTIONS).map((item) => ({
+        text: item.label,
+        value: item.value
+      }))]
+    }
+  },
+  computed: {
+    nationLabels() {
+      return this.nationOptions.map((item) => item.label)
+    },
+    nationIndex() {
+      const index = this.nationOptions.findIndex((item) => item.value === this.formData.nation)
+      return index > -1 ? index : 0
+    },
+    filteredSearchPickerOptions() {
+      const keyword = String(this.searchPickerKeyword || '').trim().toLowerCase()
+      if (!keyword) {
+        return this.searchPickerOptions
+      }
+      return this.searchPickerOptions.filter((item) => String(item.label || '').toLowerCase().indexOf(keyword) > -1)
+    },
+    genderPickerIndex() {
+      const options = (this.genderPickerColumns[0] || []).map((item) => item.value)
+      const index = options.indexOf(this.formData[this.genderFieldKey])
+      return index > -1 ? index : 0
+    },
+    leaguePositionPickerIndex() {
+      const options = (this.leaguePositionPickerColumns[0] || []).map((item) => item.value)
+      const index = options.indexOf(this.formData[this.leaguePositionFieldKey])
+      return index > -1 ? index : 0
+    },
+    archiveInOrgPickerIndex() {
+      const options = (this.archiveInOrgPickerColumns[0] || []).map((item) => item.value)
+      const index = options.indexOf(this.formData[this.archiveInOrgFieldKey])
+      return index > -1 ? index : 0
+    }
+  },
+  watch: {
+    'formData.idCardNo'() {
+      this.syncBirthDateFromIdCard()
+    }
+  },
+  onLoad() {
+    this.restoreDraft()
+    this.fillCurrentUserPhone()
+    this.loadFormOptions()
+    this.loadCurrentTyglForm()
+    this.syncBirthDateFromIdCard()
+    const joinMonthPickerState = this.buildJoinMonthPickerState(this.formData.joinMonth)
+    this.joinMonthPickerColumns = joinMonthPickerState.columns
+    this.joinMonthPickerIndexs = joinMonthPickerState.indexs
+  },
+  methods: {
+    async loadCurrentTyglForm() {
+      try {
+        const result = await getCurrentTyglForm()
+        if (!result || !result.id) {
+          return
+        }
+        this.formId = result.id
+        this.formData = {
+          ...this.formData,
+          ...result,
+          collegeName: result.collegeName || result.college || this.formData.collegeName,
+          college: result.college || result.collegeName || this.formData.college,
+          className: result.className || this.formData.className
+        }
+        this.syncBirthDateFromIdCard()
+        const joinMonthPickerState = this.buildJoinMonthPickerState(this.formData.joinMonth)
+        this.joinMonthPickerColumns = joinMonthPickerState.columns
+        this.joinMonthPickerIndexs = joinMonthPickerState.indexs
+        if (this.formData.collegeId) {
+          await this.loadClassOptions(this.formData.collegeId)
+        }
+      } catch (error) {
+      }
+    },
+    buildSubmitPayload() {
+      return {
+        ...(this.formId ? {id: this.formId} : {}),
+        name: this.formData.name,
+        gender: this.formData.gender,
+        nation: this.formData.nation,
+        college: this.formData.collegeName || this.formData.college,
+        className: this.formData.className,
+        politics: this.formData.politics,
+        phone: this.formData.phone,
+        leaguePosition: this.formData.leaguePosition,
+        branchOrganizationId: this.formData.branchOrganizationId || null,
+        branchOrganizationName: this.formData.branchOrganizationName,
+        idCardNo: this.formData.idCardNo,
+        birthDate: this.formData.birthDate,
+        archiveInCurrentOrg: this.formData.archiveInCurrentOrg,
+        joinMonth: this.formData.joinMonth
+      }
+    },
+    buildJoinMonthPickerState(currentValue) {
+      const currentDate = new Date()
+      const currentYear = currentDate.getFullYear()
+      const years = []
+      for (let year = 2000; year <= currentYear + 1; year += 1) {
+        years.push({
+          text: `${year}年`,
+          value: String(year)
+        })
+      }
+      const months = []
+      for (let month = 1; month <= 12; month += 1) {
+        months.push({
+          text: `${String(month).padStart(2, '0')}月`,
+          value: String(month).padStart(2, '0')
+        })
+      }
+      let yearIndex = years.length - 1
+      let monthIndex = 0
+      const normalizedValue = String(currentValue || '').trim()
+      if (/^\d{4}-\d{2}$/.test(normalizedValue)) {
+        const [yearValue, monthValue] = normalizedValue.split('-')
+        const nextYearIndex = years.findIndex((item) => item.value === yearValue)
+        const nextMonthIndex = months.findIndex((item) => item.value === monthValue)
+        yearIndex = nextYearIndex > -1 ? nextYearIndex : yearIndex
+        monthIndex = nextMonthIndex > -1 ? nextMonthIndex : monthIndex
+      }
+      return {
+        columns: [years, months],
+        indexs: [yearIndex, monthIndex]
+      }
+    },
+    async fillCurrentUserPhone() {
+      const tokenUser = getCurrentUser()
+      if (tokenUser && tokenUser.phone) {
+        this.formData.phone = tokenUser.phone
+      }
+      try {
+        const profile = await getUserProfile()
+        if (profile && profile.phone) {
+          this.formData.phone = profile.phone
+        }
+      } catch (error) {
+      }
+    },
+    showToast(title) {
+      uni.showToast({
+        title,
+        icon: 'none'
+      })
+    },
+    getFieldDisplayValue(field) {
+      if (field.displayKey) {
+        return this.formData[field.displayKey]
+      }
+      return this.formData[field.key]
+    },
+    async loadFormOptions() {
+      try {
+        const [politicsList, nationList, leaguePositionList, organizationList, collegeList] = await Promise.all([
+          listDictData({dictId: POLITICS_DICT_ID}).catch(() => []),
+          listDictData({dictId: NATION_DICT_ID}).catch(() => []),
+          listDictData({dictId: LEAGUE_POSITION_DICT_ID}).catch(() => []),
+          listOrganizations().catch(() => []),
+          listColleges().catch(() => [])
+        ])
+
+        if (Array.isArray(politicsList) && politicsList.length) {
+          this.politicsOptions = normalizeOptions(
+            politicsList
+              .filter((item) => item && item.dictDataName)
+              .map((item) => ({label: item.dictDataName, value: item.dictDataName}))
+          )
+        }
+        if (Array.isArray(nationList) && nationList.length) {
+          this.nationOptions = normalizeOptions(
+            nationList
+              .filter((item) => item && item.dictDataName)
+              .map((item) => ({label: item.dictDataName, value: item.dictDataName}))
+          )
+        }
+        if (Array.isArray(leaguePositionList) && leaguePositionList.length) {
+          this.leaguePositionOptions = normalizeOptions(
+            leaguePositionList
+              .filter((item) => item && item.dictDataName)
+              .map((item) => ({label: item.dictDataName, value: item.dictDataName}))
+          )
+          this.leaguePositionPickerColumns = [this.leaguePositionOptions.map((item) => ({
+            text: item.label,
+            value: item.value
+          }))]
+        }
+        if (Array.isArray(organizationList) && organizationList.length) {
+          this.organizationTree = this.normalizeOrganizationTree(organizationList)
+          this.organizationOptions = this.flattenOrganizations(organizationList)
+          const organizationPickerState = this.buildOrganizationPickerState(
+            this.findOrganizationPathByValue(this.organizationTree, this.formData.branchOrganizationId) || []
+          )
+          this.organizationPickerColumns = organizationPickerState.columns
+          this.organizationPickerIndexs = organizationPickerState.indexs
+        }
+        if (Array.isArray(collegeList) && collegeList.length) {
+          this.collegeOptions = this.normalizeCollegeOptions(collegeList)
+          if (this.formData.collegeId) {
+            await this.loadClassOptions(this.formData.collegeId)
+          }
+        }
+      } catch (error) {
+        console.warn('tygl options load failed', error)
+      }
+    },
+    normalizeCollegeOptions(list) {
+      return (Array.isArray(list) ? list : [])
+        .map((item) => ({
+          label: item.collegeName || item.name || item.label || '',
+          value: Number(item.collegeId || item.id || item.value || 0) || String(item.collegeId || item.id || item.value || ''),
+          rawLabel: item.collegeName || item.name || item.label || ''
+        }))
+        .filter((item) => item.label && item.value !== '')
+    },
+    normalizeClassOptions(list) {
+      return (Array.isArray(list) ? list : [])
+        .map((item) => ({
+          label: item.className || item.name || item.label || '',
+          value: Number(item.classId || item.id || item.value || 0) || String(item.classId || item.id || item.value || ''),
+          rawLabel: item.className || item.name || item.label || ''
+        }))
+        .filter((item) => item.label && item.value !== '')
+    },
+    normalizeOrganizationTree(list) {
+      return (Array.isArray(list) ? list : []).map((item) => ({
+        text: item.organizationName || item.name || item.label || '',
+        value: Number(item.organizationId || item.id || item.value || 0) || String(item.organizationId || item.id || item.value || ''),
+        rawLabel: item.organizationName || item.name || item.label || '',
+        children: this.normalizeOrganizationTree(item.children || [])
+      })).filter((item) => item.text && item.value !== '')
+    },
+    async loadClassOptions(collegeId) {
+      if (!collegeId) {
+        this.classOptions = []
+        return
+      }
+      try {
+        const classList = await listClasses({collegeId})
+        this.classOptions = this.normalizeClassOptions(classList)
+      } catch (error) {
+        this.classOptions = []
+      }
+    },
+    flattenOrganizations(list) {
+      const source = Array.isArray(list) ? list : []
+      const hasChildren = source.some((item) => Array.isArray(item.children) && item.children.length)
+      if (hasChildren) {
+        return this.flattenOrganizationTree(source)
+      }
+      const map = {}
+      source.forEach((item) => {
+        map[item.organizationId] = {
+          ...item,
+          children: []
+        }
+      })
+      const roots = []
+      source.forEach((item) => {
+        const current = map[item.organizationId]
+        const parentId = Number(item.parentId || 0)
+        if (parentId && map[parentId]) {
+          map[parentId].children.push(current)
+        } else {
+          roots.push(current)
+        }
+      })
+      return this.flattenOrganizationTree(roots)
+    },
+    flattenOrganizationTree(list, parentPath = '') {
+      const result = []
+      ;(list || []).forEach((item) => {
+        const currentName = item.organizationName || ''
+        const label = parentPath ? `${parentPath} / ${currentName}` : currentName
+        if (item.organizationId) {
+          result.push({
+            label,
+            value: Number(item.organizationId),
+            rawLabel: currentName
+          })
+        }
+        if (Array.isArray(item.children) && item.children.length) {
+          result.push(...this.flattenOrganizationTree(item.children, label))
+        }
+      })
+      return result
+    },
+    restoreDraft() {
+      const draft = uni.getStorageSync(STORAGE_KEY)
+      if (!draft || !draft.formData) {
+        return
+      }
+      this.formData = {
+        ...createDefaultFormData(),
+        ...draft.formData
+      }
+      if (!this.formData.collegeName && this.formData.college) {
+        this.formData.collegeName = this.formData.college
+      }
+      this.draftSavedAt = draft.savedAt || ''
+    },
+    handleSelectChange(field, event) {
+      const index = Number(event.detail.value)
+      this.formData[field.key] = field.options[index] || ''
+    },
+    handleDateChange(field, event) {
+      this.formData[field.key] = event.detail.value
+    },
+    handleTextInput(field, event) {
+      const value = typeof event === 'string' ? event : (event.detail && event.detail.value) || ''
+      this.formData[field.key] = value || ''
+    },
+    openGenderPicker(field) {
+      this.genderFieldKey = field.key
+      this.$nextTick(() => {
+        this.$refs.genderPicker && this.$refs.genderPicker.open()
+      })
+    },
+    closeGenderPicker() {
+      return
+    },
+    confirmGenderPicker(event) {
+      const value = (((event || {}).value || [])[0] || {}).value || ''
+      this.formData[this.genderFieldKey] = value
+      this.closeGenderPicker()
+    },
+    openLeaguePositionPicker(field) {
+      this.leaguePositionFieldKey = field.key
+      this.$nextTick(() => {
+        this.$refs.leaguePositionPicker && this.$refs.leaguePositionPicker.open()
+      })
+    },
+    closeLeaguePositionPicker() {
+      return
+    },
+    confirmLeaguePositionPicker(event) {
+      const value = (((event || {}).value || [])[0] || {}).value || ''
+      this.formData[this.leaguePositionFieldKey] = value
+      this.closeLeaguePositionPicker()
+    },
+    openArchiveInOrgPicker(field) {
+      this.archiveInOrgFieldKey = field.key
+      this.$nextTick(() => {
+        this.$refs.archiveInOrgPicker && this.$refs.archiveInOrgPicker.open()
+      })
+    },
+    closeArchiveInOrgPicker() {
+      return
+    },
+    confirmArchiveInOrgPicker(event) {
+      const value = (((event || {}).value || [])[0] || {}).value || ''
+      this.formData[this.archiveInOrgFieldKey] = value
+      this.closeArchiveInOrgPicker()
+    },
+    openJoinMonthPicker(field) {
+      this.joinMonthFieldKey = field.key
+      const pickerState = this.buildJoinMonthPickerState(this.formData[this.joinMonthFieldKey])
+      this.joinMonthPickerColumns = pickerState.columns
+      this.joinMonthPickerIndexs = pickerState.indexs
+      this.$nextTick(() => {
+        this.$refs.joinMonthPicker && this.$refs.joinMonthPicker.open()
+      })
+    },
+    closeJoinMonthPicker() {
+      return
+    },
+    handleJoinMonthPickerChange(event) {
+      this.joinMonthPickerIndexs = (event && event.indexs) || this.joinMonthPickerIndexs
+    },
+    confirmJoinMonthPicker(event) {
+      const values = (event && event.value) || []
+      const yearValue = (values[0] && values[0].value) || ''
+      const monthValue = (values[1] && values[1].value) || ''
+      if (yearValue && monthValue) {
+        this.formData[this.joinMonthFieldKey] = `${yearValue}-${monthValue}`
+      }
+      this.joinMonthPickerIndexs = (event && event.indexs) || this.joinMonthPickerIndexs
+      this.closeJoinMonthPicker()
+    },
+    handleNationChange(event) {
+      const index = Number(event.detail.value)
+      const option = this.nationOptions[index]
+      this.formData.nation = (option && option.value) || ''
+    },
+    openPoliticsPicker() {
+      this.openSearchPicker({
+        title: '政治面貌',
+        mode: 'politics',
+        options: this.politicsOptions,
+        currentValue: this.formData.politics
+      })
+    },
+    openOrganizationPicker() {
+      if (!this.organizationTree.length) {
+        this.showToast('暂无团支部数据')
+        return
+      }
+      const pickerState = this.buildOrganizationPickerState(
+        this.findOrganizationPathByValue(this.organizationTree, this.formData.branchOrganizationId) || []
+      )
+      this.organizationPickerColumns = pickerState.columns
+      this.organizationPickerIndexs = pickerState.indexs
+      this.$nextTick(() => {
+        this.$refs.organizationPicker && this.$refs.organizationPicker.open()
+      })
+    },
+    closeOrganizationPicker() {
+      return
+    },
+    handleOrganizationPickerChange(event) {
+      const pickerState = this.buildOrganizationPickerState((event && event.indexs) || [])
+      this.organizationPickerColumns = pickerState.columns
+      this.organizationPickerIndexs = pickerState.indexs
+    },
+    confirmOrganizationPicker(event) {
+      const pickerState = this.buildOrganizationPickerState((event && event.indexs) || this.organizationPickerIndexs || [])
+      const pathNodes = pickerState.pathNodes || []
+      const selectedNode = pathNodes[pathNodes.length - 1]
+      if (!selectedNode) {
+        this.closeOrganizationPicker()
+        return
+      }
+      this.formData.branchOrganizationId = selectedNode.value
+      this.formData.branchOrganizationName = pathNodes.map((item) => item.rawLabel || item.text).filter(Boolean).join(' / ')
+      this.organizationPickerIndexs = pickerState.indexs
+      this.closeOrganizationPicker()
+    },
+    findOrganizationPathByValue(list, targetValue, path = []) {
+      const source = Array.isArray(list) ? list : []
+      const normalizedTarget = String(targetValue || '')
+      for (let index = 0; index < source.length; index += 1) {
+        const item = source[index]
+        const nextPath = path.concat(index)
+        if (String(item.value) === normalizedTarget) {
+          return nextPath
+        }
+        if (Array.isArray(item.children) && item.children.length) {
+          const result = this.findOrganizationPathByValue(item.children, targetValue, nextPath)
+          if (result) {
+            return result
+          }
+        }
+      }
+      return null
+    },
+    buildOrganizationPickerState(indexs = []) {
+      const columns = []
+      const normalizedIndexs = []
+      const pathNodes = []
+      let currentList = Array.isArray(this.organizationTree) ? this.organizationTree : []
+      let depth = 0
+      while (Array.isArray(currentList) && currentList.length) {
+        columns.push(currentList.map((item) => ({
+          text: item.text,
+          value: item.value,
+          rawLabel: item.rawLabel
+        })))
+        let currentIndex = Number(indexs[depth] || 0)
+        if (currentIndex < 0 || currentIndex >= currentList.length) {
+          currentIndex = 0
+        }
+        normalizedIndexs.push(currentIndex)
+        const currentNode = currentList[currentIndex]
+        if (!currentNode) {
+          break
+        }
+        pathNodes.push(currentNode)
+        currentList = Array.isArray(currentNode.children) ? currentNode.children : []
+        depth += 1
+      }
+      return {
+        columns,
+        indexs: normalizedIndexs,
+        pathNodes
+      }
+    },
+    openCollegePicker() {
+      this.openSearchPicker({
+        title: '学院',
+        mode: 'college',
+        options: this.collegeOptions,
+        currentValue: this.formData.collegeId
+      })
+    },
+    openClassPicker() {
+      if (!this.formData.collegeId) {
+        this.showToast('请先选择学院')
+        return
+      }
+      this.openSearchPicker({
+        title: '班级',
+        mode: 'class',
+        options: this.classOptions,
+        currentValue: this.formData.classId
+      })
+    },
+    openSearchPicker({title, mode, options, currentValue}) {
+      this.searchPickerTitle = title
+      this.searchPickerMode = mode
+      this.searchPickerOptions = Array.isArray(options) ? options : []
+      this.searchPickerKeyword = ''
+      this.searchPickerVisible = true
+      this.$nextTick(() => {
+        this.syncSearchPickerValue(currentValue)
+      })
+    },
+    closeSearchPicker() {
+      this.searchPickerVisible = false
+    },
+    syncSearchPickerValue(currentValue) {
+      const list = this.filteredSearchPickerOptions
+      if (!list.length) {
+        this.searchPickerIndex = 0
+        this.searchPickerTempOption = null
+        return
+      }
+      let index = list.findIndex((item) => item.value === currentValue || item.label === currentValue)
+      if (index < 0) {
+        index = 0
+      }
+      this.searchPickerIndex = index
+      this.searchPickerTempOption = list[index]
+    },
+    handleSearchPickerInput(event) {
+      const value = typeof event === 'string' ? event : (event.detail && event.detail.value) || ''
+      this.searchPickerKeyword = value || ''
+      this.$nextTick(() => {
+        const currentValue = this.searchPickerTempOption ? this.searchPickerTempOption.value : ''
+        this.syncSearchPickerValue(currentValue)
+      })
+    },
+    handleSearchPickerChange(event) {
+      const index = Number((event.detail.value || [0])[0] || 0)
+      this.searchPickerIndex = index
+      this.searchPickerTempOption = this.filteredSearchPickerOptions[index] || null
+    },
+    async confirmSearchPicker() {
+      const option = this.searchPickerTempOption
+      if (!option) {
+        this.closeSearchPicker()
+        return
+      }
+      if (this.searchPickerMode === 'politics') {
+        this.formData.politics = option.value
+      } else if (this.searchPickerMode === 'college') {
+        const nextCollegeId = option.value
+        const nextCollegeName = option.label
+        const collegeChanged = String(this.formData.collegeId || '') !== String(nextCollegeId || '')
+        this.formData.collegeId = nextCollegeId
+        this.formData.collegeName = nextCollegeName
+        this.formData.college = nextCollegeName
+        if (collegeChanged) {
+          this.formData.classId = ''
+          this.formData.className = ''
+          this.classOptions = []
+          await this.loadClassOptions(nextCollegeId)
+        }
+      } else if (this.searchPickerMode === 'class') {
+        this.formData.classId = option.value
+        this.formData.className = option.label
+      }
+      this.closeSearchPicker()
+    },
+    getSelectIndex(field) {
+      const currentValue = this.formData[field.key]
+      const index = field.options.indexOf(currentValue)
+      return index > -1 ? index : 0
+    },
+    parseBirthDateFromIdCard(idCardNo) {
+      const value = String(idCardNo || '').trim().toUpperCase()
+      let rawBirth = ''
+      if (/^\d{17}[\dX]$/.test(value)) {
+        rawBirth = value.slice(6, 14)
+      } else if (/^\d{15}$/.test(value)) {
+        rawBirth = `19${value.slice(6, 12)}`
+      } else {
+        return ''
+      }
+      const year = rawBirth.slice(0, 4)
+      const month = rawBirth.slice(4, 6)
+      const day = rawBirth.slice(6, 8)
+      const date = new Date(`${year}/${month}/${day}`)
+      if (Number.isNaN(date.getTime())) {
+        return ''
+      }
+      return `${year}-${month}-${day}`
+    },
+    syncBirthDateFromIdCard() {
+      this.formData.birthDate = this.parseBirthDateFromIdCard(this.formData.idCardNo)
+    },
+    validateForm() {
+      for (const field of this.fields) {
+        if (field.required && !String(this.getFieldDisplayValue(field) || '').trim()) {
+          this.showToast(`请完善：${field.label}`)
+          return false
+        }
+      }
+      if (this.formData.phone && !/^1\d{10}$/.test(this.formData.phone)) {
+        this.showToast('请输入正确的手机号码')
+        return false
+      }
+      if (this.formData.idCardNo && !this.formData.birthDate) {
+        this.showToast('身份证号格式不正确，无法识别出生日期')
+        return false
+      }
+      if (this.formData.collegeId && !this.formData.classId) {
+        this.showToast('请选择班级')
+        return false
+      }
+      return true
+    },
+    saveDraft() {
+      const savedAt = this.formatNow()
+      uni.setStorageSync(STORAGE_KEY, {
+        formData: this.formData,
+        savedAt
+      })
+      this.draftSavedAt = savedAt
+      uni.showToast({
+        title: '草稿已保存',
+        icon: 'success'
+      })
+    },
+    async submitForm() {
+      if (!this.validateForm()) {
+        return
+      }
+      try {
+        const payload = this.buildSubmitPayload()
+        const result = this.formId
+          ? await updateTyglForm(payload)
+          : await saveTyglForm(payload)
+        if (!this.formId && result && result.id) {
+          this.formId = result.id
+        }
+        const savedAt = this.formatNow()
+        uni.setStorageSync(STORAGE_KEY, {
+          formData: this.formData,
+          savedAt,
+          status: 'submitted'
+        })
+        this.draftSavedAt = savedAt
+        uni.showModal({
+          title: '提交成功',
+          content: this.formId ? '团员档案已更新。' : '团员档案已创建。',
+          showCancel: false
+        })
+      } catch (error) {
+        this.showToast((error && error.message) || '保存失败')
+      }
+    },
+    formatNow() {
+      const now = new Date()
+      const pad = (value) => String(value).padStart(2, '0')
+      return `${now.getFullYear()}-${pad(now.getMonth() + 1)}-${pad(now.getDate())} ${pad(now.getHours())}:${pad(now.getMinutes())}`
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.page {
+  min-height: 100vh;
+  background: rgba(241, 241, 241, 1);
+  //radial-gradient(circle at top right, rgba(20, 150, 242, 0.14), transparent 30%),
+  //linear-gradient(180deg, #f5fbff 0%, #eef7ff 100%);
+}
+
+.page-scroll {
+  height: 100vh;
+  padding: 0 0 40rpx;
+}
+
+.section-card{
+  border-radius: 30rpx;
+  background: rgba(255, 255, 255, 1);
+}
+
+.action-card {
+  border-radius: 30rpx;
+  //background: rgba(255, 255, 255, 0.94);
+  //border: 1rpx solid rgba(20, 150, 242, 0.08);
+  //box-shadow: 0 10rpx 28rpx rgba(34, 94, 142, 0.08);
+}
+
+.section-card,
+.action-card {
+  margin-top: 24rpx;
+  padding: 26rpx;
+  margin-left: 24rpx;
+  margin-right: 24rpx;
+}
+
+.section-head {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-end;
+  margin-bottom: 18rpx;
+}
+
+.section-title {
+  font-size: 30rpx;
+  font-weight: 700;
+  color: #1f2329;
+}
+
+.field-list {
+  display: flex;
+  flex-direction: column;
+  gap: 22rpx;
+}
+
+.field-label {
+  margin-bottom: 12rpx;
+  font-size: 25rpx;
+  font-weight: 600;
+  color: #2b3037;
+}
+
+.field-required {
+  margin-left: 8rpx;
+  color: #1496f2;
+}
+
+.field-picker {
+  width: 100%;
+  box-sizing: border-box;
+  padding: 22rpx 24rpx;
+  border-radius: 22rpx;
+  background: #F4FCFF;
+  border: 1rpx solid rgba(220,220,220,1);
+  font-size: 24rpx;
+  color: #2a2e35;
+}
+
+.field-picker--readonly {
+  background: #f9fafb;
+}
+
+:deep(.field-native-input.uv-input) {
+  width: 100%;
+  height: 88rpx;
+  padding: 0 24rpx !important;
+  border-radius: 12rpx;
+  border: 1px solid #dcdfe6 !important;
+  background: #ffffff !important;
+  box-sizing: border-box;
+}
+
+:deep(.field-native-input.uv-input .uv-input__content__field-wrapper__field) {
+  font-size: 28rpx;
+  line-height: 88rpx;
+  color: #303133;
+}
+
+.field-placeholder {
+  color: #aa9f98;
+}
+
+.field-value {
+  color: #2a2e35;
+}
+
+.action-card {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 18rpx;
+}
+
+.option-mask {
+  position: fixed;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 99;
+  display: flex;
+  align-items: flex-end;
+  background: rgba(15, 23, 42, 0.34);
+}
+
+.option-popup {
+  width: 100%;
+  padding: 24rpx 24rpx calc(24rpx + env(safe-area-inset-bottom));
+  border-radius: 32rpx 32rpx 0 0;
+  background: #fff;
+}
+
+.option-popup-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.option-popup-title {
+  font-size: 28rpx;
+  font-weight: 700;
+  color: #1f2329;
+}
+
+.option-popup-btn {
+  font-size: 24rpx;
+  color: #7c736e;
+}
+
+.option-popup-btn--primary {
+  color: #1496f2;
+  font-weight: 600;
+}
+
+:deep(.option-search.uv-input) {
+  width: 100%;
+  height: 84rpx;
+  margin-top: 20rpx;
+  padding: 0 24rpx !important;
+  border-radius: 22rpx;
+  background: #f8f4f1 !important;
+  border: 1rpx solid #eadfd7 !important;
+}
+
+:deep(.option-search.uv-input .uv-input__content__field-wrapper__field) {
+  font-size: 24rpx;
+  color: #2a2e35;
+}
+
+.option-picker-wrap {
+  margin-top: 20rpx;
+  border-radius: 24rpx;
+  background: #fafcff;
+  overflow: hidden;
+}
+
+.option-picker-view {
+  width: 100%;
+  height: 420rpx;
+}
+
+.option-picker-item {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 84rpx;
+  padding: 0 24rpx;
+  font-size: 28rpx;
+  color: #2a2e35;
+  text-align: center;
+}
+
+.option-empty {
+  padding: 60rpx 0 40rpx;
+  text-align: center;
+  font-size: 24rpx;
+  color: #aa9f98;
+}
+
+.ghost-btn,
+.primary-btn {
+  height: 88rpx;
+  line-height: 88rpx;
+  border-radius: 22rpx;
+  font-size: 28rpx;
+  font-weight: 700;
+  margin: 0;
+}
+
+.ghost-btn {
+  background: #FFA2DA;
+  color: #ffffff;
+  border: none;
+  border-radius: 999px;
+}
+
+.primary-btn {
+  background: linear-gradient(147.22deg, rgba(0, 180, 255, 1) 37.65%, rgba(88, 206, 255, 1) 80.42%);
+  color: #fff;
+  border-radius: 999px;
+}
+</style>
diff --git a/pages/tygl/service.js b/pages/tygl/service.js
new file mode 100644
index 0000000..5ae9c95
--- /dev/null
+++ b/pages/tygl/service.js
@@ -0,0 +1,47 @@
+import { get } from '../../utils/request'
+import { API_BASE_URL, apiRequest, getCurrentUser } from '../assistant/chat-service'
+
+export { getCurrentUser }
+
+export function listDictData(params) {
+	return get('/system/dict-data', params)
+}
+
+export function listOrganizations(params) {
+	return get('/system/organization', params)
+}
+
+export function listColleges(params) {
+	return get('/gxmu/college', params)
+}
+
+export function listClasses(params) {
+	return get('/gxmu/class', params)
+}
+
+export function getUserProfile() {
+	return apiRequest({
+		url: `${API_BASE_URL}/auth/user`,
+		method: 'GET'
+	})
+}
+
+export function getCurrentTyglForm() {
+	return get('/gxmu/tygl-form/current')
+}
+
+export function saveTyglForm(data) {
+	return apiRequest({
+		url: `${API_BASE_URL}/gxmu/tygl-form`,
+		method: 'POST',
+		data
+	})
+}
+
+export function updateTyglForm(data) {
+	return apiRequest({
+		url: `${API_BASE_URL}/gxmu/tygl-form`,
+		method: 'PUT',
+		data
+	})
+}
diff --git a/static/indexBg.jpg b/static/indexBg.jpg
new file mode 100644
index 0000000..0637d7b
Binary files /dev/null and b/static/indexBg.jpg differ
diff --git a/static/logo.png b/static/logo.png
new file mode 100644
index 0000000..b5771e2
Binary files /dev/null and b/static/logo.png differ
diff --git a/static/swiper.jpg b/static/swiper.jpg
new file mode 100644
index 0000000..aef4ec1
Binary files /dev/null and b/static/swiper.jpg differ
diff --git a/static/tabbar/chat-active.png b/static/tabbar/chat-active.png
new file mode 100644
index 0000000..6c97d8f
Binary files /dev/null and b/static/tabbar/chat-active.png differ
diff --git a/static/tabbar/chat.png b/static/tabbar/chat.png
new file mode 100644
index 0000000..424c769
Binary files /dev/null and b/static/tabbar/chat.png differ
diff --git a/static/tabbar/home-active.png b/static/tabbar/home-active.png
new file mode 100644
index 0000000..4f906e8
Binary files /dev/null and b/static/tabbar/home-active.png differ
diff --git a/static/tabbar/home.png b/static/tabbar/home.png
new file mode 100644
index 0000000..13524ef
Binary files /dev/null and b/static/tabbar/home.png differ
diff --git a/static/tabbar/user-active.png b/static/tabbar/user-active.png
new file mode 100644
index 0000000..be5ccf9
Binary files /dev/null and b/static/tabbar/user-active.png differ
diff --git a/static/tabbar/user.png b/static/tabbar/user.png
new file mode 100644
index 0000000..4f9ecf1
Binary files /dev/null and b/static/tabbar/user.png differ
diff --git a/uni.promisify.adaptor.js b/uni.promisify.adaptor.js
new file mode 100644
index 0000000..5fec4f3
--- /dev/null
+++ b/uni.promisify.adaptor.js
@@ -0,0 +1,13 @@
+uni.addInterceptor({
+  returnValue (res) {
+    if (!(!!res && (typeof res === "object" || typeof res === "function") && typeof res.then === "function")) {
+      return res;
+    }
+    return new Promise((resolve, reject) => {
+      res.then((res) => {
+        if (!res) return resolve(res) 
+        return res[0] ? reject(res[0]) : resolve(res[1])
+      });
+    });
+  },
+});
\ No newline at end of file
diff --git a/uni.scss b/uni.scss
new file mode 100644
index 0000000..941ee61
--- /dev/null
+++ b/uni.scss
@@ -0,0 +1,78 @@
+/**
+ * 这里是uni-app内置的常用样式变量
+ *
+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+
+@import "@/uni_modules/uv-ui-tools/theme.scss";
+
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+
+/* 颜色变量 */
+
+/* 行为相关颜色 */
+$uni-color-primary: #1496f2;
+$uni-color-success: #4cd964;
+$uni-color-warning: #f0ad4e;
+$uni-color-error: #dd524d;
+
+/* 文字基本颜色 */
+$uni-text-color:#333;//基本色
+$uni-text-color-inverse:#fff;//反色
+$uni-text-color-grey:#999;//辅助灰色，如加载更多的提示信息
+$uni-text-color-placeholder: #808080;
+$uni-text-color-disable:#c0c0c0;
+
+/* 背景颜色 */
+$uni-bg-color:#ffffff;
+$uni-bg-color-grey:#f8f8f8;
+$uni-bg-color-hover:#f1f1f1;//点击状态颜色
+$uni-bg-color-mask:rgba(0, 0, 0, 0.4);//遮罩颜色
+
+/* 边框颜色 */
+$uni-border-color:#c8c7cc;
+
+/* 尺寸变量 */
+
+/* 文字尺寸 */
+$uni-font-size-sm:12px;
+$uni-font-size-base:14px;
+$uni-font-size-lg:16px;
+
+/* 图片尺寸 */
+$uni-img-size-sm:20px;
+$uni-img-size-base:26px;
+$uni-img-size-lg:40px;
+
+/* Border Radius */
+$uni-border-radius-sm: 2px;
+$uni-border-radius-base: 3px;
+$uni-border-radius-lg: 6px;
+$uni-border-radius-circle: 50%;
+
+/* 水平间距 */
+$uni-spacing-row-sm: 5px;
+$uni-spacing-row-base: 10px;
+$uni-spacing-row-lg: 15px;
+
+/* 垂直间距 */
+$uni-spacing-col-sm: 4px;
+$uni-spacing-col-base: 8px;
+$uni-spacing-col-lg: 12px;
+
+/* 透明度 */
+$uni-opacity-disabled: 0.3; // 组件禁用态的透明度
+
+/* 文章场景相关 */
+$uni-color-title: #2C405A; // 文章标题颜色
+$uni-font-size-title:20px;
+$uni-color-subtitle: #555555; // 二级标题颜色
+$uni-font-size-subtitle:26px;
+$uni-color-paragraph: #3F536E; // 文章段落颜色
+$uni-font-size-paragraph:15px;
diff --git a/uni_modules/uv-icon/changelog.md b/uni_modules/uv-icon/changelog.md
new file mode 100644
index 0000000..c610827
--- /dev/null
+++ b/uni_modules/uv-icon/changelog.md
@@ -0,0 +1,31 @@
+## 1.0.13（2023-12-06）
+1. 优化
+## 1.0.12（2023-12-06）
+1. 阻止事件冒泡处理
+## 1.0.11（2023-10-29）
+1. imgMode默认值改成aspectFit
+## 1.0.10（2023-08-13）
+1. 优化nvue，方便自定义图标
+## 1.0.9（2023-07-28）
+1. 修改几个对应错误图标的BUG
+## 1.0.8（2023-07-24）
+1. 优化 支持base64图片
+## 1.0.7（2023-07-17）
+1. 修复  uv-icon 恢复uv-empty相关的图标
+## 1.0.6（2023-07-13）
+1. 修复icon设置name属性对应图标错误的BUG
+## 1.0.5（2023-07-04）
+1. 更新图标，删除一些不常用的图标
+2. 删除base64，修改成ttf文件引入读取图标
+3. 自定义图标文档说明：https://www.uvui.cn/guide/customIcon.html
+## 1.0.4（2023-07-03）
+1. 修复主题颜色在APP不生效的BUG
+## 1.0.3（2023-05-24）
+1. 将线上ttf字体包替换成base64，避免加载时或者网络差时候显示白色方块
+## 1.0.2（2023-05-16）
+1. 优化组件依赖，修改后无需全局引入，组件导入即可使用
+2. 优化部分功能
+## 1.0.1（2023-05-10）
+1. 修复小程序中异常显示
+## 1.0.0（2023-05-04）
+新发版
diff --git a/uni_modules/uv-icon/components/uv-icon/icons.js b/uni_modules/uv-icon/components/uv-icon/icons.js
new file mode 100644
index 0000000..8469a2d
--- /dev/null
+++ b/uni_modules/uv-icon/components/uv-icon/icons.js
@@ -0,0 +1,160 @@
+export default {
+	'uvicon-level': 'e68f',
+	'uvicon-checkbox-mark': 'e659',
+	'uvicon-folder': 'e694',
+	'uvicon-movie': 'e67c',
+	'uvicon-star-fill': 'e61e',
+	'uvicon-star': 'e618',
+	'uvicon-phone-fill': 'e6ac',
+	'uvicon-phone': 'e6ba',
+	'uvicon-apple-fill': 'e635',
+	'uvicon-backspace': 'e64d',
+	'uvicon-attach': 'e640',
+	'uvicon-empty-data': 'e671',
+	'uvicon-empty-address': 'e68a',
+	'uvicon-empty-favor': 'e662',
+	'uvicon-empty-car': 'e657',
+	'uvicon-empty-order': 'e66b',
+	'uvicon-empty-list': 'e672',
+	'uvicon-empty-search': 'e677',
+	'uvicon-empty-permission': 'e67d',
+	'uvicon-empty-news': 'e67e',
+	'uvicon-empty-history': 'e685',
+	'uvicon-empty-coupon': 'e69b',
+	'uvicon-empty-page': 'e60e',
+	'uvicon-empty-wifi-off': 'e6cc',
+	'uvicon-reload': 'e627',
+	'uvicon-order': 'e695',
+	'uvicon-server-man': 'e601',
+	'uvicon-search': 'e632',
+	'uvicon-more-dot-fill': 'e66f',
+	'uvicon-scan': 'e631',
+	'uvicon-map': 'e665',
+	'uvicon-map-fill': 'e6a8',
+	'uvicon-tags': 'e621',
+	'uvicon-tags-fill': 'e613',
+	'uvicon-eye': 'e664',
+	'uvicon-eye-fill': 'e697',
+	'uvicon-eye-off': 'e69c',
+	'uvicon-eye-off-outline': 'e688',
+	'uvicon-mic': 'e66d',
+	'uvicon-mic-off': 'e691',
+	'uvicon-calendar': 'e65c',
+	'uvicon-trash': 'e623',
+	'uvicon-trash-fill': 'e6ce',
+	'uvicon-play-left': 'e6bf',
+	'uvicon-play-right': 'e6b3',
+	'uvicon-minus': 'e614',
+	'uvicon-plus': 'e625',
+	'uvicon-info-circle': 'e69f',
+	'uvicon-info-circle-fill': 'e6a7',
+	'uvicon-question-circle': 'e622',
+	'uvicon-question-circle-fill': 'e6bc',
+	'uvicon-close': 'e65a',
+	'uvicon-checkmark': 'e64a',
+	'uvicon-checkmark-circle': 'e643',
+	'uvicon-checkmark-circle-fill': 'e668',
+	'uvicon-setting': 'e602',
+	'uvicon-setting-fill': 'e6d0',
+	'uvicon-heart': 'e6a2',
+	'uvicon-heart-fill': 'e68b',
+	'uvicon-camera': 'e642',
+	'uvicon-camera-fill': 'e650',
+	'uvicon-more-circle': 'e69e',
+	'uvicon-more-circle-fill': 'e684',
+	'uvicon-chat': 'e656',
+	'uvicon-chat-fill': 'e63f',
+	'uvicon-bag': 'e647',
+	'uvicon-error-circle': 'e66e',
+	'uvicon-error-circle-fill': 'e655',
+	'uvicon-close-circle': 'e64e',
+	'uvicon-close-circle-fill': 'e666',
+	'uvicon-share': 'e629',
+	'uvicon-share-fill': 'e6bb',
+	'uvicon-share-square': 'e6c4',
+	'uvicon-shopping-cart': 'e6cb',
+	'uvicon-shopping-cart-fill': 'e630',
+	'uvicon-bell': 'e651',
+	'uvicon-bell-fill': 'e604',
+	'uvicon-list': 'e690',
+	'uvicon-list-dot': 'e6a9',
+	'uvicon-zhifubao-circle-fill': 'e617',
+	'uvicon-weixin-circle-fill': 'e6cd',
+	'uvicon-weixin-fill': 'e620',
+	'uvicon-qq-fill': 'e608',
+	'uvicon-qq-circle-fill': 'e6b9',
+	'uvicon-moments-circel-fill': 'e6c2',
+	'uvicon-moments': 'e6a0',
+	'uvicon-car': 'e64f',
+	'uvicon-car-fill': 'e648',
+	'uvicon-warning-fill': 'e6c7',
+	'uvicon-warning': 'e6c1',
+	'uvicon-clock-fill': 'e64b',
+	'uvicon-clock': 'e66c',
+	'uvicon-edit-pen': 'e65d',
+	'uvicon-edit-pen-fill': 'e679',
+	'uvicon-email': 'e673',
+	'uvicon-email-fill': 'e683',
+	'uvicon-minus-circle': 'e6a5',
+	'uvicon-plus-circle': 'e603',
+	'uvicon-plus-circle-fill': 'e611',
+	'uvicon-file-text': 'e687',
+	'uvicon-file-text-fill': 'e67f',
+	'uvicon-pushpin': 'e6d1',
+	'uvicon-pushpin-fill': 'e6b6',
+	'uvicon-grid': 'e68c',
+	'uvicon-grid-fill': 'e698',
+	'uvicon-play-circle': 'e6af',
+	'uvicon-play-circle-fill': 'e62a',
+	'uvicon-pause-circle-fill': 'e60c',
+	'uvicon-pause': 'e61c',
+	'uvicon-pause-circle': 'e696',
+	'uvicon-gift-fill': 'e6b0',
+	'uvicon-gift': 'e680',
+	'uvicon-kefu-ermai': 'e660',
+	'uvicon-server-fill': 'e610',
+	'uvicon-coupon-fill': 'e64c',
+	'uvicon-coupon': 'e65f',
+	'uvicon-integral': 'e693',
+	'uvicon-integral-fill': 'e6b1',
+	'uvicon-home-fill': 'e68e',
+	'uvicon-home': 'e67b',
+	'uvicon-account': 'e63a',
+	'uvicon-account-fill': 'e653',
+	'uvicon-thumb-down-fill': 'e628',
+	'uvicon-thumb-down': 'e60a',
+	'uvicon-thumb-up': 'e612',
+	'uvicon-thumb-up-fill': 'e62c',
+	'uvicon-lock-fill': 'e6a6',
+	'uvicon-lock-open': 'e68d',
+	'uvicon-lock-opened-fill': 'e6a1',
+	'uvicon-lock': 'e69d',
+	'uvicon-red-packet': 'e6c3',
+	'uvicon-photo-fill': 'e6b4',
+	'uvicon-photo': 'e60d',
+	'uvicon-volume-off-fill': 'e6c8',
+	'uvicon-volume-off': 'e6bd',
+	'uvicon-volume-fill': 'e624',
+	'uvicon-volume': 'e605',
+	'uvicon-download': 'e670',
+	'uvicon-arrow-up-fill': 'e636',
+	'uvicon-arrow-down-fill': 'e638',
+	'uvicon-play-left-fill': 'e6ae',
+	'uvicon-play-right-fill': 'e6ad',
+	'uvicon-arrow-downward': 'e634',
+	'uvicon-arrow-leftward': 'e63b',
+	'uvicon-arrow-rightward': 'e644',
+	'uvicon-arrow-upward': 'e641',
+	'uvicon-arrow-down': 'e63e',
+	'uvicon-arrow-right': 'e63c',
+	'uvicon-arrow-left': 'e646',
+	'uvicon-arrow-up': 'e633',
+	'uvicon-skip-back-left': 'e6c5',
+	'uvicon-skip-forward-right': 'e61f',
+	'uvicon-arrow-left-double': 'e637',
+	'uvicon-man': 'e675',
+	'uvicon-woman': 'e626',
+	'uvicon-en': 'e6b8',
+	'uvicon-twitte': 'e607',
+	'uvicon-twitter-circle-fill': 'e6cf'
+}
\ No newline at end of file
diff --git a/uni_modules/uv-icon/components/uv-icon/props.js b/uni_modules/uv-icon/components/uv-icon/props.js
new file mode 100644
index 0000000..7668cf9
--- /dev/null
+++ b/uni_modules/uv-icon/components/uv-icon/props.js
@@ -0,0 +1,90 @@
+export default {
+	props: {
+		// 图标类名
+		name: {
+			type: String,
+			default: ''
+		},
+		// 图标颜色，可接受主题色
+		color: {
+			type: String,
+			default: '#606266'
+		},
+		// 字体大小，单位px
+		size: {
+			type: [String, Number],
+			default: '16px'
+		},
+		// 是否显示粗体
+		bold: {
+			type: Boolean,
+			default: false
+		},
+		// 点击图标的时候传递事件出去的index（用于区分点击了哪一个）
+		index: {
+			type: [String, Number],
+			default: null
+		},
+		// 触摸图标时的类名
+		hoverClass: {
+			type: String,
+			default: ''
+		},
+		// 自定义扩展前缀，方便用户扩展自己的图标库
+		customPrefix: {
+			type: String,
+			default: 'uvicon'
+		},
+		// 图标右边或者下面的文字
+		label: {
+			type: [String, Number],
+			default: ''
+		},
+		// label的位置，只能右边或者下边
+		labelPos: {
+			type: String,
+			default: 'right'
+		},
+		// label的大小
+		labelSize: {
+			type: [String, Number],
+			default: '15px'
+		},
+		// label的颜色
+		labelColor: {
+			type: String,
+			default: '#606266'
+		},
+		// label与图标的距离
+		space: {
+			type: [String, Number],
+			default: '3px'
+		},
+		// 图片的mode
+		imgMode: {
+			type: String,
+			default: 'aspectFit'
+		},
+		// 用于显示图片小图标时，图片的宽度
+		width: {
+			type: [String, Number],
+			default: ''
+		},
+		// 用于显示图片小图标时，图片的高度
+		height: {
+			type: [String, Number],
+			default: ''
+		},
+		// 用于解决某些情况下，让图标垂直居中的用途
+		top: {
+			type: [String, Number],
+			default: 0
+		},
+		// 是否阻止事件传播
+		stop: {
+			type: Boolean,
+			default: false
+		},
+		...uni.$uv?.props?.icon
+	}
+}
\ No newline at end of file
diff --git a/uni_modules/uv-icon/components/uv-icon/uv-icon.vue b/uni_modules/uv-icon/components/uv-icon/uv-icon.vue
new file mode 100644
index 0000000..d61c9e5
--- /dev/null
+++ b/uni_modules/uv-icon/components/uv-icon/uv-icon.vue
@@ -0,0 +1,226 @@
+<template>
+	<view
+	  class="uv-icon"
+	  @tap="clickHandler"
+	  :class="['uv-icon--' + labelPos]"
+	>
+		<image
+		  class="uv-icon__img"
+		  v-if="isImg"
+		  :src="name"
+		  :mode="imgMode"
+		  :style="[imgStyle, $uv.addStyle(customStyle)]"
+		></image>
+		<text
+		  v-else
+		  class="uv-icon__icon"
+		  :class="uClasses"
+		  :style="[iconStyle, $uv.addStyle(customStyle)]"
+		  :hover-class="hoverClass"
+		>{{icon}}</text>
+		<!-- 这里进行空字符串判断，如果仅仅是v-if="label"，可能会出现传递0的时候，结果也无法显示 -->
+		<text
+		  v-if="label !== ''" 
+		  class="uv-icon__label"
+		  :style="{
+			color: labelColor,
+			fontSize: $uv.addUnit(labelSize),
+			marginLeft: labelPos == 'right' ? $uv.addUnit(space) : 0,
+			marginTop: labelPos == 'bottom' ? $uv.addUnit(space) : 0,
+			marginRight: labelPos == 'left' ? $uv.addUnit(space) : 0,
+			marginBottom: labelPos == 'top' ? $uv.addUnit(space) : 0
+		}"
+		>{{ label }}</text>
+	</view>
+</template>
+
+<script>
+	import mpMixin from '@/uni_modules/uv-ui-tools/libs/mixin/mpMixin.js'
+	import mixin from '@/uni_modules/uv-ui-tools/libs/mixin/mixin.js'
+	// #ifdef APP-NVUE
+	// nvue通过weex的dom模块引入字体，相关文档地址如下：
+	// https://weex.apache.org/zh/docs/modules/dom.html#addrule
+	import iconUrl from './uvicons.ttf';
+	const domModule = weex.requireModule('dom')
+	domModule.addRule('fontFace', {
+		'fontFamily': "uvicon-iconfont",
+		'src': "url('" + iconUrl + "')"
+	})
+	// #endif
+	// 引入图标名称，已经对应的unicode
+	import icons from './icons';
+	import props from './props.js';
+	/**
+	 * icon 图标
+	 * @description 基于字体的图标集，包含了大多数常见场景的图标。
+	 * @tutorial https://www.uvui.cn/components/icon.html
+	 * @property {String}			name			图标名称，见示例图标集
+	 * @property {String}			color			图标颜色,可接受主题色 （默认 color['uv-content-color'] ）
+	 * @property {String | Number}	size			图标字体大小，单位px （默认 '16px' ）
+	 * @property {Boolean}			bold			是否显示粗体 （默认 false ）
+	 * @property {String | Number}	index			点击图标的时候传递事件出去的index（用于区分点击了哪一个）
+	 * @property {String}			hoverClass		图标按下去的样式类，用法同uni的view组件的hoverClass参数，详情见官网
+	 * @property {String}			customPrefix	自定义扩展前缀，方便用户扩展自己的图标库 （默认 'uicon' ）
+	 * @property {String | Number}	label			图标右侧的label文字
+	 * @property {String}			labelPos		label相对于图标的位置，只能right或bottom （默认 'right' ）
+	 * @property {String | Number}	labelSize		label字体大小，单位px （默认 '15px' ）
+	 * @property {String}			labelColor		图标右侧的label文字颜色 （ 默认 color['uv-content-color'] ）
+	 * @property {String | Number}	space			label与图标的距离，单位px （默认 '3px' ）
+	 * @property {String}			imgMode			图片的mode
+	 * @property {String | Number}	width			显示图片小图标时的宽度
+	 * @property {String | Number}	height			显示图片小图标时的高度
+	 * @property {String | Number}	top				图标在垂直方向上的定位 用于解决某些情况下，让图标垂直居中的用途  （默认 0 ）
+	 * @property {Boolean}			stop			是否阻止事件传播 （默认 false ）
+	 * @property {Object}			customStyle		icon的样式，对象形式
+	 * @event {Function} click 点击图标时触发
+	 * @event {Function} touchstart 事件触摸时触发
+	 * @example <uv-icon name="photo" color="#2979ff" size="28"></uv-icon>
+	 */
+	export default {
+		name: 'uv-icon',
+		emits: ['click'],
+		mixins: [mpMixin, mixin, props],
+		data() {
+			return {
+				colorType: [
+					'primary',
+					'success',
+					'info',
+					'error',
+					'warning'
+				]
+			}
+		},
+		computed: {
+			uClasses() {
+				let classes = []
+				classes.push(this.customPrefix)
+				classes.push(this.customPrefix + '-' + this.name)
+				// 主题色，通过类配置
+				if (this.color && this.colorType.includes(this.color)) classes.push('uv-icon__icon--' + this.color)
+				// 阿里，头条，百度小程序通过数组绑定类名时，无法直接使用[a, b, c]的形式，否则无法识别
+				// 故需将其拆成一个字符串的形式，通过空格隔开各个类名
+				//#ifdef MP-ALIPAY || MP-TOUTIAO || MP-BAIDU
+				classes = classes.join(' ')
+				//#endif
+				return classes
+			},
+			iconStyle() {
+				let style = {}
+				style = {
+					fontSize: this.$uv.addUnit(this.size),
+					lineHeight: this.$uv.addUnit(this.size),
+					fontWeight: this.bold ? 'bold' : 'normal',
+					// 某些特殊情况需要设置一个到顶部的距离，才能更好的垂直居中
+					top: this.$uv.addUnit(this.top)
+				}
+				// 非主题色值时，才当作颜色值
+				if (this.color && !this.colorType.includes(this.color)) style.color = this.color
+				return style
+			},
+			// 判断传入的name属性，是否图片路径，只要带有"/"均认为是图片形式
+			isImg() {
+				const isBase64 = this.name.indexOf('data:') > -1 && this.name.indexOf('base64') > -1;
+				return this.name.indexOf('/') !== -1 || isBase64;
+			},
+			imgStyle() {
+				let style = {}
+				// 如果设置width和height属性，则优先使用，否则使用size属性
+				style.width = this.width ? this.$uv.addUnit(this.width) : this.$uv.addUnit(this.size)
+				style.height = this.height ? this.$uv.addUnit(this.height) : this.$uv.addUnit(this.size)
+				return style
+			},
+			// 通过图标名，查找对应的图标
+			icon() {
+				// 如果内置的图标中找不到对应的图标，就直接返回name值，因为用户可能传入的是unicode代码
+				const code = icons['uvicon-' + this.name];
+				// #ifdef APP-NVUE
+				if(!code) {
+					return code ? unescape(`%u${code}`) : ['uvicon'].indexOf(this.customPrefix) > -1 ? unescape(`%u${this.name}`) : '';
+				}
+				// #endif
+				return code ? unescape(`%u${code}`) : ['uvicon'].indexOf(this.customPrefix) > -1 ? this.name : '';
+			}
+		},
+		methods: {
+			clickHandler(e) {
+				this.$emit('click', this.index)
+				// 是否阻止事件冒泡
+				this.stop && this.preventEvent(e)
+			}
+		}
+	}
+</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-icon-primary: $uv-primary !default;
+	$uv-icon-success: $uv-success !default;
+	$uv-icon-info: $uv-info !default;
+	$uv-icon-warning: $uv-warning !default;
+	$uv-icon-error: $uv-error !default;
+	$uv-icon-label-line-height: 1 !default;
+	/* #ifndef APP-NVUE */
+	// 非nvue下加载字体
+	@font-face {
+		font-family: 'uvicon-iconfont';
+		src: url('./uvicons.ttf') format('truetype');
+	}
+	/* #endif */
+	.uv-icon {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		align-items: center;
+		&--left {
+			flex-direction: row-reverse;
+			align-items: center;
+		}
+		&--right {
+			flex-direction: row;
+			align-items: center;
+		}
+		&--top {
+			flex-direction: column-reverse;
+			justify-content: center;
+		}
+		&--bottom {
+			flex-direction: column;
+			justify-content: center;
+		}
+		&__icon {
+			font-family: uvicon-iconfont;
+			position: relative;
+			@include flex;
+			align-items: center;
+			&--primary {
+				color: $uv-icon-primary;
+			}
+			&--success {
+				color: $uv-icon-success;
+			}
+			&--error {
+				color: $uv-icon-error;
+			}
+			&--warning {
+				color: $uv-icon-warning;
+			}
+			&--info {
+				color: $uv-icon-info;
+			}
+		}
+		&__img {
+			/* #ifndef APP-NVUE */
+			height: auto;
+			will-change: transform;
+			/* #endif */
+		}
+		&__label {
+			/* #ifndef APP-NVUE */
+			line-height: $uv-icon-label-line-height;
+			/* #endif */
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/uni_modules/uv-icon/components/uv-icon/uvicons.ttf b/uni_modules/uv-icon/components/uv-icon/uvicons.ttf
new file mode 100644
index 0000000..9aedef8
Binary files /dev/null and b/uni_modules/uv-icon/components/uv-icon/uvicons.ttf differ
diff --git a/uni_modules/uv-icon/package.json b/uni_modules/uv-icon/package.json
new file mode 100644
index 0000000..0a838d5
--- /dev/null
+++ b/uni_modules/uv-icon/package.json
@@ -0,0 +1,83 @@
+{
+  "id": "uv-icon",
+  "displayName": "uv-icon 图标 全面兼容vue3+2、app、h5、小程序等多端",
+  "version": "1.0.13",
+  "description": "基于字体的图标集，包含了大多数常见场景的图标，支持自定义，支持自定义图片图标等。可自定义颜色、大小。",
+  "keywords": [
+    "uv-ui,uvui,uv-icon,icon,图标,字体图标"
+],
+  "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"
+		],
+    "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/uni_modules/uv-icon/readme.md b/uni_modules/uv-icon/readme.md
new file mode 100644
index 0000000..d526e1a
--- /dev/null
+++ b/uni_modules/uv-icon/readme.md
@@ -0,0 +1,15 @@
+## uv-icon 图标库
+
+> **组件名：uv-icon**
+
+基于字体的图标集，包含了大多数常见场景的图标，支持自定义，支持自定义图片图标等。
+
+# <a href="https://www.uvui.cn/components/icon.html" target="_blank">查看文档</a>
+
+## [下载完整示例项目](https://ext.dcloud.net.cn/plugin?name=uv-ui)
+
+### [更多插件，请关注uv-ui组件库](https://ext.dcloud.net.cn/plugin?name=uv-ui)
+
+![image](https://mp-a667b617-c5f1-4a2d-9a54-683a67cff588.cdn.bspapp.com/uv-ui/banner.png)
+
+#### 如使用过程中有任何问题反馈，或者您对uv-ui有一些好的建议，欢迎加入uv-ui官方交流群：<a href="https://www.uvui.cn/components/addQQGroup.html" target="_blank">官方QQ群</a>
diff --git a/uni_modules/uv-input/changelog.md b/uni_modules/uv-input/changelog.md
new file mode 100644
index 0000000..2b354d0
--- /dev/null
+++ b/uni_modules/uv-input/changelog.md
@@ -0,0 +1,29 @@
+## 1.0.13（2023-12-06）
+1. 优化
+## 1.0.12（2023-12-06）
+1. 阻止事件冒泡问题
+## 1.0.11（2023-11-10）
+1. 调整清除按钮样式的marginLeft，避免微信上多数情况触发不了的BUG
+## 1.0.10（2023-10-07）
+1. 修复搜狗输入法下存在不可清空的情况
+## 1.0.9（2023-09-14）
+1. 修复H5等情况设置禁用或可读情况下，点击事件无效的问题
+## 1.0.8（2023-08-22）
+1. 修复无法@keyboardheightchange无法获取键盘高度的BUG
+## 1.0.7（2023-08-18）
+1. 修复ios端不能输入的BUG
+## 1.0.6（2023-08-05）
+1. 修复在vue2模式下，v-model设置为0时不生效的BUG
+## 1.0.5（2023-07-18）
+1. 修复在微信小程序端清除内容存在不能清除的BUG
+## 1.0.4（2023-07-13）
+1.  修复value/v-model更改不生效的BUG
+## 1.0.3（2023-07-03）
+去除插槽判断，避免某些平台不显示的BUG
+## 1.0.2（2023-05-16）
+1. 优化组件依赖，修改后无需全局引入，组件导入即可使用
+2. 优化部分功能
+## 1.0.1（2023-05-12）
+1. 修复vue3双向绑定的BUG
+## 1.0.0（2023-05-10）
+uv-input 输入框
diff --git a/uni_modules/uv-input/components/uv-input/props.js b/uni_modules/uv-input/components/uv-input/props.js
new file mode 100644
index 0000000..e969493
--- /dev/null
+++ b/uni_modules/uv-input/components/uv-input/props.js
@@ -0,0 +1,175 @@
+export default {
+	props: {
+		value: {
+			type: [String, Number],
+			default: ''
+		},
+		modelValue: {
+			type: [String, Number],
+			default: ''
+		},
+		// 输入框类型
+		// number-数字输入键盘，app-vue下可以输入浮点数，app-nvue和小程序平台下只能输入整数
+		// idcard-身份证输入键盘，微信、支付宝、百度、QQ小程序
+		// digit-带小数点的数字键盘，App的nvue页面、微信、支付宝、百度、头条、QQ小程序
+		// text-文本输入键盘
+		type: {
+			type: String,
+			default: 'text'
+		},
+		// 是否禁用输入框
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		// 禁用状态时的背景色
+		disabledColor: {
+			type: String,
+			default: '#f5f7fa'
+		},
+		// 是否显示清除控件
+		clearable: {
+			type: Boolean,
+			default: false
+		},
+		// 是否密码类型
+		password: {
+			type: Boolean,
+			default: false
+		},
+		// 最大输入长度，设置为 -1 的时候不限制最大长度
+		maxlength: {
+			type: [String, Number],
+			default: -1
+		},
+		// 	输入框为空时的占位符
+		placeholder: {
+			type: String,
+			default: null
+		},
+		// 指定placeholder的样式类，注意页面或组件的style中写了scoped时，需要在类名前写/deep/
+		placeholderClass: {
+			type: String,
+			default: 'input-placeholder'
+		},
+		// 指定placeholder的样式
+		placeholderStyle: {
+			type: [String, Object],
+			default: 'color: #c0c4cc'
+		},
+		// 设置右下角按钮的文字，有效值：send|search|next|go|done，兼容性详见uni-app文档
+		// https://uniapp.dcloud.io/component/input
+		// https://uniapp.dcloud.io/component/textarea
+		confirmType: {
+			type: String,
+			default: 'done'
+		},
+		// 点击键盘右下角按钮时是否保持键盘不收起，H5无效
+		confirmHold: {
+			type: Boolean,
+			default: false
+		},
+		// focus时，点击页面的时候不收起键盘，微信小程序有效
+		holdKeyboard: {
+			type: Boolean,
+			default: false
+		},
+		// 自动获取焦点
+		// 在 H5 平台能否聚焦以及软键盘是否跟随弹出，取决于当前浏览器本身的实现。nvue 页面不支持，需使用组件的 focus()、blur() 方法控制焦点
+		focus: {
+			type: Boolean,
+			default: false
+		},
+		// 键盘收起时，是否自动失去焦点，目前仅App3.0.0+有效
+		autoBlur: {
+			type: Boolean,
+			default: false
+		},
+		// 指定focus时光标的位置
+		cursor: {
+			type: [String, Number],
+			default: -1
+		},
+		// 输入框聚焦时底部与键盘的距离
+		cursorSpacing: {
+			type: [String, Number],
+			default: 30
+		},
+		// 光标起始位置，自动聚集时有效，需与selection-end搭配使用
+		selectionStart: {
+			type: [String, Number],
+			default: -1
+		},
+		// 光标结束位置，自动聚集时有效，需与selection-start搭配使用
+		selectionEnd: {
+			type: [String, Number],
+			default: -1
+		},
+		// 键盘弹起时，是否自动上推页面
+		adjustPosition: {
+			type: Boolean,
+			default: true
+		},
+		// 输入框内容对齐方式，可选值为：left|center|right
+		inputAlign: {
+			type: String,
+			default: 'left'
+		},
+		// 输入框字体的大小
+		fontSize: {
+			type: [String, Number],
+			default: '14px'
+		},
+		// 输入框字体颜色
+		color: {
+			type: String,
+			default: '#303133'
+		},
+		// 输入框前置图标
+		prefixIcon: {
+			type: String,
+			default: ''
+		},
+		// 前置图标样式，对象或字符串
+		prefixIconStyle: {
+			type: [String, Object],
+			default: ''
+		},
+		// 输入框后置图标
+		suffixIcon: {
+			type: String,
+			default: ''
+		},
+		// 后置图标样式，对象或字符串
+		suffixIconStyle: {
+			type: [String, Object],
+			default: ''
+		},
+		// 边框类型，surround-四周边框，bottom-底部边框，none-无边框
+		border: {
+			type: String,
+			default: 'surround'
+		},
+		// 是否只读，与disabled不同之处在于disabled会置灰组件，而readonly则不会
+		readonly: {
+			type: Boolean,
+			default: false
+		},
+		// 输入框形状，circle-圆形，square-方形
+		shape: {
+			type: String,
+			default: 'square'
+		},
+		// 用于处理或者过滤输入框内容的方法
+		formatter: {
+			type: [Function, null],
+			default: null
+		},
+		// 是否忽略组件内对文本合成系统事件的处理
+		ignoreCompositionEvent: {
+			type: Boolean,
+			default: true
+		},
+		...uni.$uv?.props?.input
+	}
+}
\ No newline at end of file
diff --git a/uni_modules/uv-input/components/uv-input/uv-input.vue b/uni_modules/uv-input/components/uv-input/uv-input.vue
new file mode 100644
index 0000000..20c1801
--- /dev/null
+++ b/uni_modules/uv-input/components/uv-input/uv-input.vue
@@ -0,0 +1,348 @@
+<template>
+    <view class="uv-input" :class="inputClass" :style="[wrapperStyle]">
+      <view class="uv-input__content">
+        <view class="uv-input__content__prefix-icon">
+          <slot name="prefix">
+            <uv-icon
+							v-if="prefixIcon"
+              :name="prefixIcon"
+              size="18"
+              :customStyle="prefixIconStyle"
+            ></uv-icon>
+          </slot>
+        </view>
+        <view class="uv-input__content__field-wrapper" @click="clickHandler">
+				<!-- 根据uni-app的input组件文档，H5和APP中只要声明了password参数(无论true还是false)，type均失效，此时
+				为了防止type=number时，又存在password属性，type无效，此时需要设置password为undefined
+			 -->
+        	<input
+        	  class="uv-input__content__field-wrapper__field"
+        	  :style="[inputStyle]"
+        	  :type="type"
+        	  :focus="focus"
+        	  :cursor="cursor"
+        	  :value="innerValue"
+        	  :auto-blur="autoBlur"
+        	  :disabled="disabled || readonly"
+        	  :maxlength="maxlength"
+        	  :placeholder="placeholder"
+        	  :placeholder-style="placeholderStyle"
+        	  :placeholder-class="placeholderClass"
+        	  :confirm-type="confirmType"
+        	  :confirm-hold="confirmHold"
+        	  :hold-keyboard="holdKeyboard"
+        	  :cursor-spacing="cursorSpacing"
+        	  :adjust-position="adjustPosition"
+        	  :selection-end="selectionEnd"
+        	  :selection-start="selectionStart"
+        	  :password="password || type === 'password' || undefined"
+            :ignoreCompositionEvent="ignoreCompositionEvent"
+        	  @input="onInput"
+        	  @blur="onBlur"
+        	  @focus="onFocus"
+        	  @confirm="onConfirm"
+        	  @keyboardheightchange="onkeyboardheightchange"
+        	/>
+        </view>
+        <view
+          class="uv-input__content__clear"
+          v-if="isShowClear"
+          @tap="onClear"
+        >
+          <uv-icon
+            name="close"
+            size="11"
+            color="#ffffff"
+            customStyle="line-height: 12px"
+          ></uv-icon>
+        </view>
+        <view class="uv-input__content__subfix-icon">
+          <slot name="suffix">
+            <uv-icon
+							v-if="suffixIcon"
+              :name="suffixIcon"
+              size="18"
+              :customStyle="suffixIconStyle"
+            ></uv-icon>
+          </slot>
+        </view>
+      </view>
+    </view>
+</template>
+
+<script>
+	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";
+	/**
+	 * Input 输入框
+	 * @description  此组件为一个输入框，默认没有边框和样式，是专门为配合表单组件uv-form而设计的，利用它可以快速实现表单验证，输入内容，下拉选择等功能。
+	 * @tutorial https://www.uvui.cn/components/input.html
+	 * @property {String | Number}	value					输入的值
+	 * @property {String}			type					输入框类型，见上方说明 （ 默认 'text' ）
+	 * @property {Boolean}			fixed					如果 textarea 是在一个 position:fixed 的区域，需要显示指定属性 fixed 为 true，兼容性：微信小程序、百度小程序、字节跳动小程序、QQ小程序 （ 默认 false ）
+	 * @property {Boolean}			disabled				是否禁用输入框 （ 默认 false ）
+	 * @property {String}			disabledColor			禁用状态时的背景色（ 默认 '#f5f7fa' ）
+	 * @property {Boolean}			clearable				是否显示清除控件 （ 默认 false ）
+	 * @property {Boolean}			password				是否密码类型 （ 默认 false ）
+	 * @property {String | Number}	maxlength				最大输入长度，设置为 -1 的时候不限制最大长度 （ 默认 -1 ）
+	 * @property {String}			placeholder				输入框为空时的占位符
+	 * @property {String}			placeholderClass		指定placeholder的样式类，注意页面或组件的style中写了scoped时，需要在类名前写/deep/ （ 默认 'input-placeholder' ）
+	 * @property {String | Object}	placeholderStyle		指定placeholder的样式，字符串/对象形式，如"color: red;"
+	 * @property {Boolean}			showWordLimit			是否显示输入字数统计，只在 type ="text"或type ="textarea"时有效 （ 默认 false ）
+	 * @property {String}			confirmType				设置右下角按钮的文字，兼容性详见uni-app文档 （ 默认 'done' ）
+	 * @property {Boolean}			confirmHold				点击键盘右下角按钮时是否保持键盘不收起，H5无效 （ 默认 false ）
+	 * @property {Boolean}			holdKeyboard			focus时，点击页面的时候不收起键盘，微信小程序有效 （ 默认 false ）
+	 * @property {Boolean}			focus					自动获取焦点，在 H5 平台能否聚焦以及软键盘是否跟随弹出，取决于当前浏览器本身的实现。nvue 页面不支持，需使用组件的 focus()、blur() 方法控制焦点 （ 默认 false ）
+	 * @property {Boolean}			autoBlur				键盘收起时，是否自动失去焦点，目前仅App3.0.0+有效 （ 默认 false ）
+	 * @property {Boolean}			disableDefaultPadding	是否去掉 iOS 下的默认内边距，仅微信小程序，且type=textarea时有效 （ 默认 false ）
+	 * @property {String ｜ Number}	cursor					指定focus时光标的位置（ 默认 -1 ）
+	 * @property {String ｜ Number}	cursorSpacing			输入框聚焦时底部与键盘的距离 （ 默认 30 ）
+	 * @property {String ｜ Number}	selectionStart			光标起始位置，自动聚集时有效，需与selection-end搭配使用 （ 默认 -1 ）
+	 * @property {String ｜ Number}	selectionEnd			光标结束位置，自动聚集时有效，需与selection-start搭配使用 （ 默认 -1 ）
+	 * @property {Boolean}			adjustPosition			键盘弹起时，是否自动上推页面 （ 默认 true ）
+	 * @property {String}			inputAlign				输入框内容对齐方式（ 默认 'left' ）
+	 * @property {String | Number}	fontSize				输入框字体的大小 （ 默认 '15px' ）
+	 * @property {String}			color					输入框字体颜色	（ 默认 '#303133' ）
+	 * @property {Function}			formatter			    内容式化函数
+	 * @property {String}			prefixIcon				输入框前置图标
+	 * @property {String | Object}	prefixIconStyle			前置图标样式，对象或字符串
+	 * @property {String}			suffixIcon				输入框后置图标
+	 * @property {String | Object}	suffixIconStyle			后置图标样式，对象或字符串
+	 * @property {String}			border					边框类型，surround-四周边框，bottom-底部边框，none-无边框 （ 默认 'surround' ）
+	 * @property {Boolean}			readonly				是否只读，与disabled不同之处在于disabled会置灰组件，而readonly则不会 （ 默认 false ）
+	 * @property {String}			shape					输入框形状，circle-圆形，square-方形 （ 默认 'square' ）
+	 * @property {Object}			customStyle				定义需要用到的外部样式
+	 * @property {Boolean}			ignoreCompositionEvent	是否忽略组件内对文本合成系统事件的处理。
+	 * @example <uv-input v-model="value" :password="true" suffix-icon="lock-fill" />
+	 */
+	export default {
+		name: "uv-input",
+		mixins: [mpMixin, mixin, props],
+		data() {
+			return {
+				// 输入框的值
+				innerValue: "",
+				// 是否处于获得焦点状态
+				focused: false,
+				// 过滤处理方法
+				innerFormatter: value => value
+			}
+		},
+		created() {
+			// #ifdef VUE2
+			this.innerValue = this.value;
+			// #endif
+			// #ifdef VUE3
+			this.innerValue = this.modelValue;
+			// #endif
+		},
+		watch: {
+			value(newVal){
+				this.innerValue = newVal;
+			},
+			modelValue(newVal){
+				this.innerValue = newVal;
+			}
+		},
+		computed: {
+			// 是否显示清除控件
+			isShowClear() {
+				const { clearable, readonly, focused, innerValue } = this;
+				return !!clearable && !readonly && !!focused && innerValue !== "";
+			},
+			// 组件的类名
+			inputClass() {
+				let classes = [],
+					{ border, disabled, shape } = this;
+				border === "surround" &&
+					(classes = classes.concat(["uv-border", "uv-input--radius"]));
+				classes.push(`uv-input--${shape}`);
+				border === "bottom" &&
+					(classes = classes.concat([
+						"uv-border-bottom",
+						"uv-input--no-radius",
+					]));
+				return classes.join(" ");
+			},
+			// 组件的样式
+			wrapperStyle() {
+				const style = {};
+				// 禁用状态下，被背景色加上对应的样式
+				if (this.disabled) {
+					style.backgroundColor = this.disabledColor;
+				}
+				// 无边框时，去除内边距
+				if (this.border === "none") {
+					style.padding = "0";
+				} else {
+					// 由于uni-app的iOS开发者能力有限，导致需要分开写才有效
+					style.paddingTop = "6px";
+					style.paddingBottom = "6px";
+					style.paddingLeft = "9px";
+					style.paddingRight = "9px";
+				}
+				return this.$uv.deepMerge(style, this.$uv.addStyle(this.customStyle));
+			},
+			// 输入框的样式
+			inputStyle() {
+				const style = {
+					color: this.color,
+					fontSize: this.$uv.addUnit(this.fontSize),
+					textAlign: this.inputAlign
+				};
+				// #ifndef APP-NVUE
+				if(this.disabled || this.readonly) {
+					style['pointer-events'] = 'none';
+				}
+				// #endif
+				return style;
+			}
+		},
+		methods: {
+			// 在微信小程序中，不支持将函数当做props参数，故只能通过ref形式调用
+			setFormatter(e) {
+				this.innerFormatter = e
+			},
+			// 当键盘输入时，触发input事件
+			onInput(e) {
+				let { value = "" } = e.detail || {};
+				// 格式化过滤方法
+				const formatter = this.formatter || this.innerFormatter
+				const formatValue = formatter(value)
+				// 为了避免props的单向数据流特性，需要先将innerValue值设置为当前值，再在$nextTick中重新赋予设置后的值才有效
+				this.innerValue = value
+				this.$nextTick(() => {
+					this.innerValue = formatValue;
+					this.valueChange();
+				})
+			},
+			// 输入框失去焦点时触发
+			onBlur(event) {
+				this.$emit("blur", event.detail.value);
+				// H5端的blur会先于点击清除控件的点击click事件触发，导致focused
+				// 瞬间为false，从而隐藏了清除控件而无法被点击到
+				this.$uv.sleep(100).then(() => {
+					this.focused = false;
+				});
+				// 尝试调用uv-form的验证方法
+				this.$uv.formValidate(this, "blur");
+			},
+			// 输入框聚焦时触发
+			onFocus(event) {
+				this.focused = true;
+				this.$emit("focus");
+			},
+			// 点击完成按钮时触发
+			onConfirm(event) {
+				this.$emit("confirm", this.innerValue);
+			},
+			// 键盘高度发生变化的时候触发此事件
+			// 兼容性：微信小程序2.7.0+、App 3.1.0+
+			onkeyboardheightchange(e) {
+				this.$emit("keyboardheightchange",e);
+			},
+			// 内容发生变化，进行处理
+			valueChange() {
+				if(this.isClear) this.innerValue = '';
+				const value = this.innerValue;
+				this.$nextTick(() => {
+					this.$emit("input", value);
+					this.$emit("update:modelValue", value);
+					this.$emit("change", value);
+					// 尝试调用uv-form的验证方法
+					this.$uv.formValidate(this, "change");
+				});
+			},
+			// 点击清除控件
+			onClear() {
+				this.innerValue = "";
+				this.isClear = true;
+				this.$uv.sleep(200).then(res=>{
+					this.isClear = false;
+				})
+				this.$nextTick(() => {
+					this.$emit("clear");
+					this.valueChange();
+				});
+			},
+			/**
+			 * 在安卓nvue上，事件无法冒泡
+			 * 在某些时间，我们希望监听uv-from-item的点击事件，此时会导致点击uv-form-item内的uv-input后
+			 * 无法触发uv-form-item的点击事件，这里通过手动调用uv-form-item的方法进行触发
+			 */
+			clickHandler() {
+				// #ifdef APP-NVUE
+				if (this.$uv.os() === "android") {
+					const formItem = this.$uv.$parent.call(this, "uv-form-item");
+					if (formItem) {
+						formItem.clickHandler();
+					}
+				}
+				// #endif
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	$show-border: 1;
+	$show-border-surround: 1;
+	$show-border-bottom: 1;
+	@import '@/uni_modules/uv-ui-tools/libs/css/variable.scss';
+	@import '@/uni_modules/uv-ui-tools/libs/css/components.scss';
+	@import '@/uni_modules/uv-ui-tools/libs/css/color.scss';
+	.uv-input {
+		@include flex(row);
+		align-items: center;
+		justify-content: space-between;
+		flex: 1;
+		&--radius,
+		&--square {
+			border-radius: 4px;
+		}
+		&--no-radius {
+			border-radius: 0;
+		}
+		&--circle {
+			border-radius: 100px;
+		}
+		&__content {
+			flex: 1;
+			@include flex(row);
+			align-items: center;
+			justify-content: space-between;
+			&__field-wrapper {
+				position: relative;
+				@include flex(row);
+				margin: 0;
+				flex: 1;
+				&__field {
+					line-height: 26px;
+					text-align: left;
+					color: $uv-main-color;
+					height: 24px;
+					font-size: 15px;
+					flex: 1;
+				}
+			}
+			&__clear {
+				width: 20px;
+				height: 20px;
+				border-radius: 100px;
+				background-color: #c6c7cb;
+				@include flex(row);
+				align-items: center;
+				justify-content: center;
+				transform: scale(0.82);
+				margin-left: 15px;
+			}
+			&__subfix-icon {
+				margin-left: 4px;
+			}
+			&__prefix-icon {
+				margin-right: 4px;
+			}
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/uni_modules/uv-input/package.json b/uni_modules/uv-input/package.json
new file mode 100644
index 0000000..6981fa9
--- /dev/null
+++ b/uni_modules/uv-input/package.json
@@ -0,0 +1,88 @@
+{
+  "id": "uv-input",
+  "displayName": "uv-input 输入框 全面兼容vue3+2、app、h5、小程序等多端",
+  "version": "1.0.13",
+  "description": "uv-input 该组件为一个输入框，默认没有边框和样式，是专门为配合表单组件uv-form而设计的，利用它可以快速实现表单验证，输入内容，下拉选择等功能。",
+  "keywords": [
+    "uv-input",
+    "uvui",
+    "uv-ui",
+    "input",
+    "输入框"
+],
+  "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-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/uni_modules/uv-input/readme.md b/uni_modules/uv-input/readme.md
new file mode 100644
index 0000000..00f47e4
--- /dev/null
+++ b/uni_modules/uv-input/readme.md
@@ -0,0 +1,19 @@
+## Input 输入框
+
+> **组件名：uv-input**
+
+此组件为一个输入框，默认没有边框和样式，是专门为配合表单组件uv-form而设计的，利用它可以快速实现表单验证，输入内容，下拉选择等功能。
+
+# <a href="https://www.uvui.cn/components/input.html" target="_blank">查看文档</a>
+
+## [下载完整示例项目](https://ext.dcloud.net.cn/plugin?name=uv-ui) <small>（请不要 下载插件ZIP）</small>
+
+### [更多插件，请关注uv-ui组件库](https://ext.dcloud.net.cn/plugin?name=uv-ui)
+
+<a href="https://ext.dcloud.net.cn/plugin?name=uv-ui" target="_blank">
+
+![image](https://mp-a667b617-c5f1-4a2d-9a54-683a67cff588.cdn.bspapp.com/uv-ui/banner.png)
+
+</a>
+
+#### 如使用过程中有任何问题反馈，或者您对uv-ui有一些好的建议，欢迎加入uv-ui官方交流群：<a href="https://www.uvui.cn/components/addQQGroup.html" target="_blank">官方QQ群</a>
\ No newline at end of file
diff --git a/uni_modules/uv-loading-icon/changelog.md b/uni_modules/uv-loading-icon/changelog.md
new file mode 100644
index 0000000..f17e074
--- /dev/null
+++ b/uni_modules/uv-loading-icon/changelog.md
@@ -0,0 +1,9 @@
+## 1.0.3（2023-08-14）
+1. 新增参数textStyle，自定义文本样式
+## 1.0.2（2023-06-27）
+优化
+## 1.0.1（2023-05-16）
+1. 优化组件依赖，修改后无需全局引入，组件导入即可使用
+2. 优化部分功能
+## 1.0.0（2023-05-10）
+1. 新增uv-loading-icon组件
diff --git a/uni_modules/uv-loading-icon/components/uv-loading-icon/props.js b/uni_modules/uv-loading-icon/components/uv-loading-icon/props.js
new file mode 100644
index 0000000..4ef0e94
--- /dev/null
+++ b/uni_modules/uv-loading-icon/components/uv-loading-icon/props.js
@@ -0,0 +1,67 @@
+export default {
+	props: {
+		// 是否显示组件
+		show: {
+			type: Boolean,
+			default: true
+		},
+		// 颜色
+		color: {
+			type: String,
+			default: '#909193'
+		},
+		// 提示文字颜色
+		textColor: {
+			type: String,
+			default: '#909193'
+		},
+		// 文字和图标是否垂直排列
+		vertical: {
+			type: Boolean,
+			default: false
+		},
+		// 模式选择，circle-圆形，spinner-花朵形，semicircle-半圆形
+		mode: {
+			type: String,
+			default: 'spinner'
+		},
+		// 图标大小，单位默认px
+		size: {
+			type: [String, Number],
+			default: 24
+		},
+		// 文字大小
+		textSize: {
+			type: [String, Number],
+			default: 15
+		},
+		// 文字样式
+		textStyle: {
+			type: Object,
+			default () {
+				return {}
+			}
+		},
+		// 文字内容
+		text: {
+			type: [String, Number],
+			default: ''
+		},
+		// 动画模式 https://www.runoob.com/cssref/css3-pr-animation-timing-function.html
+		timingFunction: {
+			type: String,
+			default: 'linear'
+		},
+		// 动画执行周期时间
+		duration: {
+			type: [String, Number],
+			default: 1200
+		},
+		// mode=circle时的暗边颜色
+		inactiveColor: {
+			type: String,
+			default: ''
+		},
+		...uni.$uv?.props?.loadingIcon
+	}
+}
\ No newline at end of file
diff --git a/uni_modules/uv-loading-icon/components/uv-loading-icon/uv-loading-icon.vue b/uni_modules/uv-loading-icon/components/uv-loading-icon/uv-loading-icon.vue
new file mode 100644
index 0000000..5650470
--- /dev/null
+++ b/uni_modules/uv-loading-icon/components/uv-loading-icon/uv-loading-icon.vue
@@ -0,0 +1,347 @@
+<template>
+	<view
+		class="uv-loading-icon"
+		:style="[$uv.addStyle(customStyle)]"
+		:class="[vertical && 'uv-loading-icon--vertical']"
+		v-if="show"
+	>
+		<view
+			v-if="!webviewHide"
+			class="uv-loading-icon__spinner"
+			:class="[`uv-loading-icon__spinner--${mode}`]"
+			ref="ani"
+			:style="{
+				color: color,
+				width: $uv.addUnit(size),
+				height: $uv.addUnit(size),
+				borderTopColor: color,
+				borderBottomColor: otherBorderColor,
+				borderLeftColor: otherBorderColor,
+				borderRightColor: otherBorderColor,
+				'animation-duration': `${duration}ms`,
+				'animation-timing-function': mode === 'semicircle' || mode === 'circle' ? timingFunction : ''
+			}"
+		>
+			<block v-if="mode === 'spinner'">
+				<!-- #ifndef APP-NVUE -->
+				<view
+					v-for="(item, index) in array12"
+					:key="index"
+					class="uv-loading-icon__dot"
+				>
+				</view>
+				<!-- #endif -->
+				<!-- #ifdef APP-NVUE -->
+				<!-- 此组件内部图标部分无法设置宽高，即使通过width和height配置了也无效 -->
+				<loading-indicator
+					v-if="!webviewHide"
+					class="uv-loading-indicator"
+					:animating="true"
+					:style="{
+						color: color,
+						width: $uv.addUnit(size),
+						height: $uv.addUnit(size)
+					}"
+				/>
+				<!-- #endif -->
+			</block>
+		</view>
+		<text
+			v-if="text"
+			class="uv-loading-icon__text"
+			:style="[{
+				fontSize: $uv.addUnit(textSize),
+				color: textColor,
+			},$uv.addStyle(textStyle)]"
+		>{{text}}</text>
+	</view>
+</template>
+
+<script>
+	import { colorGradient } from '@/uni_modules/uv-ui-tools/libs/function/colorGradient.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';
+	// #ifdef APP-NVUE
+	const animation = weex.requireModule('animation');
+	// #endif
+	/**
+	 * loading 加载动画
+	 * @description 警此组件为一个小动画，目前用在uvui的loadmore加载更多和switch开关等组件的正在加载状态场景。
+	 * @tutorial https://www.uvui.cn/components/loading.html
+	 * @property {Boolean}			show			是否显示组件  (默认 true)
+	 * @property {String}			color			动画活动区域的颜色，只对 mode = flower 模式有效（默认#909193）
+	 * @property {String}			textColor		提示文本的颜色（默认#909193）
+	 * @property {Boolean}			vertical		文字和图标是否垂直排列 (默认 false )
+	 * @property {String}			mode			模式选择，见官网说明（默认 'circle' ）
+	 * @property {String | Number}	size			加载图标的大小，单位px （默认 24 ）
+	 * @property {String | Number}	textSize		文字大小（默认 15 ）
+	 * @property {String | Number}	text			文字内容 
+	 * @property {Object}	textStyle 文字样式
+	 * @property {String}			timingFunction	动画模式 （默认 'ease-in-out' ）
+	 * @property {String | Number}	duration		动画执行周期时间（默认 1200）
+	 * @property {String}			inactiveColor	mode=circle时的暗边颜色 
+	 * @property {Object}			customStyle		定义需要用到的外部样式
+	 * @example <uv-loading mode="circle"></uv-loading>
+	 */
+	export default {
+		name: 'uv-loading-icon',
+		mixins: [mpMixin, mixin, props],
+		data() {
+			return {
+				// Array.form可以通过一个伪数组对象创建指定长度的数组
+				// https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/from
+				array12: Array.from({
+					length: 12
+				}),
+				// 这里需要设置默认值为360，否则在安卓nvue上，会延迟一个duration周期后才执行
+				// 在iOS nvue上，则会一开始默认执行两个周期的动画
+				aniAngel: 360, // 动画旋转角度
+				webviewHide: false, // 监听webview的状态，如果隐藏了页面，则停止动画，以免性能消耗
+				loading: false, // 是否运行中，针对nvue使用
+			}
+		},
+		computed: {
+			// 当为circle类型时，给其另外三边设置一个更轻一些的颜色
+			// 之所以需要这么做的原因是，比如父组件传了color为红色，那么需要另外的三个边为浅红色
+			// 而不能是固定的某一个其他颜色(因为这个固定的颜色可能浅蓝，导致效果没有那么细腻良好)
+			otherBorderColor() {
+				const lightColor = colorGradient(this.color, '#ffffff', 100)[80]
+				if (this.mode === 'circle') {
+					return this.inactiveColor ? this.inactiveColor : lightColor
+				} else {
+					return 'transparent'
+				}
+			}
+		},
+		watch: {
+			show(n) {
+				// nvue中，show为true，且为非loading状态，就重新执行动画模块
+				// #ifdef APP-NVUE
+				if (n && !this.loading) {
+					setTimeout(() => {
+						this.startAnimate()
+					}, 30)
+				}
+				// #endif
+			}
+		},
+		mounted() {
+			this.init()
+		},
+		methods: {
+			init() {
+				setTimeout(() => {
+					// #ifdef APP-NVUE
+					this.show && this.nvueAnimate()
+					// #endif
+					// #ifdef APP-PLUS 
+					this.show && this.addEventListenerToWebview()
+					// #endif
+				}, 20)
+			},
+			// 监听webview的显示与隐藏
+			addEventListenerToWebview() {
+				// webview的堆栈
+				const pages = getCurrentPages()
+				// 当前页面
+				const page = pages[pages.length - 1]
+				// 当前页面的webview实例
+				const currentWebview = page.$getAppWebview()
+				// 监听webview的显示与隐藏，从而停止或者开始动画(为了性能)
+				currentWebview.addEventListener('hide', () => {
+					this.webviewHide = true
+				})
+				currentWebview.addEventListener('show', () => {
+					this.webviewHide = false
+				})
+			},
+			// #ifdef APP-NVUE
+			nvueAnimate() {
+				// nvue下，非spinner类型时才需要旋转，因为nvue的spinner类型，使用了weex的
+				// loading-indicator组件，自带旋转功能
+				this.mode !== 'spinner' && this.startAnimate()
+			},
+			// 执行nvue的animate模块动画
+			startAnimate() {
+				this.loading = true
+				const ani = this.$refs.ani
+				if (!ani) return
+				animation.transition(ani, {
+					// 进行角度旋转
+					styles: {
+						transform: `rotate(${this.aniAngel}deg)`,
+						transformOrigin: 'center center'
+					},
+					duration: this.duration,
+					timingFunction: this.timingFunction,
+					// delay: 10
+				}, () => {
+					// 每次增加360deg，为了让其重新旋转一周
+					this.aniAngel += 360
+					// 动画结束后，继续循环执行动画，需要同时判断webviewHide变量
+					// nvue安卓，页面隐藏后依然会继续执行startAnimate方法
+					this.show && !this.webviewHide ? this.startAnimate() : this.loading = false
+				})
+			}
+			// #endif
+		}
+	}
+</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-loading-icon-color: #c8c9cc !default;
+	$uv-loading-icon-text-margin-left:4px !default;
+	$uv-loading-icon-text-color:$uv-content-color !default;
+	$uv-loading-icon-text-font-size:14px !default;
+	$uv-loading-icon-text-line-height:20px !default;
+	$uv-loading-width:30px !default;
+	$uv-loading-height:30px !default;
+	$uv-loading-max-width:100% !default;
+	$uv-loading-max-height:100% !default;
+	$uv-loading-semicircle-border-width: 2px !default;
+	$uv-loading-semicircle-border-color:transparent !default;
+	$uv-loading-semicircle-border-top-right-radius: 100px !default;
+	$uv-loading-semicircle-border-top-left-radius: 100px !default;
+	$uv-loading-semicircle-border-bottom-left-radius: 100px !default;
+	$uv-loading-semicircle-border-bottom-right-radiu: 100px !default;
+	$uv-loading-semicircle-border-style: solid !default;
+	$uv-loading-circle-border-top-right-radius: 100px !default;
+	$uv-loading-circle-border-top-left-radius: 100px !default;
+	$uv-loading-circle-border-bottom-left-radius: 100px !default;
+	$uv-loading-circle-border-bottom-right-radiu: 100px !default;
+	$uv-loading-circle-border-width:2px !default;
+	$uv-loading-circle-border-top-color:#e5e5e5 !default;
+	$uv-loading-circle-border-right-color:$uv-loading-circle-border-top-color !default;
+	$uv-loading-circle-border-bottom-color:$uv-loading-circle-border-top-color !default;
+	$uv-loading-circle-border-left-color:$uv-loading-circle-border-top-color !default;
+	$uv-loading-circle-border-style:solid !default;
+	$uv-loading-icon-host-font-size:0px !default;
+	$uv-loading-icon-host-line-height:1 !default;
+	$uv-loading-icon-vertical-margin:6px 0 0 !default;
+	$uv-loading-icon-dot-top:0 !default;
+	$uv-loading-icon-dot-left:0 !default;
+	$uv-loading-icon-dot-width:100% !default;
+	$uv-loading-icon-dot-height:100% !default;
+	$uv-loading-icon-dot-before-width:2px !default;
+	$uv-loading-icon-dot-before-height:25% !default;
+	$uv-loading-icon-dot-before-margin:0 auto !default;
+	$uv-loading-icon-dot-before-background-color:currentColor !default;
+	$uv-loading-icon-dot-before-border-radius:40% !default;
+
+	.uv-loading-icon {
+		/* #ifndef APP-NVUE */
+		// display: inline-flex;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		color: $uv-loading-icon-color;
+
+		&__text {
+			margin-left: $uv-loading-icon-text-margin-left;
+			color: $uv-loading-icon-text-color;
+			font-size: $uv-loading-icon-text-font-size;
+			line-height: $uv-loading-icon-text-line-height;
+		}
+
+		&__spinner {
+			width: $uv-loading-width;
+			height: $uv-loading-height;
+			position: relative;
+			/* #ifndef APP-NVUE */
+			box-sizing: border-box;
+			max-width: $uv-loading-max-width;
+			max-height: $uv-loading-max-height;
+			animation: uv-rotate 1s linear infinite;
+			/* #endif */
+		}
+
+		&__spinner--semicircle {
+			border-width: $uv-loading-semicircle-border-width;
+			border-color: $uv-loading-semicircle-border-color;
+			border-top-right-radius: $uv-loading-semicircle-border-top-right-radius;
+			border-top-left-radius: $uv-loading-semicircle-border-top-left-radius;
+			border-bottom-left-radius: $uv-loading-semicircle-border-bottom-left-radius;
+			border-bottom-right-radius: $uv-loading-semicircle-border-bottom-right-radiu;
+			border-style: $uv-loading-semicircle-border-style;
+		}
+
+		&__spinner--circle {
+			border-top-right-radius: $uv-loading-circle-border-top-right-radius;
+			border-top-left-radius: $uv-loading-circle-border-top-left-radius;
+			border-bottom-left-radius: $uv-loading-circle-border-bottom-left-radius;
+			border-bottom-right-radius: $uv-loading-circle-border-bottom-right-radiu;
+			border-width: $uv-loading-circle-border-width;
+			border-top-color: $uv-loading-circle-border-top-color;
+			border-right-color: $uv-loading-circle-border-right-color;
+			border-bottom-color: $uv-loading-circle-border-bottom-color;
+			border-left-color: $uv-loading-circle-border-left-color;
+			border-style: $uv-loading-circle-border-style;
+		}
+
+		&--vertical {
+			flex-direction: column
+		}
+	}
+
+	/* #ifndef APP-NVUE */
+	:host {
+		font-size: $uv-loading-icon-host-font-size;
+		line-height: $uv-loading-icon-host-line-height;
+	}
+
+	.uv-loading-icon {
+		&__spinner--spinner {
+			animation-timing-function: steps(12)
+		}
+
+		&__text:empty {
+			display: none
+		}
+
+		&--vertical &__text {
+			margin: $uv-loading-icon-vertical-margin;
+			color: $uv-content-color;
+		}
+
+		&__dot {
+			position: absolute;
+			top: $uv-loading-icon-dot-top;
+			left: $uv-loading-icon-dot-left;
+			width: $uv-loading-icon-dot-width;
+			height: $uv-loading-icon-dot-height;
+
+			&:before {
+				display: block;
+				width: $uv-loading-icon-dot-before-width;
+				height: $uv-loading-icon-dot-before-height;
+				margin: $uv-loading-icon-dot-before-margin;
+				background-color: $uv-loading-icon-dot-before-background-color;
+				border-radius: $uv-loading-icon-dot-before-border-radius;
+				content: " "
+			}
+		}
+	}
+
+	@for $i from 1 through 12 {
+		.uv-loading-icon__dot:nth-of-type(#{$i}) {
+			transform: rotate($i * 30deg);
+			opacity: 1 - 0.0625 * ($i - 1);
+		}
+	}
+
+	@keyframes uv-rotate {
+		0% {
+			transform: rotate(0deg)
+		}
+
+		to {
+			transform: rotate(1turn)
+		}
+	}
+
+	/* #endif */
+</style>
diff --git a/uni_modules/uv-loading-icon/package.json b/uni_modules/uv-loading-icon/package.json
new file mode 100644
index 0000000..1485897
--- /dev/null
+++ b/uni_modules/uv-loading-icon/package.json
@@ -0,0 +1,87 @@
+{
+  "id": "uv-loading-icon",
+  "displayName": "uv-loading-icon 加载动画 全面兼容vue3+2、app、h5、小程序等多端",
+  "version": "1.0.3",
+  "description": "此组件为一个小动画，目前用在uv-ui的uv-load-more加载更多等组件，还可以运用在项目中正在加载状态场景。",
+  "keywords": [
+    "uv-loading-icon",
+    "uvui",
+    "uv-ui",
+    "loading",
+    "加载动画"
+],
+  "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"
+		],
+    "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/uni_modules/uv-loading-icon/readme.md b/uni_modules/uv-loading-icon/readme.md
new file mode 100644
index 0000000..7b0cf0f
--- /dev/null
+++ b/uni_modules/uv-loading-icon/readme.md
@@ -0,0 +1,19 @@
+## LoadingIcon 加载动画
+
+> **组件名：uv-loading-icon**
+
+此组件为一个小动画，目前用在 `uv-ui` 的 `uv-load-more` 加载更多等组件，还可以运用在项目中正在加载状态场景。
+
+# <a href="https://www.uvui.cn/components/loadingIcon.html" target="_blank">查看文档</a>
+
+## [下载完整示例项目](https://ext.dcloud.net.cn/plugin?name=uv-ui) <small>（请不要 下载插件ZIP）</small>
+
+### [更多插件，请关注uv-ui组件库](https://ext.dcloud.net.cn/plugin?name=uv-ui)
+
+<a href="https://ext.dcloud.net.cn/plugin?name=uv-ui" target="_blank">
+
+![image](https://mp-a667b617-c5f1-4a2d-9a54-683a67cff588.cdn.bspapp.com/uv-ui/banner.png)
+
+</a>
+
+#### 如使用过程中有任何问题反馈，或者您对uv-ui有一些好的建议，欢迎加入uv-ui官方交流群：<a href="https://www.uvui.cn/components/addQQGroup.html" target="_blank">官方QQ群</a>
\ No newline at end of file
diff --git a/uni_modules/uv-overlay/changelog.md b/uni_modules/uv-overlay/changelog.md
new file mode 100644
index 0000000..ff14713
--- /dev/null
+++ b/uni_modules/uv-overlay/changelog.md
@@ -0,0 +1,9 @@
+## 1.0.3（2023-07-02）
+uv-overlay  由于弹出层uv-transition的修改，组件内部做了相应的修改，参数不变。
+## 1.0.2（2023-06-29）
+1. 优化，H5端禁止穿透滚动
+## 1.0.1（2023-05-16）
+1. 优化组件依赖，修改后无需全局引入，组件导入即可使用
+2. 优化部分功能
+## 1.0.0（2023-05-10）
+1. 新增uv-overlay组件
diff --git a/uni_modules/uv-overlay/components/uv-overlay/props.js b/uni_modules/uv-overlay/components/uv-overlay/props.js
new file mode 100644
index 0000000..267c613
--- /dev/null
+++ b/uni_modules/uv-overlay/components/uv-overlay/props.js
@@ -0,0 +1,25 @@
+export default {
+	props: {
+		// 是否显示遮罩
+		show: {
+			type: Boolean,
+			default: false
+		},
+		// 层级z-index
+		zIndex: {
+			type: [String, Number],
+			default: 10070
+		},
+		// 遮罩的过渡时间，单位为ms
+		duration: {
+			type: [String, Number],
+			default: 300
+		},
+		// 不透明度值，当做rgba的第四个参数
+		opacity: {
+			type: [String, Number],
+			default: 0.5
+		},
+		...uni.$uv?.props?.overlay
+	}
+}
\ No newline at end of file
diff --git a/uni_modules/uv-overlay/components/uv-overlay/uv-overlay.vue b/uni_modules/uv-overlay/components/uv-overlay/uv-overlay.vue
new file mode 100644
index 0000000..53568c0
--- /dev/null
+++ b/uni_modules/uv-overlay/components/uv-overlay/uv-overlay.vue
@@ -0,0 +1,85 @@
+<template>
+	<uv-transition
+	  :show="show"
+		mode="fade"
+	  custom-class="uv-overlay"
+	  :duration="duration"
+	  :custom-style="overlayStyle"
+	  @click="clickHandler"
+		@touchmove.stop.prevent="clear"
+	>
+		<slot />
+	</uv-transition>
+</template>
+
+<script>
+	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';
+
+	/**
+	 * overlay 遮罩
+	 * @description 创建一个遮罩层，用于强调特定的页面元素，并阻止用户对遮罩下层的内容进行操作，一般用于弹窗场景
+	 * @tutorial https://www.uvui.cn/components/overlay.html
+	 * @property {Boolean}			show		是否显示遮罩（默认 false ）
+	 * @property {String | Number}	zIndex		zIndex 层级（默认 10070 ）
+	 * @property {String | Number}	duration	动画时长，单位毫秒（默认 300 ）
+	 * @property {String | Number}	opacity		不透明度值，当做rgba的第四个参数 （默认 0.5 ）
+	 * @property {Object}			customStyle	定义需要用到的外部样式
+	 * @event {Function} click 点击遮罩发送事件
+	 * @example <uv-overlay :show="show" @click="show = false"></uv-overlay>
+	 */
+	export default {
+		name: "uv-overlay",
+		emits: ['click'],
+		mixins: [mpMixin, mixin, props],
+		watch: {
+			show(newVal){
+				// #ifdef H5
+				if(newVal){
+					document.querySelector('body').style.overflow = 'hidden';
+				}else{
+					document.querySelector('body').style.overflow = '';
+				}
+				// #endif
+			}
+		},
+		computed: {
+			overlayStyle() {
+				const style = {
+					position: 'fixed',
+					top: 0,
+					left: 0,
+					right: 0,
+					zIndex: this.zIndex,
+					bottom: 0,
+					'background-color': `rgba(0, 0, 0, ${this.opacity})`
+				}
+				return this.$uv.deepMerge(style, this.$uv.addStyle(this.customStyle))
+			}
+		},
+		methods: {
+			clickHandler() {
+				this.$emit('click')
+			},
+			clear() {}
+		}
+	}
+</script>
+<style lang="scss" scoped>
+/* #ifndef APP-NVUE */
+$uv-overlay-top:0 !default;
+$uv-overlay-left:0 !default;
+$uv-overlay-width:100% !default;
+$uv-overlay-height:100% !default;
+$uv-overlay-background-color:rgba(0, 0, 0, .7) !default;
+.uv-overlay {
+	position: fixed;
+	top:$uv-overlay-top;
+	left:$uv-overlay-left;
+	width: $uv-overlay-width;
+	height:$uv-overlay-height;
+	background-color:$uv-overlay-background-color;
+}
+/* #endif */
+</style>
diff --git a/uni_modules/uv-overlay/package.json b/uni_modules/uv-overlay/package.json
new file mode 100644
index 0000000..a664f3a
--- /dev/null
+++ b/uni_modules/uv-overlay/package.json
@@ -0,0 +1,88 @@
+{
+  "id": "uv-overlay",
+  "displayName": "uv-overlay 遮罩层  全面兼容小程序、nvue、vue2、vue3等多端",
+  "version": "1.0.3",
+  "description": "uv-overlay 创建一个遮罩层，用于强调特定的页面元素，并阻止用户对遮罩下层的内容进行操作，一般用于弹窗场景，uv-popup、uv-toast、uv-tooltip等组件就是用了该组件。",
+  "keywords": [
+    "uv-overlay",
+    "uvui",
+    "uv-ui",
+    "overlay",
+    "遮罩层"
+],
+  "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"
+		],
+    "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/uni_modules/uv-overlay/readme.md b/uni_modules/uv-overlay/readme.md
new file mode 100644
index 0000000..4e8af4b
--- /dev/null
+++ b/uni_modules/uv-overlay/readme.md
@@ -0,0 +1,11 @@
+## Overlay 遮罩层
+
+> **组件名：uv-overlay**
+
+创建一个遮罩层，用于强调特定的页面元素，并阻止用户对遮罩下层的内容进行操作，一般用于弹窗场景，uv-popup、uv-toast、uv-tooltip等组件就是用了该组件。
+
+### <a href="https://www.uvui.cn/components/overlay.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>
diff --git a/uni_modules/uv-picker/changelog.md b/uni_modules/uv-picker/changelog.md
new file mode 100644
index 0000000..532be9b
--- /dev/null
+++ b/uni_modules/uv-picker/changelog.md
@@ -0,0 +1,33 @@
+## 1.0.14（2023-12-29）
+1. 修复上个版本引出的BUG
+## 1.0.13（2023-12-26）
+1. 修复抖音小程序滚到底不触发change的BUG
+## 1.0.12（2023-11-20）
+1. 修复issues反馈的问题uv-picker在组合式API的自定义组件中，columns动态赋值无法显示选项：https://gitee.com/climblee/uv-ui/issues/I8H0GQ
+## 1.0.11（2023-10-11）
+1. 将immediate-change默认值改为true，该值在于change回调的及时性，微信小程序生效
+## 1.0.10（2023-08-25）
+1. 增加round属性设置弹窗圆角，默认为0
+## 1.0.9（2023-08-24）
+1. 修复cli项目不返回值的问题
+## 1.0.8（2023-08-04）
+1. 优化
+## 1.0.7（2023-08-02）
+1. 改组件中删除uv-toolbar组件，请单独下载uv-toolbar组件
+## 1.0.6（2023-07-02）
+uv-picker  由于弹出层uv-popup的修改，打开和关闭方法更改，详情参考文档：https://www.uvui.cn/components/picker.html
+## 1.0.5（2023-06-26）
+1. 增加color参数
+2. 增加activeColor参数
+## 1.0.4（2023-06-15）
+1. 修改支付宝报错的BUG
+## 1.0.3（2023-06-12）
+1. setColumnValues的使用统一化，避免某些平台报错
+2. 取消change回调回传的组件实例，直接统一通过ref的方式调取setColumnValues方法
+## 1.0.2（2023-05-23）
+1. uv-toolbar组件新增下边框属性 
+## 1.0.1（2023-05-16）
+1. 优化组件依赖，修改后无需全局引入，组件导入即可使用
+2. 优化部分功能
+## 1.0.0（2023-05-10）
+uv-picker 选择器
diff --git a/uni_modules/uv-picker/components/uv-picker/props.js b/uni_modules/uv-picker/components/uv-picker/props.js
new file mode 100644
index 0000000..19549a6
--- /dev/null
+++ b/uni_modules/uv-picker/components/uv-picker/props.js
@@ -0,0 +1,95 @@
+export default {
+	props: {
+		// 是否展示顶部的操作栏
+		showToolbar: {
+			type: Boolean,
+			default: true
+		},
+		// 顶部标题
+		title: {
+			type: String,
+			default: ''
+		},
+		// 弹窗圆角
+		round: {
+			type: [String, Number],
+			default: 0
+		},
+		// 对象数组，设置每一列的数据
+		columns: {
+			type: Array,
+			default: () => []
+		},
+		// 是否显示加载中状态
+		loading: {
+			type: Boolean,
+			default: false
+		},
+		// 各列中，单个选项的高度
+		itemHeight: {
+			type: [String, Number],
+			default: 44
+		},
+		// 取消按钮的文字
+		cancelText: {
+			type: String,
+			default: '取消'
+		},
+		// 确认按钮的文字
+		confirmText: {
+			type: String,
+			default: '确定'
+		},
+		// 取消按钮的颜色
+		cancelColor: {
+			type: String,
+			default: '#909193'
+		},
+		// 确认按钮的颜色
+		confirmColor: {
+			type: String,
+			default: '#3c9cff'
+		},
+		// 文字颜色
+		color: {
+			type: String,
+			default: ''
+		},
+		// 选中文字的颜色
+		activeColor: {
+			type: String,
+			default: ''
+		},
+		// 每列中可见选项的数量
+		visibleItemCount: {
+			type: [String, Number],
+			default: 5
+		},
+		// 选项对象中，需要展示的属性键名
+		keyName: {
+			type: String,
+			default: 'text'
+		},
+		// 是否允许点击遮罩关闭选择器
+		closeOnClickOverlay: {
+			type: Boolean,
+			default: true
+		},
+		// 是否允许点击确认关闭选择器
+		closeOnClickConfirm: {
+			type: Boolean,
+			default: true
+		},
+		// 各列的默认索引
+		defaultIndex: {
+			type: Array,
+			default: () => [],
+		},
+		// 是否在手指松开时立即触发 change 事件。若不开启则会在滚动动画结束后触发 change 事件，只在微信2.21.1及以上有效
+		immediateChange: {
+			type: Boolean,
+			default: true
+		},
+		...uni.$uv?.props?.picker
+	}
+}
\ No newline at end of file
diff --git a/uni_modules/uv-picker/components/uv-picker/uv-picker.vue b/uni_modules/uv-picker/components/uv-picker/uv-picker.vue
new file mode 100644
index 0000000..c5e7c8a
--- /dev/null
+++ b/uni_modules/uv-picker/components/uv-picker/uv-picker.vue
@@ -0,0 +1,330 @@
+<template>
+	<uv-popup
+		ref="pickerPopup"
+		mode="bottom"
+		:round="round"
+		:close-on-click-overlay="closeOnClickOverlay"
+		@change="popupChange"
+	>
+		<view class="uv-picker">
+			<uv-toolbar
+				v-if="showToolbar"
+				:cancelColor="cancelColor"
+				:confirmColor="confirmColor"
+				:cancelText="cancelText"
+				:confirmText="confirmText"
+				:title="title"
+				@cancel="cancel"
+				@confirm="confirm"
+			></uv-toolbar>
+			<!-- #ifdef MP-TOUTIAO -->
+			<picker-view
+				class="uv-picker__view"
+				:indicatorStyle="`height: ${$uv.addUnit(itemHeight)}`"
+				:value="innerIndex"
+				:immediateChange="immediateChange"
+				:style="{
+					height: `${$uv.addUnit(visibleItemCount * itemHeight)}`
+				}"
+				@pickend="changeHandler"
+			>
+			<!-- #endif -->
+			<!-- #ifndef MP-TOUTIAO -->
+			<picker-view
+				class="uv-picker__view"
+				:indicatorStyle="`height: ${$uv.addUnit(itemHeight)}`"
+				:value="innerIndex"
+				:immediateChange="immediateChange"
+				:style="{
+					height: `${$uv.addUnit(visibleItemCount * itemHeight)}`
+				}"
+				@change="changeHandler"
+			>
+			<!-- #endif -->
+			<!-- @pickend在这里为了解决抖音等滚到底不触发change兼容性问题 -->
+				<picker-view-column
+					v-for="(item, index) in innerColumns"
+					:key="index"
+					class="uv-picker__view__column"
+				>
+					<text
+						v-if="$uv.test.array(item)"
+						class="uv-picker__view__column__item uv-line-1"
+						v-for="(item1, index1) in item"
+						:key="index1"
+						:style="[{
+								height: $uv.addUnit(itemHeight),
+								lineHeight: $uv.addUnit(itemHeight),
+								fontWeight: index1 === innerIndex[index] ? 'bold' : 'normal'
+							},textStyle(index,index1)]"
+					>{{ getItemText(item1) }}</text>
+				</picker-view-column>
+			</picker-view>
+			<view
+				v-if="loading"
+				class="uv-picker--loading"
+			>
+				<uv-loading-icon mode="circle"></uv-loading-icon>
+			</view>
+		</view>
+	</uv-popup>
+</template>
+
+<script>
+/**
+ * uv-picker
+ * @description 选择器
+ * @property {Boolean}			showToolbar			是否显示顶部的操作栏（默认 true ）
+ * @property {String}			title				顶部标题
+ * @property {Array}			columns				对象数组，设置每一列的数据
+ * @property {Boolean}			loading				是否显示加载中状态（默认 false ）
+ * @property {String | Number}	itemHeight			各列中，单个选项的高度（默认 44 ）
+ * @property {String}			cancelText			取消按钮的文字（默认 '取消' ）
+ * @property {String}			confirmText			确认按钮的文字（默认 '确定' ）
+ * @property {String}			cancelColor			取消按钮的颜色（默认 '#909193' ）
+ * @property {String}			confirmColor		确认按钮的颜色（默认 '#3c9cff' ）
+ * @property {String}			color		文字颜色（默认 '' ）
+ * @property {String}			activeColor		选中文字的颜色（默认 '' ）
+ * @property {String | Number}	visibleItemCount	每列中可见选项的数量（默认 5 ）
+ * @property {String}			keyName				选项对象中，需要展示的属性键名（默认 'text' ）
+ * @property {Boolean}			closeOnClickOverlay	是否允许点击遮罩关闭选择器（默认 false ）
+ * @property {Array}			defaultIndex		各列的默认索引
+ * @property {Boolean}			immediateChange		是否在手指松开时立即触发change事件（默认 false ）
+ * @event {Function} close		关闭选择器时触发
+ * @event {Function} cancel		点击取消按钮触发
+ * @event {Function} change		当选择值变化时触发
+ * @event {Function} confirm	点击确定按钮，返回当前选择的值
+ */
+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';
+export default {
+	name: 'uv-picker',
+	emits: ['confirm','cancel','close','change'],
+	mixins: [mpMixin, mixin, props],
+	computed: {
+		// 为了解决支付宝不生效
+		textStyle(){
+			return (index,index1) => {
+				const style = {};
+				// #ifndef APP-NVUE 
+				style.display = 'block';
+				// #endif
+				if(this.color) {
+					style.color = this.color;
+				}
+				if(this.activeColor && index1 === this.innerIndex[index]) {
+					style.color = this.activeColor;
+				}
+				return style;
+			}
+		}
+	},
+	data() {
+		return {
+			// 上一次选择的列索引
+			lastIndex: [],
+			// 索引值 ，对应picker-view的value
+			innerIndex: [],
+			// 各列的值
+			innerColumns: [],
+			// 上一次的变化列索引
+			columnIndex: 0,
+		}
+	},
+	watch: {
+		// 监听默认索引的变化，重新设置对应的值
+		defaultIndex: {
+			immediate: true,
+			handler(n) {
+				this.setIndexs(n, true)
+			}
+		},
+		// 监听columns参数的变化
+		columns: {
+			deep: true,
+			immediate: true,
+			handler(n) {
+				this.setColumns(n)
+			}
+		},
+	},
+	methods: {
+		open() {
+			this.$refs.pickerPopup.open();
+		},
+		close() {
+			this.$refs.pickerPopup.close();
+		},
+		popupChange(e) {
+			if(!e.show) this.$emit('close');
+		},
+		// 获取item需要显示的文字，判别为对象还是文本
+		getItemText(item) {
+			if (this.$uv.test.object(item)) {
+				return item[this.keyName]
+			} else {
+				return item
+			}
+		},
+		// 点击工具栏的取消按钮
+		cancel() {
+			this.$emit('cancel');
+			this.close();
+		},
+		// 点击工具栏的确定按钮
+		confirm() {
+			// 在这里使用deepClone拷贝后，vue3会自动转换成原始对象，这样处理是因为cli项目可能出现不返回值的情况
+			this.$emit('confirm', this.$uv.deepClone({
+				indexs: this.innerIndex,
+				value: this.innerColumns.map((item, index) => item[this.innerIndex[index]]),
+				values: this.innerColumns
+			}));
+			if(this.closeOnClickConfirm) {
+				this.close();
+			}
+		},
+		// 选择器某一列的数据发生变化时触发
+		changeHandler(e) {
+			const {
+				value
+			} = e.detail
+			let index = 0,
+				columnIndex = 0
+			// 通过对比前后两次的列索引，得出当前变化的是哪一列
+			for (let i = 0; i < value.length; i++) {
+				let item = value[i]
+				if (item !== (this.lastIndex[i] || 0)) { // 把undefined转为合法假值0
+					// 设置columnIndex为当前变化列的索引
+					columnIndex = i
+					// index则为变化列中的变化项的索引
+					index = item
+					break // 终止循环，即使少一次循环，也是性能的提升
+				}
+			}
+			this.columnIndex = columnIndex
+			const values = this.innerColumns
+			// 将当前的各项变化索引，设置为"上一次"的索引变化值
+			this.setLastIndex(value)
+			this.setIndexs(value)
+
+			this.$emit('change', {
+				value: this.innerColumns.map((item, index) => item[value[index]]),
+				index,
+				indexs: value,
+				// values为当前变化列的数组内容
+				values,
+				columnIndex
+			})
+		},
+		// 设置index索引，此方法可被外部调用设置
+		setIndexs(index, setLastIndex) {
+			this.innerIndex = this.$uv.deepClone(index)
+			if (setLastIndex) {
+				this.setLastIndex(index)
+			}
+		},
+		// 记录上一次的各列索引位置
+		setLastIndex(index) {
+			// 当能进入此方法，意味着当前设置的各列默认索引，即为“上一次”的选中值，需要记录，是因为changeHandler中
+			// 需要拿前后的变化值进行对比，得出当前发生改变的是哪一列
+			this.lastIndex = this.$uv.deepClone(index)
+		},
+		// 设置对应列选项的所有值
+		setColumnValues(columnIndex, values) {
+			// 替换innerColumns数组中columnIndex索引的值为values，使用的是数组的splice方法
+			this.innerColumns.splice(columnIndex, 1, values)
+			// 拷贝一份原有的innerIndex做临时变量，将大于当前变化列的所有的列的默认索引设置为0
+			let tmpIndex = this.$uv.deepClone(this.innerIndex)
+			for (let i = 0; i < this.innerColumns.length; i++) {
+				if (i > this.columnIndex) {
+					tmpIndex[i] = 0
+				}
+			}
+			// 一次性赋值，不能单个修改，否则无效
+			this.setIndexs(tmpIndex)
+		},
+		// 获取对应列的所有选项
+		getColumnValues(columnIndex) {
+			// 进行同步阻塞，因为外部得到change事件之后，可能需要执行setColumnValues更新列的值
+			// 索引如果在外部change的回调中调用getColumnValues的话，可能无法得到变更后的列值，这里进行一定延时，保证值的准确性
+			(async () => {
+				await this.$uv.sleep()
+			})()
+			return this.innerColumns[columnIndex]
+		},
+		// 设置整体各列的columns的值
+		setColumns(columns) {
+			this.innerColumns = this.$uv.deepClone(columns)
+			// 如果在设置各列数据时，没有被设置默认的各列索引defaultIndex，那么用0去填充它，数组长度为列的数量
+			if (this.innerIndex.length === 0) {
+				this.innerIndex = new Array(columns.length).fill(0)
+			}
+		},
+		// 获取各列选中值对应的索引
+		getIndexs() {
+			return this.innerIndex
+		},
+		// 获取各列选中的值
+		getValues() {
+			// 进行同步阻塞，因为外部得到change事件之后，可能需要执行setColumnValues更新列的值
+			// 索引如果在外部change的回调中调用getValues的话，可能无法得到变更后的列值，这里进行一定延时，保证值的准确性
+			(async () => {
+				await this.$uv.sleep()
+			})()
+			return this.innerColumns.map((item, index) => item[this.innerIndex[index]])
+		}
+	},
+}
+</script>
+
+<style lang="scss" scoped>
+	$show-lines: 1;
+	@import '@/uni_modules/uv-ui-tools/libs/css/variable.scss';
+	@import '@/uni_modules/uv-ui-tools/libs/css/components.scss';
+	@import '@/uni_modules/uv-ui-tools/libs/css/color.scss';
+	.uv-picker {
+		position: relative;
+
+		&__view {
+
+			&__column {
+				@include flex;
+				flex: 1;
+				justify-content: center;
+
+				&__item {
+					@include flex;
+					justify-content: center;
+					align-items: center;
+					font-size: 16px;
+					text-align: center;
+					/* #ifndef APP-NVUE */
+					display: block;
+					/* #endif */
+					color: $uv-main-color;
+
+					&--disabled {
+						/* #ifndef APP-NVUE */
+						cursor: not-allowed;
+						/* #endif */
+						opacity: 0.35;
+					}
+				}
+			}
+		}
+
+		&--loading {
+			position: absolute;
+			top: 0;
+			right: 0;
+			left: 0;
+			bottom: 0;
+			@include flex;
+			justify-content: center;
+			align-items: center;
+			background-color: rgba(255, 255, 255, 0.87);
+			z-index: 1000;
+		}
+	}
+</style>
diff --git a/uni_modules/uv-picker/package.json b/uni_modules/uv-picker/package.json
new file mode 100644
index 0000000..0d62d7e
--- /dev/null
+++ b/uni_modules/uv-picker/package.json
@@ -0,0 +1,90 @@
+{
+  "id": "uv-picker",
+  "displayName": "uv-picker 选择器 全面兼容vue3+2、app、h5、小程序等多端",
+  "version": "1.0.14",
+  "description": "uv-picker 此选择器用于单列，多列，多列联动的选择场景...",
+  "keywords": [
+    "uv-picker",
+    "uvui",
+    "uv-ui",
+    "picker",
+    "联动选择"
+],
+  "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-popup",
+			"uv-loading-icon",
+			"uv-toolbar"
+		],
+    "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/uni_modules/uv-picker/readme.md b/uni_modules/uv-picker/readme.md
new file mode 100644
index 0000000..c9dd0b9
--- /dev/null
+++ b/uni_modules/uv-picker/readme.md
@@ -0,0 +1,21 @@
+## Picker 选择器
+
+> **组件名：uv-picker**
+
+此选择器用于单列，多列，多列联动的选择场景。
+
+`uv-datetime-picker`等组件也用到了该组件，功能完善，需要特别注意的是`columns`参数的形式是数组嵌套。
+
+# <a href="https://www.uvui.cn/components/picker.html" target="_blank">查看文档</a>
+
+## [下载完整示例项目](https://ext.dcloud.net.cn/plugin?name=uv-ui) <small>（请不要 下载插件ZIP）</small>
+
+### [更多插件，请关注uv-ui组件库](https://ext.dcloud.net.cn/plugin?name=uv-ui)
+
+<a href="https://ext.dcloud.net.cn/plugin?name=uv-ui" target="_blank">
+
+![image](https://mp-a667b617-c5f1-4a2d-9a54-683a67cff588.cdn.bspapp.com/uv-ui/banner.png)
+
+</a>
+
+#### 如使用过程中有任何问题反馈，或者您对uv-ui有一些好的建议，欢迎加入uv-ui官方交流群：<a href="https://www.uvui.cn/components/addQQGroup.html" target="_blank">官方QQ群</a>
\ No newline at end of file
diff --git a/uni_modules/uv-popup/changelog.md b/uni_modules/uv-popup/changelog.md
new file mode 100644
index 0000000..8bb3992
--- /dev/null
+++ b/uni_modules/uv-popup/changelog.md
@@ -0,0 +1,18 @@
+## 1.0.7（2023-11-20）
+修复issues问题：https://gitee.com/climblee/uv-ui/issues/I8HDLO
+## 1.0.6（2023-10-13）
+1. 优化vue，内容有背景色，设置圆角被遮挡的情况
+## 1.0.5（2023-09-10）
+1. 修复H5默认层级过高的问题
+2. 修复全局设置prop无效的问题
+## 1.0.4（2023-08-08）
+1. 修复修改zIndex不生效的BUG
+## 1.0.3（2023-07-02）
+uv-popup  弹出层，代码重构优化，性能翻倍，小程序体验性能更加，避免卡顿。打开和关闭方法更改，详情参考文档：https://www.uvui.cn/components/popup.html
+## 1.0.2（2023-06-11）
+1. 修复zIndex层级问题
+## 1.0.1（2023-05-16）
+1. 优化组件依赖，修改后无需全局引入，组件导入即可使用
+2. 优化部分功能
+## 1.0.0（2023-05-10）
+1. 新增uv-popup组件
diff --git a/uni_modules/uv-popup/components/uv-popup/keypress.js b/uni_modules/uv-popup/components/uv-popup/keypress.js
new file mode 100644
index 0000000..62dda46
--- /dev/null
+++ b/uni_modules/uv-popup/components/uv-popup/keypress.js
@@ -0,0 +1,45 @@
+// #ifdef H5
+export default {
+  name: 'Keypress',
+  props: {
+    disable: {
+      type: Boolean,
+      default: false
+    }
+  },
+  mounted () {
+    const keyNames = {
+      esc: ['Esc', 'Escape'],
+      tab: 'Tab',
+      enter: 'Enter',
+      space: [' ', 'Spacebar'],
+      up: ['Up', 'ArrowUp'],
+      left: ['Left', 'ArrowLeft'],
+      right: ['Right', 'ArrowRight'],
+      down: ['Down', 'ArrowDown'],
+      delete: ['Backspace', 'Delete', 'Del']
+    }
+    const listener = ($event) => {
+      if (this.disable) {
+        return
+      }
+      const keyName = Object.keys(keyNames).find(key => {
+        const keyName = $event.key
+        const value = keyNames[key]
+        return value === keyName || (Array.isArray(value) && value.includes(keyName))
+      })
+      if (keyName) {
+        // 避免和其他按键事件冲突
+        setTimeout(() => {
+          this.$emit(keyName, {})
+        }, 0)
+      }
+    }
+    document.addEventListener('keyup', listener)
+    // this.$once('hook:beforeDestroy', () => {
+    //   document.removeEventListener('keyup', listener)
+    // })
+  },
+	render: () => {}
+}
+// #endif
diff --git a/uni_modules/uv-popup/components/uv-popup/uv-popup.vue b/uni_modules/uv-popup/components/uv-popup/uv-popup.vue
new file mode 100644
index 0000000..a63ff9d
--- /dev/null
+++ b/uni_modules/uv-popup/components/uv-popup/uv-popup.vue
@@ -0,0 +1,539 @@
+<template>
+	<view 
+		v-if="showPopup" 
+		class="uv-popup" 
+		:class="[popupClass, isDesktop ? 'fixforpc-z-index' : '']"
+		:style="[{zIndex: zIndex}]"
+	>
+		<view @touchstart="touchstart">
+			<!-- 遮罩层 -->
+			<uv-overlay
+				key="1"
+				v-if="maskShow && overlay"
+				:show="showTrans"
+				:duration="duration"
+				:custom-style="overlayStyle"
+				:opacity="overlayOpacity"
+			  :zIndex="zIndex"
+				@click="onTap"
+			></uv-overlay>
+			<uv-transition 
+				key="2" 
+				:mode="ani" 
+				name="content" 
+				:custom-style="transitionStyle" 
+				:duration="duration"
+				:show="showTrans" 
+				@click="onTap"
+			>
+				<view 
+					class="uv-popup__content" 
+					:style="[contentStyle]" 
+					:class="[popupClass]" 
+					@click="clear"
+				>
+					<uv-status-bar v-if="safeAreaInsetTop"></uv-status-bar>
+					<slot />
+					<uv-safe-bottom v-if="safeAreaInsetBottom"></uv-safe-bottom>
+					<view
+						v-if="closeable"
+						@tap.stop="close"
+						class="uv-popup__content__close"
+						:class="['uv-popup__content__close--' + closeIconPos]"
+						hover-class="uv-popup__content__close--hover"
+						hover-stay-time="150"
+					>
+						<uv-icon
+							name="close"
+							color="#909399"
+							size="18"
+							bold
+						></uv-icon>
+					</view>
+				</view>
+			</uv-transition>
+		</view>
+		<!-- #ifdef H5 -->
+		<keypress v-if="maskShow" @esc="onTap" />
+		<!-- #endif -->
+	</view>
+</template>
+
+<script>
+	// #ifdef H5
+	import keypress from './keypress.js'
+	// #endif
+	import mpMixin from '@/uni_modules/uv-ui-tools/libs/mixin/mpMixin.js'
+	import mixin from '@/uni_modules/uv-ui-tools/libs/mixin/mixin.js'
+	/**
+	* PopUp 弹出层
+	* @description 弹出层组件，为了解决遮罩弹层的问题
+	* @tutorial https://www.uvui.cn/components/popup.html
+	* @property {String} mode = [top|center|bottom|left|right] 弹出方式
+	* 	@value top 顶部弹出
+	* 	@value center 中间弹出
+	* 	@value bottom 底部弹出
+	* 	@value left		左侧弹出
+	* 	@value right  右侧弹出
+	* @property {Number} duration 动画时长，默认300
+	* @property {Boolean} overlay 是否显示遮罩，默认true
+	* @property {Boolean} overlayOpacity 遮罩透明度，默认0.5 
+	* @property {Object} overlayStyle 遮罩自定义样式
+	* @property {Boolean} closeOnClickOverlay = [true|false] 蒙版点击是否关闭弹窗，默认true
+	* @property {Number | String} zIndex 弹出层的层级
+	* @property {Boolean} safeAreaInsetTop 是否留出顶部安全区（状态栏高度），默认false
+	* @property {Boolean} safeAreaInsetBottom 是否为留出底部安全区适配，默认true
+	* @property {Boolean} closeable 是否显示关闭图标，默认false
+	* @property {Boolean} closeIconPos 自定义关闭图标位置，`top-left`-左上角，`top-right`-右上角，`bottom-left`-左下角，`bottom-right`-右下角，默认top-right
+	* @property {String}  bgColor 主窗口背景色
+	* @property {String}  maskBackgroundColor 蒙版颜色
+	* @property {Boolean} customStyle 自定义样式
+	* @event {Function} change 打开关闭弹窗触发，e={show: false}
+	* @event {Function} maskClick 点击遮罩触发
+	*/
+	export default {
+		name: 'uv-popup',
+		components: {
+			// #ifdef H5
+			keypress
+			// #endif
+		},
+		mixins: [mpMixin, mixin],
+		emits: ['change', 'maskClick'],
+		props: {
+			// 弹出层类型，可选值，top: 顶部弹出层；bottom：底部弹出层；center：全屏弹出层
+			// message: 消息提示 ; dialog : 对话框
+			mode: {
+				type: String,
+				default: 'center'
+			},
+			// 动画时长，单位ms
+			duration: {
+				type: [String, Number],
+				default: 300
+			},
+			// 层级
+			zIndex: {
+				type: [String, Number],
+				// #ifdef H5
+				default: 997
+				// #endif
+				// #ifndef H5
+				default: 10075
+				// #endif
+			},
+			bgColor: {
+				type: String,
+				default: '#ffffff'
+			},
+			safeArea: {
+				type: Boolean,
+				default: true
+			},
+			// 是否显示遮罩
+			overlay: {
+				type: Boolean,
+				default: true
+			},
+			// 点击遮罩是否关闭弹窗
+			closeOnClickOverlay: {
+				type: Boolean,
+				default: true
+			},
+			// 遮罩的透明度，0-1之间
+			overlayOpacity: {
+				type: [Number, String],
+				default: 0.4
+			},
+			// 自定义遮罩的样式
+			overlayStyle: {
+				type: [Object, String],
+				default: ''
+			},
+			// 是否为iPhoneX留出底部安全距离
+			safeAreaInsetBottom: {
+				type: Boolean,
+				default: true
+			},
+			// 是否留出顶部安全距离（状态栏高度）
+			safeAreaInsetTop: {
+				type: Boolean,
+				default: false
+			},
+			// 是否显示关闭图标
+			closeable: {
+				type: Boolean,
+				default: false
+			},
+			// 自定义关闭图标位置，top-left为左上角，top-right为右上角，bottom-left为左下角，bottom-right为右下角
+			closeIconPos: {
+				type: String,
+				default: 'top-right'
+			},
+			// mode=center，也即中部弹出时，是否使用缩放模式
+			zoom: {
+				type: Boolean,
+				default: true
+			},
+			round: {
+				type: [Number, String],
+				default: 0
+			},
+			...uni.$uv?.props?.popup
+		},
+		watch: {
+			/**
+			 * 监听type类型
+			 */
+			type: {
+				handler: function(type) {
+					if (!this.config[type]) return
+					this[this.config[type]](true)
+				},
+				immediate: true
+			},
+			isDesktop: {
+				handler: function(newVal) {
+					if (!this.config[newVal]) return
+					this[this.config[this.mode]](true)
+				},
+				immediate: true
+			},
+			// H5 下禁止底部滚动
+			showPopup(show) {
+				// #ifdef H5
+				// fix by mehaotian 处理 h5 滚动穿透的问题
+				document.getElementsByTagName('body')[0].style.overflow = show ? 'hidden' : 'visible'
+				// #endif
+			}
+		},
+		data() {
+			return {
+				ani: [],
+				showPopup: false,
+				showTrans: false,
+				popupWidth: 0,
+				popupHeight: 0,
+				config: {
+					top: 'top',
+					bottom: 'bottom',
+					center: 'center',
+					left: 'left',
+					right: 'right',
+					message: 'top',
+					dialog: 'center',
+					share: 'bottom'
+				},
+				transitionStyle: {
+					position: 'fixed',
+					left: 0,
+					right: 0
+				},
+				maskShow: true,
+				mkclick: true,
+				popupClass: this.isDesktop ? 'fixforpc-top' : 'top',
+				direction: ''
+			}
+		},
+		computed: {
+			isDesktop() {
+				return this.popupWidth >= 500 && this.popupHeight >= 500
+			},
+			bg() {
+				if (this.bgColor === '' || this.bgColor === 'none' || this.$uv.getPx(this.round)>0) {
+					return 'transparent'
+				}
+				return this.bgColor
+			},
+			contentStyle() {
+				const style = {};
+				if (this.bgColor) {
+					style.backgroundColor = this.bg
+				}
+				if(this.round) {
+					const value = this.$uv.addUnit(this.round)
+					const mode = this.direction?this.direction:this.mode
+					style.backgroundColor = this.bgColor
+					if(mode === 'top') {
+						style.borderBottomLeftRadius = value
+						style.borderBottomRightRadius = value
+					} else if(mode === 'bottom') {
+						style.borderTopLeftRadius = value
+						style.borderTopRightRadius = value
+					} else if(mode === 'center') {
+						style.borderRadius = value
+					} 
+				}
+				return this.$uv.deepMerge(style, this.$uv.addStyle(this.customStyle))
+			}
+		},
+		// #ifndef VUE3
+		// TODO vue2
+		destroyed() {
+			this.setH5Visible()
+		},
+		// #endif
+		// #ifdef VUE3
+		// TODO vue3
+		unmounted() {
+			this.setH5Visible()
+		},
+		// #endif
+		created() {
+			// TODO 处理 message 组件生命周期异常的问题
+			this.messageChild = null
+			// TODO 解决头条冒泡的问题
+			this.clearPropagation = false
+		},
+		methods: {
+			setH5Visible() {
+				// #ifdef H5
+				// fix by mehaotian 处理 h5 滚动穿透的问题
+				document.getElementsByTagName('body')[0].style.overflow = 'visible'
+				// #endif
+			},
+			/**
+			 * 公用方法，不显示遮罩层
+			 */
+			closeMask() {
+				this.maskShow = false
+			},
+			// TODO nvue 取消冒泡
+			clear(e) {
+				// #ifndef APP-NVUE
+				e.stopPropagation()
+				// #endif
+				this.clearPropagation = true
+			},
+
+			open(direction) {
+				// fix by mehaotian 处理快速打开关闭的情况
+				if (this.showPopup) {
+					return
+				}
+				let innerType = ['top', 'center', 'bottom', 'left', 'right', 'message', 'dialog', 'share']
+				if (!(direction && innerType.indexOf(direction) !== -1)) {
+					direction = this.mode
+				}else {
+					this.direction = direction;
+				}
+				if (!this.config[direction]) {
+					return this.$uv.error(`缺少类型：${direction}`);
+				}
+				this[this.config[direction]]()
+				this.$emit('change', {
+					show: true,
+					type: direction
+				})
+			},
+			close(type) {
+				this.showTrans = false
+				this.$emit('change', {
+					show: false,
+					type: this.mode
+				})
+				clearTimeout(this.timer)
+				// // 自定义关闭事件
+				this.timer = setTimeout(() => {
+					this.showPopup = false
+				}, 300)
+			},
+			// TODO 处理冒泡事件，头条的冒泡事件有问题 ，先这样兼容
+			touchstart() {
+				this.clearPropagation = false
+			},
+			onTap() {
+				if (this.clearPropagation) {
+					// fix by mehaotian 兼容 nvue
+					this.clearPropagation = false
+					return
+				}
+				this.$emit('maskClick')
+				if (!this.closeOnClickOverlay) return
+				this.close()
+			},
+			/**
+			 * 顶部弹出样式处理
+			 */
+			top(type) {
+				this.popupClass = this.isDesktop ? 'fixforpc-top' : 'top'
+				this.ani = ['slide-top']
+				this.transitionStyle = {
+					position: 'fixed',
+					zIndex: this.zIndex,
+					left: 0,
+					right: 0,
+					backgroundColor: this.bg
+				}
+				// TODO 兼容 type 属性 ，后续会废弃
+				if (type) return
+				this.showPopup = true
+				this.showTrans = true
+				this.$nextTick(() => {
+					if (this.messageChild && this.mode === 'message') {
+						this.messageChild.timerClose()
+					}
+				})
+			},
+			/**
+			 * 底部弹出样式处理
+			 */
+			bottom(type) {
+				this.popupClass = 'bottom'
+				this.ani = ['slide-bottom']
+				this.transitionStyle = {
+					position: 'fixed',
+					zIndex: this.zIndex,
+					left: 0,
+					right: 0,
+					bottom: 0,
+					backgroundColor: this.bg
+				}
+				// TODO 兼容 type 属性 ，后续会废弃
+				if (type) return
+				this.showPopup = true
+				this.showTrans = true
+			},
+			/**
+			 * 中间弹出样式处理
+			 */
+			center(type) {
+				this.popupClass = 'center'
+				this.ani = this.zoom?['zoom-in', 'fade']:['fade'];
+				this.transitionStyle = {
+					position: 'fixed',
+					zIndex: this.zIndex,
+					/* #ifndef APP-NVUE */
+					display: 'flex',
+					flexDirection: 'column',
+					/* #endif */
+					bottom: 0,
+					left: 0,
+					right: 0,
+					top: 0,
+					justifyContent: 'center',
+					alignItems: 'center'
+				}
+				// TODO 兼容 type 属性 ，后续会废弃
+				if (type) return
+				this.showPopup = true
+				this.showTrans = true
+			},
+			left(type) {
+				this.popupClass = 'left'
+				this.ani = ['slide-left']
+				this.transitionStyle = {
+					position: 'fixed',
+					zIndex: this.zIndex,
+					left: 0,
+					bottom: 0,
+					top: 0,
+					backgroundColor: this.bg,
+					/* #ifndef APP-NVUE */
+					display: 'flex',
+					flexDirection: 'column'
+					/* #endif */
+				}
+				// TODO 兼容 type 属性 ，后续会废弃
+				if (type) return
+				this.showPopup = true
+				this.showTrans = true
+			},
+			right(type) {
+				this.popupClass = 'right'
+				this.ani = ['slide-right']
+				this.transitionStyle = {
+					position: 'fixed',
+					zIndex: this.zIndex,
+					bottom: 0,
+					right: 0,
+					top: 0,
+					backgroundColor: this.bg,
+					/* #ifndef APP-NVUE */
+					display: 'flex',
+					flexDirection: 'column'
+					/* #endif */
+				}
+				// TODO 兼容 type 属性 ，后续会废弃
+				if (type) return
+				this.showPopup = true
+				this.showTrans = true
+			}
+		}
+	}
+</script>
+<style lang="scss" scoped>
+	.uv-popup {
+		position: fixed;
+		/* #ifndef APP-NVUE */
+		z-index: 99;
+
+		/* #endif */
+		&.top,
+		&.left,
+		&.right {
+			/* #ifdef H5 */
+			top: var(--window-top);
+			/* #endif */
+			/* #ifndef H5 */
+			top: 0;
+			/* #endif */
+		}
+
+		.uv-popup__content {
+			/* #ifndef APP-NVUE */
+			display: block;
+			overflow: hidden;
+			/* #endif */
+			position: relative;
+
+			&.left,
+			&.right {
+				/* #ifdef H5 */
+				padding-top: var(--window-top);
+				/* #endif */
+				/* #ifndef H5 */
+				padding-top: 0;
+				/* #endif */
+				flex: 1;
+			}
+			&__close {
+				position: absolute;
+
+				&--hover {
+					opacity: 0.4;
+				}
+			}
+			
+			&__close--top-left {
+				top: 15px;
+				left: 15px;
+			}
+			
+			&__close--top-right {
+				top: 15px;
+				right: 15px;
+			}
+			
+			&__close--bottom-left {
+				bottom: 15px;
+				left: 15px;
+			}
+			
+			&__close--bottom-right {
+				right: 15px;
+				bottom: 15px;
+			}
+		}
+	}
+
+	.fixforpc-z-index {
+		/* #ifndef APP-NVUE */
+		z-index: 999;
+		/* #endif */
+	}
+
+	.fixforpc-top {
+		top: 0;
+	}
+</style>
diff --git a/uni_modules/uv-popup/package.json b/uni_modules/uv-popup/package.json
new file mode 100644
index 0000000..53c112c
--- /dev/null
+++ b/uni_modules/uv-popup/package.json
@@ -0,0 +1,92 @@
+{
+  "id": "uv-popup",
+  "displayName": "uv-popup 弹出层 全面兼容vue3+2、app、h5、小程序等多端",
+  "version": "1.0.7",
+  "description": "uv-popup 弹出层容器，用于展示弹窗、信息提示等内容，支持上、下、左、右和中部弹出。组件只提供容器，内部内容由用户自定义。",
+  "keywords": [
+    "uv-popup",
+    "uvui",
+    "uv-ui",
+    "popup",
+    "弹出层"
+],
+  "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-overlay",
+			"uv-transition",
+			"uv-icon",
+			"uv-status-bar",
+			"uv-safe-bottom"
+		],
+    "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/uni_modules/uv-popup/readme.md b/uni_modules/uv-popup/readme.md
new file mode 100644
index 0000000..92229a8
--- /dev/null
+++ b/uni_modules/uv-popup/readme.md
@@ -0,0 +1,21 @@
+## Popup 弹出层
+
+> **组件名：uv-popup**
+
+弹出层容器，用于展示弹窗、信息提示等内容，支持上、下、左、右和中部弹出。组件只提供容器，内部内容由用户自定义。
+
+该组件已经放弃原来`uview2.x`的写法，参照了官方`uni-popup`的写法进行重构。在小程序端的性能大大提升，打开和关闭避免延迟，调用方法与之前相比也有所差异，具体请查看文档。
+
+# <a href="https://www.uvui.cn/components/popup.html" target="_blank">查看文档</a>
+
+## [下载完整示例项目](https://ext.dcloud.net.cn/plugin?name=uv-ui) <small>（请不要 下载插件ZIP）</small>
+
+### [更多插件，请关注uv-ui组件库](https://ext.dcloud.net.cn/plugin?name=uv-ui)
+
+<a href="https://ext.dcloud.net.cn/plugin?name=uv-ui" target="_blank">
+
+![image](https://mp-a667b617-c5f1-4a2d-9a54-683a67cff588.cdn.bspapp.com/uv-ui/banner.png)
+
+</a>
+
+#### 如使用过程中有任何问题反馈，或者您对uv-ui有一些好的建议，欢迎加入uv-ui官方交流群：<a href="https://www.uvui.cn/components/addQQGroup.html" target="_blank">官方QQ群</a>
\ No newline at end of file
diff --git a/uni_modules/uv-safe-bottom/changelog.md b/uni_modules/uv-safe-bottom/changelog.md
new file mode 100644
index 0000000..dbcd565
--- /dev/null
+++ b/uni_modules/uv-safe-bottom/changelog.md
@@ -0,0 +1,11 @@
+## 1.0.4（2023-09-14）
+1. 飞书小程序支持
+## 1.0.3（2023-08-14）
+1. 修复百度报错的BUG
+## 1.0.2（2023-07-02）
+uv-safe-bottom 修复，在百度程序，抖音小程序不生效的BUG
+## 1.0.1（2023-05-16）
+1. 优化组件依赖，修改后无需全局引入，组件导入即可使用
+2. 优化部分功能
+## 1.0.0（2023-05-10）
+uv-safe-bottom 底部安全区组件
diff --git a/uni_modules/uv-safe-bottom/components/uv-safe-bottom/uv-safe-bottom.vue b/uni_modules/uv-safe-bottom/components/uv-safe-bottom/uv-safe-bottom.vue
new file mode 100644
index 0000000..b5439a8
--- /dev/null
+++ b/uni_modules/uv-safe-bottom/components/uv-safe-bottom/uv-safe-bottom.vue
@@ -0,0 +1,67 @@
+<template>
+	<view
+		class="uv-safe-bottom"
+		:style="[style]"
+		:class="[!isNvue && 'uv-safe-area-inset-bottom']"
+	>
+	</view>
+</template>
+
+<script>
+	import mpMixin from '@/uni_modules/uv-ui-tools/libs/mixin/mpMixin.js'
+	import mixin from '@/uni_modules/uv-ui-tools/libs/mixin/mixin.js'
+	/**
+	 * SafeBottom 底部安全区
+	 * @description 这个适配，主要是针对IPhone X等一些底部带指示条的机型，指示条的操作区域与页面底部存在重合，容易导致用户误操作，因此我们需要针对这些机型进行底部安全区适配。
+	 * @tutorial https://www.uvui.cn/components/safeAreaInset.html
+	 * @property {type}		prop_name
+	 * @property {Object}	customStyle	定义需要用到的外部样式
+	 *
+	 * @event {Function()}
+	 * @example <uv-status-bar></uv-status-bar>
+	 */
+	export default {
+		name: "uv-safe-bottom",
+		mixins: [mpMixin, mixin],
+		data() {
+			return {
+				safeAreaBottomHeight: 0,
+				isNvue: false,
+			};
+		},
+		computed: {
+			style() {
+				const style = {};
+				// #ifdef APP-NVUE || MP-TOUTIAO || MP-LARK
+				// nvue下，高度使用js计算填充
+				style.height = this.$uv.addUnit(this.$uv.sys()?.safeAreaInsets?.bottom, 'px');
+				// #endif
+				return this.$uv.deepMerge(style, this.$uv.addStyle(this.customStyle));
+			},
+		},
+		mounted() {
+			// #ifdef APP-NVUE
+			// 标识为是否nvue
+			this.isNvue = true;
+			// #endif
+		},
+	};
+</script>
+
+<style lang="scss" scoped>
+	.uv-safe-bottom {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		/* #endif */
+	}
+	/* #ifndef APP-NVUE */
+	// 历遍生成4个方向的底部安全区
+	@each $d in top, right, bottom, left {
+		.uv-safe-area-inset-#{$d} {
+			padding-#{$d}: 0;
+			padding-#{$d}: constant(safe-area-inset-#{$d});  
+			padding-#{$d}: env(safe-area-inset-#{$d});  
+		}
+	}
+	/* #endif */
+</style>
diff --git a/uni_modules/uv-safe-bottom/package.json b/uni_modules/uv-safe-bottom/package.json
new file mode 100644
index 0000000..5bfaab0
--- /dev/null
+++ b/uni_modules/uv-safe-bottom/package.json
@@ -0,0 +1,87 @@
+{
+  "id": "uv-safe-bottom",
+  "displayName": "uv-safe-bottom 底部安全区  全面兼容小程序、nvue、vue2、vue3等多端",
+  "version": "1.0.4",
+  "description": "这个适配，主要是针对IPhone X等一些底部带指示条的机型，指示条的操作区域与页面底部存在重合，容易导致用户误操作，因此我们需要针对这些机型进行底部安全区适配。",
+  "keywords": [
+    "uv-safe-bottom",
+    "uvui",
+    "uv-ui",
+    "bottom",
+    "底部安全区"
+],
+  "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"
+		],
+    "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/uni_modules/uv-safe-bottom/readme.md b/uni_modules/uv-safe-bottom/readme.md
new file mode 100644
index 0000000..8c78882
--- /dev/null
+++ b/uni_modules/uv-safe-bottom/readme.md
@@ -0,0 +1,11 @@
+## SafeBottom 底部安全区 
+
+> **组件名：uv-safe-bottom**
+
+这个适配，主要是针对IPhone X等一些底部带指示条的机型，指示条的操作区域与页面底部存在重合，容易导致用户误操作，因此我们需要针对这些机型进行底部安全区适配。
+
+### <a href="https://www.uvui.cn/guide/safeAreaInset.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>
diff --git a/uni_modules/uv-status-bar/changelog.md b/uni_modules/uv-status-bar/changelog.md
new file mode 100644
index 0000000..fc04088
--- /dev/null
+++ b/uni_modules/uv-status-bar/changelog.md
@@ -0,0 +1,7 @@
+## 1.0.2（2023-06-05）
+1. 兼容渐变背景色
+## 1.0.1（2023-05-16）
+1. 优化组件依赖，修改后无需全局引入，组件导入即可使用
+2. 优化部分功能
+## 1.0.0（2023-05-10）
+1. 新增uv-status-bar组件
diff --git a/uni_modules/uv-status-bar/components/uv-status-bar/props.js b/uni_modules/uv-status-bar/components/uv-status-bar/props.js
new file mode 100644
index 0000000..f42e525
--- /dev/null
+++ b/uni_modules/uv-status-bar/components/uv-status-bar/props.js
@@ -0,0 +1,8 @@
+export default {
+    props: {
+        bgColor: {
+            type: String,
+            default: 'transparent'
+        }
+    }
+}
diff --git a/uni_modules/uv-status-bar/components/uv-status-bar/uv-status-bar.vue b/uni_modules/uv-status-bar/components/uv-status-bar/uv-status-bar.vue
new file mode 100644
index 0000000..ee887c7
--- /dev/null
+++ b/uni_modules/uv-status-bar/components/uv-status-bar/uv-status-bar.vue
@@ -0,0 +1,54 @@
+<template>
+	<view
+	    :style="[style]"
+	    class="uv-status-bar"
+	>
+		<slot />
+	</view>
+</template>
+
+<script>
+	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';
+	/**
+	 * StatbusBar 状态栏占位
+	 * @description 本组件主要用于状态填充，比如在自定导航栏的时候，它会自动适配一个恰当的状态栏高度。
+	 * @tutorial https://www.uvui.cn/components/statusBar.html
+	 * @property {String}			bgColor			背景色 (默认 'transparent' )
+	 * @property {String | Object}	customStyle		自定义样式 
+	 * @example <uv-status-bar></uv-status-bar>
+	 */
+	export default {
+		name: 'uv-status-bar',
+		mixins: [mpMixin, mixin, props],
+		data() {
+			return {
+			}
+		},
+		computed: {
+			style() {
+				const style = {}
+				// 状态栏高度，由于某些安卓和微信开发工具无法识别css的顶部状态栏变量，所以使用js获取的方式
+				style.height = this.$uv.addUnit(this.$uv.sys().statusBarHeight, 'px')
+				if(this.bgColor){
+					if (this.bgColor.indexOf("gradient") > -1) {// 渐变色
+						style.backgroundImage = this.bgColor;
+					}else{
+						style.background = this.bgColor;
+					}
+				}
+				return this.$uv.deepMerge(style, this.$uv.addStyle(this.customStyle))
+			}
+		},
+	}
+</script>
+
+<style lang="scss" scoped>
+	.uv-status-bar {
+		// nvue会默认100%，如果nvue下，显式写100%的话，会导致宽度不为100%而异常
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		/* #endif */
+	}
+</style>
diff --git a/uni_modules/uv-status-bar/package.json b/uni_modules/uv-status-bar/package.json
new file mode 100644
index 0000000..dd4311e
--- /dev/null
+++ b/uni_modules/uv-status-bar/package.json
@@ -0,0 +1,87 @@
+{
+  "id": "uv-status-bar",
+  "displayName": "uv-status-bar 状态栏占位",
+  "version": "1.0.2",
+  "description": "状态栏占位组件主要用于状态填充，比如在自定导航栏的时候，它会自动适配一个恰当的状态栏高度。",
+  "keywords": [
+    "uv-status-bar",
+    "uvui",
+    "uv-ui",
+    "status-bar",
+    "状态栏"
+],
+  "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"
+		],
+    "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/uni_modules/uv-status-bar/readme.md b/uni_modules/uv-status-bar/readme.md
new file mode 100644
index 0000000..fc61e0b
--- /dev/null
+++ b/uni_modules/uv-status-bar/readme.md
@@ -0,0 +1,10 @@
+## StatbusBar 状态栏占位
+
+> **组件名：uv-status-bar**
+
+本组件主要用于状态填充，比如在自定导航栏的时候，它会自动适配一个恰当的状态栏高度。
+
+### [完整示例项目下载 | 关注更多组件](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>
+
diff --git a/uni_modules/uv-toolbar/changelog.md b/uni_modules/uv-toolbar/changelog.md
new file mode 100644
index 0000000..3acfcd6
--- /dev/null
+++ b/uni_modules/uv-toolbar/changelog.md
@@ -0,0 +1,2 @@
+## 1.0.0（2023-08-02）
+1. 新增工具条组件
diff --git a/uni_modules/uv-toolbar/components/uv-toolbar/props.js b/uni_modules/uv-toolbar/components/uv-toolbar/props.js
new file mode 100644
index 0000000..e332412
--- /dev/null
+++ b/uni_modules/uv-toolbar/components/uv-toolbar/props.js
@@ -0,0 +1,40 @@
+export default {
+	props: {
+		// 是否展示工具条
+		show: {
+			type: Boolean,
+			default: true
+		},
+		// 是否显示下边框
+		showBorder: {
+			type: Boolean,
+			default: false
+		},
+		// 取消按钮的文字
+		cancelText: {
+			type: String,
+			default: '取消'
+		},
+		// 确认按钮的文字
+		confirmText: {
+			type: String,
+			default: '确认'
+		},
+		// 取消按钮的颜色
+		cancelColor: {
+			type: String,
+			default: '#909193'
+		},
+		// 确认按钮的颜色
+		confirmColor: {
+			type: String,
+			default: '#3c9cff'
+		},
+		// 标题文字
+		title: {
+			type: String,
+			default: ''
+		},
+		...uni.$uv?.props?.toolbar
+	}
+}
\ No newline at end of file
diff --git a/uni_modules/uv-toolbar/components/uv-toolbar/uv-toolbar.vue b/uni_modules/uv-toolbar/components/uv-toolbar/uv-toolbar.vue
new file mode 100644
index 0000000..0b3fc9e
--- /dev/null
+++ b/uni_modules/uv-toolbar/components/uv-toolbar/uv-toolbar.vue
@@ -0,0 +1,109 @@
+<template>
+	<view
+		:class="['uv-toolbar',{'uv-border-bottom':showBorder}]"
+		@touchmove.stop.prevent="noop"
+		v-if="show"
+	>
+		<view
+			class="uv-toolbar__cancel__wrapper"
+			hover-class="uv-hover-class"
+		>
+			<text
+				class="uv-toolbar__wrapper__cancel"
+				@tap="cancel"
+				:style="{
+					color: cancelColor
+				}"
+			>{{ cancelText }}</text>
+		</view>
+		<text
+			class="uv-toolbar__title uv-line-1"
+			v-if="title"
+		>{{ title }}</text>
+		<view
+			class="uv-toolbar__confirm__wrapper"
+			hover-class="uv-hover-class"
+		>
+			<text
+				class="uv-toolbar__wrapper__confirm"
+				@tap="confirm"
+				:style="{
+				color: confirmColor
+			}"
+			>{{ confirmText }}</text>
+		</view>
+	</view>
+</template>
+<script>
+	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';
+	/**
+	 * Toolbar 工具条
+	 * @description 
+	 * @tutorial https://www.uvui.cn/components/toolbar.html
+	 * @property {Boolean}	show			是否展示工具条（默认 true ）
+	 * @property {Boolean}	showBorder			是否展示工具条下方边框（默认 false ）
+	 * @property {String}	cancelText		取消按钮的文字（默认 '取消' ）
+	 * @property {String}	confirmText		确认按钮的文字（默认 '确认' ）
+	 * @property {String}	cancelColor		取消按钮的颜色（默认 '#909193' ）
+	 * @property {String}	confirmColor	确认按钮的颜色（默认 '#3c9cff' ）
+	 * @property {String}	title	标题文字
+	 * @event {Function} 
+	 * @example 
+	 */
+	export default {
+		name: 'uv-toolbar',
+		emits: ['confirm', 'cancel'],
+		mixins: [mpMixin, mixin, props],
+		methods: {
+			// 点击取消按钮
+			cancel() {
+				this.$emit('cancel')
+			},
+			// 点击确定按钮
+			confirm() {
+				this.$emit('confirm')
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	$show-lines: 1;
+	$show-hover: 1;
+	$show-border: 1;
+	$show-border-bottom: 1;
+	@import '@/uni_modules/uv-ui-tools/libs/css/variable.scss';
+	@import '@/uni_modules/uv-ui-tools/libs/css/components.scss';
+	$uv-tips-color: #909193 !default;
+	$uv-main-color: #303133 !default;
+	$uv-primary: #3c9cff !default;
+	.uv-toolbar {
+		height: 42px;
+		@include flex;
+		justify-content: space-between;
+		align-items: center;
+		&__wrapper {
+			&__cancel {
+				color: $uv-tips-color;
+				font-size: 15px;
+				padding: 0 15px;
+			}
+		}
+		&__title {
+			color: $uv-main-color;
+			padding: 0 60rpx;
+			font-size: 16px;
+			flex: 1;
+			text-align: center;
+		}
+		&__wrapper {
+			&__confirm {
+				color: $uv-primary;
+				font-size: 15px;
+				padding: 0 15px;
+			}
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/uni_modules/uv-toolbar/package.json b/uni_modules/uv-toolbar/package.json
new file mode 100644
index 0000000..d519665
--- /dev/null
+++ b/uni_modules/uv-toolbar/package.json
@@ -0,0 +1,87 @@
+{
+  "id": "uv-toolbar",
+  "displayName": "uv-toolbar 工具条",
+  "version": "1.0.0",
+  "description": "该组价是仅用于uv-ui中一个公共小工具，提供一个取消和确定的样式，可以设置标题，主要用于弹窗顶部的选择确定工具条",
+  "keywords": [
+    "uv-toolbar",
+    "uvui",
+    "uv-ui",
+    "工具条",
+    "工具"
+],
+  "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"
+		],
+    "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/uni_modules/uv-toolbar/readme.md b/uni_modules/uv-toolbar/readme.md
new file mode 100644
index 0000000..b33643f
--- /dev/null
+++ b/uni_modules/uv-toolbar/readme.md
@@ -0,0 +1,31 @@
+## Toolbar 工具条
+
+> **组件名：uv-toolbar**
+
+该组价是仅用于uv-ui中一个公共小工具，提供一个取消和确定的样式，可以设置标题，主要用于弹窗顶部的选择确定工具条。
+
+### 基本使用
+
+```vue
+<uv-toolbar title="标题文字"></uv-toolbar>
+```
+
+### Toolbar Props
+
+| 属性名 | 类型 | 默认值 | 说明 |
+|:-|:-|:-|:-|
+| show | Boolean | true | 是否展示工具条 |
+| showBorder | Boolean | false | 是否显示下边框 |
+| cancelText | String | '取消' | 取消按钮的文字 |
+| confirmText | String | '确定' | 确定按钮的文字 |
+| cancelColor | String | '#909193' | 取消按钮的颜色 |
+| confirmColor | String | '#3c9cff' | 确认按钮的颜色 |
+| title | String | - | 标题文字 |
+
+## [下载完整示例项目](https://ext.dcloud.net.cn/plugin?name=uv-ui)
+
+### [更多插件，请关注uv-ui组件库](https://ext.dcloud.net.cn/plugin?name=uv-ui)
+
+![image](https://mp-a667b617-c5f1-4a2d-9a54-683a67cff588.cdn.bspapp.com/uv-ui/banner.png)
+
+#### 如使用过程中有任何问题反馈，或者您对uv-ui有一些好的建议，欢迎加入uv-ui官方交流群：<a href="https://www.uvui.cn/components/addQQGroup.html" target="_blank">官方QQ群</a>
\ No newline at end of file
diff --git a/uni_modules/uv-transition/changelog.md b/uni_modules/uv-transition/changelog.md
new file mode 100644
index 0000000..59e4968
--- /dev/null
+++ b/uni_modules/uv-transition/changelog.md
@@ -0,0 +1,19 @@
+## 1.0.8（2023-10-18）
+1. 修复在APP上不能正常显示的BUG
+## 1.0.7（2023-10-12）
+1. 修复部分情况，修改某属性自动关闭的BUG
+## 1.0.6（2023-07-24）
+1. 优化  nvue模式下增加cellChild参数，是否在list中cell节点下，nvue中cell下建议设置成true
+## 1.0.5（2023-07-02）
+修改VUE3模式下可能存在的BUG
+## 1.0.4（2023-07-02）
+uv-transition  动画组件，代码重构优化，性能更加友好，增加自定义动画功能。详情参考文档：https://www.uvui.cn/components/transition.html
+## 1.0.3（2023-06-12）
+1. 恢复this.$nextTick的使用，经过测试百度等平台无问题
+## 1.0.2（2023-05-23）
+1. 百度小程序等平台不支持this.$nextick，修改成延时
+## 1.0.1（2023-05-16）
+1. 优化组件依赖，修改后无需全局引入，组件导入即可使用
+2. 优化部分功能
+## 1.0.0（2023-05-10）
+1. 新增动画组件
diff --git a/uni_modules/uv-transition/components/uv-transition/createAnimation.js b/uni_modules/uv-transition/components/uv-transition/createAnimation.js
new file mode 100644
index 0000000..8f89b18
--- /dev/null
+++ b/uni_modules/uv-transition/components/uv-transition/createAnimation.js
@@ -0,0 +1,131 @@
+// const defaultOption = {
+// 	duration: 300,
+// 	timingFunction: 'linear',
+// 	delay: 0,
+// 	transformOrigin: '50% 50% 0'
+// }
+// #ifdef APP-NVUE
+const nvueAnimation = uni.requireNativePlugin('animation')
+// #endif
+class MPAnimation {
+	constructor(options, _this) {
+		this.options = options
+		// 在iOS10+QQ小程序平台下，传给原生的对象一定是个普通对象而不是Proxy对象，否则会报parameter should be Object instead of ProxyObject的错误
+		this.animation = uni.createAnimation({
+			...options
+		})
+		this.currentStepAnimates = {}
+		this.next = 0
+		this.$ = _this
+
+	}
+
+	_nvuePushAnimates(type, args) {
+		let aniObj = this.currentStepAnimates[this.next]
+		let styles = {}
+		if (!aniObj) {
+			styles = {
+				styles: {},
+				config: {}
+			}
+		} else {
+			styles = aniObj
+		}
+		if (animateTypes1.includes(type)) {
+			if (!styles.styles.transform) {
+				styles.styles.transform = ''
+			}
+			let unit = ''
+			if(type === 'rotate'){
+				unit = 'deg'
+			}
+			styles.styles.transform += `${type}(${args+unit}) `
+		} else {
+			styles.styles[type] = `${args}`
+		}
+		this.currentStepAnimates[this.next] = styles
+	}
+	_animateRun(styles = {}, config = {}) {
+		let ref = this.$.$refs['ani'].ref
+		if (!ref) return
+		return new Promise((resolve, reject) => {
+			nvueAnimation.transition(ref, {
+				styles,
+				...config
+			}, res => {
+				resolve()
+			})
+		})
+	}
+
+	_nvueNextAnimate(animates, step = 0, fn) {
+		let obj = animates[step]
+		if (obj) {
+			let {
+				styles,
+				config
+			} = obj
+			this._animateRun(styles, config).then(() => {
+				step += 1
+				this._nvueNextAnimate(animates, step, fn)
+			})
+		} else {
+			this.currentStepAnimates = {}
+			typeof fn === 'function' && fn()
+			this.isEnd = true
+		}
+	}
+
+	step(config = {}) {
+		// #ifndef APP-NVUE
+		this.animation.step(config)
+		// #endif
+		// #ifdef APP-NVUE
+		this.currentStepAnimates[this.next].config = Object.assign({}, this.options, config)
+		this.currentStepAnimates[this.next].styles.transformOrigin = this.currentStepAnimates[this.next].config.transformOrigin
+		this.next++
+		// #endif
+		return this
+	}
+
+	run(fn) {
+		// #ifndef APP-NVUE
+		this.$.animationData = this.animation.export()
+		this.$.timer = setTimeout(() => {
+			typeof fn === 'function' && fn()
+		}, this.$.durationTime)
+		// #endif
+		// #ifdef APP-NVUE
+		this.isEnd = false
+		let ref = this.$.$refs['ani'] && this.$.$refs['ani'].ref
+		if(!ref) return
+		this._nvueNextAnimate(this.currentStepAnimates, 0, fn)
+		this.next = 0
+		// #endif
+	}
+}
+
+
+const animateTypes1 = ['matrix', 'matrix3d', 'rotate', 'rotate3d', 'rotateX', 'rotateY', 'rotateZ', 'scale', 'scale3d',
+	'scaleX', 'scaleY', 'scaleZ', 'skew', 'skewX', 'skewY', 'translate', 'translate3d', 'translateX', 'translateY',
+	'translateZ'
+]
+const animateTypes2 = ['opacity', 'backgroundColor']
+const animateTypes3 = ['width', 'height', 'left', 'right', 'top', 'bottom']
+animateTypes1.concat(animateTypes2, animateTypes3).forEach(type => {
+	MPAnimation.prototype[type] = function(...args) {
+		// #ifndef APP-NVUE
+		this.animation[type](...args)
+		// #endif
+		// #ifdef APP-NVUE
+		this._nvuePushAnimates(type, args)
+		// #endif
+		return this
+	}
+})
+
+export function createAnimation(option, _this) {
+	if(!_this) return
+	clearTimeout(_this.timer)
+	return new MPAnimation(option, _this)
+}
diff --git a/uni_modules/uv-transition/components/uv-transition/props.js b/uni_modules/uv-transition/components/uv-transition/props.js
new file mode 100644
index 0000000..e8b4e6b
--- /dev/null
+++ b/uni_modules/uv-transition/components/uv-transition/props.js
@@ -0,0 +1,31 @@
+export default {
+	props: {
+		// 是否展示组件
+		show: {
+			type: Boolean,
+			default: false
+		},
+		// 使用的动画模式
+		mode: {
+			type: [Array, String, null],
+			default() {
+				return 'fade'
+			}
+		},
+		// 动画的执行时间，单位ms
+		duration: {
+			type: [String, Number],
+			default: 300
+		},
+		// 使用的动画过渡函数
+		timingFunction: {
+			type: String,
+			default: 'ease-out'
+		},
+		customClass: {
+			type: String,
+			default: ''
+		},
+		...uni.$uv?.props?.transition
+	}
+}
\ No newline at end of file
diff --git a/uni_modules/uv-transition/components/uv-transition/uv-transition.vue b/uni_modules/uv-transition/components/uv-transition/uv-transition.vue
new file mode 100644
index 0000000..cf9790d
--- /dev/null
+++ b/uni_modules/uv-transition/components/uv-transition/uv-transition.vue
@@ -0,0 +1,320 @@
+<template>
+  <!-- #ifndef APP-NVUE -->
+  <view 
+		v-if="isShow" 
+		ref="ani" 
+		:animation="animationData" 
+		:class="customClass" 
+		:style="transformStyles" 
+		@click="onClick">
+		<slot></slot>
+	</view>
+  <!-- #endif -->
+  <!-- #ifdef APP-NVUE -->
+  <view 
+		v-if="isShow" 
+		ref="ani" 
+		:animation="animationData" 
+		:class="customClass" 
+		:style="transformStyles" 
+		@click="onClick">
+		<slot></slot>
+	</view>
+  <!-- #endif -->
+</template>
+<script>
+	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 { createAnimation } from './createAnimation'
+	/**
+	* transition  动画组件
+	* @description
+	* @tutorial
+	* @property {Boolean}	show	控制组件显示或关闭 （默认 false ）
+	* @property {Array | String	}	mode	内置过渡动画类型 （默认 'fade' ）
+	* @value fade 渐隐渐出过渡
+	* @value slide-top 由上至下过渡
+	* @value slide-bottom 由下至上过渡
+	* @value slide-left 由左至右过渡
+	* @value slide-right 由右至左过渡
+	* @value zoom-in 由小到大过渡
+	* @value zoom-out 由大到小过渡
+	* @property {String | Number}	duration	动画的执行时间，单位ms （默认 300 ）
+	* @property {String} timingFunction	使用的动画过渡函数 （默认 'ease-out' ）
+	* @property {Object} customStyle	自定义样式
+	* @property {String} customClass	自定义类名
+	* @event {Function} click 点击组件触发	
+	* @event {Function} change	过渡动画结束时触发	
+	* @example 
+	*/
+	export default {
+		name: 'uv-transition',
+		mixins: [mpMixin,mixin],
+		emits:['click','change'],
+		props: {
+			// 是否展示组件
+			show: {
+				type: Boolean,
+				default: false
+			},
+			// 使用的动画模式
+			mode: {
+				type: [Array, String, null],
+				default() {
+					return 'fade'
+				}
+			},
+			// 动画的执行时间，单位ms
+			duration: {
+				type: [String, Number],
+				default: 300
+			},
+			// 使用的动画过渡函数
+			timingFunction: {
+				type: String,
+				default: 'ease-out'
+			},
+			customClass: {
+				type: String,
+				default: ''
+			},
+			// nvue模式下 是否直接显示，在uv-list等cell下面使用就需要设置
+			cellChild: {
+				type: Boolean,
+				default: false
+			}
+		},
+		data(){
+			return {
+				isShow: false,
+				transform: '',
+				opacity: 1,
+				animationData: {},
+				durationTime: 300,
+				config: {}
+			}
+		},
+		watch: {
+			show: {
+				handler(newVal) {
+					if (newVal) {
+						this.open();
+					} else {
+						// 避免上来就执行 close,导致动画错乱
+						if (this.isShow) {
+							this.close();
+						}
+					}
+				},
+				immediate: true
+			}
+		},
+		computed: {
+			// 初始化动画条件
+			transformStyles() {
+				const style = {
+					transform: this.transform,
+					opacity: this.opacity,
+					...this.$uv.addStyle(this.customStyle),
+					'transition-duration': `${this.duration / 1000}s`
+				};
+				return this.$uv.addStyle(style,'string');
+			}
+		},
+		created() {
+			// 动画默认配置
+			this.config = {
+				duration: this.duration,
+				timingFunction: this.timingFunction,
+				transformOrigin: '50% 50%',
+				delay: 0
+			};
+			this.durationTime = this.duration;
+		},
+		methods: {
+			/**
+			 *  ref 触发 初始化动画
+			 */
+			init(obj = {}) {
+				if (obj.duration) {
+					this.durationTime = obj.duration;
+				}
+				this.animation = createAnimation(Object.assign(this.config, obj),this);
+			},
+			/**
+			 * 点击组件触发回调
+			 */
+			onClick() {
+				this.$emit('click', {
+					detail: this.isShow
+				})
+			},
+			/**
+			 * ref 触发 动画分组
+			 * @param {Object} obj
+			 */
+			step(obj, config = {}) {
+				if (!this.animation) return;
+				for (let i in obj) {
+					try {
+						if(typeof obj[i] === 'object'){
+							this.animation[i](...obj[i]);
+						}else{
+							this.animation[i](obj[i]);
+						}
+					} catch (e) {
+						console.error(`方法 ${i} 不存在`);
+					}
+				}
+				this.animation.step(config);
+				return this;
+			},
+			/**
+			 *  ref 触发 执行动画
+			 */
+			run(fn) {
+				if (!this.animation) return;
+				this.animation.run(fn);
+			},
+			// 开始过度动画
+			open() {
+				clearTimeout(this.timer);
+				this.transform = '';
+				this.isShow = true;
+				let { opacity, transform } = this.styleInit(false);
+				if (typeof opacity !== 'undefined') {
+					this.opacity = opacity;
+				}
+				this.transform = transform;
+				// 确保动态样式已经生效后，执行动画，如果不加 nextTick ，会导致 wx 动画执行异常
+				this.$nextTick(() => {
+					// TODO 定时器保证动画完全执行，目前有些问题，后面会取消定时器
+					this.timer = setTimeout(() => {
+						this.animation = createAnimation(this.config, this);
+						this.tranfromInit(false).step();
+						// #ifdef APP-NVUE
+						if(this.cellChild) {
+							this.opacity = 1;
+						} else{
+							this.animation.run();
+						}
+						// #endif
+						// #ifndef APP-NVUE
+						this.animation.run();
+						// #endif
+						// #ifdef VUE3
+						// #ifdef H5
+						this.opacity = 1;
+						// #endif
+						// #endif
+						this.$emit('change', {
+							detail: this.isShow
+						})
+						// #ifdef H5
+						// #ifdef VUE3
+						this.transform = '';
+						// #endif
+						// #endif
+					}, 20);
+				})
+			},
+			// 关闭过渡动画
+			close(type) {
+				if (!this.animation) return;
+				this.tranfromInit(true)
+					.step()
+					.run(() => {
+						this.isShow = false;
+						this.animationData = null;
+						this.animation = null;
+						let { opacity, transform } = this.styleInit(false);
+						this.opacity = opacity || 1;
+						this.transform = transform;
+						this.$emit('change', {
+							detail: this.isShow
+						});
+					})
+			},
+			// 处理动画开始前的默认样式
+			styleInit(type) {
+				let styles = {
+					transform: ''
+				};
+				let buildStyle = (type, mode) => {
+					if (mode === 'fade') {
+						styles.opacity = this.animationType(type)[mode];
+					} else {
+						styles.transform += this.animationType(type)[mode] + ' ';
+					}
+				}
+				if (typeof this.mode === 'string') {
+					buildStyle(type, this.mode);
+				} else {
+					this.mode.forEach(mode => {
+						buildStyle(type, mode)
+					})
+				}
+				return styles
+			},
+			// 处理内置组合动画
+			tranfromInit(type) {
+				let buildTranfrom = (type, mode) => {
+					let aniNum = null;
+					if (mode === 'fade') {
+						aniNum = type ? 0 : 1;
+					} else {
+						aniNum = type ? '-100%' : '0';
+						if (mode === 'zoom-in') {
+							aniNum = type ? 0.8 : 1
+						}
+						if (mode === 'zoom-out') {
+							aniNum = type ? 1.2 : 1
+						}
+						if (mode === 'slide-right') {
+							aniNum = type ? '100%' : '0'
+						}
+						if (mode === 'slide-bottom') {
+							aniNum = type ? '100%' : '0'
+						}
+					}
+					this.animation[this.animationMode()[mode]](aniNum)
+				}
+				if (typeof this.mode === 'string') {
+					buildTranfrom(type, this.mode)
+				} else {
+					this.mode.forEach(mode => {
+						buildTranfrom(type, mode)
+					})
+				}
+				return this.animation;
+			},
+			animationType(type) {
+				return {
+					fade: type ? 1 : 0,
+					'slide-top': `translateY(${type ? '0' : '-100%'})`,
+					'slide-right': `translateX(${type ? '0' : '100%'})`,
+					'slide-bottom': `translateY(${type ? '0' : '100%'})`,
+					'slide-left': `translateX(${type ? '0' : '-100%'})`,
+					'zoom-in': `scaleX(${type ? 1 : 0.8}) scaleY(${type ? 1 : 0.8})`,
+					'zoom-out': `scaleX(${type ? 1 : 1.2}) scaleY(${type ? 1 : 1.2})`
+				}
+			},
+			// 内置动画类型与实际动画对应字典
+			animationMode() {
+				return {
+					fade: 'opacity',
+					'slide-top': 'translateY',
+					'slide-right': 'translateX',
+					'slide-bottom': 'translateY',
+					'slide-left': 'translateX',
+					'zoom-in': 'scale',
+					'zoom-out': 'scale'
+				}
+			},
+			// 驼峰转中横线
+			toLine(name) {
+				return name.replace(/([A-Z])/g, '-$1').toLowerCase()
+			}
+		}
+	}
+</script>
diff --git a/uni_modules/uv-transition/package.json b/uni_modules/uv-transition/package.json
new file mode 100644
index 0000000..c05eadb
--- /dev/null
+++ b/uni_modules/uv-transition/package.json
@@ -0,0 +1,87 @@
+{
+  "id": "uv-transition",
+  "displayName": "uv-transition 动画 全面兼容vue3+2、app、h5、小程序等多端",
+  "version": "1.0.8",
+  "description": "transition 该组件用于组件的动画过渡效果。",
+  "keywords": [
+    "uv-transition",
+    "uvui",
+    "uv-ui",
+    "transition",
+    "动画"
+],
+  "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"
+		],
+    "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/uni_modules/uv-transition/readme.md b/uni_modules/uv-transition/readme.md
new file mode 100644
index 0000000..fbf8f59
--- /dev/null
+++ b/uni_modules/uv-transition/readme.md
@@ -0,0 +1,15 @@
+## Transition 动画
+
+> **组件名：uv-transition**
+
+该组件用于组件的动画过渡效果，支持自定义动画，开箱即用。
+
+# <a href="https://www.uvui.cn/components/transition.html" target="_blank">查看文档</a>
+
+## [下载完整示例项目](https://ext.dcloud.net.cn/plugin?name=uv-ui)
+
+### [更多插件，请关注uv-ui组件库](https://ext.dcloud.net.cn/plugin?name=uv-ui)
+
+![image](https://mp-a667b617-c5f1-4a2d-9a54-683a67cff588.cdn.bspapp.com/uv-ui/banner.png)
+
+#### 如使用过程中有任何问题反馈，或者您对uv-ui有一些好的建议，欢迎加入uv-ui官方交流群：<a href="https://www.uvui.cn/components/addQQGroup.html" target="_blank">官方QQ群</a>
diff --git a/uni_modules/uv-ui-tools/changelog.md b/uni_modules/uv-ui-tools/changelog.md
new file mode 100644
index 0000000..998373e
--- /dev/null
+++ b/uni_modules/uv-ui-tools/changelog.md
@@ -0,0 +1,76 @@
+## 1.1.25（2024-01-20）
+1.1.20版本更新
+## 1.1.24（2023-12-21）
+1. luch-request更新
+## 1.1.23（2023-12-12）
+1. 1.1.19版本
+## 1.1.22（2023-11-28）
+1. 优化
+## 1.1.21（2023-11-10）
+1. 1.1.17版本
+## 1.1.20（2023-10-30）
+1. 1.1.16版本
+## 1.1.19（2023-10-13）
+1. 兼容vue3
+## 1.1.18（2023-10-12）
+1. 1.1.15版本
+## 1.1.17（2023-09-27）
+1. 1.1.14版本发布
+## 1.1.16（2023-09-15）
+1. 1.1.13版本发布
+## 1.1.15（2023-09-15）
+1. 更新button.js相关按钮支持open-type="agreePrivacyAuthorization"
+## 1.1.14（2023-09-14）
+1. 优化dayjs
+## 1.1.13（2023-09-13）
+1. 优化，$uv中增加unit参数，方便组件中使用
+## 1.1.12（2023-09-10）
+1. 升级版本
+## 1.1.11（2023-09-04）
+1. 1.1.11版本
+## 1.1.10（2023-08-31）
+1. 修复customStyle和customClass存在冲突的问题
+## 1.1.9（2023-08-27）
+1. 版本升级
+2. 优化
+## 1.1.8（2023-08-24）
+1. 版本升级
+## 1.1.7（2023-08-22）
+1. 版本升级
+## 1.1.6（2023-08-18）
+uvui版本：1.1.6
+## 1.0.15（2023-08-14）
+1. 更新uvui版本号
+## 1.0.13（2023-08-06）
+1. 优化
+## 1.0.12（2023-08-06）
+1. 修改版本号
+## 1.0.11（2023-08-06）
+1. 路由增加events参数
+2. 路由拦截修复
+## 1.0.10（2023-08-01）
+1. 优化
+## 1.0.9（2023-06-28）
+优化openType.js
+## 1.0.8（2023-06-15）
+1. 修改支付宝报错的BUG
+## 1.0.7（2023-06-07）
+1. 解决微信小程序使用uvui提示 Some selectors are not allowed in component wxss, including tag name selectors, ID selectors, and attribute selectors
+2. 解决上述提示，需要在uni.scss配置$uvui-nvue-style: false; 然后在APP.vue下面引入uvui内置的基础样式:@import '@/uni_modules/uv-ui-tools/index.scss';
+## 1.0.6（2023-06-04）
+1.  uv-ui-tools 优化工具组件，兼容更多功能
+2.  小程序分享功能优化等
+## 1.0.5（2023-06-02）
+1. 修改扩展使用mixin中方法的问题
+## 1.0.4（2023-05-23）
+1. 兼容百度小程序修改bem函数
+## 1.0.3（2023-05-16）
+1. 优化组件依赖，修改后无需全局引入，组件导入即可使用
+2. 优化部分功能
+## 1.0.2（2023-05-10）
+1. 增加Http请求封装
+2. 优化
+## 1.0.1（2023-05-04）
+1. 修改名称及备注
+## 1.0.0（2023-05-04）
+1. uv-ui工具集首次发布
diff --git a/uni_modules/uv-ui-tools/components/uv-ui-tools/uv-ui-tools.vue b/uni_modules/uv-ui-tools/components/uv-ui-tools/uv-ui-tools.vue
new file mode 100644
index 0000000..baf45e9
--- /dev/null
+++ b/uni_modules/uv-ui-tools/components/uv-ui-tools/uv-ui-tools.vue
@@ -0,0 +1,6 @@
+<template>
+</template>
+<script>
+</script>
+<style>
+</style>
diff --git a/uni_modules/uv-ui-tools/index.js b/uni_modules/uv-ui-tools/index.js
new file mode 100644
index 0000000..71a8b66
--- /dev/null
+++ b/uni_modules/uv-ui-tools/index.js
@@ -0,0 +1,79 @@
+// 全局挂载引入http相关请求拦截插件
+import Request from './libs/luch-request'
+
+// 引入全局mixin
+import mixin from './libs/mixin/mixin.js'
+// 小程序特有的mixin
+import mpMixin from './libs/mixin/mpMixin.js'
+// #ifdef MP
+import mpShare from './libs/mixin/mpShare.js'
+// #endif
+
+// 路由封装
+import route from './libs/util/route.js'
+// 公共工具函数
+import * as index from './libs/function/index.js'
+// 防抖方法
+import debounce from './libs/function/debounce.js'
+// 节流方法
+import throttle from './libs/function/throttle.js'
+// 规则检验
+import * as test from './libs/function/test.js'
+
+// 颜色渐变相关,colorGradient-颜色渐变,hexToRgb-十六进制颜色转rgb颜色,rgbToHex-rgb转十六进制
+import * as colorGradient from './libs/function/colorGradient.js'
+
+// 配置信息
+import config from './libs/config/config.js'
+// 平台
+import platform from './libs/function/platform'
+
+const $uv = {
+	route,
+	config,
+	test,
+	date: index.timeFormat, // 另名date
+	...index,
+	colorGradient: colorGradient.colorGradient,
+	hexToRgb: colorGradient.hexToRgb,
+	rgbToHex: colorGradient.rgbToHex,
+	colorToRgba: colorGradient.colorToRgba,
+	http: new Request(),
+	debounce,
+	throttle,
+	platform,
+	mixin,
+	mpMixin
+}
+uni.$uv = $uv;
+const install = (Vue,options={}) => {
+		// #ifndef APP-NVUE
+		const cloneMixin = index.deepClone(mixin);
+		delete cloneMixin?.props?.customClass;
+		delete cloneMixin?.props?.customStyle;
+		Vue.mixin(cloneMixin);
+		// #ifdef MP
+		if(options.mpShare){
+			Vue.mixin(mpShare);
+		}
+		// #endif
+		// #endif
+		// #ifdef VUE2
+		// 时间格式化，同时两个名称，date和timeFormat
+		Vue.filter('timeFormat', (timestamp, format) => uni.$uv.timeFormat(timestamp, format));
+		Vue.filter('date', (timestamp, format) => uni.$uv.timeFormat(timestamp, format));
+		// 将多久以前的方法，注入到全局过滤器
+		Vue.filter('timeFrom', (timestamp, format) => uni.$uv.timeFrom(timestamp, format));
+		// 同时挂载到uni和Vue.prototype中
+		// #ifndef APP-NVUE
+		// 只有vue，挂载到Vue.prototype才有意义，因为nvue中全局Vue.prototype和Vue.mixin是无效的
+		Vue.prototype.$uv = $uv;
+		// #endif
+		// #endif
+		// #ifdef VUE3
+		Vue.config.globalProperties.$uv = $uv;
+		// #endif
+}
+export default {
+	install
+}
\ No newline at end of file
diff --git a/uni_modules/uv-ui-tools/index.scss b/uni_modules/uv-ui-tools/index.scss
new file mode 100644
index 0000000..8d05b8d
--- /dev/null
+++ b/uni_modules/uv-ui-tools/index.scss
@@ -0,0 +1,7 @@
+// 引入公共基础类
+@import "./libs/css/common.scss";
+
+// 非nvue的样式
+/* #ifndef APP-NVUE */
+@import "./libs/css/vue.scss";
+/* #endif */
\ No newline at end of file
diff --git a/uni_modules/uv-ui-tools/libs/config/config.js b/uni_modules/uv-ui-tools/libs/config/config.js
new file mode 100644
index 0000000..f18ae74
--- /dev/null
+++ b/uni_modules/uv-ui-tools/libs/config/config.js
@@ -0,0 +1,34 @@
+// 此版本发布于2024-01-20
+const version = '1.1.20'
+
+// 开发环境才提示，生产环境不会提示
+if (process.env.NODE_ENV === 'development') {
+	console.log(`\n %c uvui V${version} https://www.uvui.cn/ \n\n`, 'color: #ffffff; background: #3c9cff; padding:5px 0; border-radius: 5px;');
+}
+
+export default {
+    v: version,
+    version,
+    // 主题名称
+    type: [
+        'primary',
+        'success',
+        'info',
+        'error',
+        'warning'
+    ],
+    // 颜色部分，本来可以通过scss的:export导出供js使用，但是奈何nvue不支持
+    color: {
+        'uv-primary': '#2979ff',
+        'uv-warning': '#ff9900',
+        'uv-success': '#19be6b',
+        'uv-error': '#fa3534',
+        'uv-info': '#909399',
+        'uv-main-color': '#303133',
+        'uv-content-color': '#606266',
+        'uv-tips-color': '#909399',
+        'uv-light-color': '#c0c4cc'
+    },
+	// 默认单位，可以通过配置为rpx，那么在用于传入组件大小参数为数值时，就默认为rpx
+	unit: 'px'
+}
diff --git a/uni_modules/uv-ui-tools/libs/css/color.scss b/uni_modules/uv-ui-tools/libs/css/color.scss
new file mode 100644
index 0000000..ce65743
--- /dev/null
+++ b/uni_modules/uv-ui-tools/libs/css/color.scss
@@ -0,0 +1,32 @@
+$uv-main-color: #303133 !default;
+$uv-content-color: #606266 !default;
+$uv-tips-color: #909193 !default;
+$uv-light-color: #c0c4cc !default;
+$uv-border-color: #dadbde !default;
+$uv-bg-color: #f3f4f6 !default;
+$uv-disabled-color: #c8c9cc !default;
+
+$uv-primary: #3c9cff !default;
+$uv-primary-dark: #398ade !default;
+$uv-primary-disabled: #9acafc !default;
+$uv-primary-light: #ecf5ff !default;
+
+$uv-warning: #f9ae3d !default;
+$uv-warning-dark: #f1a532 !default;
+$uv-warning-disabled: #f9d39b !default;
+$uv-warning-light: #fdf6ec !default;
+
+$uv-success: #5ac725 !default;
+$uv-success-dark: #53c21d !default;
+$uv-success-disabled: #a9e08f !default;
+$uv-success-light: #f5fff0;
+
+$uv-error: #f56c6c !default;
+$uv-error-dark: #e45656 !default;
+$uv-error-disabled: #f7b2b2 !default;
+$uv-error-light: #fef0f0 !default;
+
+$uv-info: #909399 !default;
+$uv-info-dark: #767a82 !default;
+$uv-info-disabled: #c4c6c9 !default;
+$uv-info-light: #f4f4f5 !default;
diff --git a/uni_modules/uv-ui-tools/libs/css/common.scss b/uni_modules/uv-ui-tools/libs/css/common.scss
new file mode 100644
index 0000000..7ab99f8
--- /dev/null
+++ b/uni_modules/uv-ui-tools/libs/css/common.scss
@@ -0,0 +1,100 @@
+// 超出行数，自动显示行尾省略号，最多5行
+// 来自uvui的温馨提示：当您在控制台看到此报错，说明需要在App.vue的style标签加上【lang="scss"】
+@for $i from 1 through 5 {
+	.uv-line-#{$i} {
+		/* #ifdef APP-NVUE */
+		// nvue下，可以直接使用lines属性，这是weex特有样式
+		lines: $i;
+		text-overflow: ellipsis;
+		overflow: hidden;
+		flex: 1;
+		/* #endif */
+
+		/* #ifndef APP-NVUE */
+		// vue下，单行和多行显示省略号需要单独处理
+		@if $i == '1' {
+			overflow: hidden;
+			white-space: nowrap;
+			text-overflow: ellipsis;
+		} @else {
+			display: -webkit-box!important;
+			overflow: hidden;
+			text-overflow: ellipsis;
+			word-break: break-all;
+			-webkit-line-clamp: $i;
+			-webkit-box-orient: vertical!important;
+		}
+		/* #endif */
+	}
+}
+$uv-bordercolor: #dadbde;
+@if variable-exists(uv-border-color) {
+	$uv-bordercolor: $uv-border-color;
+}
+
+// 此处加上!important并非随意乱用，而是因为目前*.nvue页面编译到H5时，
+// App.vue的样式会被uni-app的view元素的自带border属性覆盖，导致无效
+// 综上，这是uni-app的缺陷导致我们为了多端兼容，而必须要加上!important
+// 移动端兼容性较好，直接使用0.5px去实现细边框，不使用伪元素形式实现
+.uv-border {
+	border-width: 0.5px!important;
+	border-color: $uv-bordercolor!important;
+    border-style: solid;
+}
+
+.uv-border-top {
+	border-top-width: 0.5px!important;
+	border-color: $uv-bordercolor!important;
+    border-top-style: solid;
+}
+
+.uv-border-left {
+	border-left-width: 0.5px!important;
+	border-color: $uv-bordercolor!important;
+    border-left-style: solid;
+}
+
+.uv-border-right {
+	border-right-width: 0.5px!important;
+	border-color: $uv-bordercolor!important;
+    border-right-style: solid;
+}
+
+.uv-border-bottom {
+	border-bottom-width: 0.5px!important;
+	border-color: $uv-bordercolor!important;
+    border-bottom-style: solid;
+}
+
+.uv-border-top-bottom {
+	border-top-width: 0.5px!important;
+	border-bottom-width: 0.5px!important;
+	border-color: $uv-bordercolor!important;
+    border-top-style: solid;
+    border-bottom-style: solid;
+}
+
+// 去除button的所有默认样式，让其表现跟普通的view、text元素一样
+.uv-reset-button {
+	padding: 0;
+	background-color: transparent;
+	/* #ifndef APP-PLUS */
+	font-size: inherit;
+	line-height: inherit;
+	color: inherit;
+	/* #endif */
+	/* #ifdef APP-NVUE */
+	border-width: 0;
+	/* #endif */
+}
+
+/* #ifndef APP-NVUE */
+.uv-reset-button::after {
+   border: none;
+}
+/* #endif */
+
+.uv-hover-class {
+	opacity: 0.7;
+}
+
diff --git a/uni_modules/uv-ui-tools/libs/css/components.scss b/uni_modules/uv-ui-tools/libs/css/components.scss
new file mode 100644
index 0000000..81ce15d
--- /dev/null
+++ b/uni_modules/uv-ui-tools/libs/css/components.scss
@@ -0,0 +1,23 @@
+@mixin flex($direction: row) {
+	/* #ifndef APP-NVUE */
+	display: flex;
+	/* #endif */
+	flex-direction: $direction;
+}
+
+/* #ifndef APP-NVUE */
+// 由于uvui是基于nvue环境进行开发的，此环境中普通元素默认为flex-direction: column;
+// 所以在非nvue中，需要对元素进行重置为flex-direction: column; 否则可能会表现异常
+$uvui-nvue-style: true !default;
+@if $uvui-nvue-style == true {
+	view, scroll-view, swiper-item {
+		display: flex;
+		flex-direction: column;
+		flex-shrink: 0;
+		flex-grow: 0;
+		flex-basis: auto;
+		align-items: stretch;
+		align-content: flex-start;
+	}
+}
+/* #endif */
diff --git a/uni_modules/uv-ui-tools/libs/css/variable.scss b/uni_modules/uv-ui-tools/libs/css/variable.scss
new file mode 100644
index 0000000..63903c9
--- /dev/null
+++ b/uni_modules/uv-ui-tools/libs/css/variable.scss
@@ -0,0 +1,111 @@
+// 超出行数，自动显示行尾省略号，最多5行
+// 来自uvui的温馨提示：当您在控制台看到此报错，说明需要在App.vue的style标签加上【lang="scss"】
+@if variable-exists(show-lines) {
+	@for $i from 1 through 5 {
+		.uv-line-#{$i} {
+			/* #ifdef APP-NVUE */
+			// nvue下，可以直接使用lines属性，这是weex特有样式
+			lines: $i;
+			text-overflow: ellipsis;
+			overflow: hidden;
+			flex: 1;
+			/* #endif */
+
+			/* #ifndef APP-NVUE */
+			// vue下，单行和多行显示省略号需要单独处理
+			@if $i == '1' {
+				overflow: hidden;
+				white-space: nowrap;
+				text-overflow: ellipsis;
+			} @else {
+				display: -webkit-box!important;
+				overflow: hidden;
+				text-overflow: ellipsis;
+				word-break: break-all;
+				-webkit-line-clamp: $i;
+				-webkit-box-orient: vertical!important;
+			}
+			/* #endif */
+		}
+	}
+}
+@if variable-exists(show-border) {
+	$uv-bordercolor: #dadbde;
+	@if variable-exists(uv-border-color) {
+		$uv-bordercolor: $uv-border-color;
+	}
+	// 此处加上!important并非随意乱用，而是因为目前*.nvue页面编译到H5时，
+	// App.vue的样式会被uni-app的view元素的自带border属性覆盖，导致无效
+	// 综上，这是uni-app的缺陷导致我们为了多端兼容，而必须要加上!important
+	// 移动端兼容性较好，直接使用0.5px去实现细边框，不使用伪元素形式实现
+	@if variable-exists(show-border-surround) {
+		.uv-border {
+			border-width: 0.5px!important;
+			border-color: $uv-bordercolor!important;
+			border-style: solid;
+		}
+	}
+	@if variable-exists(show-border-top) {
+		.uv-border-top {
+			border-top-width: 0.5px!important;
+			border-color: $uv-bordercolor!important;
+			border-top-style: solid;
+		}
+	}
+	@if variable-exists(show-border-left) {
+		.uv-border-left {
+			border-left-width: 0.5px!important;
+			border-color: $uv-bordercolor!important;
+			border-left-style: solid;
+		}
+	}
+	@if variable-exists(show-border-right) {
+		.uv-border-right {
+			border-right-width: 0.5px!important;
+			border-color: $uv-bordercolor!important;
+			border-right-style: solid;
+		}
+	}
+	@if variable-exists(show-border-bottom) {
+		.uv-border-bottom {
+			border-bottom-width: 0.5px!important;
+			border-color: $uv-bordercolor!important;
+				border-bottom-style: solid;
+		}
+	}
+	@if variable-exists(show-border-top-bottom) {
+		.uv-border-top-bottom {
+			border-top-width: 0.5px!important;
+			border-bottom-width: 0.5px!important;
+			border-color: $uv-bordercolor!important;
+			border-top-style: solid;
+			border-bottom-style: solid;
+		}
+	}
+}
+@if variable-exists(show-reset-button) {
+	// 去除button的所有默认样式，让其表现跟普通的view、text元素一样
+	.uv-reset-button {
+		padding: 0;
+		background-color: transparent;
+		/* #ifndef APP-PLUS */
+		font-size: inherit;
+		line-height: inherit;
+		color: inherit;
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		border-width: 0;
+		/* #endif */
+	}
+
+	/* #ifndef APP-NVUE */
+	.uv-reset-button::after {
+		 border: none;
+	}
+	/* #endif */
+}
+@if variable-exists(show-hover) {
+	.uv-hover-class {
+		opacity: 0.7;
+	}
+}
diff --git a/uni_modules/uv-ui-tools/libs/css/vue.scss b/uni_modules/uv-ui-tools/libs/css/vue.scss
new file mode 100644
index 0000000..bdbefdd
--- /dev/null
+++ b/uni_modules/uv-ui-tools/libs/css/vue.scss
@@ -0,0 +1,40 @@
+// 历遍生成4个方向的底部安全区
+@each $d in top, right, bottom, left {
+	.uv-safe-area-inset-#{$d} {
+		padding-#{$d}: 0;
+		padding-#{$d}: constant(safe-area-inset-#{$d});  
+		padding-#{$d}: env(safe-area-inset-#{$d});  
+	}
+}
+
+//提升H5端uni.toast()的层级，避免被uvui的modal等遮盖
+/* #ifdef H5 */
+uni-toast {
+    z-index: 10090;
+}
+uni-toast .uni-toast {
+   z-index: 10090;
+}
+/* #endif */
+
+// 隐藏scroll-view的滚动条
+::-webkit-scrollbar {
+    display: none;  
+    width: 0 !important;  
+    height: 0 !important;  
+    -webkit-appearance: none;  
+    background: transparent;  
+}
+
+$uvui-nvue-style: true !default;
+@if $uvui-nvue-style == false {
+	view, scroll-view, swiper-item {
+		display: flex;
+		flex-direction: column;
+		flex-shrink: 0;
+		flex-grow: 0;
+		flex-basis: auto;
+		align-items: stretch;
+		align-content: flex-start;
+	}
+}
diff --git a/uni_modules/uv-ui-tools/libs/function/colorGradient.js b/uni_modules/uv-ui-tools/libs/function/colorGradient.js
new file mode 100644
index 0000000..55c188f
--- /dev/null
+++ b/uni_modules/uv-ui-tools/libs/function/colorGradient.js
@@ -0,0 +1,134 @@
+/**
+ * 求两个颜色之间的渐变值
+ * @param {string} startColor 开始的颜色
+ * @param {string} endColor 结束的颜色
+ * @param {number} step 颜色等分的份额
+ * */
+function colorGradient(startColor = 'rgb(0, 0, 0)', endColor = 'rgb(255, 255, 255)', step = 10) {
+    const startRGB = hexToRgb(startColor, false) // 转换为rgb数组模式
+    const startR = startRGB[0]
+    const startG = startRGB[1]
+    const startB = startRGB[2]
+
+    const endRGB = hexToRgb(endColor, false)
+    const endR = endRGB[0]
+    const endG = endRGB[1]
+    const endB = endRGB[2]
+
+    const sR = (endR - startR) / step // 总差值
+    const sG = (endG - startG) / step
+    const sB = (endB - startB) / step
+    const colorArr = []
+    for (let i = 0; i < step; i++) {
+        // 计算每一步的hex值
+        let hex = rgbToHex(`rgb(${Math.round((sR * i + startR))},${Math.round((sG * i + startG))},${Math.round((sB
+			* i + startB))})`)
+        // 确保第一个颜色值为startColor的值
+        if (i === 0) hex = rgbToHex(startColor)
+        // 确保最后一个颜色值为endColor的值
+        if (i === step - 1) hex = rgbToHex(endColor)
+        colorArr.push(hex)
+    }
+    return colorArr
+}
+
+// 将hex表示方式转换为rgb表示方式(这里返回rgb数组模式)
+function hexToRgb(sColor, str = true) {
+    const reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/
+    sColor = String(sColor).toLowerCase()
+    if (sColor && reg.test(sColor)) {
+        if (sColor.length === 4) {
+            let sColorNew = '#'
+            for (let i = 1; i < 4; i += 1) {
+                sColorNew += sColor.slice(i, i + 1).concat(sColor.slice(i, i + 1))
+            }
+            sColor = sColorNew
+        }
+        // 处理六位的颜色值
+        const sColorChange = []
+        for (let i = 1; i < 7; i += 2) {
+            sColorChange.push(parseInt(`0x${sColor.slice(i, i + 2)}`))
+        }
+        if (!str) {
+            return sColorChange
+        }
+        return `rgb(${sColorChange[0]},${sColorChange[1]},${sColorChange[2]})`
+    } if (/^(rgb|RGB)/.test(sColor)) {
+        const arr = sColor.replace(/(?:\(|\)|rgb|RGB)*/g, '').split(',')
+        return arr.map((val) => Number(val))
+    }
+    return sColor
+}
+
+// 将rgb表示方式转换为hex表示方式
+function rgbToHex(rgb) {
+    const _this = rgb
+    const reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/
+    if (/^(rgb|RGB)/.test(_this)) {
+        const aColor = _this.replace(/(?:\(|\)|rgb|RGB)*/g, '').split(',')
+        let strHex = '#'
+        for (let i = 0; i < aColor.length; i++) {
+            let hex = Number(aColor[i]).toString(16)
+            hex = String(hex).length == 1 ? `${0}${hex}` : hex // 保证每个rgb的值为2位
+            if (hex === '0') {
+                hex += hex
+            }
+            strHex += hex
+        }
+        if (strHex.length !== 7) {
+            strHex = _this
+        }
+        return strHex
+    } if (reg.test(_this)) {
+        const aNum = _this.replace(/#/, '').split('')
+        if (aNum.length === 6) {
+            return _this
+        } if (aNum.length === 3) {
+            let numHex = '#'
+            for (let i = 0; i < aNum.length; i += 1) {
+                numHex += (aNum[i] + aNum[i])
+            }
+            return numHex
+        }
+    } else {
+        return _this
+    }
+}
+
+/**
+* JS颜色十六进制转换为rgb或rgba,返回的格式为 rgba（255，255，255，0.5）字符串
+* sHex为传入的十六进制的色值
+* alpha为rgba的透明度
+*/
+function colorToRgba(color, alpha) {
+    color = rgbToHex(color)
+    // 十六进制颜色值的正则表达式
+    const reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/
+    /* 16进制颜色转为RGB格式 */
+    let sColor = String(color).toLowerCase()
+    if (sColor && reg.test(sColor)) {
+        if (sColor.length === 4) {
+            let sColorNew = '#'
+            for (let i = 1; i < 4; i += 1) {
+                sColorNew += sColor.slice(i, i + 1).concat(sColor.slice(i, i + 1))
+            }
+            sColor = sColorNew
+        }
+        // 处理六位的颜色值
+        const sColorChange = []
+        for (let i = 1; i < 7; i += 2) {
+            sColorChange.push(parseInt(`0x${sColor.slice(i, i + 2)}`))
+        }
+        // return sColorChange.join(',')
+        return `rgba(${sColorChange.join(',')},${alpha})`
+    }
+
+    return sColor
+}
+
+export {
+    colorGradient,
+    hexToRgb,
+    rgbToHex,
+    colorToRgba
+}
diff --git a/uni_modules/uv-ui-tools/libs/function/debounce.js b/uni_modules/uv-ui-tools/libs/function/debounce.js
new file mode 100644
index 0000000..ad3996b
--- /dev/null
+++ b/uni_modules/uv-ui-tools/libs/function/debounce.js
@@ -0,0 +1,29 @@
+let timeout = null
+
+/**
+ * 防抖原理：一定时间内，只有最后一次操作，再过wait毫秒后才执行函数
+ *
+ * @param {Function} func 要执行的回调函数
+ * @param {Number} wait 延时的时间
+ * @param {Boolean} immediate 是否立即执行
+ * @return null
+ */
+function debounce(func, wait = 500, immediate = false) {
+    // 清除定时器
+    if (timeout !== null) clearTimeout(timeout)
+    // 立即执行，此类情况一般用不到
+    if (immediate) {
+        const callNow = !timeout
+        timeout = setTimeout(() => {
+            timeout = null
+        }, wait)
+        if (callNow) typeof func === 'function' && func()
+    } else {
+        // 设置定时器，当最后一次操作后，timeout不会再被清除，所以在延时wait毫秒后执行func回调方法
+        timeout = setTimeout(() => {
+            typeof func === 'function' && func()
+        }, wait)
+    }
+}
+
+export default debounce
diff --git a/uni_modules/uv-ui-tools/libs/function/digit.js b/uni_modules/uv-ui-tools/libs/function/digit.js
new file mode 100644
index 0000000..c8260a0
--- /dev/null
+++ b/uni_modules/uv-ui-tools/libs/function/digit.js
@@ -0,0 +1,167 @@
+let _boundaryCheckingState = true; // 是否进行越界检查的全局开关
+
+/**
+ * 把错误的数据转正
+ * @private
+ * @example strip(0.09999999999999998)=0.1
+ */
+function strip(num, precision = 15) {
+  return +parseFloat(Number(num).toPrecision(precision));
+}
+
+/**
+ * Return digits length of a number
+ * @private
+ * @param {*number} num Input number
+ */
+function digitLength(num) {
+  // Get digit length of e
+  const eSplit = num.toString().split(/[eE]/);
+  const len = (eSplit[0].split('.')[1] || '').length - +(eSplit[1] || 0);
+  return len > 0 ? len : 0;
+}
+
+/**
+ * 把小数转成整数,如果是小数则放大成整数
+ * @private
+ * @param {*number} num 输入数
+ */
+function float2Fixed(num) {
+  if (num.toString().indexOf('e') === -1) {
+    return Number(num.toString().replace('.', ''));
+  }
+  const dLen = digitLength(num);
+  return dLen > 0 ? strip(Number(num) * Math.pow(10, dLen)) : Number(num);
+}
+
+/**
+ * 检测数字是否越界，如果越界给出提示
+ * @private
+ * @param {*number} num 输入数
+ */
+function checkBoundary(num) {
+  if (_boundaryCheckingState) {
+    if (num > Number.MAX_SAFE_INTEGER || num < Number.MIN_SAFE_INTEGER) {
+      console.warn(`${num} 超出了精度限制，结果可能不正确`);
+    }
+  }
+}
+
+/**
+ * 把递归操作扁平迭代化
+ * @param {number[]} arr 要操作的数字数组
+ * @param {function} operation 迭代操作
+ * @private
+ */
+function iteratorOperation(arr, operation) {
+  const [num1, num2, ...others] = arr;
+  let res = operation(num1, num2);
+
+  others.forEach((num) => {
+    res = operation(res, num);
+  });
+
+  return res;
+}
+
+/**
+ * 高精度乘法
+ * @export
+ */
+export function times(...nums) {
+  if (nums.length > 2) {
+    return iteratorOperation(nums, times);
+  }
+
+  const [num1, num2] = nums;
+  const num1Changed = float2Fixed(num1);
+  const num2Changed = float2Fixed(num2);
+  const baseNum = digitLength(num1) + digitLength(num2);
+  const leftValue = num1Changed * num2Changed;
+
+  checkBoundary(leftValue);
+
+  return leftValue / Math.pow(10, baseNum);
+}
+
+/**
+ * 高精度加法
+ * @export
+ */
+export function plus(...nums) {
+  if (nums.length > 2) {
+    return iteratorOperation(nums, plus);
+  }
+
+  const [num1, num2] = nums;
+  // 取最大的小数位
+  const baseNum = Math.pow(10, Math.max(digitLength(num1), digitLength(num2)));
+  // 把小数都转为整数然后再计算
+  return (times(num1, baseNum) + times(num2, baseNum)) / baseNum;
+}
+
+/**
+ * 高精度减法
+ * @export
+ */
+export function minus(...nums) {
+  if (nums.length > 2) {
+    return iteratorOperation(nums, minus);
+  }
+
+  const [num1, num2] = nums;
+  const baseNum = Math.pow(10, Math.max(digitLength(num1), digitLength(num2)));
+  return (times(num1, baseNum) - times(num2, baseNum)) / baseNum;
+}
+
+/**
+ * 高精度除法
+ * @export
+ */
+export function divide(...nums) {
+  if (nums.length > 2) {
+    return iteratorOperation(nums, divide);
+  }
+
+  const [num1, num2] = nums;
+  const num1Changed = float2Fixed(num1);
+  const num2Changed = float2Fixed(num2);
+  checkBoundary(num1Changed);
+  checkBoundary(num2Changed);
+  // 重要，这里必须用strip进行修正
+  return times(num1Changed / num2Changed, strip(Math.pow(10, digitLength(num2) - digitLength(num1))));
+}
+
+/**
+ * 四舍五入
+ * @export
+ */
+export function round(num, ratio) {
+  const base = Math.pow(10, ratio);
+  let result = divide(Math.round(Math.abs(times(num, base))), base);
+  if (num < 0 && result !== 0) {
+    result = times(result, -1);
+  }
+  // 位数不足则补0
+  return result;
+}
+
+/**
+ * 是否进行边界检查，默认开启
+ * @param flag 标记开关，true 为开启，false 为关闭，默认为 true
+ * @export
+ */
+export function enableBoundaryChecking(flag = true) {
+  _boundaryCheckingState = flag;
+}
+
+
+export default {
+  times,
+  plus,
+  minus,
+  divide,
+  round,
+  enableBoundaryChecking,
+};
+
diff --git a/uni_modules/uv-ui-tools/libs/function/index.js b/uni_modules/uv-ui-tools/libs/function/index.js
new file mode 100644
index 0000000..b35e0ab
--- /dev/null
+++ b/uni_modules/uv-ui-tools/libs/function/index.js
@@ -0,0 +1,734 @@
+import { number, empty } from './test.js'
+import { round } from './digit.js'
+/**
+ * @description 如果value小于min，取min；如果value大于max，取max
+ * @param {number} min
+ * @param {number} max
+ * @param {number} value
+ */
+function range(min = 0, max = 0, value = 0) {
+	return Math.max(min, Math.min(max, Number(value)))
+}
+
+/**
+ * @description 用于获取用户传递值的px值  如果用户传递了"xxpx"或者"xxrpx"，取出其数值部分，如果是"xxxrpx"还需要用过uni.upx2px进行转换
+ * @param {number|string} value 用户传递值的px值
+ * @param {boolean} unit
+ * @returns {number|string}
+ */
+function getPx(value, unit = false) {
+	if (number(value)) {
+		return unit ? `${value}px` : Number(value)
+	}
+	// 如果带有rpx，先取出其数值部分，再转为px值
+	if (/(rpx|upx)$/.test(value)) {
+		return unit ? `${uni.upx2px(parseInt(value))}px` : Number(uni.upx2px(parseInt(value)))
+	}
+	return unit ? `${parseInt(value)}px` : parseInt(value)
+}
+
+/**
+ * @description 进行延时，以达到可以简写代码的目的 比如: await uni.$uv.sleep(20)将会阻塞20ms
+ * @param {number} value 堵塞时间 单位ms 毫秒
+ * @returns {Promise} 返回promise
+ */
+function sleep(value = 30) {
+	return new Promise((resolve) => {
+		setTimeout(() => {
+			resolve()
+		}, value)
+	})
+}
+/**
+ * @description 运行期判断平台
+ * @returns {string} 返回所在平台(小写)
+ * @link 运行期判断平台 https://uniapp.dcloud.io/frame?id=判断平台
+ */
+function os() {
+	return uni.getSystemInfoSync().platform.toLowerCase()
+}
+/**
+ * @description 获取系统信息同步接口
+ * @link 获取系统信息同步接口 https://uniapp.dcloud.io/api/system/info?id=getsysteminfosync
+ */
+function sys() {
+	return uni.getSystemInfoSync()
+}
+
+/**
+ * @description 取一个区间数
+ * @param {Number} min 最小值
+ * @param {Number} max 最大值
+ */
+function random(min, max) {
+	if (min >= 0 && max > 0 && max >= min) {
+		const gab = max - min + 1
+		return Math.floor(Math.random() * gab + min)
+	}
+	return 0
+}
+
+/**
+ * @param {Number} len uuid的长度
+ * @param {Boolean} firstU 将返回的首字母置为"u"
+ * @param {Nubmer} radix 生成uuid的基数(意味着返回的字符串都是这个基数),2-二进制,8-八进制,10-十进制,16-十六进制
+ */
+function guid(len = 32, firstU = true, radix = null) {
+	const chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'.split('')
+	const uuid = []
+	radix = radix || chars.length
+
+	if (len) {
+		// 如果指定uuid长度,只是取随机的字符,0|x为位运算,能去掉x的小数位,返回整数位
+		for (let i = 0; i < len; i++) uuid[i] = chars[0 | Math.random() * radix]
+	} else {
+		let r
+		// rfc4122标准要求返回的uuid中,某些位为固定的字符
+		uuid[8] = uuid[13] = uuid[18] = uuid[23] = '-'
+		uuid[14] = '4'
+
+		for (let i = 0; i < 36; i++) {
+			if (!uuid[i]) {
+				r = 0 | Math.random() * 16
+				uuid[i] = chars[(i == 19) ? (r & 0x3) | 0x8 : r]
+			}
+		}
+	}
+	// 移除第一个字符,并用u替代,因为第一个字符为数值时,该guuid不能用作id或者class
+	if (firstU) {
+		uuid.shift()
+		return `u${uuid.join('')}`
+	}
+	return uuid.join('')
+}
+
+/**
+* @description 获取父组件的参数，因为支付宝小程序不支持provide/inject的写法
+   this.$parent在非H5中，可以准确获取到父组件，但是在H5中，需要多次this.$parent.$parent.xxx
+   这里默认值等于undefined有它的含义，因为最顶层元素(组件)的$parent就是undefined，意味着不传name
+   值(默认为undefined)，就是查找最顶层的$parent
+*  @param {string|undefined} name 父组件的参数名
+*/
+function $parent(name = undefined) {
+	let parent = this.$parent
+	// 通过while历遍，这里主要是为了H5需要多层解析的问题
+	while (parent) {
+		// 父组件
+		if (parent.$options && parent.$options.name !== name) {
+			// 如果组件的name不相等，继续上一级寻找
+			parent = parent.$parent
+		} else {
+			return parent
+		}
+	}
+	return false
+}
+
+/**
+ * @description 样式转换
+ * 对象转字符串，或者字符串转对象
+ * @param {object | string} customStyle 需要转换的目标
+ * @param {String} target 转换的目的，object-转为对象，string-转为字符串
+ * @returns {object|string}
+ */
+function addStyle(customStyle, target = 'object') {
+	// 字符串转字符串，对象转对象情形，直接返回
+	if (empty(customStyle) || typeof(customStyle) === 'object' && target === 'object' || target === 'string' &&
+		typeof(customStyle) === 'string') {
+		return customStyle
+	}
+	// 字符串转对象
+	if (target === 'object') {
+		// 去除字符串样式中的两端空格(中间的空格不能去掉，比如padding: 20px 0如果去掉了就错了)，空格是无用的
+		customStyle = trim(customStyle)
+		// 根据";"将字符串转为数组形式
+		const styleArray = customStyle.split(';')
+		const style = {}
+		// 历遍数组，拼接成对象
+		for (let i = 0; i < styleArray.length; i++) {
+			// 'font-size:20px;color:red;'，如此最后字符串有";"的话，会导致styleArray最后一个元素为空字符串，这里需要过滤
+			if (styleArray[i]) {
+				const item = styleArray[i].split(':')
+				style[trim(item[0])] = trim(item[1])
+			}
+		}
+		return style
+	}
+	// 这里为对象转字符串形式
+	let string = ''
+	for (const i in customStyle) {
+		// 驼峰转为中划线的形式，否则css内联样式，无法识别驼峰样式属性名
+		const key = i.replace(/([A-Z])/g, '-$1').toLowerCase()
+		string += `${key}:${customStyle[i]};`
+	}
+	// 去除两端空格
+	return trim(string)
+}
+
+/**
+ * @description 添加单位，如果有rpx，upx，%，px等单位结尾或者值为auto，直接返回，否则加上px单位结尾
+ * @param {string|number} value 需要添加单位的值
+ * @param {string} unit 添加的单位名 比如px
+ */
+function addUnit(value = 'auto', unit = uni?.$uv?.config?.unit ? uni?.$uv?.config?.unit : 'px') {
+	value = String(value)
+	// 用uvui内置验证规则中的number判断是否为数值
+	return number(value) ? `${value}${unit}` : value
+}
+
+/**
+ * @description 深度克隆
+ * @param {object} obj 需要深度克隆的对象
+ * @param cache 缓存
+ * @returns {*} 克隆后的对象或者原值（不是对象）
+ */
+function deepClone(obj, cache = new WeakMap()) {
+	if (obj === null || typeof obj !== 'object') return obj;
+	if (cache.has(obj)) return cache.get(obj);
+	let clone;
+	if (obj instanceof Date) {
+		clone = new Date(obj.getTime());
+	} else if (obj instanceof RegExp) {
+		clone = new RegExp(obj);
+	} else if (obj instanceof Map) {
+		clone = new Map(Array.from(obj, ([key, value]) => [key, deepClone(value, cache)]));
+	} else if (obj instanceof Set) {
+		clone = new Set(Array.from(obj, value => deepClone(value, cache)));
+	} else if (Array.isArray(obj)) {
+		clone = obj.map(value => deepClone(value, cache));
+	} else if (Object.prototype.toString.call(obj) === '[object Object]') {
+		clone = Object.create(Object.getPrototypeOf(obj));
+		cache.set(obj, clone);
+		for (const [key, value] of Object.entries(obj)) {
+			clone[key] = deepClone(value, cache);
+		}
+	} else {
+		clone = Object.assign({}, obj);
+	}
+	cache.set(obj, clone);
+	return clone;
+}
+
+/**
+ * @description JS对象深度合并
+ * @param {object} target 需要拷贝的对象
+ * @param {object} source 拷贝的来源对象
+ * @returns {object|boolean} 深度合并后的对象或者false（入参有不是对象）
+ */
+function deepMerge(target = {}, source = {}) {
+	target = deepClone(target)
+	if (typeof target !== 'object' || target === null || typeof source !== 'object' || source === null) return target;
+	const merged = Array.isArray(target) ? target.slice() : Object.assign({}, target);
+	for (const prop in source) {
+		if (!source.hasOwnProperty(prop)) continue;
+		const sourceValue = source[prop];
+		const targetValue = merged[prop];
+		if (sourceValue instanceof Date) {
+			merged[prop] = new Date(sourceValue);
+		} else if (sourceValue instanceof RegExp) {
+			merged[prop] = new RegExp(sourceValue);
+		} else if (sourceValue instanceof Map) {
+			merged[prop] = new Map(sourceValue);
+		} else if (sourceValue instanceof Set) {
+			merged[prop] = new Set(sourceValue);
+		} else if (typeof sourceValue === 'object' && sourceValue !== null) {
+			merged[prop] = deepMerge(targetValue, sourceValue);
+		} else {
+			merged[prop] = sourceValue;
+		}
+	}
+	return merged;
+}
+
+/**
+ * @description error提示
+ * @param {*} err 错误内容
+ */
+function error(err) {
+	// 开发环境才提示，生产环境不会提示
+	if (process.env.NODE_ENV === 'development') {
+		console.error(`uvui提示：${err}`)
+	}
+}
+
+/**
+ * @description 打乱数组
+ * @param {array} array 需要打乱的数组
+ * @returns {array} 打乱后的数组
+ */
+function randomArray(array = []) {
+	// 原理是sort排序,Math.random()产生0<= x < 1之间的数,会导致x-0.05大于或者小于0
+	return array.sort(() => Math.random() - 0.5)
+}
+
+// padStart 的 polyfill，因为某些机型或情况，还无法支持es7的padStart，比如电脑版的微信小程序
+// 所以这里做一个兼容polyfill的兼容处理
+if (!String.prototype.padStart) {
+	// 为了方便表示这里 fillString 用了ES6 的默认参数，不影响理解
+	String.prototype.padStart = function(maxLength, fillString = ' ') {
+		if (Object.prototype.toString.call(fillString) !== '[object String]') {
+			throw new TypeError(
+				'fillString must be String'
+			)
+		}
+		const str = this
+		// 返回 String(str) 这里是为了使返回的值是字符串字面量，在控制台中更符合直觉
+		if (str.length >= maxLength) return String(str)
+
+		const fillLength = maxLength - str.length
+		let times = Math.ceil(fillLength / fillString.length)
+		while (times >>= 1) {
+			fillString += fillString
+			if (times === 1) {
+				fillString += fillString
+			}
+		}
+		return fillString.slice(0, fillLength) + str
+	}
+}
+
+/**
+ * @description 格式化时间
+ * @param {String|Number} dateTime 需要格式化的时间戳
+ * @param {String} fmt 格式化规则 yyyy:mm:dd|yyyy:mm|yyyy年mm月dd日|yyyy年mm月dd日 hh时MM分等,可自定义组合 默认yyyy-mm-dd
+ * @returns {string} 返回格式化后的字符串
+ */
+function timeFormat(dateTime = null, formatStr = 'yyyy-mm-dd') {
+	let date
+	// 若传入时间为假值，则取当前时间
+	if (!dateTime) {
+		date = new Date()
+	}
+	// 若为unix秒时间戳，则转为毫秒时间戳（逻辑有点奇怪，但不敢改，以保证历史兼容）
+	else if (/^\d{10}$/.test(dateTime?.toString().trim())) {
+		date = new Date(dateTime * 1000)
+	}
+	// 若用户传入字符串格式时间戳，new Date无法解析，需做兼容
+	else if (typeof dateTime === 'string' && /^\d+$/.test(dateTime.trim())) {
+		date = new Date(Number(dateTime))
+	}
+	// 处理平台性差异，在Safari/Webkit中，new Date仅支持/作为分割符的字符串时间
+	// 处理 '2022-07-10 01:02:03'，跳过 '2022-07-10T01:02:03'
+	else if (typeof dateTime === 'string' && dateTime.includes('-') && !dateTime.includes('T')) {
+		date = new Date(dateTime.replace(/-/g, '/'))
+	}
+	// 其他都认为符合 RFC 2822 规范
+	else {
+		date = new Date(dateTime)
+	}
+
+	const timeSource = {
+		'y': date.getFullYear().toString(), // 年
+		'm': (date.getMonth() + 1).toString().padStart(2, '0'), // 月
+		'd': date.getDate().toString().padStart(2, '0'), // 日
+		'h': date.getHours().toString().padStart(2, '0'), // 时
+		'M': date.getMinutes().toString().padStart(2, '0'), // 分
+		's': date.getSeconds().toString().padStart(2, '0') // 秒
+		// 有其他格式化字符需求可以继续添加，必须转化成字符串
+	}
+
+	for (const key in timeSource) {
+		const [ret] = new RegExp(`${key}+`).exec(formatStr) || []
+		if (ret) {
+			// 年可能只需展示两位
+			const beginIndex = key === 'y' && ret.length === 2 ? 2 : 0
+			formatStr = formatStr.replace(ret, timeSource[key].slice(beginIndex))
+		}
+	}
+
+	return formatStr
+}
+
+/**
+ * @description 时间戳转为多久之前
+ * @param {String|Number} timestamp 时间戳
+ * @param {String|Boolean} format
+ * 格式化规则如果为时间格式字符串，超出一定时间范围，返回固定的时间格式；
+ * 如果为布尔值false，无论什么时间，都返回多久以前的格式
+ * @returns {string} 转化后的内容
+ */
+function timeFrom(timestamp = null, format = 'yyyy-mm-dd') {
+	if (timestamp == null) timestamp = Number(new Date())
+	timestamp = parseInt(timestamp)
+	// 判断用户输入的时间戳是秒还是毫秒,一般前端js获取的时间戳是毫秒(13位),后端传过来的为秒(10位)
+	if (timestamp.toString().length == 10) timestamp *= 1000
+	let timer = (new Date()).getTime() - timestamp
+	timer = parseInt(timer / 1000)
+	// 如果小于5分钟,则返回"刚刚",其他以此类推
+	let tips = ''
+	switch (true) {
+		case timer < 300:
+			tips = '刚刚'
+			break
+		case timer >= 300 && timer < 3600:
+			tips = `${parseInt(timer / 60)}分钟前`
+			break
+		case timer >= 3600 && timer < 86400:
+			tips = `${parseInt(timer / 3600)}小时前`
+			break
+		case timer >= 86400 && timer < 2592000:
+			tips = `${parseInt(timer / 86400)}天前`
+			break
+		default:
+			// 如果format为false，则无论什么时间戳，都显示xx之前
+			if (format === false) {
+				if (timer >= 2592000 && timer < 365 * 86400) {
+					tips = `${parseInt(timer / (86400 * 30))}个月前`
+				} else {
+					tips = `${parseInt(timer / (86400 * 365))}年前`
+				}
+			} else {
+				tips = timeFormat(timestamp, format)
+			}
+	}
+	return tips
+}
+
+/**
+ * @description 去除空格
+ * @param String str 需要去除空格的字符串
+ * @param String pos both(左右)|left|right|all 默认both
+ */
+function trim(str, pos = 'both') {
+	str = String(str)
+	if (pos == 'both') {
+		return str.replace(/^\s+|\s+$/g, '')
+	}
+	if (pos == 'left') {
+		return str.replace(/^\s*/, '')
+	}
+	if (pos == 'right') {
+		return str.replace(/(\s*$)/g, '')
+	}
+	if (pos == 'all') {
+		return str.replace(/\s+/g, '')
+	}
+	return str
+}
+
+/**
+ * @description 对象转url参数
+ * @param {object} data,对象
+ * @param {Boolean} isPrefix,是否自动加上"?"
+ * @param {string} arrayFormat 规则 indices|brackets|repeat|comma
+ */
+function queryParams(data = {}, isPrefix = true, arrayFormat = 'brackets') {
+	const prefix = isPrefix ? '?' : ''
+	const _result = []
+	if (['indices', 'brackets', 'repeat', 'comma'].indexOf(arrayFormat) == -1) arrayFormat = 'brackets'
+	for (const key in data) {
+		const value = data[key]
+		// 去掉为空的参数
+		if (['', undefined, null].indexOf(value) >= 0) {
+			continue
+		}
+		// 如果值为数组，另行处理
+		if (value.constructor === Array) {
+			// e.g. {ids: [1, 2, 3]}
+			switch (arrayFormat) {
+				case 'indices':
+					// 结果: ids[0]=1&ids[1]=2&ids[2]=3
+					for (let i = 0; i < value.length; i++) {
+						_result.push(`${key}[${i}]=${value[i]}`)
+					}
+					break
+				case 'brackets':
+					// 结果: ids[]=1&ids[]=2&ids[]=3
+					value.forEach((_value) => {
+						_result.push(`${key}[]=${_value}`)
+					})
+					break
+				case 'repeat':
+					// 结果: ids=1&ids=2&ids=3
+					value.forEach((_value) => {
+						_result.push(`${key}=${_value}`)
+					})
+					break
+				case 'comma':
+					// 结果: ids=1,2,3
+					let commaStr = ''
+					value.forEach((_value) => {
+						commaStr += (commaStr ? ',' : '') + _value
+					})
+					_result.push(`${key}=${commaStr}`)
+					break
+				default:
+					value.forEach((_value) => {
+						_result.push(`${key}[]=${_value}`)
+					})
+			}
+		} else {
+			_result.push(`${key}=${value}`)
+		}
+	}
+	return _result.length ? prefix + _result.join('&') : ''
+}
+
+/**
+ * 显示消息提示框
+ * @param {String} title 提示的内容，长度与 icon 取值有关。
+ * @param {Number} duration 提示的延迟时间，单位毫秒，默认：2000
+ */
+function toast(title, duration = 2000) {
+	uni.showToast({
+		title: String(title),
+		icon: 'none',
+		duration
+	})
+}
+
+/**
+ * @description 根据主题type值,获取对应的图标
+ * @param {String} type 主题名称,primary|info|error|warning|success
+ * @param {boolean} fill 是否使用fill填充实体的图标
+ */
+function type2icon(type = 'success', fill = false) {
+	// 如果非预置值,默认为success
+	if (['primary', 'info', 'error', 'warning', 'success'].indexOf(type) == -1) type = 'success'
+	let iconName = ''
+	// 目前(2019-12-12),info和primary使用同一个图标
+	switch (type) {
+		case 'primary':
+			iconName = 'info-circle'
+			break
+		case 'info':
+			iconName = 'info-circle'
+			break
+		case 'error':
+			iconName = 'close-circle'
+			break
+		case 'warning':
+			iconName = 'error-circle'
+			break
+		case 'success':
+			iconName = 'checkmark-circle'
+			break
+		default:
+			iconName = 'checkmark-circle'
+	}
+	// 是否是实体类型,加上-fill,在icon组件库中,实体的类名是后面加-fill的
+	if (fill) iconName += '-fill'
+	return iconName
+}
+
+/**
+ * @description 数字格式化
+ * @param {number|string} number 要格式化的数字
+ * @param {number} decimals 保留几位小数
+ * @param {string} decimalPoint 小数点符号
+ * @param {string} thousandsSeparator 千分位符号
+ * @returns {string} 格式化后的数字
+ */
+function priceFormat(number, decimals = 0, decimalPoint = '.', thousandsSeparator = ',') {
+	number = (`${number}`).replace(/[^0-9+-Ee.]/g, '')
+	const n = !isFinite(+number) ? 0 : +number
+	const prec = !isFinite(+decimals) ? 0 : Math.abs(decimals)
+	const sep = (typeof thousandsSeparator === 'undefined') ? ',' : thousandsSeparator
+	const dec = (typeof decimalPoint === 'undefined') ? '.' : decimalPoint
+	let s = ''
+
+	s = (prec ? round(n, prec) + '' : `${Math.round(n)}`).split('.')
+	const re = /(-?\d+)(\d{3})/
+	while (re.test(s[0])) {
+		s[0] = s[0].replace(re, `$1${sep}$2`)
+	}
+
+	if ((s[1] || '').length < prec) {
+		s[1] = s[1] || ''
+		s[1] += new Array(prec - s[1].length + 1).join('0')
+	}
+	return s.join(dec)
+}
+
+/**
+ * @description 获取duration值
+ * 如果带有ms或者s直接返回，如果大于一定值，认为是ms单位，小于一定值，认为是s单位
+ * 比如以30位阈值，那么300大于30，可以理解为用户想要的是300ms，而不是想花300s去执行一个动画
+ * @param {String|number} value 比如: "1s"|"100ms"|1|100
+ * @param {boolean} unit  提示: 如果是false 默认返回number
+ * @return {string|number}
+ */
+function getDuration(value, unit = true) {
+	const valueNum = parseInt(value)
+	if (unit) {
+		if (/s$/.test(value)) return value
+		return value > 30 ? `${value}ms` : `${value}s`
+	}
+	if (/ms$/.test(value)) return valueNum
+	if (/s$/.test(value)) return valueNum > 30 ? valueNum : valueNum * 1000
+	return valueNum
+}
+
+/**
+ * @description 日期的月或日补零操作
+ * @param {String} value 需要补零的值
+ */
+function padZero(value) {
+	return `00${value}`.slice(-2)
+}
+
+/**
+ * @description 在uv-form的子组件内容发生变化，或者失去焦点时，尝试通知uv-form执行校验方法
+ * @param {*} instance
+ * @param {*} event
+ */
+function formValidate(instance, event) {
+	const formItem = $parent.call(instance, 'uv-form-item')
+	const form = $parent.call(instance, 'uv-form')
+	// 如果发生变化的input或者textarea等，其父组件中有uv-form-item或者uv-form等，就执行form的validate方法
+	// 同时将form-item的pros传递给form，让其进行精确对象验证
+	if (formItem && form) {
+		form.validateField(formItem.prop, () => {}, event)
+	}
+}
+
+/**
+ * @description 获取某个对象下的属性，用于通过类似'a.b.c'的形式去获取一个对象的的属性的形式
+ * @param {object} obj 对象
+ * @param {string} key 需要获取的属性字段
+ * @returns {*}
+ */
+function getProperty(obj, key) {
+	if (!obj) {
+		return
+	}
+	if (typeof key !== 'string' || key === '') {
+		return ''
+	}
+	if (key.indexOf('.') !== -1) {
+		const keys = key.split('.')
+		let firstObj = obj[keys[0]] || {}
+
+		for (let i = 1; i < keys.length; i++) {
+			if (firstObj) {
+				firstObj = firstObj[keys[i]]
+			}
+		}
+		return firstObj
+	}
+	return obj[key]
+}
+
+/**
+ * @description 设置对象的属性值，如果'a.b.c'的形式进行设置
+ * @param {object} obj 对象
+ * @param {string} key 需要设置的属性
+ * @param {string} value 设置的值
+ */
+function setProperty(obj, key, value) {
+	if (!obj) {
+		return
+	}
+	// 递归赋值
+	const inFn = function(_obj, keys, v) {
+		// 最后一个属性key
+		if (keys.length === 1) {
+			_obj[keys[0]] = v
+			return
+		}
+		// 0~length-1个key
+		while (keys.length > 1) {
+			const k = keys[0]
+			if (!_obj[k] || (typeof _obj[k] !== 'object')) {
+				_obj[k] = {}
+			}
+			const key = keys.shift()
+			// 自调用判断是否存在属性，不存在则自动创建对象
+			inFn(_obj[k], keys, v)
+		}
+	}
+
+	if (typeof key !== 'string' || key === '') {
+
+	} else if (key.indexOf('.') !== -1) { // 支持多层级赋值操作
+		const keys = key.split('.')
+		inFn(obj, keys, value)
+	} else {
+		obj[key] = value
+	}
+}
+
+/**
+ * @description 获取当前页面路径
+ */
+function page() {
+	const pages = getCurrentPages();
+	const route = pages[pages.length - 1]?.route;
+	// 某些特殊情况下(比如页面进行redirectTo时的一些时机)，pages可能为空数组
+	return `/${route ? route : ''}`
+}
+
+/**
+ * @description 获取当前路由栈实例数组
+ */
+function pages() {
+	const pages = getCurrentPages()
+	return pages
+}
+
+/**
+ * 获取页面历史栈指定层实例
+ * @param back {number} [0] - 0或者负数，表示获取历史栈的哪一层，0表示获取当前页面实例，-1 表示获取上一个页面实例。默认0。
+ */
+function getHistoryPage(back = 0) {
+	const pages = getCurrentPages()
+	const len = pages.length
+	return pages[len - 1 + back]
+}
+
+
+
+/**
+ * @description 修改uvui内置属性值
+ * @param {object} props 修改内置props属性
+ * @param {object} config 修改内置config属性
+ * @param {object} color 修改内置color属性
+ * @param {object} zIndex 修改内置zIndex属性
+ */
+function setConfig({
+	props = {},
+	config = {},
+	color = {},
+	zIndex = {}
+}) {
+	const {
+		deepMerge,
+	} = uni.$uv
+	uni.$uv.config = deepMerge(uni.$uv.config, config)
+	uni.$uv.props = deepMerge(uni.$uv.props, props)
+	uni.$uv.color = deepMerge(uni.$uv.color, color)
+	uni.$uv.zIndex = deepMerge(uni.$uv.zIndex, zIndex)
+}
+
+export {
+	range,
+	getPx,
+	sleep,
+	os,
+	sys,
+	random,
+	guid,
+	$parent,
+	addStyle,
+	addUnit,
+	deepClone,
+	deepMerge,
+	error,
+	randomArray,
+	timeFormat,
+	timeFrom,
+	trim,
+	queryParams,
+	toast,
+	type2icon,
+	priceFormat,
+	getDuration,
+	padZero,
+	formValidate,
+	getProperty,
+	setProperty,
+	page,
+	pages,
+	getHistoryPage,
+	setConfig
+}
\ No newline at end of file
diff --git a/uni_modules/uv-ui-tools/libs/function/platform.js b/uni_modules/uv-ui-tools/libs/function/platform.js
new file mode 100644
index 0000000..d6b926e
--- /dev/null
+++ b/uni_modules/uv-ui-tools/libs/function/platform.js
@@ -0,0 +1,75 @@
+/**
+ * 注意：
+ * 此部分内容，在vue-cli模式下，需要在vue.config.js加入如下内容才有效：
+ * module.exports = {
+ *     transpileDependencies: ['uview-v2']
+ * }
+ */
+
+let platform = 'none'
+
+// #ifdef VUE3
+platform = 'vue3'
+// #endif
+
+// #ifdef VUE2
+platform = 'vue2'
+// #endif
+
+// #ifdef APP-PLUS
+platform = 'plus'
+// #endif
+
+// #ifdef APP-NVUE
+platform = 'nvue'
+// #endif
+
+// #ifdef H5
+platform = 'h5'
+// #endif
+
+// #ifdef MP-WEIXIN
+platform = 'weixin'
+// #endif
+
+// #ifdef MP-ALIPAY
+platform = 'alipay'
+// #endif
+
+// #ifdef MP-BAIDU
+platform = 'baidu'
+// #endif
+
+// #ifdef MP-TOUTIAO
+platform = 'toutiao'
+// #endif
+
+// #ifdef MP-QQ
+platform = 'qq'
+// #endif
+
+// #ifdef MP-KUAISHOU
+platform = 'kuaishou'
+// #endif
+
+// #ifdef MP-360
+platform = '360'
+// #endif
+
+// #ifdef MP
+platform = 'mp'
+// #endif
+
+// #ifdef QUICKAPP-WEBVIEW
+platform = 'quickapp-webview'
+// #endif
+
+// #ifdef QUICKAPP-WEBVIEW-HUAWEI
+platform = 'quickapp-webview-huawei'
+// #endif
+
+// #ifdef QUICKAPP-WEBVIEW-UNION
+platform = 'quckapp-webview-union'
+// #endif
+
+export default platform
diff --git a/uni_modules/uv-ui-tools/libs/function/test.js b/uni_modules/uv-ui-tools/libs/function/test.js
new file mode 100644
index 0000000..7c8b747
--- /dev/null
+++ b/uni_modules/uv-ui-tools/libs/function/test.js
@@ -0,0 +1,287 @@
+/**
+ * 验证电子邮箱格式
+ */
+function email(value) {
+    return /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/.test(value)
+}
+
+/**
+ * 验证手机格式
+ */
+function mobile(value) {
+    return /^1([3589]\d|4[5-9]|6[1-2,4-7]|7[0-8])\d{8}$/.test(value)
+}
+
+/**
+ * 验证URL格式
+ */
+function url(value) {
+    return /^((https|http|ftp|rtsp|mms):\/\/)(([0-9a-zA-Z_!~*'().&=+$%-]+: )?[0-9a-zA-Z_!~*'().&=+$%-]+@)?(([0-9]{1,3}.){3}[0-9]{1,3}|([0-9a-zA-Z_!~*'()-]+.)*([0-9a-zA-Z][0-9a-zA-Z-]{0,61})?[0-9a-zA-Z].[a-zA-Z]{2,6})(:[0-9]{1,4})?((\/?)|(\/[0-9a-zA-Z_!~*'().;?:@&=+$,%#-]+)+\/?)$/
+        .test(value)
+}
+
+/**
+ * 验证日期格式
+ */
+function date(value) {
+    if (!value) return false
+    // 判断是否数值或者字符串数值(意味着为时间戳)，转为数值，否则new Date无法识别字符串时间戳
+    if (number(value)) value = +value
+    return !/Invalid|NaN/.test(new Date(value).toString())
+}
+
+/**
+ * 验证ISO类型的日期格式
+ */
+function dateISO(value) {
+    return /^\d{4}[\/\-](0?[1-9]|1[012])[\/\-](0?[1-9]|[12][0-9]|3[01])$/.test(value)
+}
+
+/**
+ * 验证十进制数字
+ */
+function number(value) {
+    return /^[\+-]?(\d+\.?\d*|\.\d+|\d\.\d+e\+\d+)$/.test(value)
+}
+
+/**
+ * 验证字符串
+ */
+function string(value) {
+    return typeof value === 'string'
+}
+
+/**
+ * 验证整数
+ */
+function digits(value) {
+    return /^\d+$/.test(value)
+}
+
+/**
+ * 验证身份证号码
+ */
+function idCard(value) {
+    return /^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/.test(
+        value
+    )
+}
+
+/**
+ * 是否车牌号
+ */
+function carNo(value) {
+    // 新能源车牌
+    const xreg = /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}(([0-9]{5}[DF]$)|([DF][A-HJ-NP-Z0-9][0-9]{4}$))/
+    // 旧车牌
+    const creg = /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳]{1}$/
+    if (value.length === 7) {
+        return creg.test(value)
+    } if (value.length === 8) {
+        return xreg.test(value)
+    }
+    return false
+}
+
+/**
+ * 金额,只允许2位小数
+ */
+function amount(value) {
+    // 金额，只允许保留两位小数
+    return /^[1-9]\d*(,\d{3})*(\.\d{1,2})?$|^0\.\d{1,2}$/.test(value)
+}
+
+/**
+ * 中文
+ */
+function chinese(value) {
+    const reg = /^[\u4e00-\u9fa5]+$/gi
+    return reg.test(value)
+}
+
+/**
+ * 只能输入字母
+ */
+function letter(value) {
+    return /^[a-zA-Z]*$/.test(value)
+}
+
+/**
+ * 只能是字母或者数字
+ */
+function enOrNum(value) {
+    // 英文或者数字
+    const reg = /^[0-9a-zA-Z]*$/g
+    return reg.test(value)
+}
+
+/**
+ * 验证是否包含某个值
+ */
+function contains(value, param) {
+    return value.indexOf(param) >= 0
+}
+
+/**
+ * 验证一个值范围[min, max]
+ */
+function range(value, param) {
+    return value >= param[0] && value <= param[1]
+}
+
+/**
+ * 验证一个长度范围[min, max]
+ */
+function rangeLength(value, param) {
+    return value.length >= param[0] && value.length <= param[1]
+}
+
+/**
+ * 是否固定电话
+ */
+function landline(value) {
+    const reg = /^\d{3,4}-\d{7,8}(-\d{3,4})?$/
+    return reg.test(value)
+}
+
+/**
+ * 判断是否为空
+ */
+function empty(value) {
+    switch (typeof value) {
+    case 'undefined':
+        return true
+    case 'string':
+        if (value.replace(/(^[ \t\n\r]*)|([ \t\n\r]*$)/g, '').length == 0) return true
+        break
+    case 'boolean':
+        if (!value) return true
+        break
+    case 'number':
+        if (value === 0 || isNaN(value)) return true
+        break
+    case 'object':
+        if (value === null || value.length === 0) return true
+        for (const i in value) {
+            return false
+        }
+        return true
+    }
+    return false
+}
+
+/**
+ * 是否json字符串
+ */
+function jsonString(value) {
+    if (typeof value === 'string') {
+        try {
+            const obj = JSON.parse(value)
+            if (typeof obj === 'object' && obj) {
+                return true
+            }
+            return false
+        } catch (e) {
+            return false
+        }
+    }
+    return false
+}
+
+/**
+ * 是否数组
+ */
+function array(value) {
+    if (typeof Array.isArray === 'function') {
+        return Array.isArray(value)
+    }
+    return Object.prototype.toString.call(value) === '[object Array]'
+}
+
+/**
+ * 是否对象
+ */
+function object(value) {
+    return Object.prototype.toString.call(value) === '[object Object]'
+}
+
+/**
+ * 是否短信验证码
+ */
+function code(value, len = 6) {
+    return new RegExp(`^\\d{${len}}$`).test(value)
+}
+
+/**
+ * 是否函数方法
+ * @param {Object} value
+ */
+function func(value) {
+    return typeof value === 'function'
+}
+
+/**
+ * 是否promise对象
+ * @param {Object} value
+ */
+function promise(value) {
+    return object(value) && func(value.then) && func(value.catch)
+}
+
+/** 是否图片格式
+ * @param {Object} value
+ */
+function image(value) {
+    const newValue = value.split('?')[0]
+    const IMAGE_REGEXP = /\.(jpeg|jpg|gif|png|svg|webp|jfif|bmp|dpg)/i
+    return IMAGE_REGEXP.test(newValue)
+}
+
+/**
+ * 是否视频格式
+ * @param {Object} value
+ */
+function video(value) {
+    const VIDEO_REGEXP = /\.(mp4|mpg|mpeg|dat|asf|avi|rm|rmvb|mov|wmv|flv|mkv|m3u8)/i
+    return VIDEO_REGEXP.test(value)
+}
+
+/**
+ * 是否为正则对象
+ * @param {Object}
+ * @return {Boolean}
+ */
+function regExp(o) {
+    return o && Object.prototype.toString.call(o) === '[object RegExp]'
+}
+
+export {
+    email,
+    mobile,
+    url,
+    date,
+    dateISO,
+    number,
+    digits,
+    idCard,
+    carNo,
+    amount,
+    chinese,
+    letter,
+    enOrNum,
+    contains,
+    range,
+    rangeLength,
+    empty,
+    jsonString,
+    landline,
+    object,
+    array,
+    code,
+    func,
+    promise,
+    video,
+    image,
+    regExp,
+    string
+}
diff --git a/uni_modules/uv-ui-tools/libs/function/throttle.js b/uni_modules/uv-ui-tools/libs/function/throttle.js
new file mode 100644
index 0000000..2f33611
--- /dev/null
+++ b/uni_modules/uv-ui-tools/libs/function/throttle.js
@@ -0,0 +1,30 @@
+let timer; let
+    flag
+/**
+ * 节流原理：在一定时间内，只能触发一次
+ *
+ * @param {Function} func 要执行的回调函数
+ * @param {Number} wait 延时的时间
+ * @param {Boolean} immediate 是否立即执行
+ * @return null
+ */
+function throttle(func, wait = 500, immediate = true) {
+    if (immediate) {
+        if (!flag) {
+            flag = true
+            // 如果是立即执行，则在wait毫秒内开始时执行
+            typeof func === 'function' && func()
+            timer = setTimeout(() => {
+                flag = false
+            }, wait)
+        }
+    } else if (!flag) {
+        flag = true
+        // 如果是非立即执行，则在wait毫秒内的结束处执行
+        timer = setTimeout(() => {
+            flag = false
+            typeof func === 'function' && func()
+        }, wait)
+    }
+}
+export default throttle
diff --git a/uni_modules/uv-ui-tools/libs/luch-request/adapters/index.js b/uni_modules/uv-ui-tools/libs/luch-request/adapters/index.js
new file mode 100644
index 0000000..31a5cfc
--- /dev/null
+++ b/uni_modules/uv-ui-tools/libs/luch-request/adapters/index.js
@@ -0,0 +1,132 @@
+import buildURL from '../helpers/buildURL'
+import buildFullPath from '../core/buildFullPath'
+import settle from '../core/settle'
+import {isUndefined} from "../utils"
+
+/**
+ * 返回可选值存在的配置
+ * @param {Array} keys - 可选值数组
+ * @param {Object} config2 - 配置
+ * @return {{}} - 存在的配置项
+ */
+const mergeKeys = (keys, config2) => {
+  let config = {}
+  keys.forEach(prop => {
+    if (!isUndefined(config2[prop])) {
+      config[prop] = config2[prop]
+    }
+  })
+  return config
+}
+export default (config) => {
+  return new Promise((resolve, reject) => {
+    let fullPath = buildURL(buildFullPath(config.baseURL, config.url), config.params, config.paramsSerializer)
+    const _config = {
+      url: fullPath,
+      header: config.header,
+      complete: (response) => {
+        config.fullPath = fullPath
+        response.config = config
+        response.rawData = response.data
+        try {
+          let jsonParseHandle = false
+          const forcedJSONParsingType = typeof config.forcedJSONParsing
+          if (forcedJSONParsingType === 'boolean') {
+            jsonParseHandle = config.forcedJSONParsing
+          } else if (forcedJSONParsingType === 'object') {
+            const includesMethod = config.forcedJSONParsing.include || []
+            jsonParseHandle = includesMethod.includes(config.method)
+          }
+
+          // 对可能字符串不是json 的情况容错
+          if (jsonParseHandle && typeof response.data === 'string') {
+            response.data = JSON.parse(response.data)
+          }
+          // eslint-disable-next-line no-empty
+        } catch (e) {
+        }
+        settle(resolve, reject, response)
+      }
+    }
+    let requestTask
+    if (config.method === 'UPLOAD') {
+      delete _config.header['content-type']
+      delete _config.header['Content-Type']
+      let otherConfig = {
+        // #ifdef MP-ALIPAY
+        fileType: config.fileType,
+        // #endif
+        filePath: config.filePath,
+        name: config.name
+      }
+      const optionalKeys = [
+        // #ifdef APP-PLUS || H5
+        'files',
+        // #endif
+        // #ifdef H5
+        'file',
+        // #endif
+        // #ifdef H5 || APP-PLUS || MP-WEIXIN || MP-ALIPAY || MP-TOUTIAO || MP-KUAISHOU
+        'timeout',
+        // #endif
+        'formData'
+      ]
+      requestTask = uni.uploadFile({..._config, ...otherConfig, ...mergeKeys(optionalKeys, config)})
+    } else if (config.method === 'DOWNLOAD') {
+      const optionalKeys = [
+        // #ifdef H5 || APP-PLUS || MP-WEIXIN || MP-ALIPAY || MP-TOUTIAO || MP-KUAISHOU
+        'timeout',
+        // #endif
+        // #ifdef MP
+        'filePath',
+        // #endif
+      ]
+      requestTask = uni.downloadFile({..._config, ...mergeKeys(optionalKeys, config)})
+    } else {
+      const optionalKeys = [
+        'data',
+        'method',
+        // #ifdef H5 || APP-PLUS || MP-ALIPAY || MP-WEIXIN
+        'timeout',
+        // #endif
+        'dataType',
+        // #ifndef MP-ALIPAY
+        'responseType',
+        // #endif
+        // #ifdef APP-PLUS
+        'sslVerify',
+        // #endif
+        // #ifdef H5
+        'withCredentials',
+        // #endif
+        // #ifdef APP-PLUS
+        'firstIpv4',
+        // #endif
+        // #ifdef MP-WEIXIN
+        'enableHttp2',
+        'enableQuic',
+        // #endif
+        // #ifdef MP-TOUTIAO || MP-WEIXIN
+        'enableCache',
+        // #endif
+        // #ifdef MP-WEIXIN
+        'enableHttpDNS',
+        'httpDNSServiceId',
+        'enableChunked',
+        'forceCellularNetwork',
+        // #endif
+        // #ifdef MP-ALIPAY
+        'enableCookie',
+        // #endif
+        // #ifdef MP-BAIDU
+        'cloudCache',
+        'defer'
+        // #endif
+      ]
+      requestTask = uni.request({..._config, ...mergeKeys(optionalKeys, config)})
+    }
+    if (config.getTask) {
+      config.getTask(requestTask, config)
+    }
+  })
+}
diff --git a/uni_modules/uv-ui-tools/libs/luch-request/core/InterceptorManager.js b/uni_modules/uv-ui-tools/libs/luch-request/core/InterceptorManager.js
new file mode 100644
index 0000000..3ea0d5e
--- /dev/null
+++ b/uni_modules/uv-ui-tools/libs/luch-request/core/InterceptorManager.js
@@ -0,0 +1,51 @@
+'use strict'
+
+
+function InterceptorManager() {
+  this.handlers = []
+}
+
+/**
+ * Add a new interceptor to the stack
+ *
+ * @param {Function} fulfilled The function to handle `then` for a `Promise`
+ * @param {Function} rejected The function to handle `reject` for a `Promise`
+ *
+ * @return {Number} An ID used to remove interceptor later
+ */
+InterceptorManager.prototype.use = function use(fulfilled, rejected) {
+  this.handlers.push({
+    fulfilled: fulfilled,
+    rejected: rejected
+  })
+  return this.handlers.length - 1
+}
+
+/**
+ * Remove an interceptor from the stack
+ *
+ * @param {Number} id The ID that was returned by `use`
+ */
+InterceptorManager.prototype.eject = function eject(id) {
+  if (this.handlers[id]) {
+    this.handlers[id] = null
+  }
+}
+
+/**
+ * Iterate over all the registered interceptors
+ *
+ * This method is particularly useful for skipping over any
+ * interceptors that may have become `null` calling `eject`.
+ *
+ * @param {Function} fn The function to call for each interceptor
+ */
+InterceptorManager.prototype.forEach = function forEach(fn) {
+  this.handlers.forEach(h => {
+    if (h !== null) {
+      fn(h)
+    }
+  })
+}
+
+export default InterceptorManager
diff --git a/uni_modules/uv-ui-tools/libs/luch-request/core/Request.js b/uni_modules/uv-ui-tools/libs/luch-request/core/Request.js
new file mode 100644
index 0000000..96c89a8
--- /dev/null
+++ b/uni_modules/uv-ui-tools/libs/luch-request/core/Request.js
@@ -0,0 +1,201 @@
+/**
+ * @Class Request
+ * @description luch-request http请求插件
+ * @Author lu-ch
+ * @Email webwork.s@qq.com
+ * 文档: https://www.quanzhan.co/luch-request/
+ * github: https://github.com/lei-mu/luch-request
+ * DCloud: http://ext.dcloud.net.cn/plugin?id=392
+ */
+
+
+import dispatchRequest from './dispatchRequest'
+import InterceptorManager from './InterceptorManager'
+import mergeConfig from './mergeConfig'
+import defaults from './defaults'
+import { isPlainObject } from '../utils'
+import clone from '../utils/clone'
+
+export default class Request {
+  /**
+   * @param {Object} arg - 全局配置
+   * @param {String} arg.baseURL - 全局根路径
+   * @param {Object} arg.header - 全局header
+   * @param {String} arg.method = [GET|POST|PUT|DELETE|CONNECT|HEAD|OPTIONS|TRACE] - 全局默认请求方式
+   * @param {String} arg.dataType = [json] - 全局默认的dataType
+   * @param {String} arg.responseType = [text|arraybuffer] - 全局默认的responseType。支付宝小程序不支持
+   * @param {Object} arg.custom - 全局默认的自定义参数
+   * @param {Number} arg.timeout - 全局默认的超时时间，单位 ms。默认60000。H5(HBuilderX 2.9.9+)、APP(HBuilderX 2.9.9+)、微信小程序（2.10.0）、支付宝小程序
+   * @param {Boolean} arg.sslVerify - 全局默认的是否验证 ssl 证书。默认true.仅App安卓端支持（HBuilderX 2.3.3+）
+   * @param {Boolean} arg.withCredentials - 全局默认的跨域请求时是否携带凭证（cookies）。默认false。仅H5支持（HBuilderX 2.6.15+）
+   * @param {Boolean} arg.firstIpv4 - 全DNS解析时优先使用ipv4。默认false。仅 App-Android 支持 (HBuilderX 2.8.0+)
+   * @param {Function(statusCode):Boolean} arg.validateStatus - 全局默认的自定义验证器。默认statusCode >= 200 && statusCode < 300
+   */
+  constructor(arg = {}) {
+    if (!isPlainObject(arg)) {
+      arg = {}
+      console.warn('设置全局参数必须接收一个Object')
+    }
+    this.config = clone({...defaults, ...arg})
+    this.interceptors = {
+      request: new InterceptorManager(),
+      response: new InterceptorManager()
+    }
+  }
+
+  /**
+   * @Function
+   * @param {Request~setConfigCallback} f - 设置全局默认配置
+   */
+  setConfig(f) {
+    this.config = f(this.config)
+  }
+
+  middleware(config) {
+    config = mergeConfig(this.config, config)
+    let chain = [dispatchRequest, undefined]
+    let promise = Promise.resolve(config)
+
+    this.interceptors.request.forEach(function unshiftRequestInterceptors(interceptor) {
+      chain.unshift(interceptor.fulfilled, interceptor.rejected)
+    })
+
+    this.interceptors.response.forEach(function pushResponseInterceptors(interceptor) {
+      chain.push(interceptor.fulfilled, interceptor.rejected)
+    })
+
+    while (chain.length) {
+      promise = promise.then(chain.shift(), chain.shift())
+    }
+
+    return promise
+  }
+
+  /**
+   * @Function
+   * @param {Object} config - 请求配置项
+   * @prop {String} options.url - 请求路径
+   * @prop {Object} options.data - 请求参数
+   * @prop {Object} [options.responseType = config.responseType] [text|arraybuffer] - 响应的数据类型
+   * @prop {Object} [options.dataType = config.dataType] - 如果设为 json，会尝试对返回的数据做一次 JSON.parse
+   * @prop {Object} [options.header = config.header] - 请求header
+   * @prop {Object} [options.method = config.method] - 请求方法
+   * @returns {Promise<unknown>}
+   */
+  request(config = {}) {
+    return this.middleware(config)
+  }
+
+  get(url, options = {}) {
+    return this.middleware({
+      url,
+      method: 'GET',
+      ...options
+    })
+  }
+
+  post(url, data, options = {}) {
+    return this.middleware({
+      url,
+      data,
+      method: 'POST',
+      ...options
+    })
+  }
+
+  // #ifndef MP-ALIPAY || MP-KUAISHOU || MP-JD
+  put(url, data, options = {}) {
+    return this.middleware({
+      url,
+      data,
+      method: 'PUT',
+      ...options
+    })
+  }
+
+  // #endif
+
+  // #ifdef APP-PLUS || H5 || MP-WEIXIN || MP-BAIDU
+  delete(url, data, options = {}) {
+    return this.middleware({
+      url,
+      data,
+      method: 'DELETE',
+      ...options
+    })
+  }
+
+  // #endif
+
+  // #ifdef H5 || MP-WEIXIN
+  connect(url, data, options = {}) {
+    return this.middleware({
+      url,
+      data,
+      method: 'CONNECT',
+      ...options
+    })
+  }
+
+  // #endif
+
+  // #ifdef  H5 || MP-WEIXIN || MP-BAIDU
+  head(url, data, options = {}) {
+    return this.middleware({
+      url,
+      data,
+      method: 'HEAD',
+      ...options
+    })
+  }
+
+  // #endif
+
+  // #ifdef APP-PLUS || H5 || MP-WEIXIN || MP-BAIDU
+  options(url, data, options = {}) {
+    return this.middleware({
+      url,
+      data,
+      method: 'OPTIONS',
+      ...options
+    })
+  }
+
+  // #endif
+
+  // #ifdef H5 || MP-WEIXIN
+  trace(url, data, options = {}) {
+    return this.middleware({
+      url,
+      data,
+      method: 'TRACE',
+      ...options
+    })
+  }
+
+  // #endif
+
+  upload(url, config = {}) {
+    config.url = url
+    config.method = 'UPLOAD'
+    return this.middleware(config)
+  }
+
+  download(url, config = {}) {
+    config.url = url
+    config.method = 'DOWNLOAD'
+    return this.middleware(config)
+  }
+
+  get version () {
+    return '3.1.0'
+  }
+}
+
+
+/**
+ * setConfig回调
+ * @return {Object} - 返回操作后的config
+ * @callback Request~setConfigCallback
+ * @param {Object} config - 全局默认config
+ */
diff --git a/uni_modules/uv-ui-tools/libs/luch-request/core/buildFullPath.js b/uni_modules/uv-ui-tools/libs/luch-request/core/buildFullPath.js
new file mode 100644
index 0000000..f2852f4
--- /dev/null
+++ b/uni_modules/uv-ui-tools/libs/luch-request/core/buildFullPath.js
@@ -0,0 +1,20 @@
+'use strict'
+
+import isAbsoluteURL from '../helpers/isAbsoluteURL'
+import combineURLs from '../helpers/combineURLs'
+
+/**
+ * Creates a new URL by combining the baseURL with the requestedURL,
+ * only when the requestedURL is not already an absolute URL.
+ * If the requestURL is absolute, this function returns the requestedURL untouched.
+ *
+ * @param {string} baseURL The base URL
+ * @param {string} requestedURL Absolute or relative URL to combine
+ * @returns {string} The combined full path
+ */
+export default function buildFullPath(baseURL, requestedURL) {
+  if (baseURL && !isAbsoluteURL(requestedURL)) {
+    return combineURLs(baseURL, requestedURL)
+  }
+  return requestedURL
+}
diff --git a/uni_modules/uv-ui-tools/libs/luch-request/core/defaults.js b/uni_modules/uv-ui-tools/libs/luch-request/core/defaults.js
new file mode 100644
index 0000000..db74609
--- /dev/null
+++ b/uni_modules/uv-ui-tools/libs/luch-request/core/defaults.js
@@ -0,0 +1,33 @@
+/**
+ * 默认的全局配置
+ */
+
+
+export default {
+  baseURL: '',
+  header: {},
+  method: 'GET',
+  dataType: 'json',
+  paramsSerializer: null,
+  // #ifndef MP-ALIPAY
+  responseType: 'text',
+  // #endif
+  custom: {},
+  // #ifdef H5 || APP-PLUS || MP-WEIXIN || MP-ALIPAY || MP-TOUTIAO || MP-KUAISHOU
+  timeout: 60000,
+  // #endif
+  // #ifdef APP-PLUS
+  sslVerify: true,
+  // #endif
+  // #ifdef H5
+  withCredentials: false,
+  // #endif
+  // #ifdef APP-PLUS
+  firstIpv4: false,
+  // #endif
+  validateStatus: function validateStatus(status) {
+    return status >= 200 && status < 300
+  },
+  // 是否尝试将响应数据json化
+  forcedJSONParsing: true
+}
diff --git a/uni_modules/uv-ui-tools/libs/luch-request/core/dispatchRequest.js b/uni_modules/uv-ui-tools/libs/luch-request/core/dispatchRequest.js
new file mode 100644
index 0000000..c5f2c85
--- /dev/null
+++ b/uni_modules/uv-ui-tools/libs/luch-request/core/dispatchRequest.js
@@ -0,0 +1,6 @@
+import adapter from '../adapters/index'
+
+
+export default (config) => {
+  return adapter(config)
+}
diff --git a/uni_modules/uv-ui-tools/libs/luch-request/core/mergeConfig.js b/uni_modules/uv-ui-tools/libs/luch-request/core/mergeConfig.js
new file mode 100644
index 0000000..99c8ecd
--- /dev/null
+++ b/uni_modules/uv-ui-tools/libs/luch-request/core/mergeConfig.js
@@ -0,0 +1,126 @@
+import {deepMerge, isUndefined} from '../utils'
+
+/**
+ * 合并局部配置优先的配置，如果局部有该配置项则用局部，如果全局有该配置项则用全局
+ * @param {Array} keys - 配置项
+ * @param {Object} globalsConfig - 当前的全局配置
+ * @param {Object} config2 - 局部配置
+ * @return {{}}
+ */
+const mergeKeys = (keys, globalsConfig, config2) => {
+  let config = {}
+  keys.forEach(prop => {
+    if (!isUndefined(config2[prop])) {
+      config[prop] = config2[prop]
+    } else if (!isUndefined(globalsConfig[prop])) {
+      config[prop] = globalsConfig[prop]
+    }
+  })
+  return config
+}
+/**
+ *
+ * @param globalsConfig - 当前实例的全局配置
+ * @param config2 - 当前的局部配置
+ * @return - 合并后的配置
+ */
+export default (globalsConfig, config2 = {}) => {
+  const method = config2.method || globalsConfig.method || 'GET'
+  let config = {
+    baseURL: config2.baseURL || globalsConfig.baseURL || '',
+    method: method,
+    url: config2.url || '',
+    params: config2.params || {},
+    custom: {...(globalsConfig.custom || {}), ...(config2.custom || {})},
+    header: deepMerge(globalsConfig.header || {}, config2.header || {})
+  }
+  const defaultToConfig2Keys = ['getTask', 'validateStatus', 'paramsSerializer', 'forcedJSONParsing']
+  config = {...config, ...mergeKeys(defaultToConfig2Keys, globalsConfig, config2)}
+
+  // eslint-disable-next-line no-empty
+  if (method === 'DOWNLOAD') {
+    const downloadKeys = [
+      // #ifdef H5 || APP-PLUS || MP-WEIXIN || MP-ALIPAY || MP-TOUTIAO || MP-KUAISHOU
+      'timeout',
+      // #endif
+      // #ifdef MP
+      'filePath',
+      // #endif
+    ]
+    config = {...config, ...mergeKeys(downloadKeys, globalsConfig, config2)}
+  } else if (method === 'UPLOAD') {
+    delete config.header['content-type']
+    delete config.header['Content-Type']
+    const uploadKeys = [
+      // #ifdef APP-PLUS || H5
+      'files',
+      // #endif
+      // #ifdef MP-ALIPAY
+      'fileType',
+      // #endif
+      // #ifdef H5
+      'file',
+      // #endif
+      'filePath',
+      'name',
+      // #ifdef H5 || APP-PLUS || MP-WEIXIN || MP-ALIPAY || MP-TOUTIAO || MP-KUAISHOU
+      'timeout',
+      // #endif
+      'formData',
+    ]
+    uploadKeys.forEach(prop => {
+      if (!isUndefined(config2[prop])) {
+        config[prop] = config2[prop]
+      }
+    })
+    // #ifdef H5 || APP-PLUS || MP-WEIXIN || MP-ALIPAY || MP-TOUTIAO || MP-KUAISHOU
+    if (isUndefined(config.timeout) && !isUndefined(globalsConfig.timeout)) {
+      config['timeout'] = globalsConfig['timeout']
+    }
+    // #endif
+  } else {
+    const defaultsKeys = [
+      'data',
+      // #ifdef H5 || APP-PLUS || MP-ALIPAY || MP-WEIXIN
+      'timeout',
+      // #endif
+      'dataType',
+      // #ifndef MP-ALIPAY
+      'responseType',
+      // #endif
+      // #ifdef APP-PLUS
+      'sslVerify',
+      // #endif
+      // #ifdef H5
+      'withCredentials',
+      // #endif
+      // #ifdef APP-PLUS
+      'firstIpv4',
+      // #endif
+      // #ifdef MP-WEIXIN
+      'enableHttp2',
+      'enableQuic',
+      // #endif
+      // #ifdef MP-TOUTIAO || MP-WEIXIN
+      'enableCache',
+      // #endif
+      // #ifdef MP-WEIXIN
+      'enableHttpDNS',
+      'httpDNSServiceId',
+      'enableChunked',
+      'forceCellularNetwork',
+      // #endif
+      // #ifdef MP-ALIPAY
+      'enableCookie',
+      // #endif
+      // #ifdef MP-BAIDU
+      'cloudCache',
+      'defer'
+      // #endif
+
+    ]
+    config = {...config, ...mergeKeys(defaultsKeys, globalsConfig, config2)}
+  }
+
+  return config
+}
diff --git a/uni_modules/uv-ui-tools/libs/luch-request/core/settle.js b/uni_modules/uv-ui-tools/libs/luch-request/core/settle.js
new file mode 100644
index 0000000..b2f1659
--- /dev/null
+++ b/uni_modules/uv-ui-tools/libs/luch-request/core/settle.js
@@ -0,0 +1,16 @@
+/**
+ * Resolve or reject a Promise based on response status.
+ *
+ * @param {Function} resolve A function that resolves the promise.
+ * @param {Function} reject A function that rejects the promise.
+ * @param {object} response The response.
+ */
+export default function settle(resolve, reject, response) {
+  const validateStatus = response.config.validateStatus
+  const status = response.statusCode
+  if (status && (!validateStatus || validateStatus(status))) {
+    resolve(response)
+  } else {
+    reject(response)
+  }
+}
diff --git a/uni_modules/uv-ui-tools/libs/luch-request/helpers/buildURL.js b/uni_modules/uv-ui-tools/libs/luch-request/helpers/buildURL.js
new file mode 100644
index 0000000..e90b908
--- /dev/null
+++ b/uni_modules/uv-ui-tools/libs/luch-request/helpers/buildURL.js
@@ -0,0 +1,64 @@
+'use strict'
+
+import * as utils from './../utils'
+
+function encode(val) {
+  return encodeURIComponent(val).replace(/%40/gi, '@').replace(/%3A/gi, ':').replace(/%24/g, '$').replace(/%2C/gi, ',').replace(/%20/g, '+').replace(/%5B/gi, '[').replace(/%5D/gi, ']')
+}
+
+/**
+ * Build a URL by appending params to the end
+ *
+ * @param {string} url The base of the url (e.g., http://www.google.com)
+ * @param {object} [params] The params to be appended
+ * @returns {string} The formatted url
+ */
+export default function buildURL(url, params, paramsSerializer) {
+  /*eslint no-param-reassign:0*/
+  if (!params) {
+    return url
+  }
+
+  var serializedParams
+  if (paramsSerializer) {
+    serializedParams = paramsSerializer(params)
+  } else if (utils.isURLSearchParams(params)) {
+    serializedParams = params.toString()
+  } else {
+    var parts = []
+
+    utils.forEach(params, function serialize(val, key) {
+      if (val === null || typeof val === 'undefined') {
+        return
+      }
+
+      if (utils.isArray(val)) {
+        key = key + '[]'
+      } else {
+        val = [val]
+      }
+
+      utils.forEach(val, function parseValue(v) {
+        if (utils.isDate(v)) {
+          v = v.toISOString()
+        } else if (utils.isObject(v)) {
+          v = JSON.stringify(v)
+        }
+        parts.push(encode(key) + '=' + encode(v))
+      })
+    })
+
+    serializedParams = parts.join('&')
+  }
+
+  if (serializedParams) {
+    var hashmarkIndex = url.indexOf('#')
+    if (hashmarkIndex !== -1) {
+      url = url.slice(0, hashmarkIndex)
+    }
+
+    url += (url.indexOf('?') === -1 ? '?' : '&') + serializedParams
+  }
+
+  return url
+}
diff --git a/uni_modules/uv-ui-tools/libs/luch-request/helpers/combineURLs.js b/uni_modules/uv-ui-tools/libs/luch-request/helpers/combineURLs.js
new file mode 100644
index 0000000..7b9d1ef
--- /dev/null
+++ b/uni_modules/uv-ui-tools/libs/luch-request/helpers/combineURLs.js
@@ -0,0 +1,14 @@
+'use strict'
+
+/**
+ * Creates a new URL by combining the specified URLs
+ *
+ * @param {string} baseURL The base URL
+ * @param {string} relativeURL The relative URL
+ * @returns {string} The combined URL
+ */
+export default function combineURLs(baseURL, relativeURL) {
+  return relativeURL
+    ? baseURL.replace(/\/+$/, '') + '/' + relativeURL.replace(/^\/+/, '')
+    : baseURL
+}
diff --git a/uni_modules/uv-ui-tools/libs/luch-request/helpers/isAbsoluteURL.js b/uni_modules/uv-ui-tools/libs/luch-request/helpers/isAbsoluteURL.js
new file mode 100644
index 0000000..2a82517
--- /dev/null
+++ b/uni_modules/uv-ui-tools/libs/luch-request/helpers/isAbsoluteURL.js
@@ -0,0 +1,14 @@
+'use strict'
+
+/**
+ * Determines whether the specified URL is absolute
+ *
+ * @param {string} url The URL to test
+ * @returns {boolean} True if the specified URL is absolute, otherwise false
+ */
+export default function isAbsoluteURL(url) {
+  // A URL is considered absolute if it begins with "<scheme>://" or "//" (protocol-relative URL).
+  // RFC 3986 defines scheme name as a sequence of characters beginning with a letter and followed
+  // by any combination of letters, digits, plus, period, or hyphen.
+  return /^([a-z][a-z\d+\-.]*:)?\/\//i.test(url)
+}
diff --git a/uni_modules/uv-ui-tools/libs/luch-request/index.d.ts b/uni_modules/uv-ui-tools/libs/luch-request/index.d.ts
new file mode 100644
index 0000000..62d3fb9
--- /dev/null
+++ b/uni_modules/uv-ui-tools/libs/luch-request/index.d.ts
@@ -0,0 +1,197 @@
+export type HttpTask = UniApp.RequestTask | UniApp.UploadTask | UniApp.DownloadTask;
+
+export type HttpRequestTask = UniApp.RequestTask;
+
+export type HttpUploadTask = UniApp.UploadTask;
+
+export type HttpDownloadTask = UniApp.DownloadTask;
+
+export type HttpMethod =
+    "GET"
+    | "POST"
+    | "PUT"
+    | "DELETE"
+    | "CONNECT"
+    | "HEAD"
+    | "OPTIONS"
+    | "TRACE"
+    | "UPLOAD"
+    | "DOWNLOAD";
+
+export type HttpRequestHeader = Record<string, string>;
+
+export type HttpParams = Record<string, any>;
+
+export type HttpData = Record<string, any>;
+
+export type HttpResponseType = 'arraybuffer' | 'text';
+
+export type HttpCustom = Record<string, any>;
+
+export type HttpFileType = 'image' | 'video' | 'audio';
+
+export type HttpFormData = Record<string, any>;
+
+export type HttpResponseHeader = Record<string, string> & {
+    "set-cookie"?: string[]
+};
+
+export interface HttpRequestConfig<T = HttpTask> {
+    /** @desc 请求服务器接口地址 */
+    url?: string;
+    /** @desc 请求方式，默认为 GET */
+    method?: HttpMethod;
+    /** @desc 请求基地址 */
+    baseURL?: string;
+    /** @desc 请求头信息，不能设置 Referer，App、H5 端会自动带上 cookie，且 H5 端不可手动修改 */
+    header?: HttpRequestHeader;
+    /** @desc 请求查询参数，自动拼接为查询字符串 */
+    params?: HttpParams;
+    /** @desc 请求体参数 */
+    data?: HttpData;
+    /** @desc 超时时间，单位 ms，默认为 60000，仅 H5 (HBuilderX 2.9.9+)、APP (HBuilderX 2.9.9+)、微信小程序 (2.10.0)、支付宝小程序支持 */
+    timeout?: number;
+    /** @desc 跨域请求时是否携带凭证 (cookies)，默认为 false，仅 H5 (HBuilderX 2.6.15+) 支持 */
+    withCredentials?: boolean;
+    /** @desc 设置响应的数据类型，支付宝小程序不支持 */
+    responseType?: HttpResponseType;
+    /** @desc 全局自定义验证器 */
+    validateStatus?: ((statusCode: number) => boolean) | null;
+
+
+    /** params 参数自定义处理 */
+    paramsSerializer?: (params: AnyObject) => string | void;
+
+    /** @desc 默认为 json，如果设为 json，会尝试对返回的数据做一次 JSON.parse */
+    dataType?: string;
+    /** @desc DNS 解析时是否优先使用 ipv4，默认为 false，仅 App-Android (HBuilderX 2.8.0+) 支持 */
+    firstIpv4?: boolean;
+    /** @desc 是否验证 SSL 证书，默认为 true，仅 App-Android (HBuilderX 2.3.3+) 支持 */
+    sslVerify?: boolean;
+
+    /** @desc 开启 http2;微信小程序 */
+    enableHttp2?: boolean;
+
+    /** @desc 开启 quic；微信小程序 */
+    enableQuic?: boolean;
+    /** @desc 开启 cache;微信小程序、字节跳动小程序 2.31.0+ */
+    enableCache?: boolean;
+    /** @desc 开启 httpDNS;微信小程序 */
+    enableHttpDNS?: boolean;
+    /** @desc httpDNS 服务商；微信小程序 */
+    httpDNSServiceId?: string;
+    /** @desc 开启 transfer-encoding chunked;微信小程序 */
+    enableChunked?: boolean;
+    /** @desc wifi下使用移动网络发送请求;微信小程序 */
+    forceCellularNetwork?: boolean;
+    /** @desc 开启后可在headers中编辑cookie;支付宝小程序 10.2.33+ */
+    enableCookie?: boolean;
+    /** @desc 是否开启云加速;百度小程序 3.310.11+ */
+    cloudCache?: boolean | object;
+    /** @desc 控制当前请求是否延时至首屏内容渲染后发送；百度小程序 3.310.11+ */
+    defer?: boolean;
+
+    /** @desc 自定义参数 */
+    custom?: HttpCustom;
+
+    /** @desc 返回当前请求的 task 和 options，不要在这里修改 options */
+    getTask?: (task: T, options: HttpRequestConfig<T>) => void;
+
+    /** @desc 需要上传的文件列表，使用 files 时，filePath 和 name 不生效，仅支持 App、H5 (2.6.15+) */
+    files?: { name?: string; file?: File; uri: string; }[];
+    /** @desc 文件类型，仅支付宝小程序支持且为必填项 */
+    fileType?: HttpFileType;
+    /** @desc 要上传的文件对象，仅 H5 (2.6.15+) 支持 */
+    file?: File;
+    /** @desc 要上传文件资源的路径，使用 files 时，filePath 和 name 不生效 */
+    filePath?: string;
+    /** @desc 文件对应的 key，开发者在服务器端通过这个 key 可以获取到文件二进制内容，使用 files 时，filePath 和 name 不生效 */
+    name?: string;
+    /** @desc 请求中其他额外的 form data */
+    formData?: HttpFormData;
+}
+
+export interface HttpResponse<T = any, D = HttpTask> {
+    data: T;
+    statusCode: number;
+    header: HttpResponseHeader;
+    config: HttpRequestConfig<D>;
+    cookies: string[];
+    errMsg: string;
+    rawData: any;
+}
+
+export interface HttpUploadResponse<T = any, D = HttpTask> {
+    data: T;
+    statusCode: number;
+    config: HttpRequestConfig<D>;
+    errMsg: string;
+    rawData: any;
+}
+
+export interface HttpDownloadResponse extends HttpResponse {
+    tempFilePath: string;
+    apFilePath?: string;
+    filePath?: string;
+    fileContent?: string;
+}
+
+export interface HttpError<T = any, D = HttpTask> {
+    data?: T;
+    statusCode?: number;
+    header?: HttpResponseHeader;
+    config: HttpRequestConfig<D>;
+    cookies?: string[];
+    errMsg: string;
+}
+
+export interface HttpPromise<T = any> extends Promise<HttpResponse<T>> {
+}
+
+export interface HttpInterceptorManager<V, E = V> {
+    use(onFulfilled?: (value: V) => V | Promise<V>, onRejected?: (error: E) => T | Promise<E>): void;
+
+    eject(id: number): void;
+}
+
+export abstract class HttpRequestAbstract {
+    constructor(config?: HttpRequestConfig);
+
+    interceptors: {
+        request: HttpInterceptorManager<HttpRequestConfig>;
+        response: HttpInterceptorManager<HttpResponse, HttpError>;
+    }
+
+    request<T = any, R = HttpResponse<T>, D = HttpRequestTask>(config: HttpRequestConfig<D>): Promise<R>;
+
+    get<T = any, R = HttpResponse<T>, D = HttpRequestTask>(url: string, config?: HttpRequestConfig<D>): Promise<R>;
+
+    delete<T = any, R = HttpResponse<T>, D = HttpRequestTask>(url: string, data?: HttpData, config?: HttpRequestConfig<D>): Promise<R>;
+
+    head<T = any, R = HttpResponse<T>, D = HttpRequestTask>(url: string, data?: HttpData, config?: HttpRequestConfig<D>): Promise<R>;
+
+    options<T = any, R = HttpResponse<T>, D = HttpRequestTask>(url: string, data?: HttpData, config?: HttpRequestConfig<D>): Promise<R>;
+
+    post<T = any, R = HttpResponse<T>, D = HttpRequestTask>(url: string, data?: HttpData, config?: HttpRequestConfig<D>): Promise<R>;
+
+    put<T = any, R = HttpResponse<T>, D = HttpRequestTask>(url: string, data?: HttpData, config?: HttpRequestConfig<D>): Promise<R>;
+
+    config: HttpRequestConfig;
+
+    setConfig<D = HttpTask>(onSend: (config: HttpRequestConfig<D>) => HttpRequestConfig<D>): void;
+
+    connect<T = any, R = HttpResponse<T>, D = HttpRequestTask>(url: string, data?: HttpData, config?: HttpRequestConfig<D>): Promise<R>;
+
+    trace<T = any, R = HttpResponse<T>, D = HttpRequestTask>(url: string, data?: HttpData, config?: HttpRequestConfig<D>): Promise<R>;
+
+    upload<T = any, R = HttpUploadResponse<T>, D = HttpUploadTask>(url: string, config?: HttpRequestConfig<D>): Promise<R>;
+
+    download<T = any, R = HttpDownloadResponse<T>, D = HttpDownloadTask>(url: string, config?: HttpRequestConfig<D>): Promise<R>;
+
+    middleware<T = any, R = HttpResponse<T>, D = HttpTask>(config: HttpRequestConfig<D>): Promise<R>;
+}
+
+declare class HttpRequest extends HttpRequestAbstract {
+}
+
+export default HttpRequest;
diff --git a/uni_modules/uv-ui-tools/libs/luch-request/index.js b/uni_modules/uv-ui-tools/libs/luch-request/index.js
new file mode 100644
index 0000000..d8fe348
--- /dev/null
+++ b/uni_modules/uv-ui-tools/libs/luch-request/index.js
@@ -0,0 +1,2 @@
+import Request from './core/Request'
+export default Request
diff --git a/uni_modules/uv-ui-tools/libs/luch-request/utils.js b/uni_modules/uv-ui-tools/libs/luch-request/utils.js
new file mode 100644
index 0000000..0b5bf21
--- /dev/null
+++ b/uni_modules/uv-ui-tools/libs/luch-request/utils.js
@@ -0,0 +1,135 @@
+'use strict'
+
+// utils is a library of generic helper functions non-specific to axios
+
+var toString = Object.prototype.toString
+
+/**
+ * Determine if a value is an Array
+ *
+ * @param {Object} val The value to test
+ * @returns {boolean} True if value is an Array, otherwise false
+ */
+export function isArray (val) {
+  return toString.call(val) === '[object Array]'
+}
+
+
+/**
+ * Determine if a value is an Object
+ *
+ * @param {Object} val The value to test
+ * @returns {boolean} True if value is an Object, otherwise false
+ */
+export function isObject (val) {
+  return val !== null && typeof val === 'object'
+}
+
+/**
+ * Determine if a value is a Date
+ *
+ * @param {Object} val The value to test
+ * @returns {boolean} True if value is a Date, otherwise false
+ */
+export function isDate (val) {
+  return toString.call(val) === '[object Date]'
+}
+
+/**
+ * Determine if a value is a URLSearchParams object
+ *
+ * @param {Object} val The value to test
+ * @returns {boolean} True if value is a URLSearchParams object, otherwise false
+ */
+export function isURLSearchParams (val) {
+  return typeof URLSearchParams !== 'undefined' && val instanceof URLSearchParams
+}
+
+
+/**
+ * Iterate over an Array or an Object invoking a function for each item.
+ *
+ * If `obj` is an Array callback will be called passing
+ * the value, index, and complete array for each item.
+ *
+ * If 'obj' is an Object callback will be called passing
+ * the value, key, and complete object for each property.
+ *
+ * @param {Object|Array} obj The object to iterate
+ * @param {Function} fn The callback to invoke for each item
+ */
+export function forEach (obj, fn) {
+  // Don't bother if no value provided
+  if (obj === null || typeof obj === 'undefined') {
+    return
+  }
+
+  // Force an array if not already something iterable
+  if (typeof obj !== 'object') {
+    /*eslint no-param-reassign:0*/
+    obj = [obj]
+  }
+
+  if (isArray(obj)) {
+    // Iterate over array values
+    for (var i = 0, l = obj.length; i < l; i++) {
+      fn.call(null, obj[i], i, obj)
+    }
+  } else {
+    // Iterate over object keys
+    for (var key in obj) {
+      if (Object.prototype.hasOwnProperty.call(obj, key)) {
+        fn.call(null, obj[key], key, obj)
+      }
+    }
+  }
+}
+
+/**
+ * 是否为boolean 值
+ * @param val
+ * @returns {boolean}
+ */
+export function isBoolean(val) {
+  return typeof val === 'boolean'
+}
+
+/**
+ * 是否为真正的对象{} new Object
+ * @param {any} obj - 检测的对象
+ * @returns {boolean}
+ */
+export function isPlainObject(obj) {
+  return Object.prototype.toString.call(obj) === '[object Object]'
+}
+
+
+
+/**
+ * Function equal to merge with the difference being that no reference
+ * to original objects is kept.
+ *
+ * @see merge
+ * @param {Object} obj1 Object to merge
+ * @returns {Object} Result of all merge properties
+ */
+export function deepMerge(/* obj1, obj2, obj3, ... */) {
+  let result = {}
+  function assignValue(val, key) {
+    if (typeof result[key] === 'object' && typeof val === 'object') {
+      result[key] = deepMerge(result[key], val)
+    } else if (typeof val === 'object') {
+      result[key] = deepMerge({}, val)
+    } else {
+      result[key] = val
+    }
+  }
+  for (let i = 0, l = arguments.length; i < l; i++) {
+    forEach(arguments[i], assignValue)
+  }
+  return result
+}
+
+export function isUndefined (val) {
+  return typeof val === 'undefined'
+}
diff --git a/uni_modules/uv-ui-tools/libs/luch-request/utils/clone.js b/uni_modules/uv-ui-tools/libs/luch-request/utils/clone.js
new file mode 100644
index 0000000..2fee704
--- /dev/null
+++ b/uni_modules/uv-ui-tools/libs/luch-request/utils/clone.js
@@ -0,0 +1,264 @@
+/* eslint-disable */
+var clone = (function() {
+  'use strict';
+
+  function _instanceof(obj, type) {
+    return type != null && obj instanceof type;
+  }
+
+  var nativeMap;
+  try {
+    nativeMap = Map;
+  } catch(_) {
+    // maybe a reference error because no `Map`. Give it a dummy value that no
+    // value will ever be an instanceof.
+    nativeMap = function() {};
+  }
+
+  var nativeSet;
+  try {
+    nativeSet = Set;
+  } catch(_) {
+    nativeSet = function() {};
+  }
+
+  var nativePromise;
+  try {
+    nativePromise = Promise;
+  } catch(_) {
+    nativePromise = function() {};
+  }
+
+  /**
+   * Clones (copies) an Object using deep copying.
+   *
+   * This function supports circular references by default, but if you are certain
+   * there are no circular references in your object, you can save some CPU time
+   * by calling clone(obj, false).
+   *
+   * Caution: if `circular` is false and `parent` contains circular references,
+   * your program may enter an infinite loop and crash.
+   *
+   * @param `parent` - the object to be cloned
+   * @param `circular` - set to true if the object to be cloned may contain
+   *    circular references. (optional - true by default)
+   * @param `depth` - set to a number if the object is only to be cloned to
+   *    a particular depth. (optional - defaults to Infinity)
+   * @param `prototype` - sets the prototype to be used when cloning an object.
+   *    (optional - defaults to parent prototype).
+   * @param `includeNonEnumerable` - set to true if the non-enumerable properties
+   *    should be cloned as well. Non-enumerable properties on the prototype
+   *    chain will be ignored. (optional - false by default)
+   */
+  function clone(parent, circular, depth, prototype, includeNonEnumerable) {
+    if (typeof circular === 'object') {
+      depth = circular.depth;
+      prototype = circular.prototype;
+      includeNonEnumerable = circular.includeNonEnumerable;
+      circular = circular.circular;
+    }
+    // maintain two arrays for circular references, where corresponding parents
+    // and children have the same index
+    var allParents = [];
+    var allChildren = [];
+
+    var useBuffer = typeof Buffer != 'undefined';
+
+    if (typeof circular == 'undefined')
+      circular = true;
+
+    if (typeof depth == 'undefined')
+      depth = Infinity;
+
+    // recurse this function so we don't reset allParents and allChildren
+    function _clone(parent, depth) {
+      // cloning null always returns null
+      if (parent === null)
+        return null;
+
+      if (depth === 0)
+        return parent;
+
+      var child;
+      var proto;
+      if (typeof parent != 'object') {
+        return parent;
+      }
+
+      if (_instanceof(parent, nativeMap)) {
+        child = new nativeMap();
+      } else if (_instanceof(parent, nativeSet)) {
+        child = new nativeSet();
+      } else if (_instanceof(parent, nativePromise)) {
+        child = new nativePromise(function (resolve, reject) {
+          parent.then(function(value) {
+            resolve(_clone(value, depth - 1));
+          }, function(err) {
+            reject(_clone(err, depth - 1));
+          });
+        });
+      } else if (clone.__isArray(parent)) {
+        child = [];
+      } else if (clone.__isRegExp(parent)) {
+        child = new RegExp(parent.source, __getRegExpFlags(parent));
+        if (parent.lastIndex) child.lastIndex = parent.lastIndex;
+      } else if (clone.__isDate(parent)) {
+        child = new Date(parent.getTime());
+      } else if (useBuffer && Buffer.isBuffer(parent)) {
+        if (Buffer.from) {
+          // Node.js >= 5.10.0
+          child = Buffer.from(parent);
+        } else {
+          // Older Node.js versions
+          child = new Buffer(parent.length);
+          parent.copy(child);
+        }
+        return child;
+      } else if (_instanceof(parent, Error)) {
+        child = Object.create(parent);
+      } else {
+        if (typeof prototype == 'undefined') {
+          proto = Object.getPrototypeOf(parent);
+          child = Object.create(proto);
+        }
+        else {
+          child = Object.create(prototype);
+          proto = prototype;
+        }
+      }
+
+      if (circular) {
+        var index = allParents.indexOf(parent);
+
+        if (index != -1) {
+          return allChildren[index];
+        }
+        allParents.push(parent);
+        allChildren.push(child);
+      }
+
+      if (_instanceof(parent, nativeMap)) {
+        parent.forEach(function(value, key) {
+          var keyChild = _clone(key, depth - 1);
+          var valueChild = _clone(value, depth - 1);
+          child.set(keyChild, valueChild);
+        });
+      }
+      if (_instanceof(parent, nativeSet)) {
+        parent.forEach(function(value) {
+          var entryChild = _clone(value, depth - 1);
+          child.add(entryChild);
+        });
+      }
+
+      for (var i in parent) {
+        var attrs = Object.getOwnPropertyDescriptor(parent, i);
+        if (attrs) {
+          child[i] = _clone(parent[i], depth - 1);
+        }
+
+        try {
+          var objProperty = Object.getOwnPropertyDescriptor(parent, i);
+          if (objProperty.set === 'undefined') {
+            // no setter defined. Skip cloning this property
+            continue;
+          }
+          child[i] = _clone(parent[i], depth - 1);
+        } catch(e){
+          if (e instanceof TypeError) {
+            // when in strict mode, TypeError will be thrown if child[i] property only has a getter
+            // we can't do anything about this, other than inform the user that this property cannot be set.
+            continue
+          } else if (e instanceof ReferenceError) {
+            //this may happen in non strict mode
+            continue
+          }
+        }
+
+      }
+
+      if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(parent);
+        for (var i = 0; i < symbols.length; i++) {
+          // Don't need to worry about cloning a symbol because it is a primitive,
+          // like a number or string.
+          var symbol = symbols[i];
+          var descriptor = Object.getOwnPropertyDescriptor(parent, symbol);
+          if (descriptor && !descriptor.enumerable && !includeNonEnumerable) {
+            continue;
+          }
+          child[symbol] = _clone(parent[symbol], depth - 1);
+          Object.defineProperty(child, symbol, descriptor);
+        }
+      }
+
+      if (includeNonEnumerable) {
+        var allPropertyNames = Object.getOwnPropertyNames(parent);
+        for (var i = 0; i < allPropertyNames.length; i++) {
+          var propertyName = allPropertyNames[i];
+          var descriptor = Object.getOwnPropertyDescriptor(parent, propertyName);
+          if (descriptor && descriptor.enumerable) {
+            continue;
+          }
+          child[propertyName] = _clone(parent[propertyName], depth - 1);
+          Object.defineProperty(child, propertyName, descriptor);
+        }
+      }
+
+      return child;
+    }
+
+    return _clone(parent, depth);
+  }
+
+  /**
+   * Simple flat clone using prototype, accepts only objects, usefull for property
+   * override on FLAT configuration object (no nested props).
+   *
+   * USE WITH CAUTION! This may not behave as you wish if you do not know how this
+   * works.
+   */
+  clone.clonePrototype = function clonePrototype(parent) {
+    if (parent === null)
+      return null;
+
+    var c = function () {};
+    c.prototype = parent;
+    return new c();
+  };
+
+// private utility functions
+
+  function __objToStr(o) {
+    return Object.prototype.toString.call(o);
+  }
+  clone.__objToStr = __objToStr;
+
+  function __isDate(o) {
+    return typeof o === 'object' && __objToStr(o) === '[object Date]';
+  }
+  clone.__isDate = __isDate;
+
+  function __isArray(o) {
+    return typeof o === 'object' && __objToStr(o) === '[object Array]';
+  }
+  clone.__isArray = __isArray;
+
+  function __isRegExp(o) {
+    return typeof o === 'object' && __objToStr(o) === '[object RegExp]';
+  }
+  clone.__isRegExp = __isRegExp;
+
+  function __getRegExpFlags(re) {
+    var flags = '';
+    if (re.global) flags += 'g';
+    if (re.ignoreCase) flags += 'i';
+    if (re.multiline) flags += 'm';
+    return flags;
+  }
+  clone.__getRegExpFlags = __getRegExpFlags;
+
+  return clone;
+})();
+
+export default clone
diff --git a/uni_modules/uv-ui-tools/libs/mixin/button.js b/uni_modules/uv-ui-tools/libs/mixin/button.js
new file mode 100644
index 0000000..0c019c2
--- /dev/null
+++ b/uni_modules/uv-ui-tools/libs/mixin/button.js
@@ -0,0 +1,13 @@
+export default {
+    props: {
+        lang: String,
+        sessionFrom: String,
+        sendMessageTitle: String,
+        sendMessagePath: String,
+        sendMessageImg: String,
+        showMessageCard: Boolean,
+        appParameter: String,
+        formType: String,
+        openType: String
+    }
+}
diff --git a/uni_modules/uv-ui-tools/libs/mixin/mixin.js b/uni_modules/uv-ui-tools/libs/mixin/mixin.js
new file mode 100644
index 0000000..0dd3b03
--- /dev/null
+++ b/uni_modules/uv-ui-tools/libs/mixin/mixin.js
@@ -0,0 +1,172 @@
+import * as index from '../function/index.js';
+import * as test from '../function/test.js';
+import route from '../util/route.js';
+import debounce from '../function/debounce.js';
+import throttle from '../function/throttle.js';
+export default {
+	// 定义每个组件都可能需要用到的外部样式以及类名
+	props: {
+		// 每个组件都有的父组件传递的样式，可以为字符串或者对象形式
+		customStyle: {
+			type: [Object, String],
+			default: () => ({})
+		},
+		customClass: {
+			type: String,
+			default: ''
+		},
+		// 跳转的页面路径
+		url: {
+			type: String,
+			default: ''
+		},
+		// 页面跳转的类型
+		linkType: {
+			type: String,
+			default: 'navigateTo'
+		}
+	},
+	data() {
+		return {}
+	},
+	onLoad() {
+		// getRect挂载到$uv上，因为这方法需要使用in(this)，所以无法把它独立成一个单独的文件导出
+		this.$uv.getRect = this.$uvGetRect
+	},
+	created() {
+		// 组件当中，只有created声明周期，为了能在组件使用，故也在created中将方法挂载到$uv
+		this.$uv.getRect = this.$uvGetRect
+	},
+	computed: {
+		$uv() {
+			return {
+				...index,
+				test,
+				route,
+				debounce,
+				throttle,
+				unit: uni?.$uv?.config?.unit
+			}
+		},
+		/**
+		 * 生成bem规则类名
+		 * 由于微信小程序，H5，nvue之间绑定class的差异，无法通过:class="[bem()]"的形式进行同用
+		 * 故采用如下折中做法，最后返回的是数组（一般平台）或字符串（支付宝和字节跳动平台），类似['a', 'b', 'c']或'a b c'的形式
+		 * @param {String} name 组件名称
+		 * @param {Array} fixed 一直会存在的类名
+		 * @param {Array} change 会根据变量值为true或者false而出现或者隐藏的类名
+		 * @returns {Array|string}
+		 */
+		bem() {
+			return function(name, fixed, change) {
+				// 类名前缀
+				const prefix = `uv-${name}--`
+				const classes = {}
+				if (fixed) {
+					fixed.map((item) => {
+						// 这里的类名，会一直存在
+						classes[prefix + this[item]] = true
+					})
+				}
+				if (change) {
+					change.map((item) => {
+						// 这里的类名，会根据this[item]的值为true或者false，而进行添加或者移除某一个类
+						this[item] ? (classes[prefix + item] = this[item]) : (delete classes[prefix + item])
+					})
+				}
+				return Object.keys(classes)
+					// 支付宝，头条小程序无法动态绑定一个数组类名，否则解析出来的结果会带有","，而导致失效
+					// #ifdef MP-ALIPAY || MP-TOUTIAO || MP-LARK || MP-BAIDU
+					.join(' ')
+				// #endif
+			}
+		}
+	},
+	methods: {
+		// 跳转某一个页面
+		openPage(urlKey = 'url') {
+			const url = this[urlKey]
+			if (url) {
+				// 执行类似uni.navigateTo的方法
+				uni[this.linkType]({
+					url
+				})
+			}
+		},
+		// 查询节点信息
+		// 目前此方法在支付宝小程序中无法获取组件跟接点的尺寸，为支付宝的bug(2020-07-21)
+		// 解决办法为在组件根部再套一个没有任何作用的view元素
+		$uvGetRect(selector, all) {
+			return new Promise((resolve) => {
+				uni.createSelectorQuery()
+					.in(this)[all ? 'selectAll' : 'select'](selector)
+					.boundingClientRect((rect) => {
+						if (all && Array.isArray(rect) && rect.length) {
+							resolve(rect)
+						}
+						if (!all && rect) {
+							resolve(rect)
+						}
+					})
+					.exec()
+			})
+		},
+		getParentData(parentName = '') {
+			// 避免在created中去定义parent变量
+			if (!this.parent) this.parent = {}
+			// 这里的本质原理是，通过获取父组件实例(也即类似uv-radio的父组件uv-radio-group的this)
+			// 将父组件this中对应的参数，赋值给本组件(uv-radio的this)的parentData对象中对应的属性
+			// 之所以需要这么做，是因为所有端中，头条小程序不支持通过this.parent.xxx去监听父组件参数的变化
+			// 此处并不会自动更新子组件的数据，而是依赖父组件uv-radio-group去监听data的变化，手动调用更新子组件的方法去重新获取
+			this.parent = this.$uv.$parent.call(this, parentName)
+			if (this.parent.children) {
+				// 如果父组件的children不存在本组件的实例，才将本实例添加到父组件的children中
+				this.parent.children.indexOf(this) === -1 && this.parent.children.push(this)
+			}
+			if (this.parent && this.parentData) {
+				// 历遍parentData中的属性，将parent中的同名属性赋值给parentData
+				Object.keys(this.parentData).map((key) => {
+					this.parentData[key] = this.parent[key]
+				})
+			}
+		},
+		// 阻止事件冒泡
+		preventEvent(e) {
+			e && typeof(e.stopPropagation) === 'function' && e.stopPropagation()
+		},
+		// 空操作
+		noop(e) {
+			this.preventEvent(e)
+		}
+	},
+	onReachBottom() {
+		uni.$emit('uvOnReachBottom')
+	},
+	beforeDestroy() {
+		// 判断当前页面是否存在parent和chldren，一般在checkbox和checkbox-group父子联动的场景会有此情况
+		// 组件销毁时，移除子组件在父组件children数组中的实例，释放资源，避免数据混乱
+		if (this.parent && test.array(this.parent.children)) {
+			// 组件销毁时，移除父组件中的children数组中对应的实例
+			const childrenList = this.parent.children
+			childrenList.map((child, index) => {
+				// 如果相等，则移除
+				if (child === this) {
+					childrenList.splice(index, 1)
+				}
+			})
+		}
+	},
+	// 兼容vue3
+	unmounted() {
+		if (this.parent && test.array(this.parent.children)) {
+			// 组件销毁时，移除父组件中的children数组中对应的实例
+			const childrenList = this.parent.children
+			childrenList.map((child, index) => {
+				// 如果相等，则移除
+				if (child === this) {
+					childrenList.splice(index, 1)
+				}
+			})
+		}
+	}
+}
\ No newline at end of file
diff --git a/uni_modules/uv-ui-tools/libs/mixin/mpMixin.js b/uni_modules/uv-ui-tools/libs/mixin/mpMixin.js
new file mode 100644
index 0000000..90b6903
--- /dev/null
+++ b/uni_modules/uv-ui-tools/libs/mixin/mpMixin.js
@@ -0,0 +1,8 @@
+export default {
+    // #ifdef MP-WEIXIN
+    // 将自定义节点设置成虚拟的（去掉自定义组件包裹层），更加接近Vue组件的表现，能更好的使用flex属性
+    options: {
+        virtualHost: true
+    }
+    // #endif
+}
\ No newline at end of file
diff --git a/uni_modules/uv-ui-tools/libs/mixin/mpShare.js b/uni_modules/uv-ui-tools/libs/mixin/mpShare.js
new file mode 100644
index 0000000..c9695a0
--- /dev/null
+++ b/uni_modules/uv-ui-tools/libs/mixin/mpShare.js
@@ -0,0 +1,13 @@
+export default {
+	onLoad() {
+	    // 设置默认的转发参数
+	    uni.$uv.mpShare = {
+	        title: '', // 默认为小程序名称
+	        path: '', // 默认为当前页面路径
+	        imageUrl: '' // 默认为当前页面的截图
+	    }
+	},
+	onShareAppMessage() {
+	    return uni.$uv.mpShare
+	}
+}
\ No newline at end of file
diff --git a/uni_modules/uv-ui-tools/libs/mixin/openType.js b/uni_modules/uv-ui-tools/libs/mixin/openType.js
new file mode 100644
index 0000000..1b94b7e
--- /dev/null
+++ b/uni_modules/uv-ui-tools/libs/mixin/openType.js
@@ -0,0 +1,47 @@
+export default {
+    props: {
+        openType: String
+    },
+		emits: ['getphonenumber','getuserinfo','error','opensetting','launchapp','contact','chooseavatar','addgroupapp','chooseaddress','subscribe','login','im'],
+    methods: {
+        onGetPhoneNumber(event) {
+            this.$emit('getphonenumber', event.detail)
+        },
+        onGetUserInfo(event) {
+            this.$emit('getuserinfo', event.detail)
+        },
+        onError(event) {
+            this.$emit('error', event.detail)
+        },
+        onOpenSetting(event) {
+            this.$emit('opensetting', event.detail)
+        },
+        onLaunchApp(event) {
+            this.$emit('launchapp', event.detail)
+        },
+        onContact(event) {
+            this.$emit('contact', event.detail)
+        },
+        onChooseavatar(event) {
+            this.$emit('chooseavatar', event.detail)
+        },
+        onAgreeprivacyauthorization(event) {
+            this.$emit('agreeprivacyauthorization', event.detail)
+        },
+        onAddgroupapp(event) {
+            this.$emit('addgroupapp', event.detail)
+        },
+        onChooseaddress(event) {
+            this.$emit('chooseaddress', event.detail)
+        },
+        onSubscribe(event) {
+            this.$emit('subscribe', event.detail)
+        },
+        onLogin(event) {
+            this.$emit('login', event.detail)
+        },
+        onIm(event) {
+            this.$emit('im', event.detail)
+        }
+    }
+}
diff --git a/uni_modules/uv-ui-tools/libs/mixin/touch.js b/uni_modules/uv-ui-tools/libs/mixin/touch.js
new file mode 100644
index 0000000..0ecbd88
--- /dev/null
+++ b/uni_modules/uv-ui-tools/libs/mixin/touch.js
@@ -0,0 +1,59 @@
+const MIN_DISTANCE = 10
+
+function getDirection(x, y) {
+    if (x > y && x > MIN_DISTANCE) {
+        return 'horizontal'
+    }
+    if (y > x && y > MIN_DISTANCE) {
+        return 'vertical'
+    }
+    return ''
+}
+
+export default {
+    methods: {
+        getTouchPoint(e) {
+            if (!e) {
+                return {
+                    x: 0,
+                    y: 0
+                }
+            } if (e.touches && e.touches[0]) {
+                return {
+                    x: e.touches[0].pageX,
+                    y: e.touches[0].pageY
+                }
+            } if (e.changedTouches && e.changedTouches[0]) {
+                return {
+                    x: e.changedTouches[0].pageX,
+                    y: e.changedTouches[0].pageY
+                }
+            }
+            return {
+                x: e.clientX || 0,
+                y: e.clientY || 0
+            }
+        },
+        resetTouchStatus() {
+            this.direction = ''
+            this.deltaX = 0
+            this.deltaY = 0
+            this.offsetX = 0
+            this.offsetY = 0
+        },
+        touchStart(event) {
+            this.resetTouchStatus()
+            const touch = this.getTouchPoint(event)
+            this.startX = touch.x
+            this.startY = touch.y
+        },
+        touchMove(event) {
+            const touch = this.getTouchPoint(event)
+            this.deltaX = touch.x - this.startX
+            this.deltaY = touch.y - this.startY
+            this.offsetX = Math.abs(this.deltaX)
+            this.offsetY = Math.abs(this.deltaY)
+            this.direction =				this.direction || getDirection(this.offsetX, this.offsetY)
+        }
+    }
+}
diff --git a/uni_modules/uv-ui-tools/libs/util/dayjs.js b/uni_modules/uv-ui-tools/libs/util/dayjs.js
new file mode 100644
index 0000000..c84ab68
--- /dev/null
+++ b/uni_modules/uv-ui-tools/libs/util/dayjs.js
@@ -0,0 +1,216 @@
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+
+var require_dayjs_min = __commonJS({
+  "uvuidayjs"(exports, module) {
+    !function(t, e) {
+      "object" == typeof exports && "undefined" != typeof module ? module.exports = e() : "function" == typeof define && define.amd ? define(e) : (t = "undefined" != typeof globalThis ? globalThis : t || self).dayjs = e();
+    }(exports, function() {
+      "use strict";
+      var t = 1e3, e = 6e4, n = 36e5, r = "millisecond", i = "second", s = "minute", u = "hour", a = "day", o = "week", f = "month", h = "quarter", c = "year", d = "date", l = "Invalid Date", $ = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, y = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, M = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(t2) {
+        var e2 = ["th", "st", "nd", "rd"], n2 = t2 % 100;
+        return "[" + t2 + (e2[(n2 - 20) % 10] || e2[n2] || e2[0]) + "]";
+      } }, m = function(t2, e2, n2) {
+        var r2 = String(t2);
+        return !r2 || r2.length >= e2 ? t2 : "" + Array(e2 + 1 - r2.length).join(n2) + t2;
+      }, v = { s: m, z: function(t2) {
+        var e2 = -t2.utcOffset(), n2 = Math.abs(e2), r2 = Math.floor(n2 / 60), i2 = n2 % 60;
+        return (e2 <= 0 ? "+" : "-") + m(r2, 2, "0") + ":" + m(i2, 2, "0");
+      }, m: function t2(e2, n2) {
+        if (e2.date() < n2.date())
+          return -t2(n2, e2);
+        var r2 = 12 * (n2.year() - e2.year()) + (n2.month() - e2.month()), i2 = e2.clone().add(r2, f), s2 = n2 - i2 < 0, u2 = e2.clone().add(r2 + (s2 ? -1 : 1), f);
+        return +(-(r2 + (n2 - i2) / (s2 ? i2 - u2 : u2 - i2)) || 0);
+      }, a: function(t2) {
+        return t2 < 0 ? Math.ceil(t2) || 0 : Math.floor(t2);
+      }, p: function(t2) {
+        return { M: f, y: c, w: o, d: a, D: d, h: u, m: s, s: i, ms: r, Q: h }[t2] || String(t2 || "").toLowerCase().replace(/s$/, "");
+      }, u: function(t2) {
+        return void 0 === t2;
+      } }, g = "en", D = {};
+      D[g] = M;
+      var p = function(t2) {
+        return t2 instanceof _;
+      }, S = function t2(e2, n2, r2) {
+        var i2;
+        if (!e2)
+          return g;
+        if ("string" == typeof e2) {
+          var s2 = e2.toLowerCase();
+          D[s2] && (i2 = s2), n2 && (D[s2] = n2, i2 = s2);
+          var u2 = e2.split("-");
+          if (!i2 && u2.length > 1)
+            return t2(u2[0]);
+        } else {
+          var a2 = e2.name;
+          D[a2] = e2, i2 = a2;
+        }
+        return !r2 && i2 && (g = i2), i2 || !r2 && g;
+      }, w = function(t2, e2) {
+        if (p(t2))
+          return t2.clone();
+        var n2 = "object" == typeof e2 ? e2 : {};
+        return n2.date = t2, n2.args = arguments, new _(n2);
+      }, O = v;
+      O.l = S, O.i = p, O.w = function(t2, e2) {
+        return w(t2, { locale: e2.$L, utc: e2.$u, x: e2.$x, $offset: e2.$offset });
+      };
+      var _ = function() {
+        function M2(t2) {
+          this.$L = S(t2.locale, null, true), this.parse(t2);
+        }
+        var m2 = M2.prototype;
+        return m2.parse = function(t2) {
+          this.$d = function(t3) {
+            var e2 = t3.date, n2 = t3.utc;
+            if (null === e2)
+              return new Date(NaN);
+            if (O.u(e2))
+              return new Date();
+            if (e2 instanceof Date)
+              return new Date(e2);
+            if ("string" == typeof e2 && !/Z$/i.test(e2)) {
+              var r2 = e2.match($);
+              if (r2) {
+                var i2 = r2[2] - 1 || 0, s2 = (r2[7] || "0").substring(0, 3);
+                return n2 ? new Date(Date.UTC(r2[1], i2, r2[3] || 1, r2[4] || 0, r2[5] || 0, r2[6] || 0, s2)) : new Date(r2[1], i2, r2[3] || 1, r2[4] || 0, r2[5] || 0, r2[6] || 0, s2);
+              }
+            }
+            return new Date(e2);
+          }(t2), this.$x = t2.x || {}, this.init();
+        }, m2.init = function() {
+          var t2 = this.$d;
+          this.$y = t2.getFullYear(), this.$M = t2.getMonth(), this.$D = t2.getDate(), this.$W = t2.getDay(), this.$H = t2.getHours(), this.$m = t2.getMinutes(), this.$s = t2.getSeconds(), this.$ms = t2.getMilliseconds();
+        }, m2.$utils = function() {
+          return O;
+        }, m2.isValid = function() {
+          return !(this.$d.toString() === l);
+        }, m2.isSame = function(t2, e2) {
+          var n2 = w(t2);
+          return this.startOf(e2) <= n2 && n2 <= this.endOf(e2);
+        }, m2.isAfter = function(t2, e2) {
+          return w(t2) < this.startOf(e2);
+        }, m2.isBefore = function(t2, e2) {
+          return this.endOf(e2) < w(t2);
+        }, m2.$g = function(t2, e2, n2) {
+          return O.u(t2) ? this[e2] : this.set(n2, t2);
+        }, m2.unix = function() {
+          return Math.floor(this.valueOf() / 1e3);
+        }, m2.valueOf = function() {
+          return this.$d.getTime();
+        }, m2.startOf = function(t2, e2) {
+          var n2 = this, r2 = !!O.u(e2) || e2, h2 = O.p(t2), l2 = function(t3, e3) {
+            var i2 = O.w(n2.$u ? Date.UTC(n2.$y, e3, t3) : new Date(n2.$y, e3, t3), n2);
+            return r2 ? i2 : i2.endOf(a);
+          }, $2 = function(t3, e3) {
+            return O.w(n2.toDate()[t3].apply(n2.toDate("s"), (r2 ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(e3)), n2);
+          }, y2 = this.$W, M3 = this.$M, m3 = this.$D, v2 = "set" + (this.$u ? "UTC" : "");
+          switch (h2) {
+            case c:
+              return r2 ? l2(1, 0) : l2(31, 11);
+            case f:
+              return r2 ? l2(1, M3) : l2(0, M3 + 1);
+            case o:
+              var g2 = this.$locale().weekStart || 0, D2 = (y2 < g2 ? y2 + 7 : y2) - g2;
+              return l2(r2 ? m3 - D2 : m3 + (6 - D2), M3);
+            case a:
+            case d:
+              return $2(v2 + "Hours", 0);
+            case u:
+              return $2(v2 + "Minutes", 1);
+            case s:
+              return $2(v2 + "Seconds", 2);
+            case i:
+              return $2(v2 + "Milliseconds", 3);
+            default:
+              return this.clone();
+          }
+        }, m2.endOf = function(t2) {
+          return this.startOf(t2, false);
+        }, m2.$set = function(t2, e2) {
+          var n2, o2 = O.p(t2), h2 = "set" + (this.$u ? "UTC" : ""), l2 = (n2 = {}, n2[a] = h2 + "Date", n2[d] = h2 + "Date", n2[f] = h2 + "Month", n2[c] = h2 + "FullYear", n2[u] = h2 + "Hours", n2[s] = h2 + "Minutes", n2[i] = h2 + "Seconds", n2[r] = h2 + "Milliseconds", n2)[o2], $2 = o2 === a ? this.$D + (e2 - this.$W) : e2;
+          if (o2 === f || o2 === c) {
+            var y2 = this.clone().set(d, 1);
+            y2.$d[l2]($2), y2.init(), this.$d = y2.set(d, Math.min(this.$D, y2.daysInMonth())).$d;
+          } else
+            l2 && this.$d[l2]($2);
+          return this.init(), this;
+        }, m2.set = function(t2, e2) {
+          return this.clone().$set(t2, e2);
+        }, m2.get = function(t2) {
+          return this[O.p(t2)]();
+        }, m2.add = function(r2, h2) {
+          var d2, l2 = this;
+          r2 = Number(r2);
+          var $2 = O.p(h2), y2 = function(t2) {
+            var e2 = w(l2);
+            return O.w(e2.date(e2.date() + Math.round(t2 * r2)), l2);
+          };
+          if ($2 === f)
+            return this.set(f, this.$M + r2);
+          if ($2 === c)
+            return this.set(c, this.$y + r2);
+          if ($2 === a)
+            return y2(1);
+          if ($2 === o)
+            return y2(7);
+          var M3 = (d2 = {}, d2[s] = e, d2[u] = n, d2[i] = t, d2)[$2] || 1, m3 = this.$d.getTime() + r2 * M3;
+          return O.w(m3, this);
+        }, m2.subtract = function(t2, e2) {
+          return this.add(-1 * t2, e2);
+        }, m2.format = function(t2) {
+          var e2 = this, n2 = this.$locale();
+          if (!this.isValid())
+            return n2.invalidDate || l;
+          var r2 = t2 || "YYYY-MM-DDTHH:mm:ssZ", i2 = O.z(this), s2 = this.$H, u2 = this.$m, a2 = this.$M, o2 = n2.weekdays, f2 = n2.months, h2 = function(t3, n3, i3, s3) {
+            return t3 && (t3[n3] || t3(e2, r2)) || i3[n3].slice(0, s3);
+          }, c2 = function(t3) {
+            return O.s(s2 % 12 || 12, t3, "0");
+          }, d2 = n2.meridiem || function(t3, e3, n3) {
+            var r3 = t3 < 12 ? "AM" : "PM";
+            return n3 ? r3.toLowerCase() : r3;
+          }, $2 = { YY: String(this.$y).slice(-2), YYYY: this.$y, M: a2 + 1, MM: O.s(a2 + 1, 2, "0"), MMM: h2(n2.monthsShort, a2, f2, 3), MMMM: h2(f2, a2), D: this.$D, DD: O.s(this.$D, 2, "0"), d: String(this.$W), dd: h2(n2.weekdaysMin, this.$W, o2, 2), ddd: h2(n2.weekdaysShort, this.$W, o2, 3), dddd: o2[this.$W], H: String(s2), HH: O.s(s2, 2, "0"), h: c2(1), hh: c2(2), a: d2(s2, u2, true), A: d2(s2, u2, false), m: String(u2), mm: O.s(u2, 2, "0"), s: String(this.$s), ss: O.s(this.$s, 2, "0"), SSS: O.s(this.$ms, 3, "0"), Z: i2 };
+          return r2.replace(y, function(t3, e3) {
+            return e3 || $2[t3] || i2.replace(":", "");
+          });
+        }, m2.utcOffset = function() {
+          return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
+        }, m2.diff = function(r2, d2, l2) {
+          var $2, y2 = O.p(d2), M3 = w(r2), m3 = (M3.utcOffset() - this.utcOffset()) * e, v2 = this - M3, g2 = O.m(this, M3);
+          return g2 = ($2 = {}, $2[c] = g2 / 12, $2[f] = g2, $2[h] = g2 / 3, $2[o] = (v2 - m3) / 6048e5, $2[a] = (v2 - m3) / 864e5, $2[u] = v2 / n, $2[s] = v2 / e, $2[i] = v2 / t, $2)[y2] || v2, l2 ? g2 : O.a(g2);
+        }, m2.daysInMonth = function() {
+          return this.endOf(f).$D;
+        }, m2.$locale = function() {
+          return D[this.$L];
+        }, m2.locale = function(t2, e2) {
+          if (!t2)
+            return this.$L;
+          var n2 = this.clone(), r2 = S(t2, e2, true);
+          return r2 && (n2.$L = r2), n2;
+        }, m2.clone = function() {
+          return O.w(this.$d, this);
+        }, m2.toDate = function() {
+          return new Date(this.valueOf());
+        }, m2.toJSON = function() {
+          return this.isValid() ? this.toISOString() : null;
+        }, m2.toISOString = function() {
+          return this.$d.toISOString();
+        }, m2.toString = function() {
+          return this.$d.toUTCString();
+        }, M2;
+      }(), T = _.prototype;
+      return w.prototype = T, [["$ms", r], ["$s", i], ["$m", s], ["$H", u], ["$W", a], ["$M", f], ["$y", c], ["$D", d]].forEach(function(t2) {
+        T[t2[1]] = function(e2) {
+          return this.$g(e2, t2[0], t2[1]);
+        };
+      }), w.extend = function(t2, e2) {
+        return t2.$i || (t2(e2, _, w), t2.$i = true), w;
+      }, w.locale = S, w.isDayjs = p, w.unix = function(t2) {
+        return w(1e3 * t2);
+      }, w.en = D[g], w.Ls = D, w.p = {}, w;
+    });
+  }
+});
+export default require_dayjs_min();
diff --git a/uni_modules/uv-ui-tools/libs/util/route.js b/uni_modules/uv-ui-tools/libs/util/route.js
new file mode 100644
index 0000000..80c0afd
--- /dev/null
+++ b/uni_modules/uv-ui-tools/libs/util/route.js
@@ -0,0 +1,126 @@
+/**
+ * 路由跳转方法，该方法相对于直接使用uni.xxx的好处是使用更加简单快捷
+ * 并且带有路由拦截功能
+ */
+import { queryParams, deepMerge, page } from '@/uni_modules/uv-ui-tools/libs/function/index.js'
+class Router {
+	constructor() {
+		// 原始属性定义
+		this.config = {
+			type: 'navigateTo',
+			url: '',
+			delta: 1, // navigateBack页面后退时,回退的层数
+			params: {}, // 传递的参数
+			animationType: 'pop-in', // 窗口动画,只在APP有效
+			animationDuration: 300, // 窗口动画持续时间,单位毫秒,只在APP有效
+			intercept: false ,// 是否需要拦截
+			events: {} // 页面间通信接口，用于监听被打开页面发送到当前页面的数据。hbuilderx 2.8.9+ 开始支持。
+		}
+		// 因为route方法是需要对外赋值给另外的对象使用，同时route内部有使用this，会导致route失去上下文
+		// 这里在构造函数中进行this绑定
+		this.route = this.route.bind(this)
+	}
+
+	// 判断url前面是否有"/"，如果没有则加上，否则无法跳转
+	addRootPath(url) {
+		return url[0] === '/' ? url : `/${url}`
+	}
+
+	// 整合路由参数
+	mixinParam(url, params) {
+		url = url && this.addRootPath(url)
+
+		// 使用正则匹配，主要依据是判断是否有"/","?","="等，如“/page/index/index?name=mary"
+		// 如果有url中有get参数，转换后无需带上"?"
+		let query = ''
+		if (/.*\/.*\?.*=.*/.test(url)) {
+			// object对象转为get类型的参数
+			query = queryParams(params, false)
+			// 因为已有get参数,所以后面拼接的参数需要带上"&"隔开
+			return url += `&${query}`
+		}
+		// 直接拼接参数，因为此处url中没有后面的query参数，也就没有"?/&"之类的符号
+		query = queryParams(params)
+		return url += query
+	}
+
+	// 对外的方法名称
+	async route(options = {}, params = {}) {
+		// 合并用户的配置和内部的默认配置
+		let mergeConfig = {}
+
+		if (typeof options === 'string') {
+			// 如果options为字符串，则为route(url, params)的形式
+			mergeConfig.url = this.mixinParam(options, params)
+			mergeConfig.type = 'navigateTo'
+		} else {
+			mergeConfig = deepMerge(this.config, options)
+			// 否则正常使用mergeConfig中的url和params进行拼接
+			mergeConfig.url = this.mixinParam(options.url, options.params)
+		}
+		// 如果本次跳转的路径和本页面路径一致，不执行跳转，防止用户快速点击跳转按钮，造成多次跳转同一个页面的问题
+		if (mergeConfig.url === page()) return
+
+		if (params.intercept) {
+			mergeConfig.intercept = params.intercept
+		}
+		// params参数也带给拦截器
+		mergeConfig.params = params
+		// 合并内外部参数
+		mergeConfig = deepMerge(this.config, mergeConfig)
+		// 判断用户是否定义了拦截器
+		if (typeof mergeConfig.intercept === 'function') {
+			// 定一个promise，根据用户执行resolve(true)或者resolve(false)来决定是否进行路由跳转
+			const isNext = await new Promise((resolve, reject) => {
+				mergeConfig.intercept(mergeConfig, resolve)
+			})
+			// 如果isNext为true，则执行路由跳转
+			isNext && this.openPage(mergeConfig)
+		} else {
+			this.openPage(mergeConfig)
+		}
+	}
+
+	// 执行路由跳转
+	openPage(config) {
+		// 解构参数
+		const {
+			url,
+			type,
+			delta,
+			animationType,
+			animationDuration,
+			events
+		} = config
+		if (config.type == 'navigateTo' || config.type == 'to') {
+			uni.navigateTo({
+				url,
+				animationType,
+				animationDuration,
+				events
+			})
+		}
+		if (config.type == 'redirectTo' || config.type == 'redirect') {
+			uni.redirectTo({
+				url
+			})
+		}
+		if (config.type == 'switchTab' || config.type == 'tab') {
+			uni.switchTab({
+				url
+			})
+		}
+		if (config.type == 'reLaunch' || config.type == 'launch') {
+			uni.reLaunch({
+				url
+			})
+		}
+		if (config.type == 'navigateBack' || config.type == 'back') {
+			uni.navigateBack({
+				delta
+			})
+		}
+	}
+}
+
+export default (new Router()).route
\ No newline at end of file
diff --git a/uni_modules/uv-ui-tools/package.json b/uni_modules/uv-ui-tools/package.json
new file mode 100644
index 0000000..2d940f6
--- /dev/null
+++ b/uni_modules/uv-ui-tools/package.json
@@ -0,0 +1,81 @@
+{
+  "id": "uv-ui-tools",
+  "displayName": "uv-ui-tools 工具集 全面兼容vue3+2、app、h5、小程序等多端",
+  "version": "1.1.25",
+  "description": "uv-ui-tools，集成工具库，强大的Http请求封装，清晰的文档说明，开箱即用。方便使用，可以全局使用",
+  "keywords": [
+    "uv-ui-tools,uv-ui组件库,工具集,uvui,uView2.x"
+],
+  "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": [],
+    "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",
+          "钉钉": "y",
+          "快手": "y",
+          "飞书": "y",
+          "京东": "y"
+        },
+        "快应用": {
+          "华为": "y",
+          "联盟": "y"
+        }
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/uni_modules/uv-ui-tools/readme.md b/uni_modules/uv-ui-tools/readme.md
new file mode 100644
index 0000000..79a7df5
--- /dev/null
+++ b/uni_modules/uv-ui-tools/readme.md
@@ -0,0 +1,23 @@
+## uv-ui-tools 工具集
+
+> **组件名：uv-ui-tools**
+
+uv-ui工具集成，包括网络Http请求、便捷工具、节流防抖、对象操作、时间格式化、路由跳转、全局唯一标识符、规则校验等等。
+
+该组件推荐配合[uv-ui组件库](https://www.uvui.cn/components/intro.html)使用，单独下载也可以在自己项目中使用，需要做相应的配置，可查看文档。强烈推荐使用[uv-ui组件库](https://www.uvui.cn/components/intro.html)，导入组件都会自动导入`uv-ui-tools`。需要在自己的项目中使用请参考[扩展配置](https://www.uvui.cn/components/setting.html)。
+
+uv-ui破釜沉舟之兼容vue3+2、app、h5、多端小程序的uni-app生态框架，大部分组件基于uView2.x，在经过改进后全面支持vue3，部分组件做了进一步的优化，修复大量BUG，支持单独导入，方便开发者选择导入需要的组件。开箱即用，灵活配置。
+
+# <a href="https://www.uvui.cn/js/intro.html" target="_blank">查看文档</a>
+
+## [下载完整示例项目](https://ext.dcloud.net.cn/plugin?name=uv-ui) <small>（请不要 下载插件ZIP）</small>
+
+### [更多插件，请关注uv-ui组件库](https://ext.dcloud.net.cn/plugin?name=uv-ui)
+
+<a href="https://ext.dcloud.net.cn/plugin?name=uv-ui" target="_blank">
+
+![image](https://mp-a667b617-c5f1-4a2d-9a54-683a67cff588.cdn.bspapp.com/uv-ui/banner.png)
+
+</a>
+
+#### 如使用过程中有任何问题反馈，或者您对uv-ui有一些好的建议，欢迎加入uv-ui官方交流群：<a href="https://www.uvui.cn/components/addQQGroup.html" target="_blank">官方QQ群</a>
\ No newline at end of file
diff --git a/uni_modules/uv-ui-tools/theme.scss b/uni_modules/uv-ui-tools/theme.scss
new file mode 100644
index 0000000..cfaae92
--- /dev/null
+++ b/uni_modules/uv-ui-tools/theme.scss
@@ -0,0 +1,43 @@
+// 此文件为uvUI的主题变量，这些变量目前只能通过uni.scss引入才有效，另外由于
+// uni.scss中引入的样式会同时混入到全局样式文件和单独每一个页面的样式中，造成微信程序包太大，
+// 故uni.scss只建议放scss变量名相关样式，其他的样式可以通过main.js或者App.vue引入
+
+$uv-main-color: #303133;
+$uv-content-color: #606266;
+$uv-tips-color: #909193;
+$uv-light-color: #c0c4cc;
+$uv-border-color: #dadbde;
+$uv-bg-color: #f3f4f6;
+$uv-disabled-color: #c8c9cc;
+
+$uv-primary: #3c9cff;
+$uv-primary-dark: #398ade;
+$uv-primary-disabled: #9acafc;
+$uv-primary-light: #ecf5ff;
+
+$uv-warning: #f9ae3d;
+$uv-warning-dark: #f1a532;
+$uv-warning-disabled: #f9d39b;
+$uv-warning-light: #fdf6ec;
+
+$uv-success: #5ac725;
+$uv-success-dark: #53c21d;
+$uv-success-disabled: #a9e08f;
+$uv-success-light: #f5fff0;
+
+$uv-error: #f56c6c;
+$uv-error-dark: #e45656;
+$uv-error-disabled: #f7b2b2;
+$uv-error-light: #fef0f0;
+
+$uv-info: #909399;
+$uv-info-dark: #767a82;
+$uv-info-disabled: #c4c6c9;
+$uv-info-light: #f4f4f5;
+
+@mixin flex($direction: row) {
+	/* #ifndef APP-NVUE */
+	display: flex;
+	/* #endif */
+	flex-direction: $direction;
+}
\ No newline at end of file
diff --git a/uni_modules/uv-ui/changelog.md b/uni_modules/uv-ui/changelog.md
new file mode 100644
index 0000000..fce7860
--- /dev/null
+++ b/uni_modules/uv-ui/changelog.md
@@ -0,0 +1,353 @@
+## 1.1.20（2024-01-20）
+1. 优化 uv-loading-page重构，避免初始加载的时候先显示页面的问题，小程序平台由于性能问题，可能还是会短暂出现，请注意优化处理
+2. 优化 uv-textarea confirmType默认值改成return，支持换行
+3. 优化 uv-ui-tools luch-request更新
+4. 修复 uv-drop-down parentData不变的BUG
+5. 修复 uv-picker 上个版本引出的BUG
+6. 修复 uv-image 设置show-menu-by-longpress不生效的BUG
+7. 修复 uv-upload 动态设置deletable为false不生效的BUG
+## 1.1.19（2023-12-12）
+1. 优化 uv-toast部分重构，支持取消遮罩不影响点击其他元素 a. 增加z-index参数；b. 增加overlay参数
+2. 优化 关于组件如何阻止事件冒泡，增加相关说明：[组件怎么阻止事件冒泡](https://www.uvui.cn/components/feature.html#组件怎么阻止事件冒泡)
+3. 优化 持续优化文档
+4. 修复 uv-tabs current为字符串activeStyle不生效的BUG
+5. 修复 uv-vtabs 在change回调中设置current，快速点击菜单，导致死循环的BUG
+6. 修复 uv-cell right-icon插槽编译到APP端不显示的BUG，问题来源：[https://gitee.com/climblee/uv-ui/issues/I8LXZI](https://gitee.com/climblee/uv-ui/issues/I8LXZI)
+## 1.1.18（2023-11-28）
+0. 优化 uv-datetime-picker 增加round属性，设置弹窗圆角
+1. 优化 uv-subsection 增加customItemStyle属性，方便修改bar样式，比如设置圆角
+2. 修复 uv-picker issues反馈的问题uv-picker在组合式API的自定义组件中，columns动态赋值无法显示选项：[https://gitee.com/climblee/uv-ui/issues/I8H0GQ](https://gitee.com/climblee/uv-ui/issues/I8H0GQ)
+3. 修复 uv-popup issues问题：[https://gitee.com/climblee/uv-ui/issues/I8HDLO](https://gitee.com/climblee/uv-ui/issues/I8HDLO)
+4. 修复 uv-skeletons 支付宝小程序报错的BUG
+5. 修复 uv-image webp之前未使用的BUG & 微信报错的BUG
+6. 修复 uv-modal 上版本引出的确认和取消按钮均不显示，还有高度的BUG
+## 1.1.17（2023-11-10）
+0. 交流反馈 欢迎加入uv-ui官方群1交流反馈： 549833913（1000+）
+1. 交流反馈 欢迎加入uv-ui官方群2交流反馈： 206060892
+2. 新增 新增其他小组件下载入口：其他小组件
+3. 优化 uv-calendars 增加readonly属性，是否为只读状态，只读状态下禁止选择日期
+4. 修复 uv-search 禁用时，不能触发click的BUG
+5. 修复 uv-checkbox and uv-radio label文字过长，不换行的相关说明及处理
+6. 修复 uv-input and uv-search 点击clear按钮在微信小程序不好触发的BUG
+7. 修复 uv-list 修复设置ellipsis不生效的BUG
+8. 修复 uv-index-list 修复sticky属性不生效的BUG
+## 1.1.16（2023-10-30）
+1. 交流反馈 欢迎加入uv-ui官方群1交流反馈： 549833913（940+/1000）
+2. 交流反馈 欢迎加入uv-ui官方群2交流反馈： 206060892
+3. 新增 uv-skeletons 骨架屏，全新升级骨架屏，更加灵活，体验更加，强烈推荐使用新版骨架屏。一般用于页面在请求远程数据尚未完成时，在内容加载出来前展示与内容布局结构一致的灰白块，提升用户视觉体验。
+4. 优化 uv-button 增加后置插槽suffix，方便在按钮文字后面增加图标等
+5. 优化 uv-popup vue模式内容有背景色，设置圆角被遮挡的情况
+6. 优化 uv-tabs 点击一个选项，change事件重复派发的问题
+7. 优化 持续优化文档及其他
+8. 修复 uv-album 设置singleSize、multipleSize、space等值带单位，存在不显示的BUG
+9. 修复 uv-picker 省市级示例设置defaultValue，再次选择第二列错乱的BUG
+10. 修复 uv-icon imgMode默认值改成aspectFit，否则会导致支付宝平台name设置为本地图片显示不全的BUG
+11. 修复 uv-transition 在APP-IOS上不能正常显示的BUG
+12. 修复 uv-toast、uv-swipe-action、uv-sticky、uv-notify、uv-notice-bar、uv-grid、uv-count-down、uv-code等组件，unmounted兼容vue3
+## 1.1.15（2023-10-12）
+1. 优化 uv-keyboard a. 增加disKeys参数，mode = "car"下，被禁用的键，如：['I','O']； b. 增加customabc参数，mode = "car"下，是否启用自定义中英文切换内容模式，为了兼容支付宝等小程序不兼容嵌套插槽，导致同时显示自定义内容和原始内容； c. 增加ref方法changeCarMode，mode = "car"下， 调用此方法可以切换中英文模式； d. 增加@changeCarInputMode，mode = "car"下，调用此方法可以进行切换中英文； e. 增加插槽abc，mode = "car"下，自定义中英文切换内容
+2. 优化 uv-checkbox uv-radio 优化：https://gitee.com/climblee/uv-ui/issues/I872VD
+3. 优化 uv-picker 将immediate-change默认值改为true，该值在于change回调的及时性，微信小程序生效
+4. 优化 uv-tags 兼容customStyle参数等优化
+5. 修复 uv-transition 部分情况，修改某属性自动关闭的BUG
+6. 修复 uv-calendars 懒加载报错：https://gitee.com/climblee/uv-ui/issues/I869JS
+7. 修复 uv-datetime-picker 设置minDate出现选择错乱的BUG
+8. 修复 uv-input 搜狗输入法下存在不可清空的情况
+9. 修复 uv-calendars selected没有设置了info或者info设置为空字符串后，文本则无法恢复BUG
+## 1.1.14（2023-09-27）
+1. 优化 uv-list-item 可使用customStyle变量进行样式控制
+2. 优化 uv-cell 增加cellStyle参数，方便自定义单元格的样式
+3. 优化 uv-switch 优化细节
+4. 优化 不断优化[文档](https://www.uvui.cn/)
+5. 修复 uv-button 通过customStyle修改按钮宽度，组件中最外层节点不改变的问题
+6. 修复 uv-calendars a. 修复range模式下，selected设置了info后选中后，导致文本不恢复的问题；b. 修复multiple模式下，selected自定义信息的颜色没变，依然是白色
+7. 修复 uv-checkbox uv-checkbox-group之change回调中v-model值不更新的BUG
+## 1.1.13（2023-09-15）
+1. 优化 uv-button a. 增加参数iconSize，用于控制图标的大小；b. 增加open-type="agreePrivacyAuthorization"类型，用户同意隐私协议事件回调
+2. 优化 uv-picker 三级联动的案例：[https://www.uvui.cn/components/picker.html#省市区三级联动](https://www.uvui.cn/components/picker.html#省市区三级联动)
+3. 修复 uv-read-more 全局设置rpx时，导致展开高度不对的BUG
+4. 修复 uv-tabs a. 设置lineWidth未带单位产生的误差BUG；b. 首次加载时，处理下划线会有左到右的过渡效果
+5. 修复 uv-textaera 设置autoHeight后出现高度异常的BUG
+6. 修复 uv-input H5等情况设置禁用或可读情况下，点击事件无效的问题，nvue需要特殊处理
+7. 修复 uv-calendars a. 在vue2+小程序渲染时闪烁的问题；b. 增加allowSameDay参数，是否允许日期范围的起止时间为同一天，mode=range时有效
+8. 修复 uv-safe-bottom 兼容飞书小程序
+9. 修复 uv-album 添加依赖，避免导入运行有误
+10. 修复 uv-ui-tools 优化组件用到的相关
+## 1.1.12（2023-09-10）
+1. 修复 uv-popup a. h5初始zIndex错误的问题；b. 修复全局设置prop无效的问题
+2. 修复 uv-button 修复多个按钮由view包裹，显示在一行宽度不正常的BUG
+3. 修复 uv-modal a. 修复两个按钮之间竖线不显示的问题；b. uv-ui项目自定义按钮示例修复
+4. 修复 uv-calendars 修复国际化失效的BUG
+5. 修复 uv-keyboard 修复键盘change回调事件产生冲突的BUG
+## 1.1.11（2023-09-02）
+1. 优化 uv-calendars a. 去除range参数，由mode="range"替换；b. 新增mode参数，不传 / multiple / range，分别为单日期， 多个日期，选择日期范围；c. 与uv-calendar选择日期的功能保持一致
+2. 优化 uv-modal a. 增加align参数，设置文本对齐方式；b. 增加textStyle参数，扩展文本样式
+3. 优化 uv-datetime-picker a. 增加mode="year"模式，方便只选择年；b. 增加clearDate参数，是否清除上次选择
+4. 修复 uv-ui-tools 设置customstyle同名计算属性报错：The computed property "customStyle" is already defined as a prop
+5. 修复 uv-image a. 设置widthFix时出现显示不全的BUG；b. 修复抖音等平台在width和height属性改变时出现不显示的BUG
+6. 修复 uv-checkbox 点击空隙处或label插槽内容不会选中的问题
+7. 修复 uv-radio 点击空隙处或label插槽内容不会选中的问题
+8. 修复 uv-calendars 在pages.json中设置easycom会报错的BUG
+9. 修复 uv-index-list 设置customNavHeight导致定位不准确的BUG
+## 1.1.10（2023-08-30）
+1. 交流反馈 欢迎加入uv-ui官方群1交流反馈： 549833913
+2. 交流反馈 欢迎加入uv-ui官方群2交流反馈： 206060892
+3. 优化 uv-calendars 1. 去除range参数，由mode="range"替换；2. 新增mode参数，不传 / multiple / range，分别为单日期， 多个日期，选择日期范围；3. 与uv-calendar选择日期的功能保持一致
+4. 新增 uv-album 新增相册组件及相关文档
+5. 优化 其他优化
+6. 修复 uv-text app-nvue设置align不生效的BUG
+7. 修复 uv-drop-down 自定义内容，点击自定义内容时会自动关闭弹窗的问题
+8. 修复 uv-image 异步修改宽高不生效的问题，问题来源：https://gitee.com/climblee/uv-ui/issues/I7WUQ3
+9. 修复 uv-calendars 通过setConfig修改属性不生效的问题，出自评论区：https://ext.dcloud.net.cn/plugin?id=12287
+10. 修复 uv-list 设置边框不生效的BUG
+## 1.1.9（2023-08-27）
+1. 优化 uv-calendars 1. 去除range参数，由mode="range"替换；2. 新增mode参数，不传 / multiple / range，分别为单日期， 多个日期，选择日期范围；3. 与uv-calendar选择日期的功能保持一致
+2. 优化 uv-picker 增加round属性，设置圆角
+3. 修复 uv-calendars 点击返回今天按钮时，monthSwitch方法回调参数返回月份不是当天对应月份
+4. 修复 uv-radio 1. 设置 labelSize 属性设置无效的问题：https://gitee.com/climblee/uv-ui/issues/I7W6UN；2. v-model 绑定布尔值控制台报警：https://gitee.com/climblee/uv-ui/issues/I7W714
+5. 修复 uv-checkbox 1. 设置 label 属性为布尔值不生效的BUG
+## 1.1.8（2023-08-24）
+1. 优化 uv-popup 弹出不丝滑优化思路：https://www.uvui.cn/components/popup.html#yh
+2. 修复 uv-switch 取消value传值，只能使用v-model传值，避免异步操作不生效的BUG
+3. 修复 uv-index-list ios端滚动过程中+快速点击右侧导航页面出现空白的BUG
+4. 修复 uv-rate 1. 支付宝报错的BUG; 2. 不能选半星的BUG
+5. 修复 uv-model 异步loading时，确认回调还会一直触发的BUG
+6. 修复 uv-swiper 标题文字过多未隐藏掉的BUG
+7. 修复 uv-text app-nvue编译不能自动换行的BUG
+## 1.1.7（2023-08-22）
+1. 优化 uv-drop-down a. 增加@change回调，返回弹窗关闭状态； b. 增加init方法，方便位置改变进行调整
+2. 优化 部分文档优化
+3. 修复 uv-input a. app-nvue-ios端不能输入的BUG；b. 键盘高度等值不返回BUG
+4. 修复 uv-scroll-list 报错导致不能移动指示器的BUG
+5. 修复 uv-search 边距值在上次更新中误改导致不对的BUG
+6. 修复 uv-image 设置width和height为100%不生效的BUG
+## 1.1.6（2023-08-18）
+1. 优化 优化文档
+2. 修复 uv-list 使用列表右侧显示 switch，switchChange回调中返回数据为undefined的BUG
+3. 修复 uv-checkbox 数据多不换行的BUG
+4. 修复 uv-upload 1. 图片预览位置错误的BUG；2. 视频预览不生效的BUG；3. 改变上传视频宽高不生效的BUG
+5. 修复 uv-navbar 在部分ios高版本机型，返回按钮不好操作的问题
+6. 修复 uv-waterfall 只有一条数据的时候，切换的时候数据会左右显示错误的BUG
+## 1.1.5（2023-08-14）
+1. 优化 uv-pick-color 删除scrollTop参数，内部修改后就不需要了
+2. 优化 uv-loading-icon 增加textStyle参数，可自定义文本样式，比如给上边距
+3. 修复 uv-safe-bottom 百度小程序报错的BUG
+4. 修复 uv-form 设置labelWidth属性时，节点渲染有闪动的BUG
+5. 修复 uv-grid 设置col属性时，节点渲染有闪动的BUG
+6. 修复 uv-parse 阻止a标签跳转文档说明
+## 1.1.4（2023-08-13）
+1. 优化 nvue自定义图标 [详细文档-nvue中自定义图标库](https://www.uvui.cn/guide/customIcon.html#nvue%E4%B8%AD%E8%87%AA%E5%AE%9A%E4%B9%89%E5%9B%BE%E6%A0%87%E5%BA%93)
+2. 优化 uv.$uv.http 在APP.vue页面使用报错的BUG： [Api集中管理](https://www.uvui.cn/js/http.html#_3-api%E9%9B%86%E4%B8%AD%E7%AE%A1%E7%90%86)
+3. 修复 uv-navbar app-nvue运行ios存在背景图片错乱的问题
+4. 修复 uv-list app-nvue运行ios存在，分包页面不滚动
+5. 修复 uv-textarea 值为null或undefined时显示错误的bug
+6. 修复 uv-search 值为null或undefined时显示错误的bug
+7. 修复 uv-scroll-list vue2编译报错的BUG
+8. 修复 uv-calendars 选择月份弹窗层级的问题
+9. 修复 uv-form 动画在vue3 setup语法糖中错乱，以及表单其他相关问题解决： [Issues](https://gitee.com/my_dear_li_pan/uv-ui/issues/I7SNTT)
+10. 修复 uv-picker-color 滚动页面无法点击的BUG：增加scrollTop参数，设置滚动条的位置。不设置如果页面出现滚动就需要传该值，会出现颜色面板无法进行选颜色的情况。
+11. 交流反馈 欢迎加入uv-ui官方群1交流反馈： [549833913](https://www.uvui.cn/components/addQQGroup.html)
+12. 交流反馈 欢迎加入uv-ui官方群2交流反馈： [206060892](https://www.uvui.cn/components/addQQGroup.html)
+## 1.1.3（2023-08-06）
+1. 优化 uv-calendars 1. 增加startText参数; 2. 增加endText参数; 3. 增加selected中的参数; 4. 优化日历范围选择
+2. 优化 uv-empty icon属性支持base64图片
+3. 优化 uv-navbar 增加背景图片的裁剪模式参数imgMode
+4. 优化 uv-picker-color 颜色值不对的BUG
+5. 优化 [API文档优化](https://www.uvui.cn/components/changelog.html)
+6. 优化 常见问题增加：[怎么隐藏uv-tabs等组件的滚动条](https://www.uvui.cn/components/problem.html#%E4%B9%9D%E3%80%81%E6%80%8E%E4%B9%88%E9%9A%90%E8%97%8Fuv-tabs%E7%AD%89%E7%BB%84%E4%BB%B6%E7%9A%84%E6%BB%9A%E5%8A%A8%E6%9D%A1)
+7. 修复 uv-radio name为数字0时不能选中的BUG
+8. 修复 uv-textarea 1. v-model设置为数据时的BUG；2. 复制过多内容，计数显示错误的BUG；3. maxlength为-1改成不显示计数
+9. 修复 uv-code-input 在vue2模式下，v-model设置为0时不生效的BUG
+10. 修复 uv-input 在vue2模式下，v-model设置为0时不生效的BUG
+11. 修复 uv-search 在vue2模式下，v-model设置为0时不生效的BUG
+12. 修复 uv-ui-tools 1. 路由拦截修复；2. 增加events参数
+## 1.1.2（2023-08-03）
+1. 新增 uv-calendars 新版日历发布
+2. 新增 uv-toolbar 组件独立发布，老用户更新uv-picker，需要手动删除uv-picker目录下的uv-toolbar目录，否则会有冲突提示
+3. 优化 uv-tags 增加cellChild参数
+4. 优化 uv-navbar 兼容背景图片
+5. 优化 uv-notice-bar 竖向滚动时候增加change回调
+## 1.1.1（2023-07-30）
+1. 新增 uv-drop-down 下拉筛选组件，兼容app-nvue及多端
+2. 优化 uv-textarea 增加confirm-hold参数，方便设置进行换行处理
+3. 优化 其他关于文档的优化等
+## 1.1.0（2023-07-26）
+1. 重构 uv-list  全面重构，提高性能，放弃使用scroll-view，具体文档参考：uv-list列表
+2. 优化 uv-search 1. 增加prefix和suffix 前置和后置插槽；2. 增加boxStyle参数，方便控制输入框部分的样式
+3. 优化 文档优化：获取节点布局信息，文档新增nvue获取方式的说明
+## 1.0.22（2023-07-26）
+1. 优化 uv-textarea 组件 增加textStyle和countStyle属性，方便控制文本样式
+2. 优化 uv-swiper 增加竖向播放属性：vertical
+3. 优化 uv-icon 支持base64图片格式
+4. 优化 uv-transition 和 uv-image 增加参数cellChild属性，避免nvue中出现回收后不显示的BUG
+5. 优化 uv-button 增加customTextStyle属性，方便自定义按钮文字样式
+6. 优化 优化部分文档说明
+7. 修复 uv-slider 修改背景颜色属性为backgroundColor，避免设置不生效
+8. 修复 uv-index-list 1. 修复全局设置成rpx存在的高度BUG；2. 修复其他BUG
+## 1.0.21（2023-07-22）
+1. 新增 uv-scroll-list 横向滚动列表组件
+2. 优化 增加测试占位图，方便开发者使用线上图片进行测试：[https://www.uvui.cn/components/testPic.html](https://www.uvui.cn/components/testPic.html)
+3. 优化 uv-calendar 组件文档示例等优化，增加setFormatter说明
+4. 优化 uv-notice-bar 优化文档，说明不显示左边图标的使用方法
+5. 修复 uv-input 在微信小程序端清除内容存在不能清除的BUG
+6. 修复 uv-button 1. 解决微信小程序动态设置hover-class点击态不消失的BUG; 2. 文档优化
+7. 修复 uv-waterfall 在tab切换等场景快速切换时，会出现报错的BUG
+8. 优化 优化其他
+## 1.0.20（2023-07-18）
+1. 修复 uv-textarea 设置-1不生效
+2. 修复 uv-icon 恢复uv-empty相关的图标
+3. 修复 uv-empty 恢复设置mode属性的内置图标
+4. 优化 [优化文档](https://www.uvui.cn)
+## 1.0.19（2023-07-14）
+1. 优化 uv-waterfall 当changeList未处理数据时，正确返回对应列的数据，避免误导
+2. 修复 uv-rate VUE3模式下设置value属性不生效的BUG
+3. 修复 uv-input VUE3模式下设置value属性不生效的BUG
+4. 修复 uv-search VUE3模式下设置value属性不生效的BUG
+5. 修复 uv-code-input VUE3模式下设置value属性不生效的BUG
+6. 修复 uv-number-box VUE3模式下设置value属性不生效的BUG
+7. 修复 uv-radio VUE3模式下设置value属性不生效的BUG
+8. 修复 uv-checkbox VUE3模式下设置value属性不生效的BUG
+9. 修复 uv-textarea VUE3模式下设置value属性不生效的BUG
+10. 修复 uv-switch VUE3模式下设置value属性不生效的BUG
+11. 修复 uv-slider VUE3模式下设置value属性不生效的BUG
+12. 修复 uv-datetime-picker VUE3模式下设置value属性不生效的BUG
+13. 修复 uv-icon 部分图标错误的BUG
+## 1.0.18（2023-07-06）
+1. 优化 uv-icon 1. 更新图标，删除一些不常用的图标；2. 删除base64，修改成ttf文件引入读取图标。uv-icon 图标
+2. 优化 uv-icon nvue自定义图标用法，文档说明：[点击跳转](https://www.uvui.cn/guide/customIcon.html)
+3. 优化 uv-upload 文档示例代码，增加fileList参数说明：[点击跳转](https://www.uvui.cn/components/upload.html#filelist-options)
+4. 修复 uv-checkbox vue3模式下，动态修改v-model绑定的值无效的BUG
+5. 修复 uv-radio vue3模式下，动态修改v-model绑定的值无效的BUG
+6. 修复 uv-datetime-picker vue3模式下，动态修改v-model绑定的值无效的BUG
+## 1.0.17（2023-07-04）
+1. 优化 uv-icon 修复，NVUE平台主题颜色在APP不生效的BUG
+2. 优化 uv-notice-bar 优化，增加disableScroll属性
+3. 优化 uv-input uv-back-top uv-cell uv-form uv-search uv-modal uv-navbar uv-index-list uv-empty uv-upload 去除插槽判断，避免某些平台不显示的BUG
+4. 优化 uv-form 优化文档
+5. 优化 优化其他相关文档
+## 1.0.16（2023-07-03）
+1. 优化 uv-transition 动画组件，代码重构优化，性能更加友好，增加自定义动画功能。详情[参考文档](https://www.uvui.cn/components/transition.html)
+2. 优化 uv-popup 弹出层，代码重构优化，性能翻倍，小程序体验性能更加，避免卡顿。打开和关闭方法更改，详情[参考文档](https://www.uvui.cn/components/popup.html)
+3. 优化 uv-calendar 由于弹出层uv-popup的修改，打开和关闭方法更改，详情[参考文档](https://www.uvui.cn/components/actionSheet.html)
+4. 优化 uv-action-sheet 由于弹出层uv-popup的修改，打开和关闭方法更改，详情[参考文档](https://www.uvui.cn/components/calendar.html)
+5. 优化 uv-datetime-picker 由于弹出层uv-popup的修改，打开和关闭方法更改，详情[参考文档](https://www.uvui.cn/components/datetimePicker.html)
+6. 优化 uv-form 由于弹出层uv-transition的修改，组件内部做了相应的修改，参数不变。
+7. 优化 uv-keyboard 由于弹出层uv-popup的修改，打开和关闭方法更改，详情[参考文档](https://www.uvui.cn/components/keyboard.html)
+8. 优化 uv-modal 由于弹出层uv-popup的修改，打开和关闭方法更改，详情[参考文档](https://www.uvui.cn/components/modal.html)
+9. 优化 uv-notify 由于弹出层uv-popup的修改，打开和关闭方法更改，详情[参考文档](https://www.uvui.cn/components/notify.html)
+10. 优化 uv-overlay 由于弹出层uv-transition的修改，组件内部做了相应的修改，参数不变。
+11. 优化 uv-pick-color 由于弹出层uv-popup的修改，打开和关闭方法更改，详情[参考文档](https://www.uvui.cn/components/pickColor.html)
+12. 优化 uv-picker 由于弹出层uv-popup的修改，打开和关闭方法更改，详情[参考文档](https://www.uvui.cn/components/picker.html)
+13. 优化 uv-tooltip 由于弹出层uv-transition的修改，组件内部做了相应的修改，参数不变。
+14. 优化 uv-loading-page 由于弹出层uv-transition的修改，组件内部做了相应的修改，参数不变。
+15. 优化 相关文档的优化更改。
+16. 修复 uv-safe-bottom 修复，在百度程序，抖音小程序不生效的BUG
+## 1.0.15（2023-06-29）
+1. 欢迎加QQ群交流：[549833913](https://www.uvui.cn/components/addQQGroup.html)
+2. 优化 uv-swiper 优化：1. 增加titleStyle属性，方便修改标题样式；2. 标题上去掉是否是图片的判断，避免无后缀的图片不显示
+3. 优化 uv-steps 优化：1. 增加插槽title; 3. 文档关于插槽相关的参数说明完善；增加customStyle属性
+4. 优化 uv-checkbox 优化：增加label文字插槽，与radio保持一致，优化文档相关说明
+5. 优化 uv-modal 优化：增加closeLoading方法，方便异步加载手动取消加载状态，更新文档
+6. 优化 uv-image 增加文档说明：uv-list、 uv-waterfall等组件在 Android平台使用了list封装，所以在该组件中仍然不能使用uv-image等组件
+7. 优化 优化更多文档
+8. 修复 uv-vtabs 修复非联动情况下，内容过多的情况，滚动一段距离，再切换未滚动到顶部的BUG
+9. 修复 uv-image 修复：duration属性不生效的BUG
+10. 修复 uv-code-input 修复：使用:disabledKeyboard="true"属性，事件全部失效的BUG
+11. 修复 uv-button 修复：设置open-type="chooseAvatar"等值不生效的BUG
+## 1.0.14（2023-06-25）
+1. 欢迎加QQ群交流：[549833913](https://www.uvui.cn/components/addQQGroup.html)
+2. 优化 uv-count-down 增加外部样式customStyle参数
+3. 优化 文档的全面优化
+4. 修复 uv-count-to 1. 修复继续滚动的函数 2. 修改文档错误 4. 适配px和rpx的单位 4. 适配customStyle参数
+5. 修复 uv-load-more 修复customStyle参数设置背景等不生效的BUG
+6. 修复 uv-code-input 优化下边框
+7. 修复 uv-tabs 添加uv-icon依赖
+8. 修复 uv-grid 优化修改
+9. 修复 uv-cell 优化修改
+## 1.0.13（2023-06-20）
+1. 优化 uv-calendar formatter格式化中增加topInfo参数
+2. 优化 uv-tabs 增加customStyle参数
+3. 优化 文档优化，便于开发者直接开干
+4. 优化 uv-switch 优化size属性，适配单位传递
+5. 修复 uv-ui-tools、uv-form、uv-picker 修复vue3编译支付宝异常
+6. 修复 uv-ui-tools、uv-form、uv-picker 修复vue3编译支付宝异常
+7. 修复 uv-parse 修复在nvue不显示的BUG
+8. 修复 uv-form 修复某些条件下报错的BUG
+## 1.0.12（2023-06-14）
+1. 优化部分组件，优化文档部分细节
+2. uv-popup、uv-modal 修复遮罩层zIndex问题
+3. uv-form 在vue3的setup语法中ref使用uvForm会导致报错
+4. uv-tabs activeStyle设置字体大小，可能会导致下划线位置不对BUG
+5. uv-pick-color 百度小程序点击报错
+6. uv-transition 恢复this.$nextTick
+7. uv-picker 抖音小程序选择的时候报错，导致不能关闭的BUG
+8. uv-checkbox 多余的属性labelDisabled，导致APP中报错提示
+9. uv-tabbar 底部安全距离组件无效的BUG
+10. uv-vtabs 头部存在的时候，联动不准确的BUG
+## 1.0.11（2023-06-12）
+1. uv-radio-group、uv-checkbox-group 兼容自定义样式customStyle，方便通过样式调整整体位置等，数据较多时允许换行
+2. uv-ui-tools 优化内置样式等，解决微信小程序使用uvui提示 Some selectors are not allowed in component wxss, including tag name selectors, ID selectors, and attribute selectors，[详情](https://www.uvui.cn/components/problem.html)
+3. uv-datetime-picker 取消defaultIndex参数，目前传该值也没实际意义
+4. uv-tabbar 增加iconSize参数
+5. uv-calendar 增加change回调
+6. uv-calendar 修复BUG
+7. uv-rate 修复只读或禁止状态下设置value无效的问题
+8. uv-popup 修复zIndex问题
+9. uv-modal 修复zIndex问题
+10. 文档-扩展配置更新：[扩展配置](https://www.uvui.cn/components/setting.html)
+11. 文档-优化更新：[uv-ui文档](https://www.uvui.cn/components/changelog.html)
+12. 文档-新增常见问题：[常见问题](https://www.uvui.cn/components/problem.html)
+13. 优化其他
+## 1.0.10（2023-06-05）
+1. uv-navbar 渐变背景色兼容
+2. uv-calendar 日历选择BUG修复
+## 1.0.9（2023-06-05）
+1. 新增uv-vtabs垂直选项卡组件，主要用于分类展示，分类切换功能，支持联动和不联动两种模式
+2. uv-qrcode，uv-datetime-picker，uv-subsection等文档说明优化，避免开发困难；优化API相关说明
+3. uv-notice-bar 1. 修复在触发error函数报错的BUG；2. 修复在text值为undefined的时候，解决报错BUG
+4. uv-button 等组件修复触发两次事件的BUG
+5. uv-datetime-picker 1. 修复重置值存在不更新的BUG；2. 优化文档，增加filter使用方法说明
+6. uv-badge 修复type等属性为null或undefined的时候不显示徽标的BUG
+7. uv-ui-tools 优化工具组件，兼容更多功能，小程序分享功能优化等
+...
+## 1.0.8（2023-05-27）
+1. uv-waterfall修复在百度小程序中可能存在的BUG；去掉原有的slot方式
+2. uv-image修复可能报错的问题
+3. uv-pick-color 在文档预览模式中无法点击的问题
+4. uv-index-list 修复select事件不触发的问题
+5. 优化其他组件及示例项目等
+## 1.0.7（2023-05-25）
+1. uv-icon 将线上ttf字体包替换成base64，避免加载时或者网络差时候显示白色方块
+2. uv-text 去掉多余的data-index属性，避免警告
+3. uv-upload 在fileList的watch中增加deep属性
+4. uv-pick-color 去掉template中存在的this.导致头条小程序编译警告
+5. uv-image 去掉template中存在的this.导致头条小程序编译警告
+## 1.0.6（2023-05-23）
+1. 新增uv-pick-color颜色选择器组件
+2. uv-toolbar组件增加showBorder属性，是否显示下边框
+3. uv-transition组件在百度小程序等平台不支持this.$nextick导致下面的逻辑不执行，使用延时替换方案
+4. uv-ui-tools组件中bem()函数兼容百度/头条小程序等
+5. uv-waterfall组件修复在百度/头条小程序显示异常等BUG，增加changeList回调函数处理数据，同步更新示例等
+6. uv-image组件修复在百度/头条小程序等开启observeLazyLoad后显示异常BUG
+7. uv-tabs组件修复上次更新导致的在nvue中不滚动的BUG
+8. uv-qrcode组件修复在部分平台不显示加载的BUG
+9. 修复其他已知问题等
+## 1.0.5（2023-05-17）
+1. 新增uv-qrcode二维码组件
+2. 修复uv-tooltip在vue2模式下的BUG
+3. 优化部分问题
+## 1.0.4（2023-05-16）
+1. 优化组件依赖，修改后无需全局引入，组件导入即可使用
+2. 优化部分功能
+## 1.0.3（2023-05-12）
+1. 修复uv-input在vue3模式下双向绑定问题
+2. 修复uv-textarea在vue3模式下双向绑定问题
+3. 修复uv-rate在vue3模式下双向绑定问题
+## 1.0.2（2023-05-11）
+1. 更新文档
+2. 增加插件下载入口
+## 1.0.1（2023-05-10）
+1. 所有组件依赖
+2. 上传示例项目
+## 1.0.0（2023-05-10）
+1. uv-ui
diff --git a/uni_modules/uv-ui/components/uv-ui/uv-ui.vue b/uni_modules/uv-ui/components/uv-ui/uv-ui.vue
new file mode 100644
index 0000000..e023095
--- /dev/null
+++ b/uni_modules/uv-ui/components/uv-ui/uv-ui.vue
@@ -0,0 +1,7 @@
+<template>
+	<view>占位组件，请勿使用；如需下载示例项目，请使用【下载插件并导入HBuilderX】或【使用 HBuilderX 导入示例项目】或【下载示例项目ZIP】</view>
+</template>
+<script>
+</script>
+<style>
+</style>
diff --git a/uni_modules/uv-ui/package.json b/uni_modules/uv-ui/package.json
new file mode 100644
index 0000000..5e919a2
--- /dev/null
+++ b/uni_modules/uv-ui/package.json
@@ -0,0 +1,162 @@
+{
+	"id": "uv-ui",
+	"displayName": "uv-ui 破釜沉舟之兼容vue3+2、app、h5、小程序等多端，灵活导入，利剑出击",
+	"version": "1.1.20",
+	"description": "uv-ui 是基于uni-app、部分组件基于uView2.x、全端兼容、支持独立导入、内容丰富的UI框架。破釜沉舟之兼容vue3+2、app、h5、小程序等多端，利剑出击，开箱即用。",
+	"keywords": [
+        "uv-ui",
+        "uvui",
+        "UI组件库",
+        "ui框架",
+        "ui库"
+    ],
+	"repository": "https://github.com/climblee/uv-ui",
+	"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": "https://www.npmjs.com/package/@climblee/uv-ui"
+	},
+	"uni_modules": {
+		"dependencies": [
+			"uv-skeletons",
+			"uv-album",
+			"uv-drop-down",
+			"uv-calendars",
+			"uv-scroll-list",
+			"uv-vtabs",
+			"uv-pick-color",
+			"uv-qrcode",
+			"uv-ui-tools",
+			"uv-action-sheet",
+			"uv-alert",
+			"uv-avatar",
+			"uv-back-top",
+			"uv-badge",
+			"uv-button",
+			"uv-calendar",
+			"uv-cell",
+			"uv-checkbox",
+			"uv-code",
+			"uv-code-input",
+			"uv-collapse",
+			"uv-count-down",
+			"uv-count-to",
+			"uv-datetime-picker",
+			"uv-divider",
+			"uv-empty",
+			"uv-form",
+			"uv-gap",
+			"uv-grid",
+			"uv-icon",
+			"uv-image",
+			"uv-index-list",
+			"uv-input",
+			"uv-keyboard",
+			"uv-line",
+			"uv-line-progress",
+			"uv-link",
+			"uv-list",
+			"uv-loading-icon",
+			"uv-loading-page",
+			"uv-load-more",
+			"uv-modal",
+			"uv-navbar",
+			"uv-no-network",
+			"uv-notice-bar",
+			"uv-notify",
+			"uv-number-box",
+			"uv-overlay",
+			"uv-parse",
+			"uv-picker",
+			"uv-popup",
+			"uv-radio",
+			"uv-rate",
+			"uv-read-more",
+			"uv-row",
+			"uv-safe-bottom",
+			"uv-search",
+			"uv-skeleton",
+			"uv-slider",
+			"uv-status-bar",
+			"uv-steps",
+			"uv-sticky",
+			"uv-subsection",
+			"uv-swipe-action",
+			"uv-swiper",
+			"uv-switch",
+			"uv-tabbar",
+			"uv-tabs",
+			"uv-tags",
+			"uv-text",
+			"uv-textarea",
+			"uv-toast",
+			"uv-tooltip",
+			"uv-transition",
+			"uv-upload",
+			"uv-waterfall"
+		],
+		"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/uni_modules/uv-ui/readme.md b/uni_modules/uv-ui/readme.md
new file mode 100644
index 0000000..9dfe1df
--- /dev/null
+++ b/uni_modules/uv-ui/readme.md
@@ -0,0 +1,164 @@
+<p align="center">
+    <span>&nbsp;&nbsp;&nbsp;&nbsp;</span><img alt="logo" src="https://www.uvui.cn/common/logo.png" width="120" height="120">
+</p>
+<h3 align="center">uv-ui</h3>
+<h3 align="center">兼容vue3+2多平台快速开发的UI框架</h3>
+
+[![star](https://gitee.com/climblee/uv-ui/badge/star.svg?theme=gvp)](https://gitee.com/climblee/uv-ui)
+[![star](https://gitee.com/climblee/uv-ui/badge/fork.svg?theme=gvp)](https://gitee.com/climblee/uv-ui)
+[![star](https://img.shields.io/github/stars/climblee/uv-ui?style=flat-square&logo=GitHub)](https://github.com/climblee/uv-ui)
+[![issues](https://img.shields.io/github/issues/climblee/uv-ui?style=flat-square&logo=GitHub)](https://github.com/climblee/uv-ui/issues)
+[![Website](https://img.shields.io/badge/uvui-up-blue?style=flat-square)](https://www.uvui.cn)
+[![version](https://img.shields.io/badge/version-1.1.16-brightgreen.svg)](https://www.uvui.cn/components/changelog.html)
+[![license](https://img.shields.io/github/license/climblee/uv-ui?style=flat-square)](https://en.wikipedia.org/wiki/MIT_License)
+
+## 温馨提示：如需下载uv-ui示例项目，请不要使用【下载插件ZIP】按钮。
+
+### uvui官方群1：<a href="http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=aaoyDvfV7nSee9vzWfzyZM1vKlu3xrNZ&authKey=pdU6HDpyzGUoc1QvQvCmzCbwzsoHgBbToF%2F0ChP4lNjPIPgWHGRE4I99XYGiTcNI&noverify=0&group_code=549833913" target="_blank">549833913</a>
+### uvui官方群2：<a href="http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=2QbEeKBn6ysCyQ09V4mgst1W8onxFybQ&authKey=aMTGL5zCYwsinG%2FeH0qMlAqXAdyKr5AjXVf2oMnsmj7NCg%2F2HraMU%2FNFxELLIPvp&noverify=0&group_code=206060892" target="_blank">206060892</a>
+
+## uvui特点
+
+1. **uv-ui的前世今生**，`uv-ui` 是基于 `uview2.x` 版本改造而来。重命名也是为了避开发布冲突和很多组件 `u-`在  `nvue` 中不能使用的情况，所以这才诞生了`uv-ui`。感谢 `uview-ui` 作者的开源奉献，再次为开源点赞。 同时 `uv-ui` 也是无条件开源。
+
+2. **全端兼容**，`uv-ui`支持vue3、vue2、app-vue、app-nvue、h5、小程序等。`uv-ui`的组件都是多端自适应的，底层会抹平很多小程序平台的差异或bug。
+
+3. **扩展配置**，`uv-ui`内置的方法默认不再挂载到`uni`对象之上，也就意味着默认情况下不能在项目中直接使用`uni.$uv.xxx`使用内置方法。但是可以通过扩展可以解决，通过如下方式进行配置即可，使用方式请参考[扩展配置](https://www.uvui.cn/components/setting.html)。其中包括[ JS工具库](https://www.uvui.cn/components/setting.html#%E6%89%A9%E5%B1%95%E9%85%8D%E7%BD%AE-js%E5%B7%A5%E5%85%B7%E5%BA%93)、[ 自定义主题](https://www.uvui.cn/components/setting.html#%E6%89%A9%E5%B1%95%E9%85%8D%E7%BD%AE-%E8%87%AA%E5%AE%9A%E4%B9%89%E4%B8%BB%E9%A2%98)、[ 基础样式](https://www.uvui.cn/components/setting.html#%E6%89%A9%E5%B1%95%E9%85%8D%E7%BD%AE-%E5%9F%BA%E7%A1%80%E6%A0%B7%E5%BC%8F)、[ setconfig](https://www.uvui.cn/components/setting.html#%E6%89%A9%E5%B1%95%E9%85%8D%E7%BD%AE-setconfig)等。
+
+## 预览
+
+通过微信（APP下载不支持微信扫码）或浏览器扫码查看演示效果。
+
+<img src="https://mp-31ed6237-7b7b-4597-8448-a53d6d6031cf.cdn.bspapp.com/uvui/download-wx.png" width="200" />&nbsp;&nbsp;&nbsp;&nbsp;<img src="https://mp-31ed6237-7b7b-4597-8448-a53d6d6031cf.cdn.bspapp.com/uvui/download-app.png" width="200" />&nbsp;&nbsp;&nbsp;&nbsp;<img src="https://mp-31ed6237-7b7b-4597-8448-a53d6d6031cf.cdn.bspapp.com/uvui/download-h5.png" width="200" />
+
+## 链接
+
+- [官方文档](https://www.uvui.cn)
+- [演示地址](https://h5.uvui.cn)
+- [更新日志](https://www.uvui.cn/components/changelog.html)
+- [关于我们](https://www.uvui.cn/cooperation/about.html)
+- <a href="#list">组件列表</a>
+
+## 交流反馈
+
+欢迎加入我们的QQ群交流反馈：[点此跳转](https://www.uvui.cn/components/addQQGroup.html)
+
+## 快速开始
+
+方式一：`uv-ui` 强烈建议通过 `下载插件并导入HbuilderX` 导入组件。
+
+方式二：下载完整 [uv-ui项目](https://ext.dcloud.net.cn/plugin?id=12287) 将 `uni_modules` 复制到自己的项目。
+
+方式三：通过 `npm i @climblee/uv-ui` 下载，此方法需要配置 easycom，配置详情可查看[安装](https://www.uvui.cn/components/install.html)。
+
+请通过[快速上手](https://www.uvui.cn/components/quickstart.html)了解更详细的内容。
+
+**注意：导入插件后，建议`HBuilderX`重新运行项目，可能新导入的插件不能实时更新而导致不能运行。**
+
+## 使用方法
+
+组件导入 `uni_modules` 后，直接在项目中使用，无需通过import引入组件。
+
+```html
+<template>
+    <uv-icon name="baidu" size="30" color="#909399"></uv-icon>
+</template>
+```
+
+## 扩展功能
+
+`uv-ui` 内置了强大的工具函数、请求封装等，可以根据自身需求进行扩展配置，详情请查看[扩展配置](https://www.uvui.cn/components/setting.html)。
+
+**注意：只有[扩展配置](https://www.uvui.cn/components/setting.html)后才能在自己的项目页面中使用组件库内置方法和变量等**。
+
+<div id="list"></div>
+
+## 组件列表
+
+下表为 `uv-ui` 的扩展组件清单，点击每个组件**点击下载&安装**即可在详情页面导入组件到项目下，导入后建议重新运行即可直接使用，组件无需import和注册。
+
+| 组件名 | 组件说明 |
+| --- | --- |
+| uv-skeletons | [新版骨架屏（推荐）](https://www.uvui.cn/components/skeletons.html) |
+| uv-calendars | [新版日历（推荐）](https://www.uvui.cn/components/calendars.html) |
+| uv-drop-down | [下拉筛选](https://www.uvui.cn/components/dropDown.html) |
+| uv-scroll-list | [横向滚动列表](https://www.uvui.cn/components/scrollList.html) |
+| uv-vtabs | [垂直选项卡](https://www.uvui.cn/components/vtabs.html) |
+| uv-pick-color | [颜色选择器](https://www.uvui.cn/components/pickColor.html) |
+| uv-qrcode | [二维码](https://www.uvui.cn/components/qrcode.html) |
+| uv-waterfall | [瀑布流](https://www.uvui.cn/components/waterfall.html) |
+| uv-row | [Layout 布局](https://www.uvui.cn/components/layout.html) |
+| uv-icon | [图标](https://www.uvui.cn/components/icon.html) |
+| uv-button | [按钮](https://www.uvui.cn/components/button.html) |
+| uv-text | [文本](https://www.uvui.cn/components/text.html) |
+| uv-link | [超链接](https://www.uvui.cn/components/link.html) |
+| uv-image | [图片](https://www.uvui.cn/components/image.html) |
+| uv-transition | [动画](https://www.uvui.cn/components/transition.html) |
+| uv-form | [表单](https://www.uvui.cn/components/form.html) |
+| uv-input | [增强输入框](https://www.uvui.cn/components/input.html) |
+| uv-textarea | [增强文本域](https://www.uvui.cn/components/textarea.html) |
+| uv-checkbox | [复选框](https://www.uvui.cn/components/checkbox.html) |
+| uv-radio | [单选框](https://www.uvui.cn/components/radio.html) |
+| uv-switch | [开关选择器](https://www.uvui.cn/components/switch.html) |
+| uv-calendar | [日历](https://www.uvui.cn/components/calendar.html) |
+| uv-picker | [选择器](https://www.uvui.cn/components/picker.html) |
+| uv-datetime-picker | [时间选择器](https://www.uvui.cn/components/datetimePicker.html) |
+| uv-code | [验证码倒计时](https://www.uvui.cn/components/code.html) |
+| uv-keyboard | [键盘](https://www.uvui.cn/components/keyboard.html) |
+| uv-rate | [评分](https://www.uvui.cn/components/rate.html) |
+| uv-search | [多功能搜索框](https://www.uvui.cn/components/search.html) |
+| uv-number-box | [步进器](https://www.uvui.cn/components/numberBox.html) |
+| uv-upload | [上传](https://www.uvui.cn/components/upload.html) |
+| uv-slider | [滑动选择器](https://www.uvui.cn/components/slider.html) |
+| uv-list | [列表](https://www.uvui.cn/components/list.html) |
+| uv-index-list | [索引列表](https://www.uvui.cn/components/indexList.html) |
+| uv-tags | [标签](https://www.uvui.cn/components/tag.html) |
+| uv-line-progress | [线形进度条](https://www.uvui.cn/components/lineProgress.html) |
+| uv-badge | [徽标数](https://www.uvui.cn/components/badge.html) |
+| uv-count-down | [倒计时](https://www.uvui.cn/components/countDown.html) |
+| uv-count-to | [数字滚动](https://www.uvui.cn/components/countTo.html) |
+| uv-avatar | [头像](https://www.uvui.cn/components/avatar.html) |
+| uv-skeleton | [骨架屏](https://www.uvui.cn/components/skeleton.html) |
+| uv-loading-icon | [加载动画](https://www.uvui.cn/components/loadingIcon.html) |
+| uv-loading-page | [加载页](https://www.uvui.cn/components/loadingPage.html) |
+| uv-load-more | [加载更多](https://www.uvui.cn/components/loadMore.html) |
+| uv-empty | [内容为空](https://www.uvui.cn/components/empty.html) |
+| uv-tooltip | [长按提示](https://www.uvui.cn/components/tooltip.html) |
+| uv-alert | [警告提示](https://www.uvui.cn/components/alert.html) |
+| uv-toast | [消息提示](https://www.uvui.cn/components/toast.html) |
+| uv-notice-bar | [滚动通知](https://www.uvui.cn/components/noticeBar.html) |
+| uv-notify | [消息提示](https://www.uvui.cn/components/notify.html) |
+| uv-no-network | [无网络提示](https://www.uvui.cn/components/noNetwork.html) |
+| uv-popup | [弹出层](https://www.uvui.cn/components/popup.html) |
+| uv-modal | [模态框](https://www.uvui.cn/components/modal.html) |
+| uv-cell | [单元格](https://www.uvui.cn/components/cell.html) |
+| uv-swipe-action | [滑动单元格](https://www.uvui.cn/components/swipeAction.html) |
+| uv-swiper | [轮播图](https://www.uvui.cn/components/swiper.html) |
+| uv-collapse | [折叠面板](https://www.uvui.cn/components/collapse.html) |
+| uv-grid | [宫格布局](https://www.uvui.cn/components/grid.html) |
+| uv-album | [相册](https://www.uvui.cn/components/album.html) |
+| uv-tabbar | [底部导航栏](https://www.uvui.cn/components/tabbar.html) |
+| uv-back-top | [返回顶部](https://www.uvui.cn/components/backTop.html) |
+| uv-navbar | [自定义导航栏](https://www.uvui.cn/components/navbar.html) |
+| uv-action-sheet | [底部操作菜单](https://www.uvui.cn/components/actionSheet.html) |
+| uv-tabs | [标签选项卡](https://www.uvui.cn/components/tabs.html) |
+| uv-steps | [步骤条](https://www.uvui.cn/components/steps.html) |
+| uv-subsection | [分段器](https://www.uvui.cn/components/subsection.html) |
+| uv-sticky | [吸顶](https://www.uvui.cn/components/sticky.html) |
+| uv-parse | [富文本解析器](https://www.uvui.cn/components/parse.html) |
+| uv-overlay | [遮罩层](https://www.uvui.cn/components/overlay.html) |
+| uv-code-input | [验证码输入](https://www.uvui.cn/components/codeInput.html) |
+| uv-read-more | [展开阅读更多](https://www.uvui.cn/components/readMore.html) |
+| uv-line | [线条](https://www.uvui.cn/components/line.html) |
+| uv-gap | [间隔槽](https://www.uvui.cn/components/gap.html) |
+| uv-divider | [分割线](https://www.uvui.cn/components/divider.html) |
+
+## 版权信息
+uv-ui遵循[MIT](https://en.wikipedia.org/wiki/MIT_License)开源协议，意味着您无需支付任何费用，也无需授权，即可将uv-ui应用到您的产品中。
+
+## 作者想说
+- 开源真的不易，不图大家的钱财，所以希望大家多多鼓励支持，希望不要恶意评论，有问题加群快速解决。
+- 遇到BUG，是一件很正常的事情，是程序肯定就有BUG，所以希望大家能以理解的心态去提出BUG，然后作者才有动力去努力修复。
+- 最后觉得好用的小伙伴，不要吝啬你的双手，给个好评就是给我们最大的鼓励。
+
+# 恶评者手下留情，有事加QQ群解决：549833913
\ No newline at end of file
diff --git a/uni_modules/zero-markdown-view/changelog.md b/uni_modules/zero-markdown-view/changelog.md
new file mode 100644
index 0000000..d13259c
--- /dev/null
+++ b/uni_modules/zero-markdown-view/changelog.md
@@ -0,0 +1,15 @@
+## 2.0.5（2024-04-24）
+## 流式输出代码块解决方案
+## 2.0.4（2023-12-06）
+### 长按复制代码改为点击代码块复制
+## 2.0.3（2023-10-30）
+doc: 文档说明
+## 2.0.2（2023-10-30）
+- 新增长按复制代码-仅小程序可用
+- 新增代码块语言显示
+## 2.0.1（2023-10-27）
+##支持vue2,vue3
+## 2.0.0（2022-11-01）
+使用mp-html自带的插件,重新生成uniapp包,大幅减少插件体积
+## 1.0.0（2022-09-13）
+首次发布
diff --git a/uni_modules/zero-markdown-view/components/mp-html/highlight/config.js b/uni_modules/zero-markdown-view/components/mp-html/highlight/config.js
new file mode 100644
index 0000000..2f81762
--- /dev/null
+++ b/uni_modules/zero-markdown-view/components/mp-html/highlight/config.js
@@ -0,0 +1,5 @@
+export default {
+  copyByClickCode: true, // 点击代码块复制
+  showLanguageName: true, // 是否在代码块右上角显示语言的名称
+  showLineNumber: false // 是否显示行号
+}
diff --git a/uni_modules/zero-markdown-view/components/mp-html/highlight/index.js b/uni_modules/zero-markdown-view/components/mp-html/highlight/index.js
new file mode 100644
index 0000000..7faa633
--- /dev/null
+++ b/uni_modules/zero-markdown-view/components/mp-html/highlight/index.js
@@ -0,0 +1,109 @@
+/**
+ * @fileoverview highlight 插件
+ * Include prismjs (https://prismjs.com)
+ */
+import prism from './prism.min'
+import config from './config'
+import Parser from '../parser'
+
+function Highlight (vm) {
+  this.vm = vm
+}
+
+Highlight.prototype.onParse = function (node, vm) {
+  if (node.name === 'pre') {
+    if (vm.options.editable) {
+      node.attrs.class = (node.attrs.class || '') + ' hl-pre'
+      return
+    }
+    let i
+    for (i = node.children.length; i--;) {
+      if (node.children[i].name === 'code') break
+    }
+    if (i === -1) return
+    const code = node.children[i]
+    let className = code.attrs.class + ' ' + node.attrs.class
+    i = className.indexOf('language-')
+    if (i === -1) {
+      i = className.indexOf('lang-')
+      if (i === -1) {
+        className = 'language-text'
+        i = 9
+      } else {
+        i += 5
+      }
+    } else {
+      i += 9
+    }
+    let j
+    for (j = i; j < className.length; j++) {
+      if (className[j] === ' ') break
+    }
+    const lang = className.substring(i, j)
+    if (code.children.length) {
+      const text = this.vm.getText(code.children).replace(/&amp;/g, '&')
+      if (!text) return
+      if (node.c) {
+        node.c = undefined
+      }
+      if (prism.languages[lang]) {
+        code.children = (new Parser(this.vm).parse(
+          // 加一层 pre 保留空白符
+          '<pre>' + prism.highlight(text, prism.languages[lang], lang).replace(/token /g, 'hl-') + '</pre>'))[0].children
+      }
+      node.attrs.class = 'hl-pre'
+      code.attrs.class = 'hl-code'
+	  code.attrs.style ='display:block;overflow: auto;'
+      if (config.showLanguageName) {
+        node.children.push({
+          name: 'div',
+          attrs: {
+            class: 'hl-language',
+            style: 'user-select:none;position:absolute;top:0;right:2px;font-size:10px;'
+          },
+          children: [{
+            type: 'text',
+            text: lang
+          }]
+        })
+      }
+      if (config.copyByClickCode) {
+        node.attrs.style += (node.attrs.style || '') + ';user-select:none;'
+        node.attrs['data-content'] = text
+		node.children.push({
+		  name: 'div',
+		  attrs: {
+		    class: 'hl-copy',
+		    style: 'user-select:none;position:absolute;top:0;right:3px;font-size:10px;'
+		  },
+		  // children: [{
+		  //   type: 'text',
+		  //   text: '复制'
+		  // }]
+		})
+        vm.expose()
+		// console.log('vm',node,vm)
+      }
+      if (config.showLineNumber) {
+        const line = text.split('\n').length; const children = []
+        for (let k = line; k--;) {
+          children.push({
+            name: 'span',
+            attrs: {
+              class: 'span'
+            }
+          })
+        }
+        node.children.push({
+          name: 'span',
+          attrs: {
+            class: 'line-numbers-rows'
+          },
+          children
+        })
+      }
+    }
+  }
+}
+
+export default Highlight
diff --git a/uni_modules/zero-markdown-view/components/mp-html/highlight/prism.min.js b/uni_modules/zero-markdown-view/components/mp-html/highlight/prism.min.js
new file mode 100644
index 0000000..0b67d39
--- /dev/null
+++ b/uni_modules/zero-markdown-view/components/mp-html/highlight/prism.min.js
@@ -0,0 +1,7 @@
+/*! PrismJS 1.22.0
+https://prismjs.com/download.html#themes=prism-tomorrow&languages=markup+css+clike+javascript */
+var _self="undefined"!=typeof window?window:"undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?self:{},Prism=function(u){var c=/\blang(?:uage)?-([\w-]+)\b/i,n=0,M={manual:u.Prism&&u.Prism.manual,disableWorkerMessageHandler:u.Prism&&u.Prism.disableWorkerMessageHandler,util:{encode:function e(n){return n instanceof W?new W(n.type,e(n.content),n.alias):Array.isArray(n)?n.map(e):n.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(e){return Object.prototype.toString.call(e).slice(8,-1)},objId:function(e){return e.__id||Object.defineProperty(e,"__id",{value:++n}),e.__id},clone:function t(e,r){var a,n;switch(r=r||{},M.util.type(e)){case"Object":if(n=M.util.objId(e),r[n])return r[n];for(var i in a={},r[n]=a,e)e.hasOwnProperty(i)&&(a[i]=t(e[i],r));return a;case"Array":return n=M.util.objId(e),r[n]?r[n]:(a=[],r[n]=a,e.forEach(function(e,n){a[n]=t(e,r)}),a);default:return e}},getLanguage:function(e){for(;e&&!c.test(e.className);)e=e.parentElement;return e?(e.className.match(c)||[,"none"])[1].toLowerCase():"none"},currentScript:function(){if("undefined"==typeof document)return null;if("currentScript"in document)return document.currentScript;try{throw new Error}catch(e){var n=(/at [^(\r\n]*\((.*):.+:.+\)$/i.exec(e.stack)||[])[1];if(n){var t=document.getElementsByTagName("script");for(var r in t)if(t[r].src==n)return t[r]}return null}},isActive:function(e,n,t){for(var r="no-"+n;e;){var a=e.classList;if(a.contains(n))return!0;if(a.contains(r))return!1;e=e.parentElement}return!!t}},languages:{extend:function(e,n){var t=M.util.clone(M.languages[e]);for(var r in n)t[r]=n[r];return t},insertBefore:function(t,e,n,r){var a=(r=r||M.languages)[t],i={};for(var l in a)if(a.hasOwnProperty(l)){if(l==e)for(var o in n)n.hasOwnProperty(o)&&(i[o]=n[o]);n.hasOwnProperty(l)||(i[l]=a[l])}var s=r[t];return r[t]=i,M.languages.DFS(M.languages,function(e,n){n===s&&e!=t&&(this[e]=i)}),i},DFS:function e(n,t,r,a){a=a||{};var i=M.util.objId;for(var l in n)if(n.hasOwnProperty(l)){t.call(n,l,n[l],r||l);var o=n[l],s=M.util.type(o);"Object"!==s||a[i(o)]?"Array"!==s||a[i(o)]||(a[i(o)]=!0,e(o,t,l,a)):(a[i(o)]=!0,e(o,t,null,a))}}},plugins:{},highlightAll:function(e,n){M.highlightAllUnder(document,e,n)},highlightAllUnder:function(e,n,t){var r={callback:t,container:e,selector:'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'};M.hooks.run("before-highlightall",r),r.elements=Array.prototype.slice.apply(r.container.querySelectorAll(r.selector)),M.hooks.run("before-all-elements-highlight",r);for(var a,i=0;a=r.elements[i++];)M.highlightElement(a,!0===n,r.callback)},highlightElement:function(e,n,t){var r=M.util.getLanguage(e),a=M.languages[r];e.className=e.className.replace(c,"").replace(/\s+/g," ")+" language-"+r;var i=e.parentElement;i&&"pre"===i.nodeName.toLowerCase()&&(i.className=i.className.replace(c,"").replace(/\s+/g," ")+" language-"+r);var l={element:e,language:r,grammar:a,code:e.textContent};function o(e){l.highlightedCode=e,M.hooks.run("before-insert",l),l.element.innerHTML=l.highlightedCode,M.hooks.run("after-highlight",l),M.hooks.run("complete",l),t&&t.call(l.element)}if(M.hooks.run("before-sanity-check",l),!l.code)return M.hooks.run("complete",l),void(t&&t.call(l.element));if(M.hooks.run("before-highlight",l),l.grammar)if(n&&u.Worker){var s=new Worker(M.filename);s.onmessage=function(e){o(e.data)},s.postMessage(JSON.stringify({language:l.language,code:l.code,immediateClose:!0}))}else o(M.highlight(l.code,l.grammar,l.language));else o(M.util.encode(l.code))},highlight:function(e,n,t){var r={code:e,grammar:n,language:t};return M.hooks.run("before-tokenize",r),r.tokens=M.tokenize(r.code,r.grammar),M.hooks.run("after-tokenize",r),W.stringify(M.util.encode(r.tokens),r.language)},tokenize:function(e,n){var t=n.rest;if(t){for(var r in t)n[r]=t[r];delete n.rest}var a=new i;return I(a,a.head,e),function e(n,t,r,a,i,l){for(var o in r)if(r.hasOwnProperty(o)&&r[o]){var s=r[o];s=Array.isArray(s)?s:[s];for(var u=0;u<s.length;++u){if(l&&l.cause==o+","+u)return;var c=s[u],g=c.inside,f=!!c.lookbehind,h=!!c.greedy,d=0,v=c.alias;if(h&&!c.pattern.global){var p=c.pattern.toString().match(/[imsuy]*$/)[0];c.pattern=RegExp(c.pattern.source,p+"g")}for(var m=c.pattern||c,y=a.next,k=i;y!==t.tail&&!(l&&k>=l.reach);k+=y.value.length,y=y.next){var b=y.value;if(t.length>n.length)return;if(!(b instanceof W)){var x=1;if(h&&y!=t.tail.prev){m.lastIndex=k;var w=m.exec(n);if(!w)break;var A=w.index+(f&&w[1]?w[1].length:0),P=w.index+w[0].length,S=k;for(S+=y.value.length;S<=A;)y=y.next,S+=y.value.length;if(S-=y.value.length,k=S,y.value instanceof W)continue;for(var E=y;E!==t.tail&&(S<P||"string"==typeof E.value);E=E.next)x++,S+=E.value.length;x--,b=n.slice(k,S),w.index-=k}else{m.lastIndex=0;var w=m.exec(b)}if(w){f&&(d=w[1]?w[1].length:0);var A=w.index+d,O=w[0].slice(d),P=A+O.length,L=b.slice(0,A),N=b.slice(P),j=k+b.length;l&&j>l.reach&&(l.reach=j);var C=y.prev;L&&(C=I(t,C,L),k+=L.length),z(t,C,x);var _=new W(o,g?M.tokenize(O,g):O,v,O);y=I(t,C,_),N&&I(t,y,N),1<x&&e(n,t,r,y.prev,k,{cause:o+","+u,reach:j})}}}}}}(e,a,n,a.head,0),function(e){var n=[],t=e.head.next;for(;t!==e.tail;)n.push(t.value),t=t.next;return n}(a)},hooks:{all:{},add:function(e,n){var t=M.hooks.all;t[e]=t[e]||[],t[e].push(n)},run:function(e,n){var t=M.hooks.all[e];if(t&&t.length)for(var r,a=0;r=t[a++];)r(n)}},Token:W};function W(e,n,t,r){this.type=e,this.content=n,this.alias=t,this.length=0|(r||"").length}function i(){var e={value:null,prev:null,next:null},n={value:null,prev:e,next:null};e.next=n,this.head=e,this.tail=n,this.length=0}function I(e,n,t){var r=n.next,a={value:t,prev:n,next:r};return n.next=a,r.prev=a,e.length++,a}function z(e,n,t){for(var r=n.next,a=0;a<t&&r!==e.tail;a++)r=r.next;(n.next=r).prev=n,e.length-=a}if(u.Prism=M,W.stringify=function n(e,t){if("string"==typeof e)return e;if(Array.isArray(e)){var r="";return e.forEach(function(e){r+=n(e,t)}),r}var a={type:e.type,content:n(e.content,t),tag:"span",classes:["token",e.type],attributes:{},language:t},i=e.alias;i&&(Array.isArray(i)?Array.prototype.push.apply(a.classes,i):a.classes.push(i)),M.hooks.run("wrap",a);var l="";for(var o in a.attributes)l+=" "+o+'="'+(a.attributes[o]||"").replace(/"/g,"&quot;")+'"';return"<"+a.tag+' class="'+a.classes.join(" ")+'"'+l+">"+a.content+"</"+a.tag+">"},!u.document)return u.addEventListener&&(M.disableWorkerMessageHandler||u.addEventListener("message",function(e){var n=JSON.parse(e.data),t=n.language,r=n.code,a=n.immediateClose;u.postMessage(M.highlight(r,M.languages[t],t)),a&&u.close()},!1)),M;var e=M.util.currentScript();function t(){M.manual||M.highlightAll()}if(e&&(M.filename=e.src,e.hasAttribute("data-manual")&&(M.manual=!0)),!M.manual){var r=document.readyState;"loading"===r||"interactive"===r&&e&&e.defer?document.addEventListener("DOMContentLoaded",t):window.requestAnimationFrame?window.requestAnimationFrame(t):window.setTimeout(t,16)}return M}(_self);export default Prism;"undefined"!=typeof global&&(global.Prism=Prism);
+Prism.languages.markup={comment:/<!--[\s\S]*?-->/,prolog:/<\?[\s\S]+?\?>/,doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^<!|>$|[[\]]/,"doctype-tag":/^DOCTYPE/,name:/[^\s<>'"]+/}},cdata:/<!\[CDATA\[[\s\S]*?]]>/i,tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},Prism.languages.markup.tag.inside["attr-value"].inside.entity=Prism.languages.markup.entity,Prism.languages.markup.doctype.inside["internal-subset"].inside=Prism.languages.markup,Prism.hooks.add("wrap",function(a){"entity"===a.type&&(a.attributes.title=a.content.replace(/&amp;/,"&"))}),Object.defineProperty(Prism.languages.markup.tag,"addInlined",{value:function(a,e){var s={};s["language-"+e]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:Prism.languages[e]},s.cdata=/^<!\[CDATA\[|\]\]>$/i;var n={"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:s}};n["language-"+e]={pattern:/[\s\S]+/,inside:Prism.languages[e]};var t={};t[a]={pattern:RegExp("(<__[^]*?>)(?:<!\\[CDATA\\[(?:[^\\]]|\\](?!\\]>))*\\]\\]>|(?!<!\\[CDATA\\[)[^])*?(?=</__>)".replace(/__/g,function(){return a}),"i"),lookbehind:!0,greedy:!0,inside:n},Prism.languages.insertBefore("markup","cdata",t)}}),Prism.languages.html=Prism.languages.markup,Prism.languages.mathml=Prism.languages.markup,Prism.languages.svg=Prism.languages.markup,Prism.languages.xml=Prism.languages.extend("markup",{}),Prism.languages.ssml=Prism.languages.xml,Prism.languages.atom=Prism.languages.xml,Prism.languages.rss=Prism.languages.xml;
+!function(e){var t=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/;e.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:/@[\w-]+[\s\S]*?(?:;|(?=\s*\{))/,inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\((?!\s*\))\s*)(?:[^()]|\((?:[^()]|\([^()]*\))*\))+?(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+t.source+"|(?:[^\\\\\r\n()\"']|\\\\[^])*)\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+t.source+"$"),alias:"url"}}},selector:RegExp("[^{}\\s](?:[^{};\"']|"+t.source+")*?(?=\\s*\\{)"),string:{pattern:t,greedy:!0},property:/[-_a-z\xA0-\uFFFF][-\w\xA0-\uFFFF]*(?=\s*:)/i,important:/!important\b/i,function:/[-a-z0-9]+(?=\()/i,punctuation:/[(){};:,]/},e.languages.css.atrule.inside.rest=e.languages.css;var s=e.languages.markup;s&&(s.tag.addInlined("style","css"),e.languages.insertBefore("inside","attr-value",{"style-attr":{pattern:/(^|["'\s])style\s*=\s*(?:"[^"]*"|'[^']*')/i,lookbehind:!0,inside:{"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{style:{pattern:/(["'])[\s\S]+(?=["']$)/,lookbehind:!0,alias:"language-css",inside:e.languages.css},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}},"attr-name":/^style/i}}},s.tag))}(Prism);
+Prism.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|interface|extends|implements|trait|instanceof|new)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:if|else|while|do|for|return|in|instanceof|function|new|try|throw|catch|finally|null|break|continue)\b/,boolean:/\b(?:true|false)\b/,function:/\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+\.?\d*|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/};
+Prism.languages.javascript=Prism.languages.extend("clike",{"class-name":[Prism.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])[_$A-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\.(?:prototype|constructor))/,lookbehind:!0}],keyword:[{pattern:/((?:^|})\s*)(?:catch|finally)\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|for|from|function|(?:get|set)(?=\s*[\[$\w\xA0-\uFFFF])|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],number:/\b(?:(?:0[xX](?:[\dA-Fa-f](?:_[\dA-Fa-f])?)+|0[bB](?:[01](?:_[01])?)+|0[oO](?:[0-7](?:_[0-7])?)+)n?|(?:\d(?:_\d)?)+n|NaN|Infinity)\b|(?:\b(?:\d(?:_\d)?)+\.?(?:\d(?:_\d)?)*|\B\.(?:\d(?:_\d)?)+)(?:[Ee][+-]?(?:\d(?:_\d)?)+)?/,function:/#?[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),Prism.languages.javascript["class-name"][0].pattern=/(\b(?:class|interface|extends|implements|instanceof|new)\s+)[\w.\\]+/,Prism.languages.insertBefore("javascript","keyword",{regex:{pattern:/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)\/(?:\[(?:[^\]\\\r\n]|\\.)*]|\\.|[^/\\\[\r\n])+\/[gimyus]{0,6}(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/,lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:Prism.languages.regex},"regex-flags":/[a-z]+$/,"regex-delimiter":/^\/|\/$/}},"function-variable":{pattern:/#?[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+[_$A-Za-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*)?\s*\(\s*)(?!\s)(?:[^()]|\([^()]*\))+?(?=\s*\))/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/[_$a-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*=>)/i,inside:Prism.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()]|\([^()]*\))+?(?=\s*\)\s*=>)/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:[_$A-Za-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()]|\([^()]*\))+?(?=\s*\)\s*\{)/,lookbehind:!0,inside:Prism.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),Prism.languages.insertBefore("javascript","string",{"template-string":{pattern:/`(?:\\[\s\S]|\${(?:[^{}]|{(?:[^{}]|{[^}]*})*})+}|(?!\${)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\${(?:[^{}]|{(?:[^{}]|{[^}]*})*})+}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\${|}$/,alias:"punctuation"},rest:Prism.languages.javascript}},string:/[\s\S]+/}}}),Prism.languages.markup&&Prism.languages.markup.tag.addInlined("script","javascript"),Prism.languages.js=Prism.languages.javascript;
diff --git a/uni_modules/zero-markdown-view/components/mp-html/markdown/index.js b/uni_modules/zero-markdown-view/components/mp-html/markdown/index.js
new file mode 100644
index 0000000..8900403
--- /dev/null
+++ b/uni_modules/zero-markdown-view/components/mp-html/markdown/index.js
@@ -0,0 +1,34 @@
+/**
+ * @fileoverview markdown 插件
+ * Include marked (https://github.com/markedjs/marked)
+ * Include github-markdown-css (https://github.com/sindresorhus/github-markdown-css)
+ */
+import marked from './marked.min'
+let index = 0
+
+function Markdown (vm) {
+  this.vm = vm
+  vm._ids = {}
+}
+
+Markdown.prototype.onUpdate = function (content) {
+  if (this.vm.markdown) {
+    return marked(content)
+  }
+}
+
+Markdown.prototype.onParse = function (node, vm) {
+  if (vm.options.markdown) {
+    // 中文 id 需要转换，否则无法跳转
+    if (vm.options.useAnchor && node.attrs && /[\u4e00-\u9fa5]/.test(node.attrs.id)) {
+      const id = 't' + index++
+      this.vm._ids[node.attrs.id] = id
+      node.attrs.id = id
+    }
+    if (node.name === 'p' || node.name === 'table' || node.name === 'tr' || node.name === 'th' || node.name === 'td' || node.name === 'blockquote' || node.name === 'pre' || node.name === 'code') {
+      node.attrs.class = `md-${node.name} ${node.attrs.class || ''}`
+    }
+  }
+}
+
+export default Markdown
diff --git a/uni_modules/zero-markdown-view/components/mp-html/markdown/marked.min.js b/uni_modules/zero-markdown-view/components/mp-html/markdown/marked.min.js
new file mode 100644
index 0000000..2efcf53
--- /dev/null
+++ b/uni_modules/zero-markdown-view/components/mp-html/markdown/marked.min.js
@@ -0,0 +1,6 @@
+/*!
+ * marked - a markdown parser
+ * Copyright (c) 2011-2020, Christopher Jeffrey. (MIT Licensed)
+ * https://github.com/markedjs/marked
+ */
+function t(){"use strict";function i(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function p(e,t){var n;if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator])return(n=e[Symbol.iterator]()).next.bind(n);if(Array.isArray(e)||(n=function(e,t){if(e){if("string"==typeof e)return s(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?s(e,t):void 0}}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0;return function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function n(e){return c[e]}var e,t=(function(t){function e(){return{baseUrl:null,breaks:!1,gfm:!0,headerIds:!0,headerPrefix:"",highlight:null,langPrefix:"language-",mangle:!0,pedantic:!1,renderer:null,sanitize:!1,sanitizer:null,silent:!1,smartLists:!1,smartypants:!1,tokenizer:null,walkTokens:null,xhtml:!1}}t.exports={defaults:e(),getDefaults:e,changeDefaults:function(e){t.exports.defaults=e}}}(e={exports:{}}),e.exports),r=(t.defaults,t.getDefaults,t.changeDefaults,/[&<>"']/),l=/[&<>"']/g,a=/[<>"']|&(?!#?\w+;)/,o=/[<>"']|&(?!#?\w+;)/g,c={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};var u=/&(#(?:\d+)|(?:#x[0-9A-Fa-f]+)|(?:\w+));?/gi;function h(e){return e.replace(u,function(e,t){return"colon"===(t=t.toLowerCase())?":":"#"===t.charAt(0)?"x"===t.charAt(1)?String.fromCharCode(parseInt(t.substring(2),16)):String.fromCharCode(+t.substring(1)):""})}var g=/(^|[^\[])\^/g;var f=/[^\w:]/g,d=/^$|^[a-z][a-z0-9+.-]*:|^[?#]/i;var k={},b=/^[^:]+:\/*[^/]*$/,m=/^([^:]+:)[\s\S]*$/,x=/^([^:]+:\/*[^/]*)[\s\S]*$/;function w(e,t){k[" "+e]||(b.test(e)?k[" "+e]=e+"/":k[" "+e]=v(e,"/",!0));var n=-1===(e=k[" "+e]).indexOf(":");return"//"===t.substring(0,2)?n?t:e.replace(m,"$1")+t:"/"===t.charAt(0)?n?t:e.replace(x,"$1")+t:e+t}function v(e,t,n){var r=e.length;if(0===r)return"";for(var i=0;i<r;){var s=e.charAt(r-i-1);if(s!==t||n){if(s===t||!n)break;i++}else i++}return e.substr(0,r-i)}var _=function(e,t){if(t){if(r.test(e))return e.replace(l,n)}else if(a.test(e))return e.replace(o,n);return e},y=h,z=function(n,e){n=n.source||n,e=e||"";var r={replace:function(e,t){return t=(t=t.source||t).replace(g,"$1"),n=n.replace(e,t),r},getRegex:function(){return new RegExp(n,e)}};return r},S=function(e,t,n){if(e){var r;try{r=decodeURIComponent(h(n)).replace(f,"").toLowerCase()}catch(e){return null}if(0===r.indexOf("javascript:")||0===r.indexOf("vbscript:")||0===r.indexOf("data:"))return null}t&&!d.test(n)&&(n=w(t,n));try{n=encodeURI(n).replace(/%25/g,"%")}catch(e){return null}return n},$={exec:function(){}},A=function(e){for(var t,n,r=1;r<arguments.length;r++)for(n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},R=function(e,t){var n=e.replace(/\|/g,function(e,t,n){for(var r=!1,i=t;0<=--i&&"\\"===n[i];)r=!r;return r?"|":" |"}).split(/ \|/),r=0;if(n.length>t)n.splice(t);else for(;n.length<t;)n.push("");for(;r<n.length;r++)n[r]=n[r].trim().replace(/\\\|/g,"|");return n},T=function(e,t){if(-1===e.indexOf(t[1]))return-1;for(var n=e.length,r=0,i=0;i<n;i++)if("\\"===e[i])i++;else if(e[i]===t[0])r++;else if(e[i]===t[1]&&--r<0)return i;return-1},I=function(e){e&&e.sanitize&&!e.silent&&console.warn("marked(): sanitize and sanitizer parameters are deprecated since version 0.7.0, should not be used and will be removed in the future. Read more here: https://marked.js.org/#/USING_ADVANCED.md#options")},Z=function(e,t){if(t<1)return"";for(var n="";1<t;)1&t&&(n+=e),t>>=1,e+=e;return n+e},q=t.defaults,O=v,C=R,U=_,j=T;function E(e,t,n){var r=t.href,i=t.title?U(t.title):null,t=e[1].replace(/\\([\[\]])/g,"$1");return"!"!==e[0].charAt(0)?{type:"link",raw:n,href:r,title:i,text:t}:{type:"image",raw:n,href:r,title:i,text:U(t)}}var D=function(){function e(e){this.options=e||q}var t=e.prototype;return t.space=function(e){e=this.rules.block.newline.exec(e);if(e)return 1<e[0].length?{type:"space",raw:e[0]}:{raw:"\n"}},t.code=function(e,t){e=this.rules.block.code.exec(e);if(e){t=t[t.length-1];if(t&&"paragraph"===t.type)return{raw:e[0],text:e[0].trimRight()};t=e[0].replace(/^ {4}/gm,"");return{type:"code",raw:e[0],codeBlockStyle:"indented",text:this.options.pedantic?t:O(t,"\n")}}},t.fences=function(e){var t=this.rules.block.fences.exec(e);if(t){var n=t[0],e=function(e,t){if(null===(e=e.match(/^(\s+)(?:```)/)))return t;var n=e[1];return t.split("\n").map(function(e){var t=e.match(/^\s+/);return null!==t&&t[0].length>=n.length?e.slice(n.length):e}).join("\n")}(n,t[3]||"");return{type:"code",raw:n,lang:t[2]&&t[2].trim(),text:e}}},t.heading=function(e){e=this.rules.block.heading.exec(e);if(e)return{type:"heading",raw:e[0],depth:e[1].length,text:e[2]}},t.nptable=function(e){e=this.rules.block.nptable.exec(e);if(e){var t={type:"table",header:C(e[1].replace(/^ *| *\| *$/g,"")),align:e[2].replace(/^ *|\| *$/g,"").split(/ *\| */),cells:e[3]?e[3].replace(/\n$/,"").split("\n"):[],raw:e[0]};if(t.header.length===t.align.length){for(var n=t.align.length,r=0;r<n;r++)/^ *-+: *$/.test(t.align[r])?t.align[r]="right":/^ *:-+: *$/.test(t.align[r])?t.align[r]="center":/^ *:-+ *$/.test(t.align[r])?t.align[r]="left":t.align[r]=null;for(n=t.cells.length,r=0;r<n;r++)t.cells[r]=C(t.cells[r],t.header.length);return t}}},t.hr=function(e){e=this.rules.block.hr.exec(e);if(e)return{type:"hr",raw:e[0]}},t.blockquote=function(e){var t=this.rules.block.blockquote.exec(e);if(t){e=t[0].replace(/^ *> ?/gm,"");return{type:"blockquote",raw:t[0],text:e}}},t.list=function(e){e=this.rules.block.list.exec(e);if(e){for(var t,n,r,i,s,l=e[0],a=e[2],o=1<a.length,c={type:"list",raw:l,ordered:o,start:o?+a.slice(0,-1):"",loose:!1,items:[]},u=e[0].match(this.rules.block.item),p=!1,h=u.length,g=this.rules.block.listItemStart.exec(u[0]),f=0;f<h;f++){if(l=t=u[f],f!==h-1){if((r=this.rules.block.listItemStart.exec(u[f+1]))[1].length>g[0].length||3<r[1].length){u.splice(f,2,u[f]+"\n"+u[f+1]),f--,h--;continue}(!this.options.pedantic||this.options.smartLists?r[2][r[2].length-1]!==a[a.length-1]:o==(1===r[2].length))&&(n=u.slice(f+1).join("\n"),c.raw=c.raw.substring(0,c.raw.length-n.length),f=h-1),g=r}r=t.length,~(t=t.replace(/^ *([*+-]|\d+[.)]) ?/,"")).indexOf("\n ")&&(r-=t.length,t=this.options.pedantic?t.replace(/^ {1,4}/gm,""):t.replace(new RegExp("^ {1,"+r+"}","gm"),"")),r=p||/\n\n(?!\s*$)/.test(t),f!==h-1&&(p="\n"===t.charAt(t.length-1),r=r||p),r&&(c.loose=!0),this.options.gfm&&(s=void 0,(i=/^\[[ xX]\] /.test(t))&&(s=" "!==t[1],t=t.replace(/^\[[ xX]\] +/,""))),c.items.push({type:"list_item",raw:l,task:i,checked:s,loose:r,text:t})}return c}},t.html=function(e){e=this.rules.block.html.exec(e);if(e)return{type:this.options.sanitize?"paragraph":"html",raw:e[0],pre:!this.options.sanitizer&&("pre"===e[1]||"script"===e[1]||"style"===e[1]),text:this.options.sanitize?this.options.sanitizer?this.options.sanitizer(e[0]):U(e[0]):e[0]}},t.def=function(e){e=this.rules.block.def.exec(e);if(e)return e[3]&&(e[3]=e[3].substring(1,e[3].length-1)),{tag:e[1].toLowerCase().replace(/\s+/g," "),raw:e[0],href:e[2],title:e[3]}},t.table=function(e){e=this.rules.block.table.exec(e);if(e){var t={type:"table",header:C(e[1].replace(/^ *| *\| *$/g,"")),align:e[2].replace(/^ *|\| *$/g,"").split(/ *\| */),cells:e[3]?e[3].replace(/\n$/,"").split("\n"):[]};if(t.header.length===t.align.length){t.raw=e[0];for(var n=t.align.length,r=0;r<n;r++)/^ *-+: *$/.test(t.align[r])?t.align[r]="right":/^ *:-+: *$/.test(t.align[r])?t.align[r]="center":/^ *:-+ *$/.test(t.align[r])?t.align[r]="left":t.align[r]=null;for(n=t.cells.length,r=0;r<n;r++)t.cells[r]=C(t.cells[r].replace(/^ *\| *| *\| *$/g,""),t.header.length);return t}}},t.lheading=function(e){e=this.rules.block.lheading.exec(e);if(e)return{type:"heading",raw:e[0],depth:"="===e[2].charAt(0)?1:2,text:e[1]}},t.paragraph=function(e){e=this.rules.block.paragraph.exec(e);if(e)return{type:"paragraph",raw:e[0],text:"\n"===e[1].charAt(e[1].length-1)?e[1].slice(0,-1):e[1]}},t.text=function(e,t){e=this.rules.block.text.exec(e);if(e){t=t[t.length-1];return t&&"text"===t.type?{raw:e[0],text:e[0]}:{type:"text",raw:e[0],text:e[0]}}},t.escape=function(e){e=this.rules.inline.escape.exec(e);if(e)return{type:"escape",raw:e[0],text:U(e[1])}},t.tag=function(e,t,n){e=this.rules.inline.tag.exec(e);if(e)return!t&&/^<a /i.test(e[0])?t=!0:t&&/^<\/a>/i.test(e[0])&&(t=!1),!n&&/^<(pre|code|kbd|script)(\s|>)/i.test(e[0])?n=!0:n&&/^<\/(pre|code|kbd|script)(\s|>)/i.test(e[0])&&(n=!1),{type:this.options.sanitize?"text":"html",raw:e[0],inLink:t,inRawBlock:n,text:this.options.sanitize?this.options.sanitizer?this.options.sanitizer(e[0]):U(e[0]):e[0]}},t.link=function(e){var t=this.rules.inline.link.exec(e);if(t){e=j(t[2],"()");-1<e&&(r=(0===t[0].indexOf("!")?5:4)+t[1].length+e,t[2]=t[2].substring(0,e),t[0]=t[0].substring(0,r).trim(),t[3]="");var n,e=t[2],r="";return r=this.options.pedantic?(n=/^([^'"]*[^\s])\s+(['"])(.*)\2/.exec(e),n?(e=n[1],n[3]):""):t[3]?t[3].slice(1,-1):"",E(t,{href:(e=e.trim().replace(/^<([\s\S]*)>$/,"$1"))&&e.replace(this.rules.inline._escapes,"$1"),title:r&&r.replace(this.rules.inline._escapes,"$1")},t[0])}},t.reflink=function(e,t){if((n=this.rules.inline.reflink.exec(e))||(n=this.rules.inline.nolink.exec(e))){e=(n[2]||n[1]).replace(/\s+/g," ");if((e=t[e.toLowerCase()])&&e.href)return E(n,e,n[0]);var n=n[0].charAt(0);return{type:"text",raw:n,text:n}}},t.strong=function(e,t,n){void 0===n&&(n="");var r=this.rules.inline.strong.start.exec(e);if(r&&(!r[1]||r[1]&&(""===n||this.rules.inline.punctuation.exec(n)))){t=t.slice(-1*e.length);var i,s="**"===r[0]?this.rules.inline.strong.endAst:this.rules.inline.strong.endUnd;for(s.lastIndex=0;null!=(r=s.exec(t));)if(i=this.rules.inline.strong.middle.exec(t.slice(0,r.index+3)))return{type:"strong",raw:e.slice(0,i[0].length),text:e.slice(2,i[0].length-2)}}},t.em=function(e,t,n){void 0===n&&(n="");var r=this.rules.inline.em.start.exec(e);if(r&&(!r[1]||r[1]&&(""===n||this.rules.inline.punctuation.exec(n)))){t=t.slice(-1*e.length);var i,s="*"===r[0]?this.rules.inline.em.endAst:this.rules.inline.em.endUnd;for(s.lastIndex=0;null!=(r=s.exec(t));)if(i=this.rules.inline.em.middle.exec(t.slice(0,r.index+2)))return{type:"em",raw:e.slice(0,i[0].length),text:e.slice(1,i[0].length-1)}}},t.codespan=function(e){var t=this.rules.inline.code.exec(e);if(t){var n=t[2].replace(/\n/g," "),r=/[^ ]/.test(n),e=n.startsWith(" ")&&n.endsWith(" ");return r&&e&&(n=n.substring(1,n.length-1)),n=U(n,!0),{type:"codespan",raw:t[0],text:n}}},t.br=function(e){e=this.rules.inline.br.exec(e);if(e)return{type:"br",raw:e[0]}},t.del=function(e){e=this.rules.inline.del.exec(e);if(e)return{type:"del",raw:e[0],text:e[2]}},t.autolink=function(e,t){e=this.rules.inline.autolink.exec(e);if(e){var n,t="@"===e[2]?"mailto:"+(n=U(this.options.mangle?t(e[1]):e[1])):n=U(e[1]);return{type:"link",raw:e[0],text:n,href:t,tokens:[{type:"text",raw:n,text:n}]}}},t.url=function(e,t){var n,r,i,s;if(n=this.rules.inline.url.exec(e)){if("@"===n[2])i="mailto:"+(r=U(this.options.mangle?t(n[0]):n[0]));else{for(;s=n[0],n[0]=this.rules.inline._backpedal.exec(n[0])[0],s!==n[0];);r=U(n[0]),i="www."===n[1]?"http://"+r:r}return{type:"link",raw:n[0],text:r,href:i,tokens:[{type:"text",raw:r,text:r}]}}},t.inlineText=function(e,t,n){e=this.rules.inline.text.exec(e);if(e){n=t?this.options.sanitize?this.options.sanitizer?this.options.sanitizer(e[0]):U(e[0]):e[0]:U(this.options.smartypants?n(e[0]):e[0]);return{type:"text",raw:e[0],text:n}}},e}(),R=$,T=z,$=A,z={newline:/^\n+/,code:/^( {4}[^\n]+\n*)+/,fences:/^ {0,3}(`{3,}(?=[^`\n]*\n)|~{3,})([^\n]*)\n(?:|([\s\S]*?)\n)(?: {0,3}\1[~`]* *(?:\n+|$)|$)/,hr:/^ {0,3}((?:- *){3,}|(?:_ *){3,}|(?:\* *){3,})(?:\n+|$)/,heading:/^ {0,3}(#{1,6}) +([^\n]*?)(?: +#+)? *(?:\n+|$)/,blockquote:/^( {0,3}> ?(paragraph|[^\n]*)(?:\n|$))+/,list:/^( {0,3})(bull) [\s\S]+?(?:hr|def|\n{2,}(?! )(?! {0,3}bull )\n*|\s*$)/,html:"^ {0,3}(?:<(script|pre|style)[\\s>][\\s\\S]*?(?:</\\1>[^\\n]*\\n+|$)|comment[^\\n]*(\\n+|$)|<\\?[\\s\\S]*?(?:\\?>\\n*|$)|<![A-Z][\\s\\S]*?(?:>\\n*|$)|<!\\[CDATA\\[[\\s\\S]*?(?:\\]\\]>\\n*|$)|</?(tag)(?: +|\\n|/?>)[\\s\\S]*?(?:\\n{2,}|$)|<(?!script|pre|style)([a-z][\\w-]*)(?:attribute)*? */?>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:\\n{2,}|$)|</(?!script|pre|style)[a-z][\\w-]*\\s*>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:\\n{2,}|$))",def:/^ {0,3}\[(label)\]: *\n? *<?([^\s>]+)>?(?:(?: +\n? *| *\n *)(title))? *(?:\n+|$)/,nptable:R,table:R,lheading:/^([^\n]+)\n {0,3}(=+|-+) *(?:\n+|$)/,_paragraph:/^([^\n]+(?:\n(?!hr|heading|lheading|blockquote|fences|list|html)[^\n]+)*)/,text:/^[^\n]+/,_label:/(?!\s*\])(?:\\[\[\]]|[^\[\]])+/,_title:/(?:"(?:\\"?|[^"\\])*"|'[^'\n]*(?:\n[^'\n]+)*\n?'|\([^()]*\))/};z.def=T(z.def).replace("label",z._label).replace("title",z._title).getRegex(),z.bullet=/(?:[*+-]|\d{1,9}[.)])/,z.item=/^( *)(bull) ?[^\n]*(?:\n(?! *bull ?)[^\n]*)*/,z.item=T(z.item,"gm").replace(/bull/g,z.bullet).getRegex(),z.listItemStart=T(/^( *)(bull)/).replace("bull",z.bullet).getRegex(),z.list=T(z.list).replace(/bull/g,z.bullet).replace("hr","\\n+(?=\\1?(?:(?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})(?:\\n+|$))").replace("def","\\n+(?="+z.def.source+")").getRegex(),z._tag="address|article|aside|base|basefont|blockquote|body|caption|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption|figure|footer|form|frame|frameset|h[1-6]|head|header|hr|html|iframe|legend|li|link|main|menu|menuitem|meta|nav|noframes|ol|optgroup|option|p|param|section|source|summary|table|tbody|td|tfoot|th|thead|title|tr|track|ul",z._comment=/<!--(?!-?>)[\s\S]*?(?:-->|$)/,z.html=T(z.html,"i").replace("comment",z._comment).replace("tag",z._tag).replace("attribute",/ +[a-zA-Z:_][\w.:-]*(?: *= *"[^"\n]*"| *= *'[^'\n]*'| *= *[^\s"'=<>`]+)?/).getRegex(),z.paragraph=T(z._paragraph).replace("hr",z.hr).replace("heading"," {0,3}#{1,6} ").replace("|lheading","").replace("blockquote"," {0,3}>").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)]) ").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|!--)").replace("tag",z._tag).getRegex(),z.blockquote=T(z.blockquote).replace("paragraph",z.paragraph).getRegex(),z.normal=$({},z),z.gfm=$({},z.normal,{nptable:"^ *([^|\\n ].*\\|.*)\\n {0,3}([-:]+ *\\|[-| :]*)(?:\\n((?:(?!\\n|hr|heading|blockquote|code|fences|list|html).*(?:\\n|$))*)\\n*|$)",table:"^ *\\|(.+)\\n {0,3}\\|?( *[-:]+[-| :]*)(?:\\n *((?:(?!\\n|hr|heading|blockquote|code|fences|list|html).*(?:\\n|$))*)\\n*|$)"}),z.gfm.nptable=T(z.gfm.nptable).replace("hr",z.hr).replace("heading"," {0,3}#{1,6} ").replace("blockquote"," {0,3}>").replace("code"," {4}[^\\n]").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)]) ").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|!--)").replace("tag",z._tag).getRegex(),z.gfm.table=T(z.gfm.table).replace("hr",z.hr).replace("heading"," {0,3}#{1,6} ").replace("blockquote"," {0,3}>").replace("code"," {4}[^\\n]").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)]) ").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|!--)").replace("tag",z._tag).getRegex(),z.pedantic=$({},z.normal,{html:T("^ *(?:comment *(?:\\n|\\s*$)|<(tag)[\\s\\S]+?</\\1> *(?:\\n{2,}|\\s*$)|<tag(?:\"[^\"]*\"|'[^']*'|\\s[^'\"/>\\s]*)*?/?> *(?:\\n{2,}|\\s*$))").replace("comment",z._comment).replace(/tag/g,"(?!(?:a|em|strong|small|s|cite|q|dfn|abbr|data|time|code|var|samp|kbd|sub|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo|span|br|wbr|ins|del|img)\\b)\\w+(?!:|[^\\w\\s@]*@)\\b").getRegex(),def:/^ *\[([^\]]+)\]: *<?([^\s>]+)>?(?: +(["(][^\n]+[")]))? *(?:\n+|$)/,heading:/^ *(#{1,6}) *([^\n]+?) *(?:#+ *)?(?:\n+|$)/,fences:R,paragraph:T(z.normal._paragraph).replace("hr",z.hr).replace("heading"," *#{1,6} *[^\n]").replace("lheading",z.lheading).replace("blockquote"," {0,3}>").replace("|fences","").replace("|list","").replace("|html","").getRegex()});R={escape:/^\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/,autolink:/^<(scheme:[^\s\x00-\x1f<>]*|email)>/,url:R,tag:"^comment|^</[a-zA-Z][\\w:-]*\\s*>|^<[a-zA-Z][\\w-]*(?:attribute)*?\\s*/?>|^<\\?[\\s\\S]*?\\?>|^<![a-zA-Z]+\\s[\\s\\S]*?>|^<!\\[CDATA\\[[\\s\\S]*?\\]\\]>",link:/^!?\[(label)\]\(\s*(href)(?:\s+(title))?\s*\)/,reflink:/^!?\[(label)\]\[(?!\s*\])((?:\\[\[\]]?|[^\[\]\\])+)\]/,nolink:/^!?\[(?!\s*\])((?:\[[^\[\]]*\]|\\[\[\]]|[^\[\]])*)\](?:\[\])?/,reflinkSearch:"reflink|nolink(?!\\()",strong:{start:/^(?:(\*\*(?=[*punctuation]))|\*\*)(?![\s])|__/,middle:/^\*\*(?:(?:(?!overlapSkip)(?:[^*]|\\\*)|overlapSkip)|\*(?:(?!overlapSkip)(?:[^*]|\\\*)|overlapSkip)*?\*)+?\*\*$|^__(?![\s])((?:(?:(?!overlapSkip)(?:[^_]|\\_)|overlapSkip)|_(?:(?!overlapSkip)(?:[^_]|\\_)|overlapSkip)*?_)+?)__$/,endAst:/[^punctuation\s]\*\*(?!\*)|[punctuation]\*\*(?!\*)(?:(?=[punctuation_\s]|$))/,endUnd:/[^\s]__(?!_)(?:(?=[punctuation*\s])|$)/},em:{start:/^(?:(\*(?=[punctuation]))|\*)(?![*\s])|_/,middle:/^\*(?:(?:(?!overlapSkip)(?:[^*]|\\\*)|overlapSkip)|\*(?:(?!overlapSkip)(?:[^*]|\\\*)|overlapSkip)*?\*)+?\*$|^_(?![_\s])(?:(?:(?!overlapSkip)(?:[^_]|\\_)|overlapSkip)|_(?:(?!overlapSkip)(?:[^_]|\\_)|overlapSkip)*?_)+?_$/,endAst:/[^punctuation\s]\*(?!\*)|[punctuation]\*(?!\*)(?:(?=[punctuation_\s]|$))/,endUnd:/[^\s]_(?!_)(?:(?=[punctuation*\s])|$)/},code:/^(`+)([^`]|[^`][\s\S]*?[^`])\1(?!`)/,br:/^( {2,}|\\)\n(?!\s*$)/,del:R,text:/^(`+|[^`])(?:(?= {2,}\n)|[\s\S]*?(?:(?=[\\<!\[`*]|\b_|$)|[^ ](?= {2,}\n)))/,punctuation:/^([\s*punctuation])/,_punctuation:"!\"#$%&'()+\\-.,/:;<=>?@\\[\\]`^{|}~"};R.punctuation=T(R.punctuation).replace(/punctuation/g,R._punctuation).getRegex(),R._blockSkip="\\[[^\\]]*?\\]\\([^\\)]*?\\)|`[^`]*?`|<[^>]*?>",R._overlapSkip="__[^_]*?__|\\*\\*\\[^\\*\\]*?\\*\\*",R._comment=T(z._comment).replace("(?:--\x3e|$)","--\x3e").getRegex(),R.em.start=T(R.em.start).replace(/punctuation/g,R._punctuation).getRegex(),R.em.middle=T(R.em.middle).replace(/punctuation/g,R._punctuation).replace(/overlapSkip/g,R._overlapSkip).getRegex(),R.em.endAst=T(R.em.endAst,"g").replace(/punctuation/g,R._punctuation).getRegex(),R.em.endUnd=T(R.em.endUnd,"g").replace(/punctuation/g,R._punctuation).getRegex(),R.strong.start=T(R.strong.start).replace(/punctuation/g,R._punctuation).getRegex(),R.strong.middle=T(R.strong.middle).replace(/punctuation/g,R._punctuation).replace(/overlapSkip/g,R._overlapSkip).getRegex(),R.strong.endAst=T(R.strong.endAst,"g").replace(/punctuation/g,R._punctuation).getRegex(),R.strong.endUnd=T(R.strong.endUnd,"g").replace(/punctuation/g,R._punctuation).getRegex(),R.blockSkip=T(R._blockSkip,"g").getRegex(),R.overlapSkip=T(R._overlapSkip,"g").getRegex(),R._escapes=/\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/g,R._scheme=/[a-zA-Z][a-zA-Z0-9+.-]{1,31}/,R._email=/[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+(@)[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+(?![-_])/,R.autolink=T(R.autolink).replace("scheme",R._scheme).replace("email",R._email).getRegex(),R._attribute=/\s+[a-zA-Z:_][\w.:-]*(?:\s*=\s*"[^"]*"|\s*=\s*'[^']*'|\s*=\s*[^\s"'=<>`]+)?/,R.tag=T(R.tag).replace("comment",R._comment).replace("attribute",R._attribute).getRegex(),R._label=/(?:\[(?:\\.|[^\[\]\\])*\]|\\.|`[^`]*`|[^\[\]\\`])*?/,R._href=/<(?:\\[<>]?|[^\s<>\\])*>|[^\s\x00-\x1f]*/,R._title=/"(?:\\"?|[^"\\])*"|'(?:\\'?|[^'\\])*'|\((?:\\\)?|[^)\\])*\)/,R.link=T(R.link).replace("label",R._label).replace("href",R._href).replace("title",R._title).getRegex(),R.reflink=T(R.reflink).replace("label",R._label).getRegex(),R.reflinkSearch=T(R.reflinkSearch,"g").replace("reflink",R.reflink).replace("nolink",R.nolink).getRegex(),R.normal=$({},R),R.pedantic=$({},R.normal,{strong:{start:/^__|\*\*/,middle:/^__(?=\S)([\s\S]*?\S)__(?!_)|^\*\*(?=\S)([\s\S]*?\S)\*\*(?!\*)/,endAst:/\*\*(?!\*)/g,endUnd:/__(?!_)/g},em:{start:/^_|\*/,middle:/^()\*(?=\S)([\s\S]*?\S)\*(?!\*)|^_(?=\S)([\s\S]*?\S)_(?!_)/,endAst:/\*(?!\*)/g,endUnd:/_(?!_)/g},link:T(/^!?\[(label)\]\((.*?)\)/).replace("label",R._label).getRegex(),reflink:T(/^!?\[(label)\]\s*\[([^\]]*)\]/).replace("label",R._label).getRegex()}),R.gfm=$({},R.normal,{escape:T(R.escape).replace("])","~|])").getRegex(),_extended_email:/[A-Za-z0-9._+-]+(@)[a-zA-Z0-9-_]+(?:\.[a-zA-Z0-9-_]*[a-zA-Z0-9])+(?![-_])/,url:/^((?:ftp|https?):\/\/|www\.)(?:[a-zA-Z0-9\-]+\.?)+[^\s<]*|^email/,_backpedal:/(?:[^?!.,:;*_~()&]+|\([^)]*\)|&(?![a-zA-Z0-9]+;$)|[?!.,:;*_~)]+(?!$))+/,del:/^(~~?)(?=[^\s~])([\s\S]*?[^\s~])\1(?=[^~]|$)/,text:/^([`~]+|[^`~])(?:(?= {2,}\n)|[\s\S]*?(?:(?=[\\<!\[`*~]|\b_|https?:\/\/|ftp:\/\/|www\.|$)|[^ ](?= {2,}\n)|[^a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-](?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@))|(?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@))/}),R.gfm.url=T(R.gfm.url,"i").replace("email",R.gfm._extended_email).getRegex(),R.breaks=$({},R.gfm,{br:T(R.br).replace("{2,}","*").getRegex(),text:T(R.gfm.text).replace("\\b_","\\b_| {2,}\\n").replace(/\{2,\}/g,"*").getRegex()});var R={block:z,inline:R},P=t.defaults,L=R.block,N=R.inline,B=Z;function F(e){return e.replace(/---/g,"—").replace(/--/g,"–").replace(/(^|[-\u2014/(\[{"\s])'/g,"$1‘").replace(/'/g,"’").replace(/(^|[-\u2014/(\[{\u2018\s])"/g,"$1“").replace(/"/g,"”").replace(/\.{3}/g,"…")}function M(e){for(var t,n="",r=e.length,i=0;i<r;i++)t=e.charCodeAt(i),.5<Math.random()&&(t="x"+t.toString(16)),n+="&#"+t+";";return n}var W=function(){function n(e){this.tokens=[],this.tokens.links=Object.create(null),this.options=e||P,this.options.tokenizer=this.options.tokenizer||new D,this.tokenizer=this.options.tokenizer,this.tokenizer.options=this.options;e={block:L.normal,inline:N.normal};this.options.pedantic?(e.block=L.pedantic,e.inline=N.pedantic):this.options.gfm&&(e.block=L.gfm,this.options.breaks?e.inline=N.breaks:e.inline=N.gfm),this.tokenizer.rules=e}n.lex=function(e,t){return new n(t).lex(e)},n.lexInline=function(e,t){return new n(t).inlineTokens(e)};var e,t,r=n.prototype;return r.lex=function(e){return e=e.replace(/\r\n|\r/g,"\n").replace(/\t/g,"    "),this.blockTokens(e,this.tokens,!0),this.inline(this.tokens),this.tokens},r.blockTokens=function(e,t,n){var r,i,s,l;for(void 0===t&&(t=[]),void 0===n&&(n=!0),e=e.replace(/^ +$/gm,"");e;)if(r=this.tokenizer.space(e))e=e.substring(r.raw.length),r.type&&t.push(r);else if(r=this.tokenizer.code(e,t))e=e.substring(r.raw.length),r.type?t.push(r):((l=t[t.length-1]).raw+="\n"+r.raw,l.text+="\n"+r.text);else if(r=this.tokenizer.fences(e))e=e.substring(r.raw.length),t.push(r);else if(r=this.tokenizer.heading(e))e=e.substring(r.raw.length),t.push(r);else if(r=this.tokenizer.nptable(e))e=e.substring(r.raw.length),t.push(r);else if(r=this.tokenizer.hr(e))e=e.substring(r.raw.length),t.push(r);else if(r=this.tokenizer.blockquote(e))e=e.substring(r.raw.length),r.tokens=this.blockTokens(r.text,[],n),t.push(r);else if(r=this.tokenizer.list(e)){for(e=e.substring(r.raw.length),s=r.items.length,i=0;i<s;i++)r.items[i].tokens=this.blockTokens(r.items[i].text,[],!1);t.push(r)}else if(r=this.tokenizer.html(e))e=e.substring(r.raw.length),t.push(r);else if(n&&(r=this.tokenizer.def(e)))e=e.substring(r.raw.length),this.tokens.links[r.tag]||(this.tokens.links[r.tag]={href:r.href,title:r.title});else if(r=this.tokenizer.table(e))e=e.substring(r.raw.length),t.push(r);else if(r=this.tokenizer.lheading(e))e=e.substring(r.raw.length),t.push(r);else if(n&&(r=this.tokenizer.paragraph(e)))e=e.substring(r.raw.length),t.push(r);else if(r=this.tokenizer.text(e,t))e=e.substring(r.raw.length),r.type?t.push(r):((l=t[t.length-1]).raw+="\n"+r.raw,l.text+="\n"+r.text);else if(e){var a="Infinite loop on byte: "+e.charCodeAt(0);if(this.options.silent){console.error(a);break}throw new Error(a)}return t},r.inline=function(e){for(var t,n,r,i,s,l=e.length,a=0;a<l;a++)switch((s=e[a]).type){case"paragraph":case"text":case"heading":s.tokens=[],this.inlineTokens(s.text,s.tokens);break;case"table":for(s.tokens={header:[],cells:[]},r=s.header.length,t=0;t<r;t++)s.tokens.header[t]=[],this.inlineTokens(s.header[t],s.tokens.header[t]);for(r=s.cells.length,t=0;t<r;t++)for(i=s.cells[t],s.tokens.cells[t]=[],n=0;n<i.length;n++)s.tokens.cells[t][n]=[],this.inlineTokens(i[n],s.tokens.cells[t][n]);break;case"blockquote":this.inline(s.tokens);break;case"list":for(r=s.items.length,t=0;t<r;t++)this.inline(s.items[t].tokens)}return e},r.inlineTokens=function(e,t,n,r){var i;void 0===t&&(t=[]),void 0===n&&(n=!1),void 0===r&&(r=!1);var s,l,a,o=e;if(this.tokens.links){var c=Object.keys(this.tokens.links);if(0<c.length)for(;null!=(s=this.tokenizer.rules.inline.reflinkSearch.exec(o));)c.includes(s[0].slice(s[0].lastIndexOf("[")+1,-1))&&(o=o.slice(0,s.index)+"["+B("a",s[0].length-2)+"]"+o.slice(this.tokenizer.rules.inline.reflinkSearch.lastIndex))}for(;null!=(s=this.tokenizer.rules.inline.blockSkip.exec(o));)o=o.slice(0,s.index)+"["+B("a",s[0].length-2)+"]"+o.slice(this.tokenizer.rules.inline.blockSkip.lastIndex);for(;e;)if(l||(a=""),l=!1,i=this.tokenizer.escape(e))e=e.substring(i.raw.length),t.push(i);else if(i=this.tokenizer.tag(e,n,r))e=e.substring(i.raw.length),n=i.inLink,r=i.inRawBlock,t.push(i);else if(i=this.tokenizer.link(e))e=e.substring(i.raw.length),"link"===i.type&&(i.tokens=this.inlineTokens(i.text,[],!0,r)),t.push(i);else if(i=this.tokenizer.reflink(e,this.tokens.links))e=e.substring(i.raw.length),"link"===i.type&&(i.tokens=this.inlineTokens(i.text,[],!0,r)),t.push(i);else if(i=this.tokenizer.strong(e,o,a))e=e.substring(i.raw.length),i.tokens=this.inlineTokens(i.text,[],n,r),t.push(i);else if(i=this.tokenizer.em(e,o,a))e=e.substring(i.raw.length),i.tokens=this.inlineTokens(i.text,[],n,r),t.push(i);else if(i=this.tokenizer.codespan(e))e=e.substring(i.raw.length),t.push(i);else if(i=this.tokenizer.br(e))e=e.substring(i.raw.length),t.push(i);else if(i=this.tokenizer.del(e))e=e.substring(i.raw.length),i.tokens=this.inlineTokens(i.text,[],n,r),t.push(i);else if(i=this.tokenizer.autolink(e,M))e=e.substring(i.raw.length),t.push(i);else if(n||!(i=this.tokenizer.url(e,M))){if(i=this.tokenizer.inlineText(e,r,F))e=e.substring(i.raw.length),a=i.raw.slice(-1),l=!0,t.push(i);else if(e){var u="Infinite loop on byte: "+e.charCodeAt(0);if(this.options.silent){console.error(u);break}throw new Error(u)}}else e=e.substring(i.raw.length),t.push(i);return t},e=n,t=[{key:"rules",get:function(){return{block:L,inline:N}}}],(r=null)&&i(e.prototype,r),t&&i(e,t),n}(),X=t.defaults,G=S,V=_,H=function(){function e(e){this.options=e||X}var t=e.prototype;return t.code=function(e,t,n){var r=(t||"").match(/\S*/)[0];return!this.options.highlight||null!=(t=this.options.highlight(e,r))&&t!==e&&(n=!0,e=t),r?'<pre><code class="'+this.options.langPrefix+V(r,!0)+'">'+(n?e:V(e,!0))+"</code></pre>\n":"<pre><code>"+(n?e:V(e,!0))+"</code></pre>\n"},t.blockquote=function(e){return"<blockquote>\n"+e+"</blockquote>\n"},t.html=function(e){return e},t.heading=function(e,t,n,r){return this.options.headerIds?"<h"+t+' id="'+this.options.headerPrefix+r.slug(n)+'">'+e+"</h"+t+">\n":"<h"+t+">"+e+"</h"+t+">\n"},t.hr=function(){return this.options.xhtml?"<hr/>\n":"<hr>\n"},t.list=function(e,t,n){var r=t?"ol":"ul";return"<"+r+(t&&1!==n?' start="'+n+'"':"")+">\n"+e+"</"+r+">\n"},t.listitem=function(e){return"<li>"+e+"</li>\n"},t.checkbox=function(e){return"<input "+(e?'checked="" ':"")+'disabled="" type="checkbox"'+(this.options.xhtml?" /":"")+"> "},t.paragraph=function(e){return"<p>"+e+"</p>\n"},t.table=function(e,t){return"<table>\n<thead>\n"+e+"</thead>\n"+(t=t&&"<tbody>"+t+"</tbody>")+"</table>\n"},t.tablerow=function(e){return"<tr>\n"+e+"</tr>\n"},t.tablecell=function(e,t){var n=t.header?"th":"td";return(t.align?"<"+n+' align="'+t.align+'">':"<"+n+">")+e+"</"+n+">\n"},t.strong=function(e){return"<strong>"+e+"</strong>"},t.em=function(e){return"<em>"+e+"</em>"},t.codespan=function(e){return"<code>"+e+"</code>"},t.br=function(){return this.options.xhtml?"<br/>":"<br>"},t.del=function(e){return"<del>"+e+"</del>"},t.link=function(e,t,n){if(null===(e=G(this.options.sanitize,this.options.baseUrl,e)))return n;e='<a href="'+V(e)+'"';return t&&(e+=' title="'+t+'"'),e+=">"+n+"</a>"},t.image=function(e,t,n){if(null===(e=G(this.options.sanitize,this.options.baseUrl,e)))return n;n='<img src="'+e+'" alt="'+n+'"';return t&&(n+=' title="'+t+'"'),n+=this.options.xhtml?"/>":">"},t.text=function(e){return e},e}(),J=function(){function e(){}var t=e.prototype;return t.strong=function(e){return e},t.em=function(e){return e},t.codespan=function(e){return e},t.del=function(e){return e},t.html=function(e){return e},t.text=function(e){return e},t.link=function(e,t,n){return""+n},t.image=function(e,t,n){return""+n},t.br=function(){return""},e}(),K=function(){function e(){this.seen={}}var t=e.prototype;return t.serialize=function(e){return e.toLowerCase().trim().replace(/<[!\/a-z].*?>/gi,"").replace(/[\u2000-\u206F\u2E00-\u2E7F\\'!"#$%&()*+,./:;<=>?@[\]^`{|}~]/g,"").replace(/\s/g,"-")},t.getNextSafeSlug=function(e,t){var n=e,r=0;if(this.seen.hasOwnProperty(n))for(r=this.seen[e];n=e+"-"+ ++r,this.seen.hasOwnProperty(n););return t||(this.seen[e]=r,this.seen[n]=0),n},t.slug=function(e,t){void 0===t&&(t={});var n=this.serialize(e);return this.getNextSafeSlug(n,t.dryrun)},e}(),Q=t.defaults,Y=y,ee=function(){function n(e){this.options=e||Q,this.options.renderer=this.options.renderer||new H,this.renderer=this.options.renderer,this.renderer.options=this.options,this.textRenderer=new J,this.slugger=new K}n.parse=function(e,t){return new n(t).parse(e)},n.parseInline=function(e,t){return new n(t).parseInline(e)};var e=n.prototype;return e.parse=function(e,t){void 0===t&&(t=!0);for(var n,r,i,s,l,a,o,c,u,p,h,g,f,d,k,b="",m=e.length,x=0;x<m;x++)switch((c=e[x]).type){case"space":continue;case"hr":b+=this.renderer.hr();continue;case"heading":b+=this.renderer.heading(this.parseInline(c.tokens),c.depth,Y(this.parseInline(c.tokens,this.textRenderer)),this.slugger);continue;case"code":b+=this.renderer.code(c.text,c.lang,c.escaped);continue;case"table":for(a=u="",i=c.header.length,n=0;n<i;n++)a+=this.renderer.tablecell(this.parseInline(c.tokens.header[n]),{header:!0,align:c.align[n]});for(u+=this.renderer.tablerow(a),o="",i=c.cells.length,n=0;n<i;n++){for(a="",s=(l=c.tokens.cells[n]).length,r=0;r<s;r++)a+=this.renderer.tablecell(this.parseInline(l[r]),{header:!1,align:c.align[r]});o+=this.renderer.tablerow(a)}b+=this.renderer.table(u,o);continue;case"blockquote":o=this.parse(c.tokens),b+=this.renderer.blockquote(o);continue;case"list":for(u=c.ordered,w=c.start,p=c.loose,i=c.items.length,o="",n=0;n<i;n++)f=(g=c.items[n]).checked,d=g.task,h="",g.task&&(k=this.renderer.checkbox(f),p?0<g.tokens.length&&"text"===g.tokens[0].type?(g.tokens[0].text=k+" "+g.tokens[0].text,g.tokens[0].tokens&&0<g.tokens[0].tokens.length&&"text"===g.tokens[0].tokens[0].type&&(g.tokens[0].tokens[0].text=k+" "+g.tokens[0].tokens[0].text)):g.tokens.unshift({type:"text",text:k}):h+=k),h+=this.parse(g.tokens,p),o+=this.renderer.listitem(h,d,f);b+=this.renderer.list(o,u,w);continue;case"html":b+=this.renderer.html(c.text);continue;case"paragraph":b+=this.renderer.paragraph(this.parseInline(c.tokens));continue;case"text":for(o=c.tokens?this.parseInline(c.tokens):c.text;x+1<m&&"text"===e[x+1].type;)o+="\n"+((c=e[++x]).tokens?this.parseInline(c.tokens):c.text);b+=t?this.renderer.paragraph(o):o;continue;default:var w='Token with "'+c.type+'" type was not found.';if(this.options.silent)return void console.error(w);throw new Error(w)}return b},e.parseInline=function(e,t){t=t||this.renderer;for(var n,r="",i=e.length,s=0;s<i;s++)switch((n=e[s]).type){case"escape":r+=t.text(n.text);break;case"html":r+=t.html(n.text);break;case"link":r+=t.link(n.href,n.title,this.parseInline(n.tokens,t));break;case"image":r+=t.image(n.href,n.title,n.text);break;case"strong":r+=t.strong(this.parseInline(n.tokens,t));break;case"em":r+=t.em(this.parseInline(n.tokens,t));break;case"codespan":r+=t.codespan(n.text);break;case"br":r+=t.br();break;case"del":r+=t.del(this.parseInline(n.tokens,t));break;case"text":r+=t.text(n.text);break;default:var l='Token with "'+n.type+'" type was not found.';if(this.options.silent)return void console.error(l);throw new Error(l)}return r},n}(),te=A,ne=I,re=_,_=t.getDefaults,ie=t.changeDefaults,t=t.defaults;function se(e,n,r){if(null==e)throw new Error("marked(): input parameter is undefined or null");if("string"!=typeof e)throw new Error("marked(): input parameter is of type "+Object.prototype.toString.call(e)+", string expected");if("function"==typeof n&&(r=n,n=null),n=te({},se.defaults,n||{}),ne(n),r){var i,s=n.highlight;try{i=W.lex(e,n)}catch(e){return r(e)}var l=function(t){var e;if(!t)try{e=ee.parse(i,n)}catch(e){t=e}return n.highlight=s,t?r(t):r(null,e)};if(!s||s.length<3)return l();if(delete n.highlight,!i.length)return l();var a=0;return se.walkTokens(i,function(n){"code"===n.type&&(a++,setTimeout(function(){s(n.text,n.lang,function(e,t){return e?l(e):(null!=t&&t!==n.text&&(n.text=t,n.escaped=!0),void(0===--a&&l()))})},0))}),void(0===a&&l())}try{var t=W.lex(e,n);return n.walkTokens&&se.walkTokens(t,n.walkTokens),ee.parse(t,n)}catch(e){if(e.message+="\nPlease report this to https://github.com/markedjs/marked.",n.silent)return"<p>An error occurred:</p><pre>"+re(e.message+"",!0)+"</pre>";throw e}}return se.options=se.setOptions=function(e){return te(se.defaults,e),ie(se.defaults),se},se.getDefaults=_,se.defaults=t,se.use=function(a){var t,n=te({},a);a.renderer&&function(){var e,l=se.defaults.renderer||new H;for(e in a.renderer)!function(i){var s=l[i];l[i]=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];var r=a.renderer[i].apply(l,t);return!1===r&&(r=s.apply(l,t)),r}}(e);n.renderer=l}(),a.tokenizer&&function(){var e,l=se.defaults.tokenizer||new D;for(e in a.tokenizer)!function(i){var s=l[i];l[i]=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];var r=a.tokenizer[i].apply(l,t);return!1===r&&(r=s.apply(l,t)),r}}(e);n.tokenizer=l}(),a.walkTokens&&(t=se.defaults.walkTokens,n.walkTokens=function(e){a.walkTokens(e),t&&t(e)}),se.setOptions(n)},se.walkTokens=function(e,t){for(var n,r=p(e);!(n=r()).done;){var i=n.value;switch(t(i),i.type){case"table":for(var s=p(i.tokens.header);!(l=s()).done;){var l=l.value;se.walkTokens(l,t)}for(var a,o=p(i.tokens.cells);!(a=o()).done;)for(var c=p(a.value);!(u=c()).done;){var u=u.value;se.walkTokens(u,t)}break;case"list":se.walkTokens(i.items,t);break;default:i.tokens&&se.walkTokens(i.tokens,t)}}},se.parseInline=function(e,t){if(null==e)throw new Error("marked.parseInline(): input parameter is undefined or null");if("string"!=typeof e)throw new Error("marked.parseInline(): input parameter is of type "+Object.prototype.toString.call(e)+", string expected");t=te({},se.defaults,t||{}),ne(t);try{var n=W.lexInline(e,t);return t.walkTokens&&se.walkTokens(n,t.walkTokens),ee.parseInline(n,t)}catch(e){if(e.message+="\nPlease report this to https://github.com/markedjs/marked.",t.silent)return"<p>An error occurred:</p><pre>"+re(e.message+"",!0)+"</pre>";throw e}},se.Parser=ee,se.parser=ee.parse,se.Renderer=H,se.TextRenderer=J,se.Lexer=W,se.lexer=W.lex,se.Tokenizer=D,se.Slugger=K,se.parse=se};export default t();
\ No newline at end of file
diff --git a/uni_modules/zero-markdown-view/components/mp-html/mp-html.vue b/uni_modules/zero-markdown-view/components/mp-html/mp-html.vue
new file mode 100644
index 0000000..332c3e0
--- /dev/null
+++ b/uni_modules/zero-markdown-view/components/mp-html/mp-html.vue
@@ -0,0 +1,503 @@
+<template>
+  <view id="_root" :class="(selectable?'_select ':'')+'_root'" :style="containerStyle">
+    <slot v-if="!nodes[0]" />
+    <!-- #ifndef APP-PLUS-NVUE -->
+    <node v-else :childs="nodes" :opts="[lazyLoad,loadingImg,errorImg,showImgMenu,selectable]" name="span" />
+    <!-- #endif -->
+    <!-- #ifdef APP-PLUS-NVUE -->
+    <web-view ref="web" src="/static/app-plus/mp-html/local.html" :style="'margin-top:-2px;height:' + height + 'px'" @onPostMessage="_onMessage" />
+    <!-- #endif -->
+  </view>
+</template>
+
+<script>
+/**
+ * mp-html v2.4.2
+ * @description 富文本组件
+ * @tutorial https://github.com/jin-yufeng/mp-html
+ * @property {String} container-style 容器的样式
+ * @property {String} content 用于渲染的 html 字符串
+ * @property {Boolean} copy-link 是否允许外部链接被点击时自动复制
+ * @property {String} domain 主域名，用于拼接链接
+ * @property {String} error-img 图片出错时的占位图链接
+ * @property {Boolean} lazy-load 是否开启图片懒加载
+ * @property {string} loading-img 图片加载过程中的占位图链接
+ * @property {Boolean} pause-video 是否在播放一个视频时自动暂停其他视频
+ * @property {Boolean} preview-img 是否允许图片被点击时自动预览
+ * @property {Boolean} scroll-table 是否给每个表格添加一个滚动层使其能单独横向滚动
+ * @property {Boolean | String} selectable 是否开启长按复制
+ * @property {Boolean} set-title 是否将 title 标签的内容设置到页面标题
+ * @property {Boolean} show-img-menu 是否允许图片被长按时显示菜单
+ * @property {Object} tag-style 标签的默认样式
+ * @property {Boolean | Number} use-anchor 是否使用锚点链接
+ * @event {Function} load dom 结构加载完毕时触发
+ * @event {Function} ready 所有图片加载完毕时触发
+ * @event {Function} imgtap 图片被点击时触发
+ * @event {Function} linktap 链接被点击时触发
+ * @event {Function} play 音视频播放时触发
+ * @event {Function} error 媒体加载出错时触发
+ */
+// #ifndef APP-PLUS-NVUE
+import node from './node/node'
+// #endif
+import Parser from './parser'
+import markdown from './markdown/index.js'
+import highlight from './highlight/index.js'
+import style from './style/index.js'
+const plugins=[markdown,highlight,style,]
+// #ifdef APP-PLUS-NVUE
+const dom = weex.requireModule('dom')
+// #endif
+export default {
+  name: 'mp-html',
+  data () {
+    return {
+      nodes: [],
+      // #ifdef APP-PLUS-NVUE
+      height: 3
+      // #endif
+    }
+  },
+  props: {
+    markdown: Boolean,
+    containerStyle: {
+      type: String,
+      default: ''
+    },
+    content: {
+      type: String,
+      default: ''
+    },
+    copyLink: {
+      type: [Boolean, String],
+      default: true
+    },
+    domain: String,
+    errorImg: {
+      type: String,
+      default: ''
+    },
+    lazyLoad: {
+      type: [Boolean, String],
+      default: false
+    },
+    loadingImg: {
+      type: String,
+      default: ''
+    },
+    pauseVideo: {
+      type: [Boolean, String],
+      default: true
+    },
+    previewImg: {
+      type: [Boolean, String],
+      default: true
+    },
+    scrollTable: [Boolean, String],
+    selectable: [Boolean, String],
+    setTitle: {
+      type: [Boolean, String],
+      default: true
+    },
+    showImgMenu: {
+      type: [Boolean, String],
+      default: true
+    },
+    tagStyle: Object,
+    useAnchor: [Boolean, Number]
+  },
+  // #ifdef VUE3
+  emits: ['load', 'ready', 'imgtap', 'linktap', 'play', 'error'],
+  // #endif
+  // #ifndef APP-PLUS-NVUE
+  components: {
+    node
+  },
+  // #endif
+  watch: {
+    content (content) {
+      this.setContent(content)
+    }
+  },
+  created () {
+    this.plugins = []
+    for (let i = plugins.length; i--;) {
+      this.plugins.push(new plugins[i](this))
+    }
+  },
+  mounted () {
+    if (this.content && !this.nodes.length) {
+      this.setContent(this.content)
+    }
+  },
+  beforeDestroy () {
+    this._hook('onDetached')
+  },
+  methods: {
+    /**
+     * @description 将锚点跳转的范围限定在一个 scroll-view 内
+     * @param {Object} page scroll-view 所在页面的示例
+     * @param {String} selector scroll-view 的选择器
+     * @param {String} scrollTop scroll-view scroll-top 属性绑定的变量名
+     */
+    in (page, selector, scrollTop) {
+      // #ifndef APP-PLUS-NVUE
+      if (page && selector && scrollTop) {
+        this._in = {
+          page,
+          selector,
+          scrollTop
+        }
+      }
+      // #endif
+    },
+
+    /**
+     * @description 锚点跳转
+     * @param {String} id 要跳转的锚点 id
+     * @param {Number} offset 跳转位置的偏移量
+     * @returns {Promise}
+     */
+    navigateTo (id, offset) {
+      id = this._ids[decodeURI(id)] || id
+      return new Promise((resolve, reject) => {
+        if (!this.useAnchor) {
+          reject(Error('Anchor is disabled'))
+          return
+        }
+        offset = offset || parseInt(this.useAnchor) || 0
+        // #ifdef APP-PLUS-NVUE
+        if (!id) {
+          dom.scrollToElement(this.$refs.web, {
+            offset
+          })
+          resolve()
+        } else {
+          this._navigateTo = {
+            resolve,
+            reject,
+            offset
+          }
+          this.$refs.web.evalJs('uni.postMessage({data:{action:"getOffset",offset:(document.getElementById(' + id + ')||{}).offsetTop}})')
+        }
+        // #endif
+        // #ifndef APP-PLUS-NVUE
+        let deep = ' '
+        // #ifdef MP-WEIXIN || MP-QQ || MP-TOUTIAO
+        deep = '>>>'
+        // #endif
+        const selector = uni.createSelectorQuery()
+          // #ifndef MP-ALIPAY
+          .in(this._in ? this._in.page : this)
+          // #endif
+          .select((this._in ? this._in.selector : '._root') + (id ? `${deep}#${id}` : '')).boundingClientRect()
+        if (this._in) {
+          selector.select(this._in.selector).scrollOffset()
+            .select(this._in.selector).boundingClientRect()
+        } else {
+          // 获取 scroll-view 的位置和滚动距离
+          selector.selectViewport().scrollOffset() // 获取窗口的滚动距离
+        }
+        selector.exec(res => {
+          if (!res[0]) {
+            reject(Error('Label not found'))
+            return
+          }
+          const scrollTop = res[1].scrollTop + res[0].top - (res[2] ? res[2].top : 0) + offset
+          if (this._in) {
+            // scroll-view 跳转
+            this._in.page[this._in.scrollTop] = scrollTop
+          } else {
+            // 页面跳转
+            uni.pageScrollTo({
+              scrollTop,
+              duration: 300
+            })
+          }
+          resolve()
+        })
+        // #endif
+      })
+    },
+
+    /**
+     * @description 获取文本内容
+     * @return {String}
+     */
+    getText (nodes) {
+      let text = '';
+      (function traversal (nodes) {
+        for (let i = 0; i < nodes.length; i++) {
+          const node = nodes[i]
+          if (node.type === 'text') {
+            text += node.text.replace(/&amp;/g, '&')
+          } else if (node.name === 'br') {
+            text += '\n'
+          } else {
+            // 块级标签前后加换行
+            const isBlock = node.name === 'p' || node.name === 'div' || node.name === 'tr' || node.name === 'li' || (node.name[0] === 'h' && node.name[1] > '0' && node.name[1] < '7')
+            if (isBlock && text && text[text.length - 1] !== '\n') {
+              text += '\n'
+            }
+            // 递归获取子节点的文本
+            if (node.children) {
+              traversal(node.children)
+            }
+            if (isBlock && text[text.length - 1] !== '\n') {
+              text += '\n'
+            } else if (node.name === 'td' || node.name === 'th') {
+              text += '\t'
+            }
+          }
+        }
+      })(nodes || this.nodes)
+      return text
+    },
+
+    /**
+     * @description 获取内容大小和位置
+     * @return {Promise}
+     */
+    getRect () {
+      return new Promise((resolve, reject) => {
+        uni.createSelectorQuery()
+          // #ifndef MP-ALIPAY
+          .in(this)
+          // #endif
+          .select('#_root').boundingClientRect().exec(res => res[0] ? resolve(res[0]) : reject(Error('Root label not found')))
+      })
+    },
+
+    /**
+     * @description 暂停播放媒体
+     */
+    pauseMedia () {
+      for (let i = (this._videos || []).length; i--;) {
+        this._videos[i].pause()
+      }
+      // #ifdef APP-PLUS
+      const command = 'for(var e=document.getElementsByTagName("video"),i=e.length;i--;)e[i].pause()'
+      // #ifndef APP-PLUS-NVUE
+      let page = this.$parent
+      while (!page.$scope) page = page.$parent
+      page.$scope.$getAppWebview().evalJS(command)
+      // #endif
+      // #ifdef APP-PLUS-NVUE
+      this.$refs.web.evalJs(command)
+      // #endif
+      // #endif
+    },
+
+    /**
+     * @description 设置媒体播放速率
+     * @param {Number} rate 播放速率
+     */
+    setPlaybackRate (rate) {
+      this.playbackRate = rate
+      for (let i = (this._videos || []).length; i--;) {
+        this._videos[i].playbackRate(rate)
+      }
+      // #ifdef APP-PLUS
+      const command = 'for(var e=document.getElementsByTagName("video"),i=e.length;i--;)e[i].playbackRate=' + rate
+      // #ifndef APP-PLUS-NVUE
+      let page = this.$parent
+      while (!page.$scope) page = page.$parent
+      page.$scope.$getAppWebview().evalJS(command)
+      // #endif
+      // #ifdef APP-PLUS-NVUE
+      this.$refs.web.evalJs(command)
+      // #endif
+      // #endif
+    },
+
+    /**
+     * @description 设置内容
+     * @param {String} content html 内容
+     * @param {Boolean} append 是否在尾部追加
+     */
+    setContent (content, append) {
+      if (!append || !this.imgList) {
+        this.imgList = []
+      }
+      const nodes = new Parser(this).parse(content)
+      // #ifdef APP-PLUS-NVUE
+      if (this._ready) {
+        this._set(nodes, append)
+      }
+      // #endif
+      this.$set(this, 'nodes', append ? (this.nodes || []).concat(nodes) : nodes)
+
+      // #ifndef APP-PLUS-NVUE
+      this._videos = []
+      this.$nextTick(() => {
+        this._hook('onLoad')
+        this.$emit('load')
+      })
+
+      if (this.lazyLoad || this.imgList._unloadimgs < this.imgList.length / 2) {
+        // 设置懒加载，每 350ms 获取高度，不变则认为加载完毕
+        let height = 0
+        const callback = rect => {
+          if (!rect || !rect.height) rect = {}
+          // 350ms 总高度无变化就触发 ready 事件
+          if (rect.height === height) {
+            this.$emit('ready', rect)
+          } else {
+            height = rect.height
+            setTimeout(() => {
+              this.getRect().then(callback).catch(callback)
+            }, 350)
+          }
+        }
+        this.getRect().then(callback).catch(callback)
+      } else {
+        // 未设置懒加载，等待所有图片加载完毕
+        if (!this.imgList._unloadimgs) {
+          this.getRect().then(rect => {
+            this.$emit('ready', rect)
+          }).catch(() => {
+            this.$emit('ready', {})
+          })
+        }
+      }
+      // #endif
+    },
+
+    /**
+     * @description 调用插件钩子函数
+     */
+    _hook (name) {
+      for (let i = plugins.length; i--;) {
+        if (this.plugins[i][name]) {
+          this.plugins[i][name]()
+        }
+      }
+    },
+
+    // #ifdef APP-PLUS-NVUE
+    /**
+     * @description 设置内容
+     */
+    _set (nodes, append) {
+      this.$refs.web.evalJs('setContent(' + JSON.stringify(nodes).replace(/%22/g, '') + ',' + JSON.stringify([this.containerStyle.replace(/(?:margin|padding)[^;]+/g, ''), this.errorImg, this.loadingImg, this.pauseVideo, this.scrollTable, this.selectable]) + ',' + append + ')')
+    },
+
+    /**
+     * @description 接收到 web-view 消息
+     */
+    _onMessage (e) {
+      const message = e.detail.data[0]
+      switch (message.action) {
+        // web-view 初始化完毕
+        case 'onJSBridgeReady':
+          this._ready = true
+          if (this.nodes) {
+            this._set(this.nodes)
+          }
+          break
+        // 内容 dom 加载完毕
+        case 'onLoad':
+          this.height = message.height
+          this._hook('onLoad')
+          this.$emit('load')
+          break
+        // 所有图片加载完毕
+        case 'onReady':
+          this.getRect().then(res => {
+            this.$emit('ready', res)
+          }).catch(() => {
+            this.$emit('ready', {})
+          })
+          break
+        // 总高度发生变化
+        case 'onHeightChange':
+          this.height = message.height
+          break
+        // 图片点击
+        case 'onImgTap':
+          this.$emit('imgtap', message.attrs)
+          if (this.previewImg) {
+            uni.previewImage({
+              current: parseInt(message.attrs.i),
+              urls: this.imgList
+            })
+          }
+          break
+        // 链接点击
+        case 'onLinkTap': {
+          const href = message.attrs.href
+          this.$emit('linktap', message.attrs)
+          if (href) {
+            // 锚点跳转
+            if (href[0] === '#') {
+              if (this.useAnchor) {
+                dom.scrollToElement(this.$refs.web, {
+                  offset: message.offset
+                })
+              }
+            } else if (href.includes('://')) {
+              // 打开外链
+              if (this.copyLink) {
+                plus.runtime.openWeb(href)
+              }
+            } else {
+              uni.navigateTo({
+                url: href,
+                fail () {
+                  uni.switchTab({
+                    url: href
+                  })
+                }
+              })
+            }
+          }
+          break
+        }
+        case 'onPlay':
+          this.$emit('play')
+          break
+        // 获取到锚点的偏移量
+        case 'getOffset':
+          if (typeof message.offset === 'number') {
+            dom.scrollToElement(this.$refs.web, {
+              offset: message.offset + this._navigateTo.offset
+            })
+            this._navigateTo.resolve()
+          } else {
+            this._navigateTo.reject(Error('Label not found'))
+          }
+          break
+        // 点击
+        case 'onClick':
+          this.$emit('tap')
+          this.$emit('click')
+          break
+        // 出错
+        case 'onError':
+          this.$emit('error', {
+            source: message.source,
+            attrs: message.attrs
+          })
+      }
+    }
+    // #endif
+  }
+}
+</script>
+
+<style>
+/* #ifndef APP-PLUS-NVUE */
+/* 根节点样式 */
+._root {
+  padding: 1px 0;
+  overflow-x: auto;
+  overflow-y: hidden;
+  -webkit-overflow-scrolling: touch;
+}
+
+/* 长按复制 */
+._select {
+  user-select: text;
+}
+/* #endif */
+</style>
diff --git a/uni_modules/zero-markdown-view/components/mp-html/node/node.vue b/uni_modules/zero-markdown-view/components/mp-html/node/node.vue
new file mode 100644
index 0000000..3253509
--- /dev/null
+++ b/uni_modules/zero-markdown-view/components/mp-html/node/node.vue
@@ -0,0 +1,678 @@
+<template>
+  <view :id="attrs.id" :class="'_block _'+name+' '+attrs.class" :style="attrs.style">
+    <block v-for="(n, i) in childs" v-bind:key="i">
+      <!-- 图片 -->
+      <!-- 占位图 -->
+      <image v-if="n.name==='img'&&!n.t&&((opts[1]&&!ctrl[i])||ctrl[i]<0)" class="_img" :style="n.attrs.style" :src="ctrl[i]<0?opts[2]:opts[1]" mode="widthFix" />
+      <!-- 显示图片 -->
+      <!-- #ifdef H5 || (APP-PLUS && VUE2) -->
+      <img v-if="n.name==='img'" :id="n.attrs.id" :class="'_img '+n.attrs.class" :style="(ctrl[i]===-1?'display:none;':'')+n.attrs.style" :src="n.attrs.src||(ctrl.load?n.attrs['data-src']:'')" :data-i="i" @load="imgLoad" @error="mediaError" @tap.stop="imgTap" @longpress="imgLongTap" />
+      <!-- #endif -->
+      <!-- #ifndef H5 || (APP-PLUS && VUE2) -->
+      <!-- 表格中的图片，使用 rich-text 防止大小不正确 -->
+      <rich-text v-if="n.name==='img'&&n.t" :style="'display:'+n.t" :nodes="[{attrs:{style:n.attrs.style,src:n.attrs.src},name:'img'}]" :data-i="i" @tap.stop="imgTap" />
+      <!-- #endif -->
+      <!-- #ifndef H5 || APP-PLUS -->
+      <image v-else-if="n.name==='img'" :id="n.attrs.id" :class="'_img '+n.attrs.class" :style="(ctrl[i]===-1?'display:none;':'')+'width:'+(ctrl[i]||1)+'px;height:1px;'+n.attrs.style" :src="n.attrs.src" :mode="!n.h?'widthFix':(!n.w?'heightFix':'')" :lazy-load="opts[0]" :webp="n.webp" :show-menu-by-longpress="opts[3]&&!n.attrs.ignore" :image-menu-prevent="!opts[3]||n.attrs.ignore" :data-i="i" @load="imgLoad" @error="mediaError" @tap.stop="imgTap" @longpress="imgLongTap" />
+      <!-- #endif -->
+      <!-- #ifdef APP-PLUS && VUE3 -->
+      <image v-else-if="n.name==='img'" :id="n.attrs.id" :class="'_img '+n.attrs.class" :style="(ctrl[i]===-1?'display:none;':'')+'width:'+(ctrl[i]||1)+'px;'+n.attrs.style" :src="n.attrs.src||(ctrl.load?n.attrs['data-src']:'')" :mode="!n.h?'widthFix':(!n.w?'heightFix':'')" :data-i="i" @load="imgLoad" @error="mediaError" @tap.stop="imgTap" @longpress="imgLongTap" />
+      <!-- #endif -->
+      <!-- 文本 -->
+      <!-- #ifdef MP-WEIXIN -->
+      <text v-else-if="n.text" :user-select="opts[4]=='force'&&isiOS" decode>{{n.text}}</text>
+      <!-- #endif -->
+      <!-- #ifndef MP-WEIXIN || MP-BAIDU || MP-ALIPAY || MP-TOUTIAO -->
+      <text v-else-if="n.text" decode>{{n.text}}</text>
+      <!-- #endif -->
+      <text v-else-if="n.name==='br'">\n</text>
+      <!-- 链接 -->
+      <view v-else-if="n.name==='a'" :id="n.attrs.id" :class="(n.attrs.href?'_a ':'')+n.attrs.class" hover-class="_hover" :style="'display:inline;'+n.attrs.style" :data-i="i" @tap.stop="linkTap">
+        <node name="span" :childs="n.children" :opts="opts" style="display:inherit" />
+      </view>
+      <!-- 视频 -->
+      <!-- #ifdef APP-PLUS -->
+      <view v-else-if="n.html" :id="n.attrs.id" :class="'_video '+n.attrs.class" :style="n.attrs.style" v-html="n.html" @vplay.stop="play" />
+      <!-- #endif -->
+      <!-- #ifndef APP-PLUS -->
+      <video v-else-if="n.name==='video'" :id="n.attrs.id" :class="n.attrs.class" :style="n.attrs.style" :autoplay="n.attrs.autoplay" :controls="n.attrs.controls" :loop="n.attrs.loop" :muted="n.attrs.muted" :object-fit="n.attrs['object-fit']" :poster="n.attrs.poster" :src="n.src[ctrl[i]||0]" :data-i="i" @play="play" @error="mediaError" />
+      <!-- #endif -->
+      <!-- #ifdef H5 || APP-PLUS -->
+      <iframe v-else-if="n.name==='iframe'" :style="n.attrs.style" :allowfullscreen="n.attrs.allowfullscreen" :frameborder="n.attrs.frameborder" :src="n.attrs.src" />
+      <embed v-else-if="n.name==='embed'" :style="n.attrs.style" :src="n.attrs.src" />
+      <!-- #endif -->
+      <!-- #ifndef MP-TOUTIAO || ((H5 || APP-PLUS) && VUE3) -->
+      <!-- 音频 -->
+      <audio v-else-if="n.name==='audio'" :id="n.attrs.id" :class="n.attrs.class" :style="n.attrs.style" :author="n.attrs.author" :controls="n.attrs.controls" :loop="n.attrs.loop" :name="n.attrs.name" :poster="n.attrs.poster" :src="n.src[ctrl[i]||0]" :data-i="i" @play="play" @error="mediaError" />
+      <!-- #endif -->
+      <view v-else-if="(n.name==='table'&&n.c)||n.name==='li'" :id="n.attrs.id" :class="'_'+n.name+' '+n.attrs.class" :style="n.attrs.style">
+        <node v-if="n.name==='li'" :childs="n.children" :opts="opts" />
+        <view v-else v-for="(tbody, x) in n.children" v-bind:key="x" :class="'_'+tbody.name+' '+tbody.attrs.class" :style="tbody.attrs.style">
+          <node v-if="tbody.name==='td'||tbody.name==='th'" :childs="tbody.children" :opts="opts" />
+          <block v-else v-for="(tr, y) in tbody.children" v-bind:key="y">
+            <view v-if="tr.name==='td'||tr.name==='th'" :class="'_'+tr.name+' '+tr.attrs.class" :style="tr.attrs.style">
+              <node :childs="tr.children" :opts="opts" />
+            </view>
+            <view v-else :class="'_'+tr.name+' '+tr.attrs.class" :style="tr.attrs.style">
+              <view v-for="(td, z) in tr.children" v-bind:key="z" :class="'_'+td.name+' '+td.attrs.class" :style="td.attrs.style">
+                <node :childs="td.children" :opts="opts" />
+              </view>
+            </view>
+          </block>
+        </view>
+      </view>
+      
+      <!-- 富文本 -->
+      <!-- #ifdef H5 || ((MP-WEIXIN || MP-QQ || APP-PLUS || MP-360) && VUE2) -->
+      <rich-text v-else-if="!n.c&&!handler.isInline(n.name, n.attrs.style)" :id="n.attrs.id" :style="n.f" :user-select="opts[4]" :nodes="[n]" @tap.stop="codeLongTap(n)"/>
+      <!-- #endif -->
+      <!-- #ifndef H5 || ((MP-WEIXIN || MP-QQ || APP-PLUS || MP-360) && VUE2) -->
+      <rich-text v-else-if="!n.c" :id="n.attrs.id" :style="'display:inline;'+n.f" :preview="false" :selectable="opts[4]" :user-select="opts[4]" :nodes="[n]" @tap.stop="codeLongTap(n)"/>
+      <!-- #endif -->
+      <!-- 继续递归 -->
+      <view v-else-if="n.c===2" :id="n.attrs.id" :class="'_block _'+n.name+' '+n.attrs.class" :style="n.f+';'+n.attrs.style">
+        <node v-for="(n2, j) in n.children" v-bind:key="j" :style="n2.f" :name="n2.name" :attrs="n2.attrs" :childs="n2.children" :opts="opts" />
+      </view>
+      <node v-else :style="n.f" :name="n.name" :attrs="n.attrs" :childs="n.children" :opts="opts"/>
+    </block>
+  </view>
+</template>
+<script module="handler" lang="wxs">
+// 行内标签列表
+var inlineTags = {
+  abbr: true,
+  b: true,
+  big: true,
+  code: true,
+  del: true,
+  em: true,
+  i: true,
+  ins: true,
+  label: true,
+  q: true,
+  small: true,
+  span: true,
+  strong: true,
+  sub: true,
+  sup: true
+}
+/**
+ * @description 判断是否为行内标签
+ */
+module.exports = {
+  isInline: function (tagName, style) {
+    return inlineTags[tagName] || (style || '').indexOf('display:inline') !== -1
+  }
+}
+</script>
+<script>
+
+import node from './node'
+export default {
+  name: 'node',
+  options: {
+    // #ifdef MP-WEIXIN
+    virtualHost: true,
+    // #endif
+    // #ifdef MP-TOUTIAO
+    addGlobalClass: false
+    // #endif
+  },
+  data () {
+    return {
+      ctrl: {},
+      // #ifdef MP-WEIXIN
+      isiOS: uni.getSystemInfoSync().system.includes('iOS')
+      // #endif
+    }
+  },
+  props: {
+    name: String,
+    attrs: {
+      type: Object,
+      default () {
+        return {}
+      }
+    },
+    childs: Array,
+    opts: Array
+  },
+  components: {
+
+    // #ifndef (H5 || APP-PLUS) && VUE3
+    node
+    // #endif
+  },
+  mounted () {
+    this.$nextTick(() => {
+      for (this.root = this.$parent; this.root.$options.name !== 'mp-html'; this.root = this.root.$parent);
+    })
+    // #ifdef H5 || APP-PLUS
+    if (this.opts[0]) {
+      let i
+      for (i = this.childs.length; i--;) {
+        if (this.childs[i].name === 'img') break
+      }
+      if (i !== -1) {
+        this.observer = uni.createIntersectionObserver(this).relativeToViewport({
+          top: 500,
+          bottom: 500
+        })
+        this.observer.observe('._img', res => {
+          if (res.intersectionRatio) {
+            this.$set(this.ctrl, 'load', 1)
+            this.observer.disconnect()
+          }
+        })
+      }
+    }
+    // #endif
+  },
+  beforeDestroy () {
+    // #ifdef H5 || APP-PLUS
+    if (this.observer) {
+      this.observer.disconnect()
+    }
+    // #endif
+  },
+  methods:{
+	  codeLongTap(e){
+	  	if(e.attrs.class=='hl-pre'){
+			uni.setClipboardData({
+				data: e.attrs['data-content'],
+				showToast:false,
+				success: () => {
+					uni.showToast({
+						title: '代码复制成功',
+						duration: 1000
+					});
+				},
+				fail: (err) => {
+					console.log('err', err);
+				}
+			});
+	  	}
+	  },
+	// codeLongTap(e){
+	// 	console.log('codeLongTap',e.attrs);
+	// 	if(e.attrs.class=='hl-pre'){
+	// 		uni.showActionSheet({
+	// 			itemList: ['复制代码'],
+	// 			success: function (res) {
+	// 				uni.setClipboardData({
+	// 					data: e.attrs['data-content'],
+	// 					showToast:false,
+	// 					success: () => {
+	// 						uni.showToast({
+	// 							title: '代码复制成功',
+	// 							duration: 1000
+	// 						});
+	// 					},
+	// 					fail: (err) => {
+	// 						console.log('err', err);
+	// 					}
+	// 				});
+	// 			},
+	// 			fail: function (res) {
+	// 				console.log(res.errMsg);
+	// 			}
+	// 		});
+	// 	}
+	// },
+    // #ifdef MP-WEIXIN
+    toJSON () { return this },
+    // #endif
+    /**
+     * @description 播放视频事件
+     * @param {Event} e
+     */
+    play (e) {
+      this.root.$emit('play')
+      // #ifndef APP-PLUS
+      if (this.root.pauseVideo) {
+        let flag = false
+        const id = e.target.id
+        for (let i = this.root._videos.length; i--;) {
+          if (this.root._videos[i].id === id) {
+            flag = true
+          } else {
+            this.root._videos[i].pause() // 自动暂停其他视频
+          }
+        }
+        // 将自己加入列表
+        if (!flag) {
+          const ctx = uni.createVideoContext(id
+            // #ifndef MP-BAIDU
+            , this
+            // #endif
+          )
+          ctx.id = id
+          if (this.root.playbackRate) {
+            ctx.playbackRate(this.root.playbackRate)
+          }
+          this.root._videos.push(ctx)
+        }
+      }
+      // #endif
+    },
+
+    /**
+     * @description 图片点击事件
+     * @param {Event} e
+     */
+    imgTap (e) {
+      const node = this.childs[e.currentTarget.dataset.i]
+      if (node.a) {
+        this.linkTap(node.a)
+        return
+      }
+      if (node.attrs.ignore) return
+      // #ifdef H5 || APP-PLUS
+      node.attrs.src = node.attrs.src || node.attrs['data-src']
+      // #endif
+      this.root.$emit('imgtap', node.attrs)
+      // 自动预览图片
+      if (this.root.previewImg) {
+        uni.previewImage({
+          // #ifdef MP-WEIXIN
+          showmenu: this.root.showImgMenu,
+          // #endif
+          // #ifdef MP-ALIPAY
+          enablesavephoto: this.root.showImgMenu,
+          enableShowPhotoDownload: this.root.showImgMenu,
+          // #endif
+          current: parseInt(node.attrs.i),
+          urls: this.root.imgList
+        })
+      }
+    },
+
+    /**
+     * @description 图片长按
+     */
+    imgLongTap (e) {
+      // #ifdef APP-PLUS
+      const attrs = this.childs[e.currentTarget.dataset.i].attrs
+      if (this.opts[3] && !attrs.ignore) {
+        uni.showActionSheet({
+          itemList: ['保存图片'],
+          success: () => {
+            const save = path => {
+              uni.saveImageToPhotosAlbum({
+                filePath: path,
+                success () {
+                  uni.showToast({
+                    title: '保存成功'
+                  })
+                }
+              })
+            }
+            if (this.root.imgList[attrs.i].startsWith('http')) {
+              uni.downloadFile({
+                url: this.root.imgList[attrs.i],
+                success: res => save(res.tempFilePath)
+              })
+            } else {
+              save(this.root.imgList[attrs.i])
+            }
+          }
+        })
+      }
+      // #endif
+    },
+
+    /**
+     * @description 图片加载完成事件
+     * @param {Event} e
+     */
+    imgLoad (e) {
+      const i = e.currentTarget.dataset.i
+      /* #ifndef H5 || (APP-PLUS && VUE2) */
+      if (!this.childs[i].w) {
+        // 设置原宽度
+        this.$set(this.ctrl, i, e.detail.width)
+      } else /* #endif */ if ((this.opts[1] && !this.ctrl[i]) || this.ctrl[i] === -1) {
+        // 加载完毕，取消加载中占位图
+        this.$set(this.ctrl, i, 1)
+      }
+      this.checkReady()
+    },
+
+    /**
+     * @description 检查是否所有图片加载完毕
+     */
+    checkReady () {
+      if (this.root && !this.root.lazyLoad) {
+        this.root._unloadimgs -= 1
+        if (!this.root._unloadimgs) {
+          setTimeout(() => {
+            this.root.getRect().then(rect => {
+              this.root.$emit('ready', rect)
+            }).catch(() => {
+              this.root.$emit('ready', {})
+            })
+          }, 350)
+        }
+      }
+    },
+
+    /**
+     * @description 链接点击事件
+     * @param {Event} e
+     */
+    linkTap (e) {
+      const node = e.currentTarget ? this.childs[e.currentTarget.dataset.i] : {}
+      const attrs = node.attrs || e
+      const href = attrs.href
+      this.root.$emit('linktap', Object.assign({
+        innerText: this.root.getText(node.children || []) // 链接内的文本内容
+      }, attrs))
+      if (href) {
+        if (href[0] === '#') {
+          // 跳转锚点
+          this.root.navigateTo(href.substring(1)).catch(() => { })
+        } else if (href.split('?')[0].includes('://')) {
+          // 复制外部链接
+          if (this.root.copyLink) {
+            // #ifdef H5
+            window.open(href)
+            // #endif
+            // #ifdef MP
+            uni.setClipboardData({
+              data: href,
+              success: () =>
+                uni.showToast({
+                  title: '链接已复制'
+                })
+            })
+            // #endif
+            // #ifdef APP-PLUS
+            plus.runtime.openWeb(href)
+            // #endif
+          }
+        } else {
+          // 跳转页面
+          uni.navigateTo({
+            url: href,
+            fail () {
+              uni.switchTab({
+                url: href,
+                fail () { }
+              })
+            }
+          })
+        }
+      }
+    },
+
+    /**
+     * @description 错误事件
+     * @param {Event} e
+     */
+    mediaError (e) {
+      const i = e.currentTarget.dataset.i
+      const node = this.childs[i]
+      // 加载其他源
+      if (node.name === 'video' || node.name === 'audio') {
+        let index = (this.ctrl[i] || 0) + 1
+        if (index > node.src.length) {
+          index = 0
+        }
+        if (index < node.src.length) {
+          this.$set(this.ctrl, i, index)
+          return
+        }
+      } else if (node.name === 'img') {
+        // #ifdef H5 && VUE3
+        if (this.opts[0] && !this.ctrl.load) return
+        // #endif
+        // 显示错误占位图
+        if (this.opts[2]) {
+          this.$set(this.ctrl, i, -1)
+        }
+        this.checkReady()
+      }
+      if (this.root) {
+        this.root.$emit('error', {
+          source: node.name,
+          attrs: node.attrs,
+          // #ifndef H5 && VUE3
+          errMsg: e.detail.errMsg
+          // #endif
+        })
+      }
+    }
+  }
+}
+</script>
+<style>/deep/ .hl-code,/deep/ .hl-pre{color:#ccc;background:0 0;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}/deep/ .hl-pre{padding:1em;margin:.5em 0;overflow:auto}/deep/ .hl-pre{background:#2d2d2d}/deep/ .hl-block-comment,/deep/ .hl-cdata,/deep/ .hl-comment,/deep/ .hl-doctype,/deep/ .hl-prolog{color:#999}/deep/ .hl-punctuation{color:#ccc}/deep/ .hl-attr-name,/deep/ .hl-deleted,/deep/ .hl-namespace,/deep/ .hl-tag{color:#e2777a}/deep/ .hl-function-name{color:#6196cc}/deep/ .hl-boolean,/deep/ .hl-function,/deep/ .hl-number{color:#f08d49}/deep/ .hl-class-name,/deep/ .hl-constant,/deep/ .hl-property,/deep/ .hl-symbol{color:#f8c555}/deep/ .hl-atrule,/deep/ .hl-builtin,/deep/ .hl-important,/deep/ .hl-keyword,/deep/ .hl-selector{color:#cc99cd}/deep/ .hl-attr-value,/deep/ .hl-char,/deep/ .hl-regex,/deep/ .hl-string,/deep/ .hl-variable{color:#7ec699}/deep/ .hl-entity,/deep/ .hl-operator,/deep/ .hl-url{color:#67cdcc}/deep/ .hl-bold,/deep/ .hl-important{font-weight:700}/deep/ .hl-italic{font-style:italic}/deep/ .hl-entity{cursor:help}/deep/ .hl-inserted{color:green}/deep/ .md-p {
+  margin-block-start: 1em;
+  margin-block-end: 1em;
+}
+
+/deep/.hl-copy{
+			color:#cccccc;
+		}
+/deep/ .md-table,
+/deep/ .md-blockquote {
+  margin-bottom: 16px;
+}
+
+/deep/ .md-table {
+  box-sizing: border-box;
+  width: 100%;
+  overflow: auto;
+  border-spacing: 0;
+  border-collapse: collapse;
+}
+
+/deep/ .md-tr {
+  background-color: #fff;
+  border-top: 1px solid #c6cbd1;
+}
+
+.md-table .md-tr:nth-child(2n) {
+  background-color: #f6f8fa;
+}
+
+/deep/ .md-th,
+/deep/ .md-td {
+  padding: 6px 13px !important;
+  border: 1px solid #dfe2e5;
+}
+
+/deep/ .md-th {
+  font-weight: 600;
+}
+
+/deep/ .md-blockquote {
+  padding: 0 1em;
+  color: #6a737d;
+  border-left: 0.25em solid #dfe2e5;
+}
+
+/deep/ .md-code {
+  padding: 0.2em 0.4em;
+  font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
+  font-size: 85%;
+  background-color: rgba(27, 31, 35, 0.05);
+  border-radius: 3px;
+}
+
+/deep/ .md-pre .md-code {
+  padding: 0;
+  font-size: 100%;
+  background: transparent;
+  border: 0;
+}
+/* a 标签默认效果 */
+._a {
+  padding: 1.5px 0 1.5px 0;
+  color: #366092;
+  word-break: break-all;
+}
+
+/* a 标签点击态效果 */
+._hover {
+  text-decoration: underline;
+  opacity: 0.7;
+}
+
+/* 图片默认效果 */
+._img {
+  max-width: 100%;
+  -webkit-touch-callout: none;
+}
+
+/* 内部样式 */
+
+._block {
+  display: block;
+}
+
+._b,
+._strong {
+  font-weight: bold;
+}
+
+._code {
+  font-family: monospace;
+}
+
+._del {
+  text-decoration: line-through;
+}
+
+._em,
+._i {
+  font-style: italic;
+}
+
+._h1 {
+  font-size: 2em;
+}
+
+._h2 {
+  font-size: 1.5em;
+}
+
+._h3 {
+  font-size: 1.17em;
+}
+
+._h5 {
+  font-size: 0.83em;
+}
+
+._h6 {
+  font-size: 0.67em;
+}
+
+._h1,
+._h2,
+._h3,
+._h4,
+._h5,
+._h6 {
+  display: block;
+  font-weight: bold;
+}
+
+._image {
+  height: 1px;
+}
+
+._ins {
+  text-decoration: underline;
+}
+
+._li {
+  display: list-item;
+}
+
+._ol {
+  list-style-type: decimal;
+}
+
+._ol,
+._ul {
+  display: block;
+  padding-left: 40px;
+  margin: 1em 0;
+}
+
+._q::before {
+  content: '"';
+}
+
+._q::after {
+  content: '"';
+}
+
+._sub {
+  font-size: smaller;
+  vertical-align: sub;
+}
+
+._sup {
+  font-size: smaller;
+  vertical-align: super;
+}
+
+._thead,
+._tbody,
+._tfoot {
+  display: table-row-group;
+}
+
+._tr {
+  display: table-row;
+}
+
+._td,
+._th {
+  display: table-cell;
+  vertical-align: middle;
+}
+
+._th {
+  font-weight: bold;
+  text-align: center;
+}
+
+._ul {
+  list-style-type: disc;
+}
+
+._ul ._ul {
+  margin: 0;
+  list-style-type: circle;
+}
+
+._ul ._ul ._ul {
+  list-style-type: square;
+}
+
+._abbr,
+._b,
+._code,
+._del,
+._em,
+._i,
+._ins,
+._label,
+._q,
+._span,
+._strong,
+._sub,
+._sup {
+  display: inline;
+}
+
+/* #ifdef APP-PLUS */
+._video {
+  width: 300px;
+  height: 225px;
+}
+/* #endif */
+</style>
\ No newline at end of file
diff --git a/uni_modules/zero-markdown-view/components/mp-html/parser.js b/uni_modules/zero-markdown-view/components/mp-html/parser.js
new file mode 100644
index 0000000..e2e7a87
--- /dev/null
+++ b/uni_modules/zero-markdown-view/components/mp-html/parser.js
@@ -0,0 +1,1335 @@
+/**
+ * @fileoverview html 解析器
+ */
+
+// 配置
+const config = {
+  // 信任的标签（保持标签名不变）
+  trustTags: makeMap('a,abbr,ad,audio,b,blockquote,br,code,col,colgroup,dd,del,dl,dt,div,em,fieldset,h1,h2,h3,h4,h5,h6,hr,i,img,ins,label,legend,li,ol,p,q,ruby,rt,source,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,title,ul,video'),
+
+  // 块级标签（转为 div，其他的非信任标签转为 span）
+  blockTags: makeMap('address,article,aside,body,caption,center,cite,footer,header,html,nav,pre,section'),
+
+  // #ifdef (MP-WEIXIN || MP-QQ || APP-PLUS || MP-360) && VUE3
+  // 行内标签
+  inlineTags: makeMap('abbr,b,big,code,del,em,i,ins,label,q,small,span,strong,sub,sup'),
+  // #endif
+
+  // 要移除的标签
+  ignoreTags: makeMap('area,base,canvas,embed,frame,head,iframe,input,link,map,meta,param,rp,script,source,style,textarea,title,track,wbr'),
+
+  // 自闭合的标签
+  voidTags: makeMap('area,base,br,col,circle,ellipse,embed,frame,hr,img,input,line,link,meta,param,path,polygon,rect,source,track,use,wbr'),
+
+  // html 实体
+  entities: {
+    lt: '<',
+    gt: '>',
+    quot: '"',
+    apos: "'",
+    ensp: '\u2002',
+    emsp: '\u2003',
+    nbsp: '\xA0',
+    semi: ';',
+    ndash: '–',
+    mdash: '—',
+    middot: '·',
+    lsquo: '‘',
+    rsquo: '’',
+    ldquo: '“',
+    rdquo: '”',
+    bull: '•',
+    hellip: '…',
+    larr: '←',
+    uarr: '↑',
+    rarr: '→',
+    darr: '↓'
+  },
+
+  // 默认的标签样式
+  tagStyle: {
+    // #ifndef APP-PLUS-NVUE
+    address: 'font-style:italic',
+    big: 'display:inline;font-size:1.2em',
+    caption: 'display:table-caption;text-align:center',
+    center: 'text-align:center',
+    cite: 'font-style:italic',
+    dd: 'margin-left:40px',
+    mark: 'background-color:yellow',
+    pre: 'font-family:monospace;white-space:pre',
+    s: 'text-decoration:line-through',
+    small: 'display:inline;font-size:0.8em',
+    strike: 'text-decoration:line-through',
+    u: 'text-decoration:underline'
+    // #endif
+  },
+
+  // svg 大小写对照表
+  svgDict: {
+    animatetransform: 'animateTransform',
+    lineargradient: 'linearGradient',
+    viewbox: 'viewBox',
+    attributename: 'attributeName',
+    repeatcount: 'repeatCount',
+    repeatdur: 'repeatDur'
+  }
+}
+const tagSelector={}
+const {
+  windowWidth,
+  // #ifdef MP-WEIXIN
+  system
+  // #endif
+} = uni.getSystemInfoSync()
+const blankChar = makeMap(' ,\r,\n,\t,\f')
+let idIndex = 0
+
+// #ifdef H5 || APP-PLUS
+config.ignoreTags.iframe = undefined
+config.trustTags.iframe = true
+config.ignoreTags.embed = undefined
+config.trustTags.embed = true
+// #endif
+// #ifdef APP-PLUS-NVUE
+config.ignoreTags.source = undefined
+config.ignoreTags.style = undefined
+// #endif
+
+/**
+ * @description 创建 map
+ * @param {String} str 逗号分隔
+ */
+function makeMap (str) {
+  const map = Object.create(null)
+  const list = str.split(',')
+  for (let i = list.length; i--;) {
+    map[list[i]] = true
+  }
+  return map
+}
+
+/**
+ * @description 解码 html 实体
+ * @param {String} str 要解码的字符串
+ * @param {Boolean} amp 要不要解码 &amp;
+ * @returns {String} 解码后的字符串
+ */
+function decodeEntity (str, amp) {
+  let i = str.indexOf('&')
+  while (i !== -1) {
+    const j = str.indexOf(';', i + 3)
+    let code
+    if (j === -1) break
+    if (str[i + 1] === '#') {
+      // &#123; 形式的实体
+      code = parseInt((str[i + 2] === 'x' ? '0' : '') + str.substring(i + 2, j))
+      if (!isNaN(code)) {
+        str = str.substr(0, i) + String.fromCharCode(code) + str.substr(j + 1)
+      }
+    } else {
+      // &nbsp; 形式的实体
+      code = str.substring(i + 1, j)
+      if (config.entities[code] || (code === 'amp' && amp)) {
+        str = str.substr(0, i) + (config.entities[code] || '&') + str.substr(j + 1)
+      }
+    }
+    i = str.indexOf('&', i + 1)
+  }
+  return str
+}
+
+/**
+ * @description 合并多个块级标签，加快长内容渲染
+ * @param {Array} nodes 要合并的标签数组
+ */
+function mergeNodes (nodes) {
+  let i = nodes.length - 1
+  for (let j = i; j >= -1; j--) {
+    if (j === -1 || nodes[j].c || !nodes[j].name || (nodes[j].name !== 'div' && nodes[j].name !== 'p' && nodes[j].name[0] !== 'h') || (nodes[j].attrs.style || '').includes('inline')) {
+      if (i - j >= 5) {
+        nodes.splice(j + 1, i - j, {
+          name: 'div',
+          attrs: {},
+          children: nodes.slice(j + 1, i + 1)
+        })
+      }
+      i = j - 1
+    }
+  }
+}
+
+/**
+ * @description html 解析器
+ * @param {Object} vm 组件实例
+ */
+function Parser (vm) {
+  this.options = vm || {}
+  this.tagStyle = Object.assign({}, config.tagStyle, this.options.tagStyle)
+  this.imgList = vm.imgList || []
+  this.imgList._unloadimgs = 0
+  this.plugins = vm.plugins || []
+  this.attrs = Object.create(null)
+  this.stack = []
+  this.nodes = []
+  this.pre = (this.options.containerStyle || '').includes('white-space') && this.options.containerStyle.includes('pre') ? 2 : 0
+}
+
+/**
+ * @description 执行解析
+ * @param {String} content 要解析的文本
+ */
+Parser.prototype.parse = function (content) {
+  // 插件处理
+  for (let i = this.plugins.length; i--;) {
+    if (this.plugins[i].onUpdate) {
+      content = this.plugins[i].onUpdate(content, config) || content
+    }
+  }
+
+  new Lexer(this).parse(content)
+  // 出栈未闭合的标签
+  while (this.stack.length) {
+    this.popNode()
+  }
+  if (this.nodes.length > 50) {
+    mergeNodes(this.nodes)
+  }
+  return this.nodes
+}
+
+/**
+ * @description 将标签暴露出来（不被 rich-text 包含）
+ */
+Parser.prototype.expose = function () {
+  // #ifndef APP-PLUS-NVUE
+  for (let i = this.stack.length; i--;) {
+    const item = this.stack[i]
+    if (item.c || item.name === 'a' || item.name === 'video' || item.name === 'audio') return
+    item.c = 1
+  }
+  // #endif
+}
+
+/**
+ * @description 处理插件
+ * @param {Object} node 要处理的标签
+ * @returns {Boolean} 是否要移除此标签
+ */
+Parser.prototype.hook = function (node) {
+  for (let i = this.plugins.length; i--;) {
+    if (this.plugins[i].onParse && this.plugins[i].onParse(node, this) === false) {
+      return false
+    }
+  }
+  return true
+}
+
+/**
+ * @description 将链接拼接上主域名
+ * @param {String} url 需要拼接的链接
+ * @returns {String} 拼接后的链接
+ */
+Parser.prototype.getUrl = function (url) {
+  const domain = this.options.domain
+  if (url[0] === '/') {
+    if (url[1] === '/') {
+      // // 开头的补充协议名
+      url = (domain ? domain.split('://')[0] : 'http') + ':' + url
+    } else if (domain) {
+      // 否则补充整个域名
+      url = domain + url
+    } /* #ifdef APP-PLUS */ else {
+      url = plus.io.convertLocalFileSystemURL(url)
+    } /* #endif */
+  } else if (!url.includes('data:') && !url.includes('://')) {
+    if (domain) {
+      url = domain + '/' + url
+    } /* #ifdef APP-PLUS */ else {
+      url = plus.io.convertLocalFileSystemURL(url)
+    } /* #endif */
+  }
+  return url
+}
+
+/**
+ * @description 解析样式表
+ * @param {Object} node 标签
+ * @returns {Object}
+ */
+Parser.prototype.parseStyle = function (node) {
+  const attrs = node.attrs
+  const list = (this.tagStyle[node.name] || '').split(';').concat((attrs.style || '').split(';'))
+  const styleObj = {}
+  let tmp = ''
+
+  if (attrs.id && !this.xml) {
+    // 暴露锚点
+    if (this.options.useAnchor) {
+      this.expose()
+    } else if (node.name !== 'img' && node.name !== 'a' && node.name !== 'video' && node.name !== 'audio') {
+      attrs.id = undefined
+    }
+  }
+
+  // 转换 width 和 height 属性
+  if (attrs.width) {
+    styleObj.width = parseFloat(attrs.width) + (attrs.width.includes('%') ? '%' : 'px')
+    attrs.width = undefined
+  }
+  if (attrs.height) {
+    styleObj.height = parseFloat(attrs.height) + (attrs.height.includes('%') ? '%' : 'px')
+    attrs.height = undefined
+  }
+
+  for (let i = 0, len = list.length; i < len; i++) {
+    const info = list[i].split(':')
+    if (info.length < 2) continue
+    const key = info.shift().trim().toLowerCase()
+    let value = info.join(':').trim()
+    if ((value[0] === '-' && value.lastIndexOf('-') > 0) || value.includes('safe')) {
+      // 兼容性的 css 不压缩
+      tmp += `;${key}:${value}`
+    } else if (!styleObj[key] || value.includes('import') || !styleObj[key].includes('import')) {
+      // 重复的样式进行覆盖
+      if (value.includes('url')) {
+        // 填充链接
+        let j = value.indexOf('(') + 1
+        if (j) {
+          while (value[j] === '"' || value[j] === "'" || blankChar[value[j]]) {
+            j++
+          }
+          value = value.substr(0, j) + this.getUrl(value.substr(j))
+        }
+      } else if (value.includes('rpx')) {
+        // 转换 rpx（rich-text 内部不支持 rpx）
+        value = value.replace(/[0-9.]+\s*rpx/g, $ => parseFloat($) * windowWidth / 750 + 'px')
+      }
+      styleObj[key] = value
+    }
+  }
+
+  node.attrs.style = tmp
+  return styleObj
+}
+
+/**
+ * @description 解析到标签名
+ * @param {String} name 标签名
+ * @private
+ */
+Parser.prototype.onTagName = function (name) {
+  this.tagName = this.xml ? name : name.toLowerCase()
+  if (this.tagName === 'svg') {
+    this.xml = (this.xml || 0) + 1 // svg 标签内大小写敏感
+    config.ignoreTags.style = undefined // svg 标签内 style 可用
+  }
+}
+
+/**
+ * @description 解析到属性名
+ * @param {String} name 属性名
+ * @private
+ */
+Parser.prototype.onAttrName = function (name) {
+  name = this.xml ? name : name.toLowerCase()
+  if (name.substr(0, 5) === 'data-') {
+    if (name === 'data-src' && !this.attrs.src) {
+      // data-src 自动转为 src
+      this.attrName = 'src'
+    } else if (this.tagName === 'img' || this.tagName === 'a') {
+      // a 和 img 标签保留 data- 的属性，可以在 imgtap 和 linktap 事件中使用
+      this.attrName = name
+    } else {
+      // 剩余的移除以减小大小
+      this.attrName = undefined
+    }
+  } else {
+    this.attrName = name
+    this.attrs[name] = 'T' // boolean 型属性缺省设置
+  }
+}
+
+/**
+ * @description 解析到属性值
+ * @param {String} val 属性值
+ * @private
+ */
+Parser.prototype.onAttrVal = function (val) {
+  const name = this.attrName || ''
+  if (name === 'style' || name === 'href') {
+    // 部分属性进行实体解码
+    this.attrs[name] = decodeEntity(val, true)
+  } else if (name.includes('src')) {
+    // 拼接主域名
+    this.attrs[name] = this.getUrl(decodeEntity(val, true))
+  } else if (name) {
+    this.attrs[name] = val
+  }
+}
+
+/**
+ * @description 解析到标签开始
+ * @param {Boolean} selfClose 是否有自闭合标识 />
+ * @private
+ */
+Parser.prototype.onOpenTag = function (selfClose) {
+  // 拼装 node
+  const node = Object.create(null)
+  node.name = this.tagName
+  node.attrs = this.attrs
+  // 避免因为自动 diff 使得 type 被设置为 null 导致部分内容不显示
+  if (this.options.nodes.length) {
+    node.type = 'node'
+  }
+  this.attrs = Object.create(null)
+
+  const attrs = node.attrs
+  const parent = this.stack[this.stack.length - 1]
+  const siblings = parent ? parent.children : this.nodes
+  const close = this.xml ? selfClose : config.voidTags[node.name]
+
+  // 替换标签名选择器
+  if (tagSelector[node.name]) {
+    attrs.class = tagSelector[node.name] + (attrs.class ? ' ' + attrs.class : '')
+  }
+
+  // 转换 embed 标签
+  if (node.name === 'embed') {
+    // #ifndef H5 || APP-PLUS
+    const src = attrs.src || ''
+    // 按照后缀名和 type 将 embed 转为 video 或 audio
+    if (src.includes('.mp4') || src.includes('.3gp') || src.includes('.m3u8') || (attrs.type || '').includes('video')) {
+      node.name = 'video'
+    } else if (src.includes('.mp3') || src.includes('.wav') || src.includes('.aac') || src.includes('.m4a') || (attrs.type || '').includes('audio')) {
+      node.name = 'audio'
+    }
+    if (attrs.autostart) {
+      attrs.autoplay = 'T'
+    }
+    attrs.controls = 'T'
+    // #endif
+    // #ifdef H5 || APP-PLUS
+    this.expose()
+    // #endif
+  }
+
+  // #ifndef APP-PLUS-NVUE
+  // 处理音视频
+  if (node.name === 'video' || node.name === 'audio') {
+    // 设置 id 以便获取 context
+    if (node.name === 'video' && !attrs.id) {
+      attrs.id = 'v' + idIndex++
+    }
+    // 没有设置 controls 也没有设置 autoplay 的自动设置 controls
+    if (!attrs.controls && !attrs.autoplay) {
+      attrs.controls = 'T'
+    }
+    // 用数组存储所有可用的 source
+    node.src = []
+    if (attrs.src) {
+      node.src.push(attrs.src)
+      attrs.src = undefined
+    }
+    this.expose()
+  }
+  // #endif
+
+  // 处理自闭合标签
+  if (close) {
+    if (!this.hook(node) || config.ignoreTags[node.name]) {
+      // 通过 base 标签设置主域名
+      if (node.name === 'base' && !this.options.domain) {
+        this.options.domain = attrs.href
+      } /* #ifndef APP-PLUS-NVUE */ else if (node.name === 'source' && parent && (parent.name === 'video' || parent.name === 'audio') && attrs.src) {
+        // 设置 source 标签（仅父节点为 video 或 audio 时有效）
+        parent.src.push(attrs.src)
+      } /* #endif */
+      return
+    }
+
+    // 解析 style
+    const styleObj = this.parseStyle(node)
+
+    // 处理图片
+    if (node.name === 'img') {
+      if (attrs.src) {
+        // 标记 webp
+        if (attrs.src.includes('webp')) {
+          node.webp = 'T'
+        }
+        // data url 图片如果没有设置 original-src 默认为不可预览的小图片
+        if (attrs.src.includes('data:') && !attrs['original-src']) {
+          attrs.ignore = 'T'
+        }
+        if (!attrs.ignore || node.webp || attrs.src.includes('cloud://')) {
+          for (let i = this.stack.length; i--;) {
+            const item = this.stack[i]
+            if (item.name === 'a') {
+              node.a = item.attrs
+            }
+            if (item.name === 'table' && !node.webp && !attrs.src.includes('cloud://')) {
+              if (!styleObj.display || styleObj.display.includes('inline')) {
+                node.t = 'inline-block'
+              } else {
+                node.t = styleObj.display
+              }
+              styleObj.display = undefined
+            }
+            // #ifndef H5 || APP-PLUS
+            const style = item.attrs.style || ''
+            if (style.includes('flex:') && !style.includes('flex:0') && !style.includes('flex: 0') && (!styleObj.width || parseInt(styleObj.width) > 100)) {
+              styleObj.width = '100% !important'
+              styleObj.height = ''
+              for (let j = i + 1; j < this.stack.length; j++) {
+                this.stack[j].attrs.style = (this.stack[j].attrs.style || '').replace('inline-', '')
+              }
+            } else if (style.includes('flex') && styleObj.width === '100%') {
+              for (let j = i + 1; j < this.stack.length; j++) {
+                const style = this.stack[j].attrs.style || ''
+                if (!style.includes(';width') && !style.includes(' width') && style.indexOf('width') !== 0) {
+                  styleObj.width = ''
+                  break
+                }
+              }
+            } else if (style.includes('inline-block')) {
+              if (styleObj.width && styleObj.width[styleObj.width.length - 1] === '%') {
+                item.attrs.style += ';max-width:' + styleObj.width
+                styleObj.width = ''
+              } else {
+                item.attrs.style += ';max-width:100%'
+              }
+            }
+            // #endif
+            item.c = 1
+          }
+          attrs.i = this.imgList.length.toString()
+          let src = attrs['original-src'] || attrs.src
+          // #ifndef H5 || MP-ALIPAY || APP-PLUS || MP-360
+          if (this.imgList.includes(src)) {
+            // 如果有重复的链接则对域名进行随机大小写变换避免预览时错位
+            let i = src.indexOf('://')
+            if (i !== -1) {
+              i += 3
+              let newSrc = src.substr(0, i)
+              for (; i < src.length; i++) {
+                if (src[i] === '/') break
+                newSrc += Math.random() > 0.5 ? src[i].toUpperCase() : src[i]
+              }
+              newSrc += src.substr(i)
+              src = newSrc
+            }
+          }
+          // #endif
+          this.imgList.push(src)
+          if (!node.t) {
+            this.imgList._unloadimgs += 1
+          }
+          // #ifdef H5 || APP-PLUS
+          if (this.options.lazyLoad) {
+            attrs['data-src'] = attrs.src
+            attrs.src = undefined
+          }
+          // #endif
+        }
+      }
+      if (styleObj.display === 'inline') {
+        styleObj.display = ''
+      }
+      // #ifndef APP-PLUS-NVUE
+      if (attrs.ignore) {
+        styleObj['max-width'] = styleObj['max-width'] || '100%'
+        attrs.style += ';-webkit-touch-callout:none'
+      }
+      // #endif
+      // 设置的宽度超出屏幕，为避免变形，高度转为自动
+      if (parseInt(styleObj.width) > windowWidth) {
+        styleObj.height = undefined
+      }
+      // 记录是否设置了宽高
+      if (!isNaN(parseInt(styleObj.width))) {
+        node.w = 'T'
+      }
+      if (!isNaN(parseInt(styleObj.height)) && (!styleObj.height.includes('%') || (parent && (parent.attrs.style || '').includes('height')))) {
+        node.h = 'T'
+      }
+    } else if (node.name === 'svg') {
+      siblings.push(node)
+      this.stack.push(node)
+      this.popNode()
+      return
+    }
+    for (const key in styleObj) {
+      if (styleObj[key]) {
+        attrs.style += `;${key}:${styleObj[key].replace(' !important', '')}`
+      }
+    }
+    attrs.style = attrs.style.substr(1) || undefined
+    // #ifdef (MP-WEIXIN || MP-QQ) && VUE3
+    if (!attrs.style) {
+      delete attrs.style
+    }
+    // #endif
+  } else {
+    if ((node.name === 'pre' || ((attrs.style || '').includes('white-space') && attrs.style.includes('pre'))) && this.pre !== 2) {
+      this.pre = node.pre = 1
+    }
+    node.children = []
+    this.stack.push(node)
+  }
+
+  // 加入节点树
+  siblings.push(node)
+}
+
+/**
+ * @description 解析到标签结束
+ * @param {String} name 标签名
+ * @private
+ */
+Parser.prototype.onCloseTag = function (name) {
+  // 依次出栈到匹配为止
+  name = this.xml ? name : name.toLowerCase()
+  let i
+  for (i = this.stack.length; i--;) {
+    if (this.stack[i].name === name) break
+  }
+  if (i !== -1) {
+    while (this.stack.length > i) {
+      this.popNode()
+    }
+  } else if (name === 'p' || name === 'br') {
+    const siblings = this.stack.length ? this.stack[this.stack.length - 1].children : this.nodes
+    siblings.push({
+      name,
+      attrs: {
+        class: tagSelector[name] || '',
+        style: this.tagStyle[name] || ''
+      }
+    })
+  }
+}
+
+/**
+ * @description 处理标签出栈
+ * @private
+ */
+Parser.prototype.popNode = function () {
+  const node = this.stack.pop()
+  let attrs = node.attrs
+  const children = node.children
+  const parent = this.stack[this.stack.length - 1]
+  const siblings = parent ? parent.children : this.nodes
+
+  if (!this.hook(node) || config.ignoreTags[node.name]) {
+    // 获取标题
+    if (node.name === 'title' && children.length && children[0].type === 'text' && this.options.setTitle) {
+      uni.setNavigationBarTitle({
+        title: children[0].text
+      })
+    }
+    siblings.pop()
+    return
+  }
+
+  if (node.pre && this.pre !== 2) {
+    // 是否合并空白符标识
+    this.pre = node.pre = undefined
+    for (let i = this.stack.length; i--;) {
+      if (this.stack[i].pre) {
+        this.pre = 1
+      }
+    }
+  }
+
+  const styleObj = {}
+
+  // 转换 svg
+  if (node.name === 'svg') {
+    if (this.xml > 1) {
+      // 多层 svg 嵌套
+      this.xml--
+      return
+    }
+    // #ifdef APP-PLUS-NVUE
+    (function traversal (node) {
+      if (node.name) {
+        // 调整 svg 的大小写
+        node.name = config.svgDict[node.name] || node.name
+        for (const item in node.attrs) {
+          if (config.svgDict[item]) {
+            node.attrs[config.svgDict[item]] = node.attrs[item]
+            node.attrs[item] = undefined
+          }
+        }
+        for (let i = 0; i < (node.children || []).length; i++) {
+          traversal(node.children[i])
+        }
+      }
+    })(node)
+    // #endif
+    // #ifndef APP-PLUS-NVUE
+    let src = ''
+    const style = attrs.style
+    attrs.style = ''
+    attrs.xmlns = 'http://www.w3.org/2000/svg';
+    (function traversal (node) {
+      if (node.type === 'text') {
+        src += node.text
+        return
+      }
+      const name = config.svgDict[node.name] || node.name
+      src += '<' + name
+      for (const item in node.attrs) {
+        const val = node.attrs[item]
+        if (val) {
+          src += ` ${config.svgDict[item] || item}="${val}"`
+        }
+      }
+      if (!node.children) {
+        src += '/>'
+      } else {
+        src += '>'
+        for (let i = 0; i < node.children.length; i++) {
+          traversal(node.children[i])
+        }
+        src += '</' + name + '>'
+      }
+    })(node)
+    node.name = 'img'
+    node.attrs = {
+      src: 'data:image/svg+xml;utf8,' + src.replace(/#/g, '%23'),
+      style,
+      ignore: 'T'
+    }
+    node.children = undefined
+    // #endif
+    this.xml = false
+    config.ignoreTags.style = true
+    return
+  }
+
+  // #ifndef APP-PLUS-NVUE
+  // 转换 align 属性
+  if (attrs.align) {
+    if (node.name === 'table') {
+      if (attrs.align === 'center') {
+        styleObj['margin-inline-start'] = styleObj['margin-inline-end'] = 'auto'
+      } else {
+        styleObj.float = attrs.align
+      }
+    } else {
+      styleObj['text-align'] = attrs.align
+    }
+    attrs.align = undefined
+  }
+
+  // 转换 dir 属性
+  if (attrs.dir) {
+    styleObj.direction = attrs.dir
+    attrs.dir = undefined
+  }
+
+  // 转换 font 标签的属性
+  if (node.name === 'font') {
+    if (attrs.color) {
+      styleObj.color = attrs.color
+      attrs.color = undefined
+    }
+    if (attrs.face) {
+      styleObj['font-family'] = attrs.face
+      attrs.face = undefined
+    }
+    if (attrs.size) {
+      let size = parseInt(attrs.size)
+      if (!isNaN(size)) {
+        if (size < 1) {
+          size = 1
+        } else if (size > 7) {
+          size = 7
+        }
+        styleObj['font-size'] = ['x-small', 'small', 'medium', 'large', 'x-large', 'xx-large', 'xxx-large'][size - 1]
+      }
+      attrs.size = undefined
+    }
+  }
+  // #endif
+
+  // 一些编辑器的自带 class
+  if ((attrs.class || '').includes('align-center')) {
+    styleObj['text-align'] = 'center'
+  }
+
+  Object.assign(styleObj, this.parseStyle(node))
+
+  if (node.name !== 'table' && parseInt(styleObj.width) > windowWidth) {
+    styleObj['max-width'] = '100%'
+    styleObj['box-sizing'] = 'border-box'
+  }
+
+  // #ifndef APP-PLUS-NVUE
+  if (config.blockTags[node.name]) {
+    node.name = 'div'
+  } else if (!config.trustTags[node.name] && !this.xml) {
+    // 未知标签转为 span，避免无法显示
+    node.name = 'span'
+  }
+
+  if (node.name === 'a' || node.name === 'ad'
+    // #ifdef H5 || APP-PLUS
+    || node.name === 'iframe' // eslint-disable-line
+    // #endif
+  ) {
+    this.expose()
+  } else if (node.name === 'video') {
+    if ((styleObj.height || '').includes('auto')) {
+      styleObj.height = undefined
+    }
+    /* #ifdef APP-PLUS */
+    let str = '<video style="width:100%;height:100%"'
+    for (const item in attrs) {
+      if (attrs[item]) {
+        str += ' ' + item + '="' + attrs[item] + '"'
+      }
+    }
+    if (this.options.pauseVideo) {
+      str += ' onplay="this.dispatchEvent(new CustomEvent(\'vplay\',{bubbles:!0}));for(var e=document.getElementsByTagName(\'video\'),t=0;t<e.length;t++)e[t]!=this&&e[t].pause()"'
+    }
+    str += '>'
+    for (let i = 0; i < node.src.length; i++) {
+      str += '<source src="' + node.src[i] + '">'
+    }
+    str += '</video>'
+    node.html = str
+    /* #endif */
+  } else if ((node.name === 'ul' || node.name === 'ol') && node.c) {
+    // 列表处理
+    const types = {
+      a: 'lower-alpha',
+      A: 'upper-alpha',
+      i: 'lower-roman',
+      I: 'upper-roman'
+    }
+    if (types[attrs.type]) {
+      attrs.style += ';list-style-type:' + types[attrs.type]
+      attrs.type = undefined
+    }
+    for (let i = children.length; i--;) {
+      if (children[i].name === 'li') {
+        children[i].c = 1
+      }
+    }
+  } else if (node.name === 'table') {
+    // 表格处理
+    // cellpadding、cellspacing、border 这几个常用表格属性需要通过转换实现
+    let padding = parseFloat(attrs.cellpadding)
+    let spacing = parseFloat(attrs.cellspacing)
+    const border = parseFloat(attrs.border)
+    const bordercolor = styleObj['border-color']
+    const borderstyle = styleObj['border-style']
+    if (node.c) {
+      // padding 和 spacing 默认 2
+      if (isNaN(padding)) {
+        padding = 2
+      }
+      if (isNaN(spacing)) {
+        spacing = 2
+      }
+    }
+    if (border) {
+      attrs.style += `;border:${border}px ${borderstyle || 'solid'} ${bordercolor || 'gray'}`
+    }
+    if (node.flag && node.c) {
+      // 有 colspan 或 rowspan 且含有链接的表格通过 grid 布局实现
+      styleObj.display = 'grid'
+      if (spacing) {
+        styleObj['grid-gap'] = spacing + 'px'
+        styleObj.padding = spacing + 'px'
+      } else if (border) {
+        // 无间隔的情况下避免边框重叠
+        attrs.style += ';border-left:0;border-top:0'
+      }
+
+      const width = [] // 表格的列宽
+      const trList = [] // tr 列表
+      const cells = [] // 保存新的单元格
+      const map = {}; // 被合并单元格占用的格子
+
+      (function traversal (nodes) {
+        for (let i = 0; i < nodes.length; i++) {
+          if (nodes[i].name === 'tr') {
+            trList.push(nodes[i])
+          } else {
+            traversal(nodes[i].children || [])
+          }
+        }
+      })(children)
+
+      for (let row = 1; row <= trList.length; row++) {
+        let col = 1
+        for (let j = 0; j < trList[row - 1].children.length; j++) {
+          const td = trList[row - 1].children[j]
+          if (td.name === 'td' || td.name === 'th') {
+            // 这个格子被上面的单元格占用，则列号++
+            while (map[row + '.' + col]) {
+              col++
+            }
+            let style = td.attrs.style || ''
+            let start = style.indexOf('width') ? style.indexOf(';width') : 0
+            // 提取出 td 的宽度
+            if (start !== -1) {
+              let end = style.indexOf(';', start + 6)
+              if (end === -1) {
+                end = style.length
+              }
+              if (!td.attrs.colspan) {
+                width[col] = style.substring(start ? start + 7 : 6, end)
+              }
+              style = style.substr(0, start) + style.substr(end)
+            }
+            // 设置竖直对齐
+            style += ';display:flex'
+            start = style.indexOf('vertical-align')
+            if (start !== -1) {
+              const val = style.substr(start + 15, 10)
+              if (val.includes('middle')) {
+                style += ';align-items:center'
+              } else if (val.includes('bottom')) {
+                style += ';align-items:flex-end'
+              }
+            } else {
+              style += ';align-items:center'
+            }
+            // 设置水平对齐
+            start = style.indexOf('text-align')
+            if (start !== -1) {
+              const val = style.substr(start + 11, 10)
+              if (val.includes('center')) {
+                style += ';justify-content: center'
+              } else if (val.includes('right')) {
+                style += ';justify-content: right'
+              }
+            }
+            style = (border ? `;border:${border}px ${borderstyle || 'solid'} ${bordercolor || 'gray'}` + (spacing ? '' : ';border-right:0;border-bottom:0') : '') + (padding ? `;padding:${padding}px` : '') + ';' + style
+            // 处理列合并
+            if (td.attrs.colspan) {
+              style += `;grid-column-start:${col};grid-column-end:${col + parseInt(td.attrs.colspan)}`
+              if (!td.attrs.rowspan) {
+                style += `;grid-row-start:${row};grid-row-end:${row + 1}`
+              }
+              col += parseInt(td.attrs.colspan) - 1
+            }
+            // 处理行合并
+            if (td.attrs.rowspan) {
+              style += `;grid-row-start:${row};grid-row-end:${row + parseInt(td.attrs.rowspan)}`
+              if (!td.attrs.colspan) {
+                style += `;grid-column-start:${col};grid-column-end:${col + 1}`
+              }
+              // 记录下方单元格被占用
+              for (let rowspan = 1; rowspan < td.attrs.rowspan; rowspan++) {
+                for (let colspan = 0; colspan < (td.attrs.colspan || 1); colspan++) {
+                  map[(row + rowspan) + '.' + (col - colspan)] = 1
+                }
+              }
+            }
+            if (style) {
+              td.attrs.style = style
+            }
+            cells.push(td)
+            col++
+          }
+        }
+        if (row === 1) {
+          let temp = ''
+          for (let i = 1; i < col; i++) {
+            temp += (width[i] ? width[i] : 'auto') + ' '
+          }
+          styleObj['grid-template-columns'] = temp
+        }
+      }
+      node.children = cells
+    } else {
+      // 没有使用合并单元格的表格通过 table 布局实现
+      if (node.c) {
+        styleObj.display = 'table'
+      }
+      if (!isNaN(spacing)) {
+        styleObj['border-spacing'] = spacing + 'px'
+      }
+      if (border || padding) {
+        // 遍历
+        (function traversal (nodes) {
+          for (let i = 0; i < nodes.length; i++) {
+            const td = nodes[i]
+            if (td.name === 'th' || td.name === 'td') {
+              if (border) {
+                td.attrs.style = `border:${border}px ${borderstyle || 'solid'} ${bordercolor || 'gray'};${td.attrs.style || ''}`
+              }
+              if (padding) {
+                td.attrs.style = `padding:${padding}px;${td.attrs.style || ''}`
+              }
+            } else if (td.children) {
+              traversal(td.children)
+            }
+          }
+        })(children)
+      }
+    }
+    // 给表格添加一个单独的横向滚动层
+    if (this.options.scrollTable && !(attrs.style || '').includes('inline')) {
+      const table = Object.assign({}, node)
+      node.name = 'div'
+      node.attrs = {
+        style: 'overflow:auto'
+      }
+      node.children = [table]
+      attrs = table.attrs
+    }
+  } else if ((node.name === 'td' || node.name === 'th') && (attrs.colspan || attrs.rowspan)) {
+    for (let i = this.stack.length; i--;) {
+      if (this.stack[i].name === 'table') {
+        this.stack[i].flag = 1 // 指示含有合并单元格
+        break
+      }
+    }
+  } else if (node.name === 'ruby') {
+    // 转换 ruby
+    node.name = 'span'
+    for (let i = 0; i < children.length - 1; i++) {
+      if (children[i].type === 'text' && children[i + 1].name === 'rt') {
+        children[i] = {
+          name: 'div',
+          attrs: {
+            style: 'display:inline-block;text-align:center'
+          },
+          children: [{
+            name: 'div',
+            attrs: {
+              style: 'font-size:50%;' + (children[i + 1].attrs.style || '')
+            },
+            children: children[i + 1].children
+          }, children[i]]
+        }
+        children.splice(i + 1, 1)
+      }
+    }
+  } else if (node.c) {
+    (function traversal (node) {
+      node.c = 2
+      for (let i = node.children.length; i--;) {
+        const child = node.children[i]
+        // #ifdef (MP-WEIXIN || MP-QQ || APP-PLUS || MP-360) && VUE3
+        if (child.name && (config.inlineTags[child.name] || ((child.attrs.style || '').includes('inline') && child.children)) && !child.c) {
+          traversal(child)
+        }
+        // #endif
+        if (!child.c || child.name === 'table') {
+          node.c = 1
+        }
+      }
+    })(node)
+  }
+
+  if ((styleObj.display || '').includes('flex') && !node.c) {
+    for (let i = children.length; i--;) {
+      const item = children[i]
+      if (item.f) {
+        item.attrs.style = (item.attrs.style || '') + item.f
+        item.f = undefined
+      }
+    }
+  }
+  // flex 布局时部分样式需要提取到 rich-text 外层
+  const flex = parent && ((parent.attrs.style || '').includes('flex') || (parent.attrs.style || '').includes('grid'))
+    // #ifdef MP-WEIXIN
+    // 检查基础库版本 virtualHost 是否可用
+    && !(node.c && wx.getNFCAdapter) // eslint-disable-line
+    // #endif
+    // #ifndef MP-WEIXIN || MP-QQ || MP-BAIDU || MP-TOUTIAO
+    && !node.c // eslint-disable-line
+  // #endif
+  if (flex) {
+    node.f = ';max-width:100%'
+  }
+
+  if (children.length >= 50 && node.c && !(styleObj.display || '').includes('flex')) {
+    mergeNodes(children)
+  }
+  // #endif
+
+  for (const key in styleObj) {
+    if (styleObj[key]) {
+      const val = `;${key}:${styleObj[key].replace(' !important', '')}`
+      /* #ifndef APP-PLUS-NVUE */
+      if (flex && ((key.includes('flex') && key !== 'flex-direction') || key === 'align-self' || key.includes('grid') || styleObj[key][0] === '-' || (key.includes('width') && val.includes('%')))) {
+        node.f += val
+        if (key === 'width') {
+          attrs.style += ';width:100%'
+        }
+      } else /* #endif */ {
+        attrs.style += val
+      }
+    }
+  }
+  attrs.style = attrs.style.substr(1) || undefined
+  // #ifdef (MP-WEIXIN || MP-QQ) && VUE3
+  for (const key in attrs) {
+    if (!attrs[key]) {
+      delete attrs[key]
+    }
+  }
+  // #endif
+}
+
+/**
+ * @description 解析到文本
+ * @param {String} text 文本内容
+ */
+Parser.prototype.onText = function (text) {
+  if (!this.pre) {
+    // 合并空白符
+    let trim = ''
+    let flag
+    for (let i = 0, len = text.length; i < len; i++) {
+      if (!blankChar[text[i]]) {
+        trim += text[i]
+      } else {
+        if (trim[trim.length - 1] !== ' ') {
+          trim += ' '
+        }
+        if (text[i] === '\n' && !flag) {
+          flag = true
+        }
+      }
+    }
+    // 去除含有换行符的空串
+    if (trim === ' ') {
+      if (flag) return
+      // #ifdef VUE3
+      else {
+        const parent = this.stack[this.stack.length - 1]
+        if (parent && parent.name[0] === 't') return
+      }
+      // #endif
+    }
+    text = trim
+  }
+  const node = Object.create(null)
+  node.type = 'text'
+  // #ifdef (MP-BAIDU || MP-ALIPAY || MP-TOUTIAO) && VUE3
+  node.attrs = {}
+  // #endif
+  node.text = decodeEntity(text)
+  if (this.hook(node)) {
+    // #ifdef MP-WEIXIN
+    if (this.options.selectable === 'force' && system.includes('iOS') && !uni.canIUse('rich-text.user-select')) {
+      this.expose()
+    }
+    // #endif
+    const siblings = this.stack.length ? this.stack[this.stack.length - 1].children : this.nodes
+    siblings.push(node)
+  }
+}
+
+/**
+ * @description html 词法分析器
+ * @param {Object} handler 高层处理器
+ */
+function Lexer (handler) {
+  this.handler = handler
+}
+
+/**
+ * @description 执行解析
+ * @param {String} content 要解析的文本
+ */
+Lexer.prototype.parse = function (content) {
+  this.content = content || ''
+  this.i = 0 // 标记解析位置
+  this.start = 0 // 标记一个单词的开始位置
+  this.state = this.text // 当前状态
+  for (let len = this.content.length; this.i !== -1 && this.i < len;) {
+    this.state()
+  }
+}
+
+/**
+ * @description 检查标签是否闭合
+ * @param {String} method 如果闭合要进行的操作
+ * @returns {Boolean} 是否闭合
+ * @private
+ */
+Lexer.prototype.checkClose = function (method) {
+  const selfClose = this.content[this.i] === '/'
+  if (this.content[this.i] === '>' || (selfClose && this.content[this.i + 1] === '>')) {
+    if (method) {
+      this.handler[method](this.content.substring(this.start, this.i))
+    }
+    this.i += selfClose ? 2 : 1
+    this.start = this.i
+    this.handler.onOpenTag(selfClose)
+    if (this.handler.tagName === 'script') {
+      this.i = this.content.indexOf('</', this.i)
+      if (this.i !== -1) {
+        this.i += 2
+        this.start = this.i
+      }
+      this.state = this.endTag
+    } else {
+      this.state = this.text
+    }
+    return true
+  }
+  return false
+}
+
+/**
+ * @description 文本状态
+ * @private
+ */
+Lexer.prototype.text = function () {
+  this.i = this.content.indexOf('<', this.i) // 查找最近的标签
+  if (this.i === -1) {
+    // 没有标签了
+    if (this.start < this.content.length) {
+      this.handler.onText(this.content.substring(this.start, this.content.length))
+    }
+    return
+  }
+  const c = this.content[this.i + 1]
+  if ((c >= 'a' && c <= 'z') || (c >= 'A' && c <= 'Z')) {
+    // 标签开头
+    if (this.start !== this.i) {
+      this.handler.onText(this.content.substring(this.start, this.i))
+    }
+    this.start = ++this.i
+    this.state = this.tagName
+  } else if (c === '/' || c === '!' || c === '?') {
+    if (this.start !== this.i) {
+      this.handler.onText(this.content.substring(this.start, this.i))
+    }
+    const next = this.content[this.i + 2]
+    if (c === '/' && ((next >= 'a' && next <= 'z') || (next >= 'A' && next <= 'Z'))) {
+      // 标签结尾
+      this.i += 2
+      this.start = this.i
+      this.state = this.endTag
+      return
+    }
+    // 处理注释
+    let end = '-->'
+    if (c !== '!' || this.content[this.i + 2] !== '-' || this.content[this.i + 3] !== '-') {
+      end = '>'
+    }
+    this.i = this.content.indexOf(end, this.i)
+    if (this.i !== -1) {
+      this.i += end.length
+      this.start = this.i
+    }
+  } else {
+    this.i++
+  }
+}
+
+/**
+ * @description 标签名状态
+ * @private
+ */
+Lexer.prototype.tagName = function () {
+  if (blankChar[this.content[this.i]]) {
+    // 解析到标签名
+    this.handler.onTagName(this.content.substring(this.start, this.i))
+    while (blankChar[this.content[++this.i]]);
+    if (this.i < this.content.length && !this.checkClose()) {
+      this.start = this.i
+      this.state = this.attrName
+    }
+  } else if (!this.checkClose('onTagName')) {
+    this.i++
+  }
+}
+
+/**
+ * @description 属性名状态
+ * @private
+ */
+Lexer.prototype.attrName = function () {
+  let c = this.content[this.i]
+  if (blankChar[c] || c === '=') {
+    // 解析到属性名
+    this.handler.onAttrName(this.content.substring(this.start, this.i))
+    let needVal = c === '='
+    const len = this.content.length
+    while (++this.i < len) {
+      c = this.content[this.i]
+      if (!blankChar[c]) {
+        if (this.checkClose()) return
+        if (needVal) {
+          // 等号后遇到第一个非空字符
+          this.start = this.i
+          this.state = this.attrVal
+          return
+        }
+        if (this.content[this.i] === '=') {
+          needVal = true
+        } else {
+          this.start = this.i
+          this.state = this.attrName
+          return
+        }
+      }
+    }
+  } else if (!this.checkClose('onAttrName')) {
+    this.i++
+  }
+}
+
+/**
+ * @description 属性值状态
+ * @private
+ */
+Lexer.prototype.attrVal = function () {
+  const c = this.content[this.i]
+  const len = this.content.length
+  if (c === '"' || c === "'") {
+    // 有冒号的属性
+    this.start = ++this.i
+    this.i = this.content.indexOf(c, this.i)
+    if (this.i === -1) return
+    this.handler.onAttrVal(this.content.substring(this.start, this.i))
+  } else {
+    // 没有冒号的属性
+    for (; this.i < len; this.i++) {
+      if (blankChar[this.content[this.i]]) {
+        this.handler.onAttrVal(this.content.substring(this.start, this.i))
+        break
+      } else if (this.checkClose('onAttrVal')) return
+    }
+  }
+  while (blankChar[this.content[++this.i]]);
+  if (this.i < len && !this.checkClose()) {
+    this.start = this.i
+    this.state = this.attrName
+  }
+}
+
+/**
+ * @description 结束标签状态
+ * @returns {String} 结束的标签名
+ * @private
+ */
+Lexer.prototype.endTag = function () {
+  const c = this.content[this.i]
+  if (blankChar[c] || c === '>' || c === '/') {
+    this.handler.onCloseTag(this.content.substring(this.start, this.i))
+    if (c !== '>') {
+      this.i = this.content.indexOf('>', this.i)
+      if (this.i === -1) return
+    }
+    this.start = ++this.i
+    this.state = this.text
+  } else {
+    this.i++
+  }
+}
+
+export default Parser
diff --git a/uni_modules/zero-markdown-view/components/mp-html/style/index.js b/uni_modules/zero-markdown-view/components/mp-html/style/index.js
new file mode 100644
index 0000000..abfb371
--- /dev/null
+++ b/uni_modules/zero-markdown-view/components/mp-html/style/index.js
@@ -0,0 +1,129 @@
+/**
+ * @fileoverview style 插件
+ */
+// #ifndef APP-PLUS-NVUE
+import Parser from './parser'
+// #endif
+
+function Style () {
+  this.styles = []
+}
+
+// #ifndef APP-PLUS-NVUE
+Style.prototype.onParse = function (node, vm) {
+  // 获取样式
+  if (node.name === 'style' && node.children.length && node.children[0].type === 'text') {
+    this.styles = this.styles.concat(new Parser().parse(node.children[0].text))
+  } else if (node.name) {
+    // 匹配样式（对非文本标签）
+    // 存储不同优先级的样式 name < class < id < 后代
+    let matched = ['', '', '', '']
+    for (let i = 0, len = this.styles.length; i < len; i++) {
+      const item = this.styles[i]
+      let res = match(node, item.key || item.list[item.list.length - 1])
+      let j
+      if (res) {
+        // 后代选择器
+        if (!item.key) {
+          j = item.list.length - 2
+          for (let k = vm.stack.length; j >= 0 && k--;) {
+            // 子选择器
+            if (item.list[j] === '>') {
+              // 错误情况
+              if (j < 1 || j > item.list.length - 2) break
+              if (match(vm.stack[k], item.list[j - 1])) {
+                j -= 2
+              } else {
+                j++
+              }
+            } else if (match(vm.stack[k], item.list[j])) {
+              j--
+            }
+          }
+          res = 4
+        }
+        if (item.key || j < 0) {
+          // 添加伪类
+          if (item.pseudo && node.children) {
+            let text
+            item.style = item.style.replace(/content:([^;]+)/, (_, $1) => {
+              text = $1.replace(/['"]/g, '')
+                // 处理 attr 函数
+                .replace(/attr\((.+?)\)/, (_, $1) => node.attrs[$1.trim()] || '')
+                // 编码 \xxx
+                .replace(/\\(\w{4})/, (_, $1) => String.fromCharCode(parseInt($1, 16)))
+              return ''
+            })
+            const pseudo = {
+              name: 'span',
+              attrs: {
+                style: item.style
+              },
+              children: [{
+                type: 'text',
+                text
+              }]
+            }
+            if (item.pseudo === 'before') {
+              node.children.unshift(pseudo)
+            } else {
+              node.children.push(pseudo)
+            }
+          } else {
+            matched[res - 1] += item.style + (item.style[item.style.length - 1] === ';' ? '' : ';')
+          }
+        }
+      }
+    }
+    matched = matched.join('')
+    if (matched.length > 2) {
+      node.attrs.style = matched + (node.attrs.style || '')
+    }
+  }
+}
+
+/**
+ * @description 匹配样式
+ * @param {object} node 要匹配的标签
+ * @param {string|string[]} keys 选择器
+ * @returns {number} 0：不匹配；1：name 匹配；2：class 匹配；3：id 匹配
+ */
+function match (node, keys) {
+  function matchItem (key) {
+    if (key[0] === '#') {
+      // 匹配 id
+      if (node.attrs.id && node.attrs.id.trim() === key.substr(1)) return 3
+    } else if (key[0] === '.') {
+      // 匹配 class
+      key = key.substr(1)
+      const selectors = (node.attrs.class || '').split(' ')
+      for (let i = 0; i < selectors.length; i++) {
+        if (selectors[i].trim() === key) return 2
+      }
+    } else if (node.name === key) {
+      // 匹配 name
+      return 1
+    }
+    return 0
+  }
+
+  // 多选择器交集
+  if (keys instanceof Array) {
+    let res = 0
+    for (let j = 0; j < keys.length; j++) {
+      const tmp = matchItem(keys[j])
+      // 任意一个不匹配就失败
+      if (!tmp) return 0
+      // 优先级最大的一个作为最终优先级
+      if (tmp > res) {
+        res = tmp
+      }
+    }
+    return res
+  }
+
+  return matchItem(keys)
+}
+// #endif
+
+export default Style
diff --git a/uni_modules/zero-markdown-view/components/mp-html/style/parser.js b/uni_modules/zero-markdown-view/components/mp-html/style/parser.js
new file mode 100644
index 0000000..b639334
--- /dev/null
+++ b/uni_modules/zero-markdown-view/components/mp-html/style/parser.js
@@ -0,0 +1,175 @@
+const blank = {
+  ' ': true,
+  '\n': true,
+  '\t': true,
+  '\r': true,
+  '\f': true
+}
+
+function Parser () {
+  this.styles = []
+  this.selectors = []
+}
+
+/**
+ * @description 解析 css 字符串
+ * @param {string} content css 内容
+ */
+Parser.prototype.parse = function (content) {
+  new Lexer(this).parse(content)
+  return this.styles
+}
+
+/**
+ * @description 解析到一个选择器
+ * @param {string} name 名称
+ */
+Parser.prototype.onSelector = function (name) {
+  // 不支持的选择器
+  if (name.includes('[') || name.includes('*') || name.includes('@')) return
+  const selector = {}
+  // 伪类
+  if (name.includes(':')) {
+    const info = name.split(':')
+    const pseudo = info.pop()
+    if (pseudo === 'before' || pseudo === 'after') {
+      selector.pseudo = pseudo
+      name = info[0]
+    } else return
+  }
+
+  // 分割交集选择器
+  function splitItem (str) {
+    const arr = []
+    let i, start
+    for (i = 1, start = 0; i < str.length; i++) {
+      if (str[i] === '.' || str[i] === '#') {
+        arr.push(str.substring(start, i))
+        start = i
+      }
+    }
+    if (!arr.length) {
+      return str
+    } else {
+      arr.push(str.substring(start, i))
+      return arr
+    }
+  }
+
+  // 后代选择器
+  if (name.includes(' ')) {
+    selector.list = []
+    const list = name.split(' ')
+    for (let i = 0; i < list.length; i++) {
+      if (list[i].length) {
+        // 拆分子选择器
+        const arr = list[i].split('>')
+        for (let j = 0; j < arr.length; j++) {
+          selector.list.push(splitItem(arr[j]))
+          if (j < arr.length - 1) {
+            selector.list.push('>')
+          }
+        }
+      }
+    }
+  } else {
+    selector.key = splitItem(name)
+  }
+
+  this.selectors.push(selector)
+}
+
+/**
+ * @description 解析到选择器内容
+ * @param {string} content 内容
+ */
+Parser.prototype.onContent = function (content) {
+  // 并集选择器
+  for (let i = 0; i < this.selectors.length; i++) {
+    this.selectors[i].style = content
+  }
+  this.styles = this.styles.concat(this.selectors)
+  this.selectors = []
+}
+
+/**
+ * @description css 词法分析器
+ * @param {object} handler 高层处理器
+ */
+function Lexer (handler) {
+  this.selector = ''
+  this.style = ''
+  this.handler = handler
+}
+
+Lexer.prototype.parse = function (content) {
+  this.i = 0
+  this.content = content
+  this.state = this.blank
+  for (let len = content.length; this.i < len; this.i++) {
+    this.state(content[this.i])
+  }
+}
+
+Lexer.prototype.comment = function () {
+  this.i = this.content.indexOf('*/', this.i) + 1
+  if (!this.i) {
+    this.i = this.content.length
+  }
+}
+
+Lexer.prototype.blank = function (c) {
+  if (!blank[c]) {
+    if (c === '/' && this.content[this.i + 1] === '*') {
+      this.comment()
+      return
+    }
+    this.selector += c
+    this.state = this.name
+  }
+}
+
+Lexer.prototype.name = function (c) {
+  if (c === '/' && this.content[this.i + 1] === '*') {
+    this.comment()
+    return
+  }
+  if (c === '{' || c === ',' || c === ';') {
+    this.handler.onSelector(this.selector.trimEnd())
+    this.selector = ''
+    if (c !== '{') {
+      while (blank[this.content[++this.i]]);
+    }
+    if (this.content[this.i] === '{') {
+      this.floor = 1
+      this.state = this.val
+    } else {
+      this.selector += this.content[this.i]
+    }
+  } else if (blank[c]) {
+    this.selector += ' '
+  } else {
+    this.selector += c
+  }
+}
+
+Lexer.prototype.val = function (c) {
+  if (c === '/' && this.content[this.i + 1] === '*') {
+    this.comment()
+    return
+  }
+  if (c === '{') {
+    this.floor++
+  } else if (c === '}') {
+    this.floor--
+    if (!this.floor) {
+      this.handler.onContent(this.style)
+      this.style = ''
+      this.state = this.blank
+      return
+    }
+  }
+  this.style += c
+}
+
+export default Parser
diff --git a/uni_modules/zero-markdown-view/components/zero-markdown-view/zero-markdown-view.vue b/uni_modules/zero-markdown-view/components/zero-markdown-view/zero-markdown-view.vue
new file mode 100644
index 0000000..2e02721
--- /dev/null
+++ b/uni_modules/zero-markdown-view/components/zero-markdown-view/zero-markdown-view.vue
@@ -0,0 +1,177 @@
+<template>
+	<view class="zero-markdown-view">
+		<mp-html :key="mpkey" :selectable="selectable" :scroll-table='scrollTable' :tag-style="tagStyle"
+			:markdown="true" :content="html">
+		</mp-html>
+	</view>
+</template>
+
+<script>
+	import mpHtml from '../mp-html/mp-html';
+
+
+	export default {
+		name: 'zero-markdown-view',
+		components: {
+			mpHtml
+		},
+		props: {
+			markdown: {
+				type: String,
+				default: ''
+			},
+			selectable: {
+				type: [Boolean, String],
+				default: true
+			},
+			scrollTable: {
+				type: Boolean,
+				default: true
+			},
+			themeColor: {
+				type: String,
+				default: '#007AFF'
+			},
+			codeBgColor: {
+				type: String,
+				default: '#2d2d2d'
+			},
+		},
+		data() {
+			return {
+				html: '',
+				tagStyle: '',
+				mpkey: 'zero'
+			};
+		},
+		watch: {
+			markdown: function(val) {
+				this.html = this.markdown
+			}
+		},
+		created() {
+			this.initTagStyle();
+		},
+		mounted() {
+
+			this.html = this.markdown
+		},
+		methods: {
+
+			initTagStyle() {
+				const themeColor = this.themeColor
+				const codeBgColor = this.codeBgColor
+				let zeroStyle = {
+					p: `
+				margin:5px 5px;
+				font-size: 15px;
+				line-height:1.75;
+				letter-spacing:0.2em;
+				word-spacing:0.1em;
+				`,
+					// 一级标题
+					h1: `
+				margin:25px 0;
+				font-size: 24px;
+				text-align: center;
+				font-weight: bold;
+				color: ${themeColor};
+				padding:3px 10px 1px;
+				border-bottom: 2px solid ${themeColor};
+				border-top-right-radius:3px;
+				border-top-left-radius:3px;
+				`,
+					// 二级标题
+					h2: `
+				margin:40px 0 20px 0;	
+				font-size: 20px;
+				text-align:center;
+				color:${themeColor};
+				font-weight:bolder;
+				padding-left:10px;
+				// border:1px solid ${themeColor};
+				`,
+					// 三级标题
+					h3: `
+				margin:30px 0 10px 0;
+				font-size: 18px;
+				color: ${themeColor};
+				padding-left:10px;
+				border-left:3px solid ${themeColor};
+				`,
+					// 引用
+					blockquote: `
+				margin:15px 0;
+				font-size:15px;
+				color: #777777;
+				border-left: 4px solid #dddddd;
+				padding: 0 10px;
+				 `,
+					// 列表 
+					ul: `
+				margin: 10px 0;
+				color: #555;
+				`,
+					li: `
+				margin: 5px 0;
+				color: #555;
+				`,
+					// 链接
+					a: `
+				// color: ${themeColor};
+				`,
+					// 加粗
+					strong: `
+				font-weight: border;
+				color: ${themeColor};
+				`,
+					// 斜体
+					em: `
+				color: ${themeColor};
+				letter-spacing:0.3em;
+				`,
+					// 分割线
+					hr: `
+				height:1px;
+				padding:0;
+				border:none;
+				// border-top:medium solid #333;
+				text-align:center;
+				background-image:linear-gradient(to right,rgba(248,57,41,0),${themeColor},rgba(248,57,41,0));
+				`,
+					// 表格
+					table: `
+				border-spacing:0;
+				overflow:auto;
+				min-width:100%;
+				margin:10px 0;
+				border-collapse: collapse;
+				`,
+					th: `
+				border: 1px solid #202121;
+				color: #555;
+				`,
+					td: `
+				color:#555;
+				border: 1px solid #555555;
+				`,
+					pre: `
+				border-radius: 5px;
+				white-space: pre;
+				background: ${codeBgColor};
+				font-size:12px;
+				position: relative;
+				`,
+				}
+				this.tagStyle = zeroStyle
+			},
+		}
+	};
+</script>
+
+<style lang="scss">
+	.zero-markdown-view {
+		padding: 15rpx;
+		position: relative;
+	}
+</style>
\ No newline at end of file
diff --git a/uni_modules/zero-markdown-view/package.json b/uni_modules/zero-markdown-view/package.json
new file mode 100644
index 0000000..4c62dd3
--- /dev/null
+++ b/uni_modules/zero-markdown-view/package.json
@@ -0,0 +1,86 @@
+{
+  "id": "zero-markdown-view",
+  "displayName": "zero-markdown-view(markdown解析)",
+  "version": "2.0.5",
+  "description": "一行代码即可实现markdown解析,支持自定义主题色,支持vue2,vue3.",
+  "keywords": [
+    "markdown",
+    "markdown解析",
+    "代码块",
+    "代码高亮",
+    "mp-html"
+],
+  "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": [],
+    "encrypt": [],
+    "platforms": {
+      "cloud": {
+        "tcb": "y",
+        "aliyun": "y",
+        "alipay": "n"
+      },
+      "client": {
+        "Vue": {
+          "vue2": "y",
+          "vue3": "y"
+        },
+        "App": {
+          "app-vue": "u",
+          "app-nvue": "u"
+        },
+        "H5-mobile": {
+          "Safari": "y",
+          "Android Browser": "y",
+          "微信浏览器(Android)": "y",
+          "QQ浏览器(Android)": "y"
+        },
+        "H5-pc": {
+          "Chrome": "y",
+          "IE": "u",
+          "Edge": "y",
+          "Firefox": "y",
+          "Safari": "y"
+        },
+        "小程序": {
+          "微信": "y",
+          "阿里": "u",
+          "百度": "u",
+          "字节跳动": "u",
+          "QQ": "u",
+          "钉钉": "u",
+          "快手": "u",
+          "飞书": "u",
+          "京东": "u"
+        },
+        "快应用": {
+          "华为": "u",
+          "联盟": "u"
+        }
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/uni_modules/zero-markdown-view/readme.md b/uni_modules/zero-markdown-view/readme.md
new file mode 100644
index 0000000..1c93ad3
--- /dev/null
+++ b/uni_modules/zero-markdown-view/readme.md
@@ -0,0 +1,134 @@
+# zero-markdown-view
+
+
+## 一. 重要更新说明
+
+### v2.0.4
+- 新增点击代码块复制代码-仅小程序可用
+
+### v2.0.1
+- 兼容vue2,vue3
+
+### v2.0.0
+- 省去了 npm install marked
+- 省去了 npm install highlight.js
+- 使用mp-html自带的插件,重新生成uniapp包,大幅减少插件体积
+传送门: [优化思路及详细过程](https://juejin.cn/post/7160995270476431373/) https://juejin.cn/post/7160995270476431373/
+
+## 二. 使用方法
+
+**符合`easycom`组件模式, 导入 `uni_modules` 后直接使用即可 **
+
+```html
+<template>
+	<view class="container">
+		<!-- 默认用法 直接传入md文本即可-->
+	<zero-markdown-view :markdown="content"></zero-markdown-view>
+	</view>
+</template>
+<script>
+	
+	export default {
+		data() {
+			return {
+				content: "\n# 一级标题\n\n## 二级标题\n\n### 三级标题\n\n### 1.2 无序列表\n\n无序列表的使用，在符号`-`后加空格使用。如下：\n- 无序列表 1\n- 无序列表 2\n  - 无序列表 2.1\n  - 无序列表 2.2\n\n**由于微信原因，最多支持到二级列表**。\n\n### 1.3 有序列表\n\n1. 有序列表 1\n2. 有序列表 2\n\n\n### 1.4 粗体和斜体\n\n**这个是粗体**\n\n_这个是斜体_\n\n**_这个是粗体加斜体_**\n\n\n### 1.5 链接\n\n对于该论述，欢迎读者查阅之前发过的文章，[你是《未来世界的幸存者》么？](https://mp.weixin.qq.com/s/s5IhxV2ooX3JN_X416nidA)\n\n### 1.6 引用\n\n> ### 一级引用示例\n> \n> 读一本好书，就是在和高尚的人谈话。 **——歌德**\n\n### 1.7 分割线\n\n可以在一行中用三个以上的减号来建立一个分隔线，同时需要在分隔线的上面空一行。如下：\n\n---\n\n### 1.8 删除线\n\n删除线的使用，在需要删除的文字前后各使用两个`~`，如下：\n\n~~这是要被删除的内容。~~\n\n### 1.9 表格\n\n| 姓名       | 年龄 |         工作 |\n| :--------- | :--: | -----------: |\n| 作者     |  18  |     web |\n| zerojs   |  20  |  前端 |\n| 太菜了 |  22  | 躺平 |\n\n\n## 2. 特殊语法\n\n### 2.1 脚注\n\n脚注与链接的区别如下所示：\n\n```markdown\n链接：[文字](链接)\n脚注：[文字](脚注解释 \"脚注名字\")\n```\n### 2.2 代码块\n\n```js\nconsole.log(\"1\");\n\nsetTimeout(function () {\n  console.log(\"2\");\n  process.nextTick(function () {\n    console.log(\"3\");\n  });\n  new Promise(function (resolve) {\n    console.log(\"4\");\n    resolve();\n  }).then(function () {\n    console.log(\"5\");\n  });\n});\n```\n\ndiff 不能同时和其他语言的高亮同时显示，且需要调整代码主题为微信代码主题以外的代码主题才能看到 diff 效果，使用效果如下:\n\n```diff\n+ 新增项\n- 删除项\n```\n\n**其他主题不带行号，可自定义是否换行，代码大小与当前编辑器一致**\n\n\n\n## 3 其他语法\n\n### 3.1 HTML\n\n支持原生 HTML 语法，请写内联样式，如下：\n\n<span style=\"display:block;text-align:right;color:orangered;\">橙色居右</span>\n<span style=\"display:block;text-align:center;color:orangered;\">橙色居中</span>\n\n### 3.2 UML\n\n不支持，推荐使用开源工具`https://draw.io/`制作后再导入图片"
+			}
+		},
+		created() {
+		},
+		computed: {
+			// 流式输出时代码块处理 , 这时候请使用 msgContent 传入组件中
+			msgContent() {
+				if (!this.content) {
+					return 
+				}
+				let htmlString = ''
+				// 判断markdown中代码块标识符的数量是否为偶数
+				if (this.content.split("```").length % 2) {
+					let content = this.content
+					if (content[content.length - 1] != '\n') {
+						content += '\n'
+					}
+					htmlString = content
+				} else {
+					htmlString = this.content
+				}
+				return htmlString
+			}
+		},
+		methods: {
+		
+		},
+	}
+</script>
+	<style lang="scss" scoped>
+	</style>
+```
+
+## 三. 参数说明
+
+|参数		|类型	|默认值		|描述					|
+|--			|--		|--			|--						|
+|markdown	|String	|			|markdown文本			|
+|themeColor	|String	|'#007AFF'	|主题色					|
+|codeBgColor|String	|'#2d2d2d'	|代码块背景色	(不建议修改)	|
+
+
+
+## 四. 注意事项
+
+### 关于代码块流式输出闪烁,可以尝试 给代码块后增加 `\n`
+
+
+```javascript
+		computed: {
+			// 流式输出时代码块处理 , 这时候请使用 msgContent 传入组件中
+			msgContent() {
+				if (!this.content) {
+					return 
+				}
+				let htmlString = ''
+				// 判断markdown中代码块标识符的数量是否为偶数
+				if (this.content.split("```").length % 2) {
+					let content = this.content
+					if (content[content.length - 1] != '\n') {
+						content += '\n'
+					}
+					htmlString = content
+				} else {
+					htmlString = this.content
+				}
+				return htmlString
+			}
+		},
+```
+
+
+
+### 如何关闭点击代码块复制功能?
+
+找到组件文件夹 `zero-markdown-view`-`mp-html`-`highlight`-`config.js`
+
+**把 `copyByClickCode` 改成 false 即可**
+```
+export default {
+  copyByClickCode: true, // 点击代码块复制
+  showLanguageName: true, // 是否在代码块右上角显示语言的名称
+  showLineNumber: false // 是否显示行号
+}
+```
+
+### 感谢 mp-html 插件
+
+插件地址: [https://ext.dcloud.net.cn/plugin?id=805](https://ext.dcloud.net.cn/plugin?id=805)
+
+文档地址: [https://jin-yufeng.gitee.io/mp-html/#/overview/quickstart](https://jin-yufeng.gitee.io/mp-html/#/overview/quickstart)
+
+
+插件预览:
+![code](https://img.zerojs.cn/mweb/we_code.jpg)
+
+
+> 小程序搜索: zerojs零技术
+
+> 预览的小程序不一定能及时更新当前插件
diff --git a/utils/gxmu/config.js b/utils/gxmu/config.js
new file mode 100644
index 0000000..4eec0de
--- /dev/null
+++ b/utils/gxmu/config.js
@@ -0,0 +1,395 @@
+const GENDER_OPTIONS = ['男', '女']
+const YES_NO_OPTIONS = ['是', '否']
+
+export const GXMU_MODULES = [
+	{
+		title: '十佳青年岗位能手',
+		code: 'gxmu_sjqn',
+		icon: '青',
+		group: '个人奖项',
+		desc: '面向青年岗位骨干与先进典型的申报入口。'
+	},
+	{
+		title: '十佳团支部书记',
+		code: 'gxmu_sjtbzbsj',
+		icon: '书',
+		group: '个人奖项',
+		desc: '聚焦基层团支部书记的履职表现与带动成效。'
+	},
+	{
+		title: '五四红旗团委',
+		code: 'gxmu_wshqtw',
+		icon: '委',
+		group: '组织奖项',
+		desc: '用于先进团委集体申报与材料汇总展示。'
+	},
+	{
+		title: '五四红旗团支部',
+		code: 'gxmu_wshqtzb',
+		icon: '支',
+		group: '组织奖项',
+		desc: '聚焦先进团支部建设成果与品牌工作展示。'
+	},
+	{
+		title: '优秀共青团干部',
+		code: 'gxmu_yxgqtdgb',
+		icon: '干',
+		group: '个人奖项',
+		desc: '面向团学骨干和团务干部的申报入口。'
+	},
+	{
+		title: '优秀共青团员',
+		code: 'gxmu_yxgqty',
+		icon: '员',
+		group: '个人奖项',
+		desc: '面向优秀团员个人事迹与成长表现申报。'
+	},
+	{
+		title: '挑战杯',
+		code: 'gxmu_tzbcy_form',
+		icon: '挑',
+		group: '竞赛项目',
+		desc: '面向挑战杯项目材料填报与过程归档。'
+	},
+	{
+		title: '青马工程',
+		code: 'gxmu_qmgc_form',
+		icon: '青',
+		group: '培养项目',
+		desc: '用于青马工程学员培养信息和成果申报。'
+	},
+	{
+		title: '未来学术之星',
+		code: 'gxmu_wxxzx_project',
+		icon: '星',
+		group: '创新项目',
+		desc: '用于未来学术之星项目申报和材料整理。'
+	}
+]
+
+const createFields = (fields) =>
+	fields.map((field) => ({
+		required: false,
+		placeholder: `请输入${field.label}`,
+		...field
+	}))
+
+export const GXMU_FORM_MAP = {
+	gxmu_sjqn: {
+		title: '十佳青年岗位能手申报表',
+		subtitle: '参考后台 SJQNForm 字段结构，适用于个人申报信息填写。',
+		sections: [
+			{
+				title: '基础信息',
+				fields: createFields([
+					{ key: 'year', label: '年份', type: 'year', required: true },
+					{ key: 'applyType', label: '申报类别', required: true },
+					{ key: 'name', label: '姓名', required: true },
+					{ key: 'gender', label: '性别', type: 'select', options: GENDER_OPTIONS },
+					{ key: 'birthMonth', label: '出生年月', type: 'month' },
+					{ key: 'nation', label: '民族' },
+					{ key: 'politics', label: '政治面貌' },
+					{ key: 'education', label: '学历' },
+					{ key: 'position', label: '职务' },
+					{ key: 'title', label: '职称' },
+					{ key: 'unit', label: '所在单位' }
+				])
+			},
+			{
+				title: '申报内容',
+				fields: createFields([
+					{ key: 'awards', label: '近三年曾获校级及以上奖励', type: 'textarea' },
+					{ key: 'experience', label: '工作（学习）经历', type: 'textarea' },
+					{ key: 'mainStory', label: '主要事迹', type: 'textarea' }
+				])
+			}
+		]
+	},
+	gxmu_sjtbzbsj: {
+		title: '十佳团支部书记申报表',
+		subtitle: '参考后台 SJTBZBSJForm 字段结构，适用于个人申报信息填写。',
+		sections: [
+			{
+				title: '基础信息',
+				fields: createFields([
+					{ key: 'year', label: '年份', type: 'year', required: true },
+					{ key: 'name', label: '姓名', required: true },
+					{ key: 'gender', label: '性别', type: 'select', options: GENDER_OPTIONS },
+					{ key: 'birthMonth', label: '出生年月', type: 'month' },
+					{ key: 'nation', label: '民族' },
+					{ key: 'politics', label: '政治面貌' },
+					{ key: 'collegeClass', label: '学院班级/单位科室' },
+					{ key: 'branch', label: '所在团支部' },
+					{ key: 'eduEval', label: '上一年度团员教育评议等次' }
+				])
+			},
+			{
+				title: '申报内容',
+				fields: createFields([
+					{ key: 'awards', label: '近三年曾获校级及以上奖励', type: 'textarea' },
+					{ key: 'experience', label: '工作（学习）经历', type: 'textarea' },
+					{ key: 'mainStory', label: '主要事迹', type: 'textarea' }
+				])
+			}
+		]
+	},
+	gxmu_wshqtw: {
+		title: '五四红旗团委申报表',
+		subtitle: '参考后台 WSHQTWForm 字段结构，适用于组织集体申报。',
+		sections: [
+			{
+				title: '组织基本信息',
+				fields: createFields([
+					{ key: 'year', label: '年份', type: 'year', required: true },
+					{ key: 'orgName', label: '二级团组织全称', required: true },
+					{ key: 'leader', label: '负责人' },
+					{ key: 'phone', label: '联系电话', type: 'phone' },
+					{ key: 'memberTotal', label: '现有团员总数', type: 'number' },
+					{ key: 'memberDeveloped2024', label: '上一年度发展团员人数', type: 'number' },
+					{ key: 'smartSystemLogin', label: '是否已登录智慧团建系统', type: 'select', options: YES_NO_OPTIONS },
+					{ key: 'committeeCount', label: '团委委员人数', type: 'number' },
+					{ key: 'fulltimeCadreCount', label: '专职团干部数（其中教师/学生）' },
+					{ key: 'parttimeCadreCount', label: '兼职团干部数（其中教师/学生）' },
+					{ key: 'lastElectionTime', label: '团委最近一次换届时间', type: 'date' },
+					{ key: 'branchCount', label: '团支部数', type: 'number' }
+				])
+			},
+			{
+				title: '年度建设情况',
+				fields: createFields([
+					{ key: 'feeReceivable2024', label: '上一年度应收团费', type: 'number' },
+					{ key: 'feeReceived2024', label: '上一年度实收团费', type: 'number' },
+					{ key: 'feePayable2024', label: '上一年度应上缴团费', type: 'number' },
+					{ key: 'feePaid2024', label: '上一年度实际上缴团费', type: 'number' },
+					{ key: 'standardizedWork2024', label: '是否开展规范化建设工作', type: 'select', options: YES_NO_OPTIONS },
+					{ key: 'recommendActivist2024', label: '推荐入党积极分子人数', type: 'number' },
+					{ key: 'activistConfirmed', label: '确定为入党积极分子数', type: 'number' },
+					{ key: 'recommendDevTarget2024', label: '推荐党的发展对象人数', type: 'number' },
+					{ key: 'devTargetConfirmed', label: '确定为党的发展对象数', type: 'number' }
+				])
+			},
+			{
+				title: '主要成果',
+				fields: createFields([
+					{ key: 'honorsFiveYears', label: '近五年获得校级及以上荣誉情况', type: 'textarea' },
+					{ key: 'workSummaryThreeYears', label: '近三年开展的主要工作及取得的效果', type: 'textarea' }
+				])
+			}
+		]
+	},
+	gxmu_wshqtzb: {
+		title: '五四红旗团支部申报表',
+		subtitle: '参考后台 WSHQTZBForm 字段结构，适用于基层团支部集体申报。',
+		sections: [
+			{
+				title: '组织基本信息',
+				fields: createFields([
+					{ key: 'year', label: '年份', type: 'year', required: true },
+					{ key: 'branchName', label: '团支部全称', required: true },
+					{ key: 'secondOrg', label: '所属二级团组织' },
+					{ key: 'secretary', label: '团支部书记' },
+					{ key: 'politics', label: '政治面貌' },
+					{ key: 'contact', label: '联系方式', type: 'phone' },
+					{ key: 'establishTime', label: '成立时间', type: 'date' },
+					{ key: 'lastElectionTime', label: '最近一次换届时间', type: 'date' },
+					{ key: 'smartSystemLogin', label: '是否已登录智慧团建系统', type: 'select', options: YES_NO_OPTIONS },
+					{ key: 'memberTotal', label: '现有团员总数', type: 'number' },
+					{ key: 'memberDeveloped2024', label: '上一年度发展团员数', type: 'number' }
+				])
+			},
+			{
+				title: '年度建设情况',
+				fields: createFields([
+					{ key: 'feeReceivable2024', label: '上一年度应收团费', type: 'number' },
+					{ key: 'feeReceived2024', label: '上一年度实收团费', type: 'number' },
+					{ key: 'feePayable2024', label: '上一年度应上缴团费', type: 'number' },
+					{ key: 'feePaid2024', label: '上一年度实际上缴团费', type: 'number' },
+					{ key: 'recommendActivist2024', label: '推荐入党积极分子人数', type: 'number' },
+					{ key: 'activistConfirmed', label: '确定为入党积极分子数', type: 'number' },
+					{ key: 'recommendDevTarget2024', label: '推荐党的发展对象人数', type: 'number' },
+					{ key: 'devTargetConfirmed', label: '确定为党的发展对象数', type: 'number' },
+					{ key: 'branchCommitteeMeetingCount', label: '团支部委员会会议召开次数', type: 'number' },
+					{ key: 'branchMemberMeetingCount', label: '团支部团员大会召开次数', type: 'number' },
+					{ key: 'eduEvalDone', label: '是否开展团员教育评议', type: 'select', options: YES_NO_OPTIONS },
+					{ key: 'annualRegDone', label: '是否开展团员年度团籍注册', type: 'select', options: YES_NO_OPTIONS },
+					{ key: 'classCount', label: '开展团课次数', type: 'number' },
+					{ key: 'smartSystem100', label: '是否100%录入智慧团建', type: 'select', options: YES_NO_OPTIONS }
+				])
+			},
+			{
+				title: '主要成果',
+				fields: createFields([
+					{ key: 'honorsFiveYears', label: '近五年获得院级及以上荣誉情况', type: 'textarea' },
+					{ key: 'workSummaryThreeYears', label: '近三年开展的主要工作及取得的效果', type: 'textarea' }
+				])
+			}
+		]
+	},
+	gxmu_yxgqtdgb: {
+		title: '优秀共青团干部申报表',
+		subtitle: '参考后台 YXGQTDGBForm 字段结构，适用于团干部个人申报。',
+		sections: [
+			{
+				title: '基础信息',
+				fields: createFields([
+					{ key: 'year', label: '年份', type: 'year', required: true },
+					{ key: 'name', label: '姓名', required: true },
+					{ key: 'gender', label: '性别', type: 'select', options: GENDER_OPTIONS },
+					{ key: 'nation', label: '民族' },
+					{ key: 'birthMonth', label: '出生年月', type: 'month' },
+					{ key: 'politics', label: '政治面貌' },
+					{ key: 'position', label: '职务' },
+					{ key: 'identity', label: '身份' },
+					{ key: 'organization', label: '所在团组织' },
+					{ key: 'contact', label: '联系方式', type: 'phone' },
+					{ key: 'memberNo', label: '发展团员编号' },
+					{ key: 'currentDutyTime', label: '任现团内职务时间', type: 'month' },
+					{ key: 'cadreYears', label: '担任团干部年限' },
+					{ key: 'assessment2024', label: '上一年度工作考核结果' },
+					{ key: 'volunteerRegTime', label: '成为注册志愿者时间', type: 'month' }
+				])
+			},
+			{
+				title: '申报内容',
+				fields: createFields([
+					{ key: 'cadreExperience', label: '从事团干部经历', type: 'textarea' },
+					{ key: 'honorsFiveYears', label: '近五年获得校级及以上荣誉情况', type: 'textarea' },
+					{ key: 'mainStory', label: '主要事迹', type: 'textarea' }
+				])
+			}
+		]
+	},
+	gxmu_yxgqty: {
+		title: '优秀共青团员申报表',
+		subtitle: '参考后台 YXGQTYForm 字段结构，适用于团员个人申报。',
+		sections: [
+			{
+				title: '基础信息',
+				fields: createFields([
+					{ key: 'year', label: '年份', type: 'year', required: true },
+					{ key: 'name', label: '姓名', required: true },
+					{ key: 'gender', label: '性别', type: 'select', options: GENDER_OPTIONS },
+					{ key: 'nation', label: '民族' },
+					{ key: 'politics', label: '政治面貌' },
+					{ key: 'birthMonth', label: '出生年月', type: 'month' },
+					{ key: 'joinTime', label: '入团时间', type: 'month' },
+					{ key: 'collegeMajorClass', label: '所在学院、专业、班级' },
+					{ key: 'position', label: '职务' },
+					{ key: 'volunteerRegTime', label: '成为注册志愿者时间', type: 'month' },
+					{ key: 'eduEval2024', label: '上一年度团员教育评议等次' },
+					{ key: 'smartSystem', label: '是否已登录智慧团建系统', type: 'select', options: YES_NO_OPTIONS },
+					{ key: 'contact', label: '联系电话', type: 'phone' },
+					{ key: 'totalVolunteerHours', label: '累计志愿服务时长' },
+					{ key: 'volunteerHours2024', label: '上一年度志愿服务时长' },
+					{ key: 'memberNo', label: '发展团员编号' }
+				])
+			},
+			{
+				title: '申报内容',
+				fields: createFields([
+					{ key: 'honorsFiveYears', label: '近五年获得荣誉情况', type: 'textarea' },
+					{ key: 'mainStory', label: '主要事迹', type: 'textarea' }
+				])
+			}
+		]
+	},
+	gxmu_tzbcy_form: {
+		title: '挑战杯申报表',
+		subtitle: '面向挑战杯项目申报、团队信息和成果材料整理。',
+		sections: [
+			{
+				title: '项目信息',
+				fields: createFields([
+					{ key: 'year', label: '年份', type: 'year', required: true },
+					{ key: 'projectName', label: '项目名称', required: true },
+					{ key: 'projectType', label: '项目类型', required: true },
+					{ key: 'projectGroup', label: '项目分组', required: true },
+					{ key: 'leaderName', label: '项目负责人', required: true },
+					{ key: 'leaderCollege', label: '负责人学院' },
+					{ key: 'leaderPhone', label: '负责人电话', type: 'phone' },
+					{ key: 'guidanceTeacher', label: '指导老师' }
+				])
+			},
+			{
+				title: '项目内容',
+				fields: createFields([
+					{ key: 'projectSummary', label: '项目简介', type: 'textarea', required: true },
+					{ key: 'innovationPoint', label: '创新亮点', type: 'textarea' },
+					{ key: 'teamMembers', label: '团队成员', type: 'textarea' },
+					{ key: 'honors', label: '已有成果与奖励', type: 'textarea' }
+				])
+			}
+		]
+	},
+	gxmu_qmgc_form: {
+		title: '青马工程申报表',
+		subtitle: '用于青马工程学员基础信息、培养情况和成果申报。',
+		sections: [
+			{
+				title: '基础信息',
+				fields: createFields([
+					{ key: 'year', label: '年份', type: 'year', required: true },
+					{ key: 'name', label: '姓名', required: true },
+					{ key: 'gender', label: '性别', type: 'select', options: GENDER_OPTIONS },
+					{ key: 'college', label: '学院', required: true },
+					{ key: 'className', label: '班级' },
+					{ key: 'phone', label: '联系电话', type: 'phone' },
+					{ key: 'politics', label: '政治面貌' }
+				])
+			},
+			{
+				title: '培养情况',
+				fields: createFields([
+					{ key: 'trainingExperience', label: '培养经历', type: 'textarea', required: true },
+					{ key: 'practiceExperience', label: '实践经历', type: 'textarea' },
+					{ key: 'mainAchievement', label: '主要成果', type: 'textarea' },
+					{ key: 'selfEvaluation', label: '个人总结', type: 'textarea' }
+				])
+			}
+		]
+	},
+	gxmu_wxxzx_project: {
+		title: '未来学术之星申报表',
+		subtitle: '用于未来学术之星项目申报、课题信息和支撑材料整理。',
+		sections: [
+			{
+				title: '项目基础信息',
+				fields: createFields([
+					{ key: 'year', label: '年份', type: 'year', required: true },
+					{ key: 'projectName', label: '项目名称', required: true },
+					{ key: 'applicantName', label: '申请人', required: true },
+					{ key: 'college', label: '学院', required: true },
+					{ key: 'major', label: '专业' },
+					{ key: 'phone', label: '联系电话', type: 'phone' },
+					{ key: 'guidanceTeacher', label: '指导老师' }
+				])
+			},
+			{
+				title: '申报内容',
+				fields: createFields([
+					{ key: 'researchDirection', label: '研究方向', type: 'textarea' },
+					{ key: 'projectBasis', label: '项目基础', type: 'textarea', required: true },
+					{ key: 'researchPlan', label: '研究计划', type: 'textarea' },
+					{ key: 'expectedResult', label: '预期成果', type: 'textarea' }
+				])
+			}
+		]
+	}
+}
+
+export const getModuleMeta = (code) => GXMU_MODULES.find((item) => item.code === code)
+
+export const getFormConfig = (code) => GXMU_FORM_MAP[code]
+
+export const createInitialFormData = (code) => {
+	const config = getFormConfig(code)
+	if (!config) {
+		return {}
+	}
+	return config.sections.reduce((result, section) => {
+		section.fields.forEach((field) => {
+			result[field.key] = field.defaultValue || ''
+		})
+		return result
+	}, {})
+}
diff --git a/utils/gxmu/declare-service.js b/utils/gxmu/declare-service.js
new file mode 100644
index 0000000..40c4eab
--- /dev/null
+++ b/utils/gxmu/declare-service.js
@@ -0,0 +1,10 @@
+import { API_BASE_URL } from '../../utils/request'
+import { apiRequest } from '../../pages/assistant/chat-service'
+
+export function listDeclare(params) {
+	return apiRequest({
+		url: `${API_BASE_URL}/gxmu/declare`,
+		method: 'GET',
+		data: params
+	})
+}
diff --git a/utils/gxmu/review-list-service.js b/utils/gxmu/review-list-service.js
new file mode 100644
index 0000000..cd22b47
--- /dev/null
+++ b/utils/gxmu/review-list-service.js
@@ -0,0 +1,439 @@
+import { API_BASE_URL } from '../request'
+import { apiRequest } from '../../pages/assistant/chat-service'
+
+function request(url, method = 'GET', data) {
+	return apiRequest({
+		url: `${API_BASE_URL}${url}`,
+		method,
+		data
+	})
+}
+
+export const REVIEW_AUTHORITY = 'gxmu:reviewList:list'
+
+export const MODULE_OPTIONS = [
+	{ label: '全部模块', value: '' },
+	{ label: '稿件', value: 'cms_manuscript' },
+	{ label: '十佳青年岗位能手', value: 'gxmu_sjqn' },
+	{ label: '十佳团支部书记', value: 'gxmu_sjtbzbsj' },
+	{ label: '五四红旗团委', value: 'gxmu_wshqtw' },
+	{ label: '五四红旗团支部', value: 'gxmu_wshqtzb' },
+	{ label: '优秀共青团干部', value: 'gxmu_yxgqtdgb' },
+	{ label: '优秀共青团员', value: 'gxmu_yxgqty' },
+	{ label: '挑战杯', value: 'gxmu_tzbcy_form' },
+	{ label: '青马工程', value: 'gxmu_qmgc_form' },
+	{ label: '未来学术之星', value: 'gxmu_wxxzx_project' },
+	{ label: '团员管理', value: 'gxmu_tygl_form' },
+	{ label: '团员管理', value: 'gxmu_tygl' }
+]
+
+const COMMON_LABELS = {
+	year: '年份',
+	id: 'ID',
+	title: '标题',
+	content: '内容',
+	cover: '封面',
+	createTime: '创建时间',
+	updateTime: '更新时间',
+	status: '状态',
+	sortNumber: '排序',
+	provinceCity: '省市',
+	schoolName: '学校名称',
+	projectName: '项目名称',
+	projectType: '项目类型',
+	projectGroup: '项目分组',
+	publicProjectType: '公开展示项目类型',
+	publicProjectGroup: '公开展示项目分组',
+	leader: '负责人',
+	phone: '联系电话',
+	teamMembers: '团队成员',
+	advisors: '指导老师',
+	projectBrief: '项目简介',
+	socialValue: '社会价值',
+	practiceProcess: '实践过程',
+	innovationMeaning: '创新意义',
+	developmentProspect: '发展前景',
+	teamCooperation: '团队协作情况',
+	projectMaterials: '项目佐证材料',
+	otherProofs: '其他证明材料',
+	projectSummary: '项目总结',
+	teamIntro: '团队介绍',
+	teamSlogan: '团队口号',
+	practiceLog: '实践日志',
+	name: '姓名',
+	gender: '性别',
+	nation: '民族',
+	photo: '电子版照片',
+	birthMonth: '出生年月',
+	politics: '政治面貌',
+	nativePlace: '籍贯',
+	wechat: '微信号',
+	email: '邮箱',
+	qq: 'QQ',
+	idCardNo: '身份证号',
+	hobby: '兴趣爱好',
+	willingToWorkInGuangxi: '是否愿意留桂工作',
+	schoolInfo: '学校信息',
+	leaguePosition: '团内职务',
+	resume: '个人简历',
+	awards: '获得奖励',
+	academicPerformance: '学习成绩',
+	secondaryLeagueOpinion: '二级团组织意见',
+	secondaryLeagueOpinionDate: '二级团组织意见日期',
+	secondaryPartyOpinion: '二级党组织意见',
+	secondaryPartyOpinionDate: '二级党组织意见日期',
+	schoolLeagueOpinion: '学校团组织意见',
+	schoolLeagueOpinionDate: '学校团组织意见日期',
+	applyType: '申报类别',
+	education: '学历',
+	position: '职务',
+	unit: '工作单位',
+	experience: '主要经历',
+	mainStory: '主要事迹',
+	leagueOpinion: '团组织意见',
+	partyOpinion: '党组织意见',
+	schoolOpinion: '学校意见',
+	collegeClass: '学院班级',
+	branch: '团支部名称',
+	eduEval: '教育评议情况',
+	serialNo: '序号',
+	archiveInCurrentOrg: '团籍是否在本组织',
+	joinMonth: '入团时间',
+	memberRecords: '团员记录',
+	growthArchives: '成长档案',
+	orgName: '组织名称',
+	memberTotal: '团员总数',
+	memberDeveloped2024: '上一年度发展团员数',
+	smartSystemLogin: '智慧团建系统录入情况',
+	committeeCount: '团委委员数',
+	fulltimeCadreCount: '专职团干部数',
+	parttimeCadreCount: '兼职团干部数',
+	lastElectionTime: '最近一次换届时间',
+	feeReceivable2024: '上一年度应收团费',
+	feeReceived2024: '上一年度实收团费',
+	feePayable2024: '上一年度应缴团费',
+	feePaid2024: '上一年度实缴团费',
+	branchCount: '团支部数量',
+	standardizedWork2024: '上一年度标准化建设开展情况',
+	recommendActivist2024: '上一年度推优入党人数',
+	activistConfirmed: '入党积极分子确定情况',
+	recommendDevTarget2024: '上一年度推荐发展对象人数',
+	devTargetConfirmed: '发展对象确定情况',
+	honorsFiveYears: '近五年获奖情况',
+	workSummaryThreeYears: '近三年工作总结',
+	branchName: '团支部名称',
+	secondOrg: '所属二级党组织',
+	secretary: '团支部书记',
+	contact: '联系方式',
+	establishTime: '成立时间',
+	branchCommitteeMeetingCount: '支委会次数',
+	branchMemberMeetingCount: '支部大会次数',
+	eduEvalDone: '教育评议是否完成',
+	annualRegDone: '年度团籍注册是否完成',
+	classCount: '班级数量',
+	smartSystem100: '智慧团建系统覆盖率',
+	topicName: '课题名称',
+	collegeGradeClass: '学院年级班级',
+	advisor: '指导老师',
+	topicType: '课题类别',
+	guidanceTeachers: '指导教师组',
+	applicants: '申请人信息',
+	budgets: '经费预算',
+	rationale: '立项依据',
+	teacherOpinion: '指导教师意见',
+	teacherSign: '指导教师签名',
+	reviewOpinion: '评审意见',
+	reviewScore: '评审成绩',
+	reviewLeaderSign: '评审负责人签名',
+	collegeOpinion: '学院意见',
+	promiseSigner: '承诺签字人',
+	promiseSignature: '承诺书签名',
+	reviewCollege: '评审学院',
+	reviewReporter: '汇报人',
+	reviewDate: '评审日期',
+	reviewMembers: '评审成员',
+	fundingBudgetFile: '经费预算表',
+	fundingAllocationFile: '经费划拨明细表',
+	midtermRemark: '中期检查说明',
+	midtermMaterials: '中期检查材料',
+	finalRemark: '结题说明',
+	finalMaterials: '结题材料',
+	archiveAwards: '获奖情况',
+	archiveProofs: '佐证材料',
+	archiveRecords: '成果归档',
+	grade: '年级',
+	className: '班级',
+	major: '专业',
+	role: '角色',
+	item: '项目',
+	amount: '金额',
+	reason: '原因',
+	dept: '部门',
+	sign: '签名',
+	department: '部门',
+	remark: '备注',
+	type: '类型',
+	recordTime: '时间',
+	archiveTime: '时间',
+	identity: '身份',
+	organization: '所在组织',
+	memberNo: '团员编号',
+	currentDutyTime: '现任职务时间',
+	cadreYears: '从事团学工作年限',
+	assessment2024: '上一年度考核情况',
+	volunteerRegTime: '志愿汇注册时间',
+	cadreExperience: '团学工作经历',
+	joinTime: '入团时间',
+	collegeMajorClass: '学院专业班级',
+	eduEval2024: '上一年度教育评议情况',
+	smartSystem: '智慧团建系统录入情况',
+	totalVolunteerHours: '累计志愿服务时长',
+	volunteerHours2024: '上一年度志愿服务时长',
+	duty: '职务',
+	college: '学院',
+	gradeMajor: '年级专业',
+	birthDate: '出生日期',
+	branchOrganizationName: '所属团支部'
+}
+
+export const MODULE_CONFIGS = {
+	cms_manuscript: { title: '稿件', path: '/cms/manuscript', labels: COMMON_LABELS },
+	gxmu_sjqn: { title: '十佳青年岗位能手', path: '/gxmu/sjqn-form', labels: COMMON_LABELS },
+	gxmu_sjtbzbsj: { title: '十佳团支部书记', path: '/gxmu/sjtbzbsj-form', labels: COMMON_LABELS },
+	gxmu_wshqtw: { title: '五四红旗团委', path: '/gxmu/wshqtw-form', labels: COMMON_LABELS },
+	gxmu_wshqtzb: { title: '五四红旗团支部', path: '/gxmu/wshqtzb-form', labels: COMMON_LABELS },
+	gxmu_yxgqtdgb: { title: '优秀共青团干部', path: '/gxmu/yxgqtdgb-form', labels: COMMON_LABELS },
+	gxmu_yxgqty: { title: '优秀共青团员', path: '/gxmu/yxgqty-form', labels: COMMON_LABELS },
+	gxmu_tzbcy_form: { title: '挑战杯', path: '/gxmu/tzbcy-form', labels: COMMON_LABELS },
+	gxmu_qmgc_form: { title: '青马工程', path: '/gxmu/qmgc-form', labels: COMMON_LABELS },
+	gxmu_wxxzx_project: { title: '未来学术之星', path: '/gxmu/wxxzx-form', labels: { ...COMMON_LABELS, title: '职称' } },
+	gxmu_tygl_form: { title: '团员管理', path: '/gxmu/tygl-form', labels: COMMON_LABELS },
+	gxmu_tygl: { title: '团员管理', path: '/gxmu/tygl-form', labels: COMMON_LABELS }
+}
+
+export const HIDDEN_FIELDS = new Set([
+	'reviewList',
+	'deleted',
+	'tenantId',
+	'userId',
+	'branchOrganizationId'
+])
+
+export const IMAGE_FIELDS = new Set(['photo', 'cover', 'promiseSignature'])
+export const FILE_FIELDS = new Set([
+	'fundingBudgetFile',
+	'fundingAllocationFile',
+	'midtermMaterials',
+	'finalMaterials',
+	'archiveProofs'
+])
+
+export function pageGroupReviewList(params) {
+	return request('/gxmu/review-list/groupPage', 'GET', {
+		...(params || {}),
+		backendAccess: true
+	})
+}
+
+export function listReviewList(params) {
+	return request('/gxmu/review-list', 'GET', params)
+}
+
+export function updateReviewList(data) {
+	return request('/gxmu/review-list', 'PUT', data)
+}
+
+export function getModuleDetail(module, id) {
+	const config = MODULE_CONFIGS[module]
+	if (!config || !id) {
+		return Promise.resolve(null)
+	}
+	return request(`${config.path}/${id}`, 'GET')
+}
+
+export function formatDateTime(value) {
+	if (!value) {
+		return '-'
+	}
+	const text = String(value).trim()
+	const normalizedText = text.replace('T', ' ')
+	if (/^\d{4}-\d{2}-\d{2} \d{2}:\d{2}:\d{2}/.test(normalizedText)) {
+		return normalizedText.slice(0, 19)
+	}
+	const timestamp = typeof value === 'number' || /^\d+$/.test(text) ? Number(value) : null
+	const date = timestamp
+		? new Date(String(timestamp).length === 10 ? timestamp * 1000 : timestamp)
+		: new Date(text.includes('T') ? text : text.replace(/-/g, '/'))
+	if (Number.isNaN(date.getTime())) {
+		return value
+	}
+	const pad = (item) => String(item).padStart(2, '0')
+	return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())} ${pad(date.getHours())}:${pad(date.getMinutes())}:${pad(date.getSeconds())}`
+}
+
+export function getModuleName(module) {
+	const option = MODULE_OPTIONS.find((item) => item.value === module)
+	return (option && option.label) || (MODULE_CONFIGS[module] && MODULE_CONFIGS[module].title) || module || '-'
+}
+
+export function getReviewStatusMeta(status) {
+	if (Number(status) === 1) {
+		return { text: '通过', tone: 'success' }
+	}
+	if (Number(status) === 2) {
+		return { text: '拒绝', tone: 'danger' }
+	}
+	return { text: '待审核', tone: 'warning' }
+}
+
+export function getAuthorityValue(item) {
+	if (!item) {
+		return ''
+	}
+	if (typeof item === 'string') {
+		return item
+	}
+	return item.authority || item.permission || item.code || ''
+}
+
+export function hasReviewListAuthority(profile) {
+	const authorities = Array.isArray(profile && profile.authorities) ? profile.authorities : []
+	return authorities.some((item) => getAuthorityValue(item) === REVIEW_AUTHORITY)
+}
+
+export function isPlainObject(value) {
+	return Object.prototype.toString.call(value) === '[object Object]'
+}
+
+export function hasVisibleValue(value) {
+	if (value === null || value === undefined) {
+		return false
+	}
+	if (typeof value === 'string') {
+		return value.trim().length > 0
+	}
+	if (Array.isArray(value)) {
+		return value.length > 0
+	}
+	if (isPlainObject(value)) {
+		return Object.values(value).some((item) => hasVisibleValue(item))
+	}
+	return true
+}
+
+export function getFieldLabel(module, key) {
+	const config = MODULE_CONFIGS[module]
+	const label = config && config.labels && config.labels[key]
+	if (label) {
+		return label
+	}
+	return String(key || '')
+		.replace(/([A-Z])/g, ' $1')
+		.replace(/^./, (text) => text.toUpperCase())
+		.trim()
+}
+
+export function normalizeDetailValue(key, value) {
+	if (!FILE_FIELDS.has(key) || typeof value !== 'string') {
+		return value
+	}
+	const text = value.trim()
+	if (!text) {
+		return value
+	}
+	if (key === 'fundingBudgetFile' || key === 'fundingAllocationFile') {
+		return text
+	}
+	try {
+		const parsed = JSON.parse(text)
+		return Array.isArray(parsed) ? parsed : text
+	} catch (error) {
+		return text
+	}
+}
+
+export function formatSimpleValue(value) {
+	if (value === null || value === undefined || value === '') {
+		return '-'
+	}
+	return String(value)
+}
+
+export function formatDisplayValue(module, key, value) {
+	if (key === 'createTime' || key === 'updateTime') {
+		return formatDateTime(value)
+	}
+	if (key === 'status' && module === 'cms_manuscript') {
+		if (Number(value) === 0) {
+			return '待审核'
+		}
+		if (Number(value) === 1) {
+			return '显示'
+		}
+	}
+	return formatSimpleValue(value)
+}
+
+export function getFileName(url) {
+	if (!url) {
+		return '未命名文件'
+	}
+	const cleanUrl = String(url).split('?')[0]
+	return decodeURIComponent(cleanUrl.split('/').pop() || cleanUrl)
+}
+
+export function normalizeFileEntries(value) {
+	if (Array.isArray(value)) {
+		return value
+			.map((item) => {
+				if (typeof item === 'string' && item.trim()) {
+					return { name: getFileName(item), url: item }
+				}
+				if (isPlainObject(item) && typeof item.url === 'string' && item.url.trim()) {
+					return {
+						name: (typeof item.name === 'string' && item.name.trim()) || getFileName(item.url),
+						url: item.url
+					}
+				}
+				return null
+			})
+			.filter(Boolean)
+	}
+	if (typeof value === 'string' && value.trim()) {
+		return [{ name: getFileName(value), url: value }]
+	}
+	return []
+}
+
+export function formatObjectLines(module, value) {
+	return Object.keys(value || {})
+		.filter((key) => !HIDDEN_FIELDS.has(key) && hasVisibleValue(value[key]))
+		.map((key) => `${getFieldLabel(module, key)}：${formatDisplayValue(module, key, value[key])}`)
+}
+
+export function formatArrayEntry(module, entry) {
+	if (isPlainObject(entry)) {
+		const lines = formatObjectLines(module, entry)
+		return lines.length ? lines : ['-']
+	}
+	return [formatSimpleValue(entry)]
+}
+
+export function buildDescriptionItems(module, detail) {
+	const source = detail || {}
+	const labels = (MODULE_CONFIGS[module] && MODULE_CONFIGS[module].labels) || {}
+	const orderedKeys = Object.keys(labels).filter((key) => (
+		!HIDDEN_FIELDS.has(key) && hasVisibleValue(source[key])
+	))
+	const extraKeys = Object.keys(source).filter((key) => (
+		!HIDDEN_FIELDS.has(key) &&
+		hasVisibleValue(source[key]) &&
+		!orderedKeys.includes(key)
+	))
+
+	return [...orderedKeys, ...extraKeys].map((key) => ({
+		key,
+		label: getFieldLabel(module, key),
+		value: normalizeDetailValue(key, source[key])
+	}))
+}
diff --git a/utils/markdown.js b/utils/markdown.js
new file mode 100644
index 0000000..90dc7b2
--- /dev/null
+++ b/utils/markdown.js
@@ -0,0 +1,125 @@
+/**
+ * Lightweight markdown to HTML converter for uni-app rich-text component.
+ * Supports: headings, bold, italic, inline code, code blocks,
+ *           unordered lists, ordered lists, blockquotes, horizontal rules, line breaks.
+ */
+
+function escapeHtml(str) {
+	return str
+		.replace(/&/g, '&amp;')
+		.replace(/</g, '&lt;')
+		.replace(/>/g, '&gt;')
+		.replace(/"/g, '&quot;')
+}
+
+/**
+ * Convert markdown string to HTML string.
+ * @param {string} text
+ * @returns {string}
+ */
+export function renderMarkdown(text) {
+	if (!text) return ''
+
+	// 1. Protect code blocks first (```)
+	const codeBlocks = []
+	let html = text.replace(/```([\w]*)\n?([\s\S]*?)```/g, (_, lang, code) => {
+		const idx = codeBlocks.length
+		const escaped = escapeHtml(code.replace(/^\n/, '').replace(/\n$/, ''))
+		const langAttr = lang ? ` class="language-${lang}"` : ''
+		codeBlocks.push(`<pre><code${langAttr}>${escaped}</code></pre>`)
+		return `\x00CODE${idx}\x00`
+	})
+
+	// 2. Escape remaining HTML to prevent injection
+	html = html.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;')
+
+	// 3. Protect inline code (`)
+	const inlineCodes = []
+	html = html.replace(/`([^`\n]+)`/g, (_, code) => {
+		const idx = inlineCodes.length
+		inlineCodes.push(`<code>${escapeHtml(code)}</code>`)
+		return `\x00INLINE${idx}\x00`
+	})
+
+	// 4. Headings (must be at line start)
+	html = html.replace(/^#{4,6} (.+)$/gm, '<h6>$1</h6>')
+	html = html.replace(/^### (.+)$/gm, '<h3>$1</h3>')
+	html = html.replace(/^## (.+)$/gm, '<h2>$1</h2>')
+	html = html.replace(/^# (.+)$/gm, '<h1>$1</h1>')
+
+	// 5. Horizontal rules
+	html = html.replace(/^[ \t]*(?:---+|===+|\*\*\*+)[ \t]*$/gm, '<hr/>')
+
+	// 6. Blockquotes
+	html = html.replace(/^&gt; ?(.*)$/gm, '<blockquote>$1</blockquote>')
+
+	// 7. Bold + Italic
+	html = html.replace(/\*\*\*(.+?)\*\*\*/g, '<strong><em>$1</em></strong>')
+	html = html.replace(/___(.+?)___/g, '<strong><em>$1</em></strong>')
+
+	// 8. Bold
+	html = html.replace(/\*\*(.+?)\*\*/g, '<strong>$1</strong>')
+	html = html.replace(/__(.+?)__/g, '<strong>$1</strong>')
+
+	// 9. Italic
+	html = html.replace(/\*(.+?)\*/g, '<em>$1</em>')
+	html = html.replace(/_(.+?)_/g, '<em>$1</em>')
+
+	// 10. Lists — collect consecutive list lines into <ul> or <ol>
+	const lines = html.split('\n')
+	const result = []
+	let inUl = false
+	let inOl = false
+
+	for (let i = 0; i < lines.length; i++) {
+		const line = lines[i]
+		const ulMatch = line.match(/^[ \t]*[-*+] (.+)$/)
+		const olMatch = line.match(/^[ \t]*\d+\. (.+)$/)
+
+		if (ulMatch) {
+			if (!inUl) {
+				if (inOl) { result.push('</ol>'); inOl = false }
+				result.push('<ul>')
+				inUl = true
+			}
+			result.push(`<li>${ulMatch[1]}</li>`)
+		} else if (olMatch) {
+			if (!inOl) {
+				if (inUl) { result.push('</ul>'); inUl = false }
+				result.push('<ol>')
+				inOl = true
+			}
+			result.push(`<li>${olMatch[1]}</li>`)
+		} else {
+			if (inUl) { result.push('</ul>'); inUl = false }
+			if (inOl) { result.push('</ol>'); inOl = false }
+			result.push(line)
+		}
+	}
+	if (inUl) result.push('</ul>')
+	if (inOl) result.push('</ol>')
+
+	html = result.join('\n')
+
+	// 11. Paragraphs — split by blank lines, wrap plain text blocks in <p>
+	const blocks = html.split(/\n{2,}/)
+	html = blocks.map(block => {
+		block = block.trim()
+		if (!block) return ''
+		// Already wrapped in a block-level tag — leave as-is
+		if (/^<(h[1-6]|ul|ol|li|pre|blockquote|hr)[\s/>]/.test(block)) return block
+		// Has multiple lines → join with <br/>
+		block = block.replace(/\n/g, '<br/>')
+		return `<p>${block}</p>`
+	}).join('\n')
+
+	// 12. Restore inline codes and code blocks
+	inlineCodes.forEach((code, idx) => {
+		html = html.replace(`\x00INLINE${idx}\x00`, code)
+	})
+	codeBlocks.forEach((code, idx) => {
+		html = html.replace(`\x00CODE${idx}\x00`, code)
+	})
+
+	return html
+}
diff --git a/utils/request.js b/utils/request.js
new file mode 100644
index 0000000..6ac71a0
--- /dev/null
+++ b/utils/request.js
@@ -0,0 +1,139 @@
+export const API_BASE_URL = (() => {
+	if (process.env.NODE_ENV === 'development') {
+		return 'http://localhost:10051/api'
+	}
+	return 'https://tuanwei-api.gxwebsoft.com/api'
+})()
+
+export const TOKEN_STORAGE_KEYS = ['access_token', 'Authorization', 'uni_id_token', 'token']
+export const DEFAULT_TENANT_ID = 10049
+export const TOKEN_HEADER_NAME = 'Authorization'
+export const LOGIN_PAGE_URL = '/pages/login/index'
+
+export function getToken() {
+	for (let index = 0; index < TOKEN_STORAGE_KEYS.length; index += 1) {
+		const value = uni.getStorageSync(TOKEN_STORAGE_KEYS[index])
+		if (value) {
+			return value
+		}
+	}
+	return ''
+}
+
+export function hasToken() {
+	return !!getToken()
+}
+
+export function clearAuthStorage() {
+	TOKEN_STORAGE_KEYS.forEach((key) => {
+		try {
+			uni.removeStorageSync(key)
+		} catch (error) {}
+	})
+	try {
+		uni.removeStorageSync('user_info')
+	} catch (error) {}
+}
+
+export function setAuthInfo(loginResult) {
+	const result = loginResult || {}
+	const token = result.access_token || result.accessToken || result.token || ''
+	const user = result.user || {}
+	if (token) {
+		uni.setStorageSync('access_token', token)
+		uni.setStorageSync('Authorization', token)
+		uni.setStorageSync('token', token)
+	}
+	uni.setStorageSync('user_info', user)
+	return {
+		token,
+		user
+	}
+}
+
+export function getStoredUserInfo() {
+	return uni.getStorageSync('user_info') || {}
+}
+
+export function redirectToLogin(redirectUrl) {
+	const query = redirectUrl ? `?redirect=${encodeURIComponent(redirectUrl)}` : ''
+	uni.reLaunch({
+		url: `${LOGIN_PAGE_URL}${query}`
+	})
+}
+
+export function ensureLoggedIn(options = {}) {
+	const { redirectUrl } = options
+	if (hasToken()) {
+		return true
+	}
+	redirectToLogin(redirectUrl)
+	return false
+}
+
+export function request({ url, method = 'GET', data, header = {}, auth = true }) {
+	const token = getToken()
+	return new Promise((resolve, reject) => {
+		uni.request({
+			url: /^https?:\/\//.test(url) ? url : `${API_BASE_URL}${url}`,
+			method,
+			data,
+			header: {
+				'Content-Type': 'application/json',
+				...(auth && token ? { [TOKEN_HEADER_NAME]: token } : {}),
+				...header
+			},
+			success: (response) => {
+				const responseHeader = (response && response.header) || {}
+				const nextToken =
+					responseHeader[TOKEN_HEADER_NAME] ||
+					responseHeader[TOKEN_HEADER_NAME.toLowerCase()]
+				if (nextToken) {
+					uni.setStorageSync('access_token', nextToken)
+					uni.setStorageSync('Authorization', nextToken)
+					uni.setStorageSync('token', nextToken)
+				}
+				const body = (response && response.data) || {}
+				const code = Number(body.code)
+				if (code === 0 || code === 200) {
+					resolve(body.data !== undefined ? body.data : body)
+					return
+				}
+				if (code === 401) {
+					clearAuthStorage()
+				}
+				reject(new Error(body.message || '请求失败'))
+			},
+			fail: (error) => {
+				reject(new Error((error && error.errMsg) || '网络请求失败'))
+			}
+		})
+	})
+}
+
+export function get(url, data, options = {}) {
+	return request({
+		url,
+		method: 'GET',
+		data,
+		...options
+	})
+}
+
+export function post(url, data, options = {}) {
+	return request({
+		url,
+		method: 'POST',
+		data,
+		...options
+	})
+}
+
+export function put(url, data, options = {}) {
+	return request({
+		url,
+		method: 'PUT',
+		data,
+		...options
+	})
+}