From f34899eb819e839af64ba015edd743107787a5e5 Mon Sep 17 00:00:00 2001
From: zzc <1761997216@qq.com>
Date: Fri, 9 Jan 2026 11:24:40 +0800
Subject: [PATCH] first commit

---
 .gitignore                                    |   2 +
 App.vue                                       |  49 ++
 api/auth.js                                   |  10 +
 common/images/preview_small.webp              | Bin 0 -> 6968 bytes
 common/style/base-style.scss                  |  10 +
 common/style/common-style.scss                |   8 +
 components/LoginPopup/LoginPopup.vue          | 179 ++++++
 components/custom-content/custom-content.vue  |  69 ++
 components/layout/layout.vue                  |  70 ++
 index.html                                    |  20 +
 main.js                                       |  31 +
 manifest.json                                 |  72 +++
 pages.json                                    |  67 ++
 pages/index/index.vue                         | 263 ++++++++
 pages/make/index.vue                          | 599 ++++++++++++++++++
 pages/message/message.vue                     |  20 +
 pages/mine/mine.vue                           | 303 +++++++++
 pages/spring/index.vue                        | 360 +++++++++++
 static/icon/celebrate.png                     | Bin 0 -> 6079 bytes
 static/icon/guashi.png                        | Bin 0 -> 3968 bytes
 static/icon/hongbao.png                       | Bin 0 -> 5369 bytes
 static/icon/yunshi.png                        | Bin 0 -> 6424 bytes
 static/images/tabBar/home.png                 | Bin 0 -> 3634 bytes
 static/images/tabBar/home_s.png               | Bin 0 -> 3653 bytes
 static/images/tabBar/me.png                   | Bin 0 -> 4007 bytes
 static/images/tabBar/me_s.png                 | Bin 0 -> 4009 bytes
 static/images/tabBar/message.png              | Bin 0 -> 3987 bytes
 static/images/tabBar/message_s.png            | Bin 0 -> 4003 bytes
 static/logo.png                               | Bin 0 -> 4023 bytes
 stores/user.js                                |  54 ++
 uni.promisify.adaptor.js                      |  13 +
 uni.scss                                      |  76 +++
 uni_modules/uni-popup/changelog.md            |  94 +++
 .../components/uni-popup-dialog/keypress.js   |  45 ++
 .../uni-popup-dialog/uni-popup-dialog.vue     | 327 ++++++++++
 .../uni-popup-message/uni-popup-message.vue   | 143 +++++
 .../uni-popup-share/uni-popup-share.vue       | 188 ++++++
 .../components/uni-popup/i18n/en.json         |   7 +
 .../components/uni-popup/i18n/index.js        |   8 +
 .../components/uni-popup/i18n/zh-Hans.json    |   7 +
 .../components/uni-popup/i18n/zh-Hant.json    |   7 +
 .../components/uni-popup/keypress.js          |  45 ++
 .../uni-popup/components/uni-popup/popup.js   |  26 +
 .../components/uni-popup/uni-popup.uvue       |  90 +++
 .../components/uni-popup/uni-popup.vue        | 518 +++++++++++++++
 uni_modules/uni-popup/package.json            |  90 +++
 uni_modules/uni-popup/readme.md               |  17 +
 uni_modules/uni-scss/changelog.md             |   8 +
 uni_modules/uni-scss/index.scss               |   1 +
 uni_modules/uni-scss/package.json             |  82 +++
 uni_modules/uni-scss/readme.md                |   4 +
 uni_modules/uni-scss/styles/index.scss        |   7 +
 .../uni-scss/styles/setting/_border.scss      |   3 +
 .../uni-scss/styles/setting/_color.scss       |  66 ++
 .../uni-scss/styles/setting/_radius.scss      |  55 ++
 .../uni-scss/styles/setting/_space.scss       |  56 ++
 .../uni-scss/styles/setting/_styles.scss      | 167 +++++
 .../uni-scss/styles/setting/_text.scss        |  24 +
 .../uni-scss/styles/setting/_variables.scss   | 146 +++++
 .../uni-scss/styles/tools/functions.scss      |  19 +
 uni_modules/uni-scss/theme.scss               |  31 +
 uni_modules/uni-scss/variables.scss           |  62 ++
 uni_modules/uni-transition/changelog.md       |  27 +
 .../uni-transition/createAnimation.js         | 131 ++++
 .../uni-transition/uni-transition.vue         | 289 +++++++++
 uni_modules/uni-transition/package.json       |  87 +++
 uni_modules/uni-transition/readme.md          |  11 +
 utils/common.js                               |   1 +
 utils/date.js                                 |  18 +
 utils/login.js                                |  30 +
 utils/request.js                              |  55 ++
 utils/system.js                               |  47 ++
 utils/track.js                                | 117 ++++
 73 files changed, 5431 insertions(+)
 create mode 100644 .gitignore
 create mode 100644 App.vue
 create mode 100644 api/auth.js
 create mode 100644 common/images/preview_small.webp
 create mode 100644 common/style/base-style.scss
 create mode 100644 common/style/common-style.scss
 create mode 100644 components/LoginPopup/LoginPopup.vue
 create mode 100644 components/custom-content/custom-content.vue
 create mode 100644 components/layout/layout.vue
 create mode 100644 index.html
 create mode 100644 main.js
 create mode 100644 manifest.json
 create mode 100644 pages.json
 create mode 100644 pages/index/index.vue
 create mode 100644 pages/make/index.vue
 create mode 100644 pages/message/message.vue
 create mode 100644 pages/mine/mine.vue
 create mode 100644 pages/spring/index.vue
 create mode 100644 static/icon/celebrate.png
 create mode 100644 static/icon/guashi.png
 create mode 100644 static/icon/hongbao.png
 create mode 100644 static/icon/yunshi.png
 create mode 100644 static/images/tabBar/home.png
 create mode 100644 static/images/tabBar/home_s.png
 create mode 100644 static/images/tabBar/me.png
 create mode 100644 static/images/tabBar/me_s.png
 create mode 100644 static/images/tabBar/message.png
 create mode 100644 static/images/tabBar/message_s.png
 create mode 100644 static/logo.png
 create mode 100644 stores/user.js
 create mode 100644 uni.promisify.adaptor.js
 create mode 100644 uni.scss
 create mode 100644 uni_modules/uni-popup/changelog.md
 create mode 100644 uni_modules/uni-popup/components/uni-popup-dialog/keypress.js
 create mode 100644 uni_modules/uni-popup/components/uni-popup-dialog/uni-popup-dialog.vue
 create mode 100644 uni_modules/uni-popup/components/uni-popup-message/uni-popup-message.vue
 create mode 100644 uni_modules/uni-popup/components/uni-popup-share/uni-popup-share.vue
 create mode 100644 uni_modules/uni-popup/components/uni-popup/i18n/en.json
 create mode 100644 uni_modules/uni-popup/components/uni-popup/i18n/index.js
 create mode 100644 uni_modules/uni-popup/components/uni-popup/i18n/zh-Hans.json
 create mode 100644 uni_modules/uni-popup/components/uni-popup/i18n/zh-Hant.json
 create mode 100644 uni_modules/uni-popup/components/uni-popup/keypress.js
 create mode 100644 uni_modules/uni-popup/components/uni-popup/popup.js
 create mode 100644 uni_modules/uni-popup/components/uni-popup/uni-popup.uvue
 create mode 100644 uni_modules/uni-popup/components/uni-popup/uni-popup.vue
 create mode 100644 uni_modules/uni-popup/package.json
 create mode 100644 uni_modules/uni-popup/readme.md
 create mode 100644 uni_modules/uni-scss/changelog.md
 create mode 100644 uni_modules/uni-scss/index.scss
 create mode 100644 uni_modules/uni-scss/package.json
 create mode 100644 uni_modules/uni-scss/readme.md
 create mode 100644 uni_modules/uni-scss/styles/index.scss
 create mode 100644 uni_modules/uni-scss/styles/setting/_border.scss
 create mode 100644 uni_modules/uni-scss/styles/setting/_color.scss
 create mode 100644 uni_modules/uni-scss/styles/setting/_radius.scss
 create mode 100644 uni_modules/uni-scss/styles/setting/_space.scss
 create mode 100644 uni_modules/uni-scss/styles/setting/_styles.scss
 create mode 100644 uni_modules/uni-scss/styles/setting/_text.scss
 create mode 100644 uni_modules/uni-scss/styles/setting/_variables.scss
 create mode 100644 uni_modules/uni-scss/styles/tools/functions.scss
 create mode 100644 uni_modules/uni-scss/theme.scss
 create mode 100644 uni_modules/uni-scss/variables.scss
 create mode 100644 uni_modules/uni-transition/changelog.md
 create mode 100644 uni_modules/uni-transition/components/uni-transition/createAnimation.js
 create mode 100644 uni_modules/uni-transition/components/uni-transition/uni-transition.vue
 create mode 100644 uni_modules/uni-transition/package.json
 create mode 100644 uni_modules/uni-transition/readme.md
 create mode 100644 utils/common.js
 create mode 100644 utils/date.js
 create mode 100644 utils/login.js
 create mode 100644 utils/request.js
 create mode 100644 utils/system.js
 create mode 100644 utils/track.js

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..ccaa112
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,2 @@
+/unpackage
+unpackage
diff --git a/App.vue b/App.vue
new file mode 100644
index 0000000..c382b42
--- /dev/null
+++ b/App.vue
@@ -0,0 +1,49 @@
+<script>
+	import { useUserStore } from './stores/user'
+	
+	export default {
+	  onLaunch() {
+	    const userStore = useUserStore()
+	    userStore.loadFromStorage()
+	  }
+	}
+	
+</script>
+
+<style lang="scss">
+@import url("common/style/common-style.scss");
+wx-swiper .wx-swiper-dot {
+	position: relative;
+	right: -260rpx;
+	bottom: 110rpx;
+}
+/* tabBar */
+.customtabbar {
+  display: flex;
+  justifycontent: spacearound;
+  alignitems: center;
+  height: 50px;
+  backgroundcolor: #fff;
+  bordertop: 1px solid #ccc;
+}
+.customtabbar .item {
+  display: flex;
+  flexdirection: column;
+  alignitems: center;
+}
+.customtabbar .item span {
+  fontsize: 12px;
+  color: #999;
+}
+.customtabbar .item i {
+  width: 10px;
+  height: 10px;
+}
+// .segmented-control__item--text{
+// 	color: #fff !important;
+// 	border-top: none;
+// 	    border-right: none;
+// 	    border-bottom: none;
+// 	    border-left: none;
+// }
+</style>
diff --git a/api/auth.js b/api/auth.js
new file mode 100644
index 0000000..bccbc49
--- /dev/null
+++ b/api/auth.js
@@ -0,0 +1,10 @@
+import { request } from "@/utils/request.js"
+	
+export const apiLogin = async (data) => {
+	return request({
+		url:"/api/user/login",
+		method: 'POST',
+		data
+	})
+}
+
diff --git a/common/images/preview_small.webp b/common/images/preview_small.webp
new file mode 100644
index 0000000000000000000000000000000000000000..716f2cbe633d49f2753c3b4943373d9e92c038ed
GIT binary patch
literal 6968
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
Sa41cAwZn}WvW3<F;C}#=IIqwE

literal 0
HcmV?d00001

diff --git a/common/style/base-style.scss b/common/style/base-style.scss
new file mode 100644
index 0000000..47da42e
--- /dev/null
+++ b/common/style/base-style.scss
@@ -0,0 +1,10 @@
+$brand-theme-color:#262626;      //品牌主体红色
+
+$border-color:#e0e0e0;           //边框颜色
+$border-color-light:#efefef;     //边框亮色
+
+$text-font-color-1:#000;         //文字主色
+$text-font-color-2:#676767;      //副标题颜色
+$text-font-color-3:#a7a7a7;      //浅色
+$text-font-color-4:#e4e4e4;      //更浅
+$text-color: #B2B2B2
\ No newline at end of file
diff --git a/common/style/common-style.scss b/common/style/common-style.scss
new file mode 100644
index 0000000..7414c4b
--- /dev/null
+++ b/common/style/common-style.scss
@@ -0,0 +1,8 @@
+view, swiper, swiper-item{
+	box-sizing: border-box;
+}
+
+.pageBg{
+	background: $brand-theme-color;
+	min-height: 80vh;
+}
\ No newline at end of file
diff --git a/components/LoginPopup/LoginPopup.vue b/components/LoginPopup/LoginPopup.vue
new file mode 100644
index 0000000..b6e1b00
--- /dev/null
+++ b/components/LoginPopup/LoginPopup.vue
@@ -0,0 +1,179 @@
+<template>
+  <uni-popup ref="popupRef" type="bottom" :safe-area="false">
+    <view class="popup-container">
+      <view class="popup-header">
+        <text class="popup-title">登录授权</text>
+      </view>
+    
+      <view class="avatar-nickname">
+        <button open-type="chooseAvatar" @chooseavatar="onChooseAvatar" class="avatar-selector custom-button">
+          <image v-if="avatarUrl" :src="avatarUrl" class="avatar-preview" />
+          <text v-else>获取头像</text>
+        </button>
+        <input 
+          class="nickname-input" 
+          type="nickname" 
+          v-model="nickname" 
+          placeholder="请输入昵称" 
+        />
+      </view>
+    
+      <button class="confirm-btn custom-button" @tap="confirmLogin">确认登录</button>
+    </view>
+  </uni-popup>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import { useUserStore } from '@/stores/user'
+import { getPlatformProvider } from '@/utils/system'
+import { apiLogin } from '@/api/auth.js'
+import { wxLogin } from '@/utils/login.js'
+
+// import { connectSocket, sendSocketMessage } from '@/utils/socket.js'
+
+const popupRef = ref(null)
+const avatarUrl = ref('')
+const nickname = ref('')
+
+const userStore = useUserStore()
+
+const emit = defineEmits(['logind'])
+
+const open = () => {
+  popupRef.value.open()
+}
+
+const close = () => {
+  popupRef.value.close()
+}
+
+const onChooseAvatar = (e) => {
+  avatarUrl.value = e.detail.avatarUrl
+}
+
+const confirmLogin = async () => {
+  try {
+    const platform = getPlatformProvider()
+    if (platform === 'mp-weixin') {
+      const code = await wxLogin()
+      console.log('准备登录：', { code, nickname: nickname.value, avatarUrl: avatarUrl.value })
+	  // console.log('准备登录：', { code, nickname: nickname.value, avatarUrl: 'http://tmp/HXhtcEwQ5A3B58476c91ba545ab67c6bf9c67d9c2559.jpeg' })
+	  
+	  const fileKeyRes = await uni.uploadFile({
+		url: 'https://apis.lihailezzc.com/api/common/upload',
+		filePath: avatarUrl.value,
+		name: 'file',  // 和后端接收文件字段名一致
+		header: {
+		    'x-app-id': '6846f093fdf841f6189ef0b5',
+		 },
+	  })
+	  if(fileKeyRes.statusCode < 400) {
+		  const keyJson = JSON.parse(fileKeyRes.data)
+		  const url = `https://file.lihailezzc.com/${keyJson?.data.key}`
+		  const loginRes = await apiLogin({ code, nickname: nickname.value, avatarUrl: url })
+		  // 保存用户信息到store
+		  userStore.setUserInfo({
+			nickName: loginRes?.user?.nickname || nickname.value,
+			avatarUrl: loginRes?.user?.avatar || url,
+			id: loginRes?.user?.id
+		  })
+		  
+		  userStore.setToken(loginRes.token)
+		  
+		  uni.showToast({ title: '登录成功', icon: 'success' })
+		  emit('logind') 
+		  popupRef.value.close()
+		  
+		  // connectSocket()
+		  
+		  // 重置临时变量
+		  avatarUrl.value = ''
+		  nickname.value = ''
+	  } else {
+		  throw Error('获取失败')
+	  }
+  
+    }
+  } catch (err) {
+    uni.showToast({ title: '登录失败', icon: 'none' })
+    console.error(err)
+  }
+}
+defineExpose({ open, close })
+</script>
+
+<style lang='scss'>
+.custom-button {
+    border: none;
+	outline: none;
+	background-color: transparent;
+	padding: 0;
+	margin: 0;
+	line-height: normal;
+	font-family: inherit;
+  }
+  
+  .custom-button::after {
+	border: none;
+  }
+.popup-container {
+  background-color: #fff;
+  padding: 40rpx 30rpx 60rpx;
+  border-top-left-radius: 30rpx;
+  border-top-right-radius: 30rpx;
+
+  .popup-header {
+    text-align: center;
+    margin-bottom: 30rpx;
+
+    .popup-title {
+      font-size: 36rpx;
+      font-weight: bold;
+    }
+  }
+
+  .avatar-nickname {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    margin-bottom: 30rpx;
+
+    .avatar-selector {
+      width: 145rpx;
+      height: 145rpx;
+      border-radius: 50%;
+      font-size: 26rpx;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-bottom: 20rpx;
+      background-color: #eee;
+    }
+    
+    .avatar-preview {
+      width: 100%;
+      height: 100%;
+      border-radius: 50%;
+    }
+
+    .nickname-input {
+      width: 80%;
+      border: 1rpx solid #ccc;
+      border-radius: 20rpx;
+      padding: 20rpx;
+      font-size: 26rpx;
+      text-align: center;
+    }
+  }
+
+  .confirm-btn {
+    background-color: #07c160;
+    color: white;
+    font-size: 30rpx;
+    border-radius: 50rpx;
+    padding: 20rpx 0;
+    width: 100%;
+  }
+}
+</style>
diff --git a/components/custom-content/custom-content.vue b/components/custom-content/custom-content.vue
new file mode 100644
index 0000000..c3788c9
--- /dev/null
+++ b/components/custom-content/custom-content.vue
@@ -0,0 +1,69 @@
+<template>
+	<view class="contentItem" :style="{background: bgColor, height: height, paddingTop: paddingTopValue }">
+		<view class="topRow" :style="{ '--component-color': textColor }">
+			<view class="title">{{title}}</view>
+			<view class="enTitle">{{enTitle}}</view>
+		</view>
+		
+		<view class="content">
+			<slot name="content"></slot>
+		</view>
+	</view>
+</template>
+
+<script setup>
+defineProps({
+	title: { type: String, default: ""},
+	enTitle: { type: String, default: "" },
+	bgColor: { type: String, default: "#262626" },
+	height: { type: String, default: "320rpx" },
+	textColor: { type: String, default: "#B2B2B2" },
+	paddingTopValue: { type: String, default: "0rpx" },
+})
+</script>
+
+<style lang="scss" scoped>
+	.contentItem {
+		width: 750rpx;
+
+		.topRow {
+			width: 100%;
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+			justify-content: center;
+			padding: 50rpx 0;
+			color: var(--component-color);
+
+			.title {
+				font-size: 20rpx;
+			}
+
+			.enTitle {
+				width: 200rpx;
+				font-size: 15rpx;
+				text-align: center;
+				margin-top: 10rpx;
+				position: relative;
+				&::before,
+				&::after {
+					content: '';
+					position: absolute;
+					top: 50%;
+					width: calc(50% - 60rpx); // 减去左右 padding 的宽度
+					height: 1rpx;
+					background-color: var(--component-color);
+					transform: translateY(-90%);
+				}
+				
+				&::before {
+					left: 0;
+				}
+				
+				&::after {
+					right: 0;
+				}
+			}
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/components/layout/layout.vue b/components/layout/layout.vue
new file mode 100644
index 0000000..66a42e3
--- /dev/null
+++ b/components/layout/layout.vue
@@ -0,0 +1,70 @@
+<template>
+	<view class="layout">
+		<custom-nav-bar></custom-nav-bar>
+		<view class="header">
+			<slot name="header"></slot>
+		</view>
+		<view class="main">
+			<slot name="main"></slot>
+		</view>
+		<view class="footer">
+			<footer-loayot></footer-loayot>
+		</view>
+		<view class="float">
+			<!-- #ifdef MP -->
+			<button class="item" open-type="contact">
+				<uni-icons type="phone-filled" size="26" color="#888"></uni-icons>
+			</button>
+			<!-- #endif -->
+			<!-- #ifndef MP -->
+			<button class="item" @click="clickContact">
+				<uni-icons type="phone-filled" size="26" color="#888"></uni-icons>
+			</button>
+			<!-- #endif -->
+			<!-- 			<view  @click="onRefresh">
+				
+				
+			</view> -->
+		</view>
+	</view>
+</template>
+
+<script setup>
+
+</script>
+
+<style lang="scss" scoped>
+.layout{
+	width: 100vw;
+	background-color: #222;
+	.header{
+		min-height: 100rpx;
+	}
+	.main{
+		min-height: 200rpx;		
+	}
+	.footer{
+		min-height: 120rpx;
+		background: orange;
+	}
+	.float {
+		position: fixed;
+		right: 30rpx;
+		bottom: 80rpx;
+		padding-bottom: env(safe-area-inset-bottom);
+	
+		.item {
+			width: 90rpx;
+			height: 90rpx;
+			background: rgba(255, 255, 255, 0.9);
+			border-radius: 50%;
+			margin-bottom: 20rpx;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			border: 1px solid #eee;
+		}
+	
+	}
+}
+</style>
\ No newline at end of file
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..c3ff205
--- /dev/null
+++ b/index.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+  <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..a2c1721
--- /dev/null
+++ b/main.js
@@ -0,0 +1,31 @@
+import App from './App'
+
+// #ifndef VUE3
+import Vue from 'vue'
+import './uni.promisify.adaptor'
+import { createPinia } from 'pinia'
+
+Vue.config.productionTip = false
+App.mpType = 'app'
+const app = new Vue({
+  ...App
+})
+const pinia = createPinia()
+app.use(pinia)
+
+app.$mount()
+// #endif
+
+// #ifdef VUE3
+import { createSSRApp } from 'vue'
+import { createPinia } from 'pinia'
+
+export function createApp() {
+  const app = createSSRApp(App)
+  const pinia = createPinia()
+  app.use(pinia) // ✅ 这句是关键
+  return {
+    app
+  }
+}
+// #endif
diff --git a/manifest.json b/manifest.json
new file mode 100644
index 0000000..9d2e008
--- /dev/null
+++ b/manifest.json
@@ -0,0 +1,72 @@
+{
+    "name" : "tpl-mini",
+    "appid" : "",
+    "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" : "wx397b136a586c5667",
+        "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/pages.json b/pages.json
new file mode 100644
index 0000000..a256bb4
--- /dev/null
+++ b/pages.json
@@ -0,0 +1,67 @@
+{
+  "pages": [
+    {
+      "path": "pages/index/index",
+      "style": {
+        "navigationBarTitleText": "新春祝福",
+        "enablePullDownRefresh": true,
+        "navigationStyle": "custom",
+        "backgroundColor": "#FFFFFF"
+      }
+    },
+    {
+      "path": "pages/make/index",
+      "style": {
+        "navigationBarTitleText": "讨论",
+        "enablePullDownRefresh": false,
+        "navigationStyle": "custom"
+      }
+    },
+    {
+      "path": "pages/mine/mine",
+      "style": {
+        "navigationBarTitleText": "我的",
+        "enablePullDownRefresh": false,
+        "navigationStyle": "custom"
+      }
+    }
+  ],
+  "globalStyle": {
+    "navigationBarTextStyle": "black",
+    "navigationBarTitleText": "uni-app",
+    "navigationBarBackgroundColor": "#F8F8F8",
+    "backgroundColor": "#F8F8F8"
+  },
+  "tabBar": {
+    "color": "#999999",
+    "selectedColor": "#7DBB9D",
+    "backgroundColor": "#f6f1ec",
+    "iconWidth": "8px",
+    "list": [
+      {
+        "text": "祝福",
+        "pagePath": "pages/index/index",
+        "iconPath": "static/images/tabBar/home.png",
+        "selectedIconPath": "static/images/tabBar/home_s.png"
+      },
+      {
+        "text": "讨论",
+        "pagePath": "pages/make/index",
+        "iconPath": "static/images/tabBar/message.png",
+        "selectedIconPath": "static/images/tabBar/message_s.png"
+      },
+      {
+        "text": "个人中心",
+        "pagePath": "pages/mine/mine",
+        "iconPath": "static/images/tabBar/me.png",
+        "selectedIconPath": "static/images/tabBar/me_s.png"
+      }
+    ]
+  },
+  "uniIdRouter": {},
+  "permission": {
+    "scope.userLocation": {
+      "desc": "用于获取您的当前位置，以显示附近景点和打卡功能"
+    }
+  }
+}
diff --git a/pages/index/index.vue b/pages/index/index.vue
new file mode 100644
index 0000000..d450d78
--- /dev/null
+++ b/pages/index/index.vue
@@ -0,0 +1,263 @@
+<template>
+  <view class="spring-page" :style="{ paddingTop: getBavBarHeight() + 'px' }">
+    <!-- 顶部 Banner -->
+    <view class="hero">
+      <view class="hero-badge">
+        <text class="badge-dot">•</text>
+        <text class="badge-text">距春节还有 25 天</text>
+      </view>
+      <view class="hero-title">
+        <text class="year">2026</text>
+        <text class="main">新春祝福</text>
+      </view>
+      <text class="hero-sub">新年快乐，万事如意!</text>
+      <image class="hero-decor" src="https://file.lihailezzc.com/resource/58c8d19e5f2d9c958a7b8b9f44b8c3e3.png" mode="aspectFill" />
+    </view>
+
+    <!-- 功能入口宫格 -->
+    <view class="feature-grid">
+      <view
+        v-for="(item, idx) in features"
+        :key="idx"
+        class="feature-item"
+        @tap="onFeatureTap(item)"
+      >
+        <image class="feature-icon" :src="item.icon" mode="aspectFill" :style="{
+    backgroundColor: idx < 2 ? '#FEF2F2' : '#FFFBEC'
+  }"/>
+        <view class="feature-texts">
+          <text class="feature-title">{{ item.title }}</text>
+          <text class="feature-sub">{{ item.subtitle }}</text>
+        </view>
+      </view>
+    </view>
+
+    <!-- 大家都在用（竖向列表：左图右文） -->
+    <view class="section">
+      <view class="section-header">
+        <view class="section-bar"></view>
+        <text class="section-title">大家都在用</text>
+        <text class="section-more" @tap="onMore('use')">查看更多 ></text>
+      </view>
+      <view class="use-list">
+        <view
+          v-for="(card, i) in popularCards"
+          :key="i"
+          class="use-row"
+          @tap="previewCard(card)"
+        >
+          <view class="thumb-wrap">
+            <image :src="card.cover" class="thumb" mode="aspectFill" />
+            <view v-if="card.type === 'video'" class="thumb-play">▶</view>
+          </view>
+          <view class="use-right">
+            <view class="title-line">
+              <text class="use-title">{{ card.title }}</text>
+              <text v-if="card.tag" class="tag" :class="`tag--${card.tagType || 'default'}`">{{ card.tag }}</text>
+            </view>
+            <text class="use-desc">{{ card.desc }}</text>
+            <text class="use-cta" @tap.stop="onCta(card)">{{ card.cta }} ></text>
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import { onPullDownRefresh } from '@dcloudio/uni-app'
+import { getBavBarHeight } from '@/utils/system'
+
+const features = ref([
+  { title: '新春祝福卡片', subtitle: '定制专属贺卡', icon:'/static/icon/celebrate.png', type: 'card' },
+  { title: '红包封面', subtitle: '获取新年红包封面', icon: '/static/icon/hongbao.png', type: 'video' },
+  { title: '新春头像挂饰', subtitle: '焕上节日新饰', icon: '/static/icon/guashi.png', type: 'avatar_decor' },
+  { title: '新年运势', subtitle: '抽取新年关键词', icon: '/static/icon/yunshi.png', type: 'avatar_frame' },
+])
+
+const popularCards = ref([
+  {
+    title: '招财进宝金框',
+    tag: '热门',
+    tagType: 'hot',
+    desc: '2026马年限定汉字金框，金光闪烁，财运亨通。适合送亲友的新春祝福。',
+    cta: '立即制作',
+    cover: 'https://file.lihailezzc.com/9a929a32-439f-453b-b603-fda7b04cbe08.png'
+  },
+  {
+    title: '大吉大利卡片',
+    tag: '精选',
+    tagType: 'featured',
+    desc: '经典红色大拜年卡片，适合送长辈、老师、同学，传递满满的新春喜气。',
+    cta: '去写祝福',
+    cover: 'https://file.lihailezzc.com/b5fe8ffb-5901-48d2-94fb-48191e36cbf5.png'
+  },
+  {
+    title: '合家团圆模板',
+    tag: '爆款',
+    tagType: 'hot2',
+    desc: '一键生成合家福贺图，支持换装、特效装饰、朋友圈海报等。',
+    cta: '开始创作',
+    cover: 'https://file.lihailezzc.com/91cd1611-bb87-442b-a338-24e9d79e4ee9.png',
+    type: 'video'
+  }
+])
+
+const onFeatureTap = (item) => {
+  uni.showToast({ title: `进入：${item.title}`, icon: 'none' })
+  // uni.navigateTo({ url: `/pages/${item.type}/index` })
+}
+
+const previewCard = (card) => {
+  uni.previewImage({ urls: [card.cover] })
+}
+
+const onMore = () => {
+  uni.showToast({ title: '更多模板即将上线～', icon: 'none' })
+}
+
+const onCta = (card) => {
+  uni.showToast({ title: `${card.cta} · ${card.title}`, icon: 'none' })
+}
+
+onPullDownRefresh(() => {
+  setTimeout(() => {
+    uni.stopPullDownRefresh()
+    uni.showToast({ title: '已为你更新内容', icon: 'success' })
+  }, 600)
+})
+</script>
+
+<style lang="scss" scoped>
+.spring-page {
+  min-height: 100vh;
+  box-sizing: border-box;
+  background: #F8F6F6;
+}
+
+/* 顶部 Banner */
+.hero {
+  position: relative;
+  margin: 24rpx auto;
+  padding: 32rpx;
+  height: 324rpx;
+  width: 92vw;
+  border-radius: 24rpx;
+  color: #fff;
+  background: url("http://file.lihailezzc.com/77ea2597-569c-4f13-b5af-22606742adcfssss.jpg");
+  background-size: cover;
+  overflow: hidden;
+
+  .hero-badge {
+    display: inline-flex;
+    align-items: center;
+    background: rgba(255,255,255,0.2);
+    border-radius: 999rpx;
+    padding: 8rpx 16rpx;
+    font-size: 22rpx;
+    .badge-dot { margin-right: 8rpx; }
+  }
+  .hero-title {
+    margin-top: 24rpx;
+    display: flex;
+    align-items: baseline;
+    .year { font-size: 44rpx; font-weight: 700; margin-right: 12rpx; }
+    .main { font-size: 44rpx; font-weight: 700; }
+  }
+  .hero-sub { margin-top: 8rpx; font-size: 24rpx; opacity: 0.9; }
+  .hero-decor {
+    position: absolute; right: 12rpx; bottom: 12rpx;
+    width: 160rpx; height: 160rpx; opacity: 0.3; border-radius: 16rpx;
+  }
+}
+
+/* 功能入口宫格 - 2x2 */
+.feature-grid {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  grid-gap: 20rpx;
+  padding: 0 24rpx;
+  margin-top: 8rpx;
+
+  .feature-item {
+     position: relative;
+    display: flex; 
+    align-items: left;
+    flex-direction: column;
+    padding: 20rpx; border-radius: 18rpx;
+    background: #fff; 
+    box-shadow: 0 6rpx 16rpx rgba(0,0,0,0.04);
+  }
+  .feature-item::after {
+    content: "";
+    position: absolute;
+    top: 0;
+    right: 0;
+    width: 60rpx;
+    height: 60rpx;
+    border-bottom-left-radius: 80rpx;
+    z-index: 1;
+    }
+    .feature-item:nth-child(1)::after,
+.feature-item:nth-child(2)::after {
+  background: #FEF2F2; /* 可换成你的主题粉 */
+}
+    .feature-item:nth-child(3)::after,
+.feature-item:nth-child(4)::after {
+  background: #FFFBEC; /* 温柔一点的黄 */
+}
+  .feature-icon {
+    width: 60rpx; 
+    height: 60rpx; 
+    border-radius: 50%;
+    padding: 5rpx;
+  }
+  .feature-texts {
+    margin-top: 20rpx;
+    display: flex; 
+    flex-direction: column;
+    .feature-title { font-size: 28rpx; color: #222; font-weight: 600; }
+    .feature-sub { font-size: 22rpx; color: #888; margin-top: 4rpx; }
+  }
+}
+
+/* 通用区块标题 */
+.section { margin-top: 28rpx; }
+.section-header {
+  display: flex; align-items: center; padding: 0 24rpx;
+  .section-bar { width: 10rpx; height: 30rpx; border-radius: 6rpx; background: #ff3b30; margin-right: 12rpx; }
+  .section-title { font-size: 28rpx; color: #222; flex: 1; font-weight: 600; }
+  .section-more { font-size: 24rpx; color: #ff3b30; }
+}
+
+/* 大家都在用 - 竖向列表 */
+.use-list { padding: 0 24rpx; margin-top: 16rpx; }
+.use-row {
+  display: flex; align-items: center; background: #fff;
+  border-radius: 18rpx; box-shadow: 0 8rpx 20rpx rgba(0,0,0,0.06);
+  padding: 16rpx; margin-bottom: 18rpx;
+}
+.thumb-wrap {
+  position: relative; width: 120rpx; height: 120rpx;
+  border-radius: 16rpx; overflow: hidden; margin-right: 16rpx;
+}
+.thumb { width: 100%; height: 100%; }
+.thumb-play {
+  position: absolute; right: 8rpx; bottom: 8rpx;
+  width: 40rpx; height: 40rpx; border-radius: 50%;
+  background: rgba(0,0,0,0.55); color: #fff; font-size: 22rpx;
+  display: flex; align-items: center; justify-content: center;
+}
+.use-right { flex: 1; display: flex; flex-direction: column; }
+.title-line { display: flex; align-items: center; }
+.use-title { font-size: 28rpx; color: #222; font-weight: 600; margin-right: 12rpx; }
+.tag {
+  font-size: 22rpx; border-radius: 999rpx; padding: 4rpx 10rpx; margin-left: 4rpx;
+  &.tag--hot { color: #ff6a00; background: #fff4eb; }
+  &.tag--featured { color: #ff4d6d; background: #fff0f3; }
+  &.tag--hot2 { color: #7c4dff; background: #f3efff; }
+}
+.use-desc { margin-top: 6rpx; font-size: 24rpx; color: #777; line-height: 1.5; }
+.use-cta { margin-top: 10rpx; font-size: 24rpx; color: #ff3b30; }
+</style>
\ No newline at end of file
diff --git a/pages/make/index.vue b/pages/make/index.vue
new file mode 100644
index 0000000..8faae1c
--- /dev/null
+++ b/pages/make/index.vue
@@ -0,0 +1,599 @@
+<template>
+  <view class="make-page" :style="{ paddingTop: getBavBarHeight() + 'px' }">
+    <!-- 预览卡片 -->
+    <view class="card-preview">
+      <image class="card-bg" :src="currentTemplate.cover" mode="aspectFill" />
+      <view class="card-overlay">
+        <view class="title">
+          <text class="main">新春快乐</text>
+          <text class="sub">2026 YEAR OF THE HORSE</text>
+        </view>
+        <view class="bubble" @tap="editBlessing">
+          <text class="bubble-text">{{ blessingText }}</text>
+        </view>
+        <view class="user">
+          <image class="avatar" src="https://file.lihailezzc.com/resource/1463f294244c11cf274a5eaae115872a.jpeg" mode="aspectFill" />
+          <view class="user-info">
+            <text class="user-name">陈小明</text>
+            <text class="user-desc">送上祝福</text>
+          </view>
+        </view>
+      </view>
+    </view>
+
+    <view class="tip-line">
+      <text>点击卡片内容即可编辑</text>
+    </view>
+
+    <!-- 编辑工具区 -->
+    <view class="editor-panel">
+      <view class="drag-handle"></view>
+
+      <!-- 功能入口 -->
+      <view class="tools">
+        <view
+          v-for="(tool, idx) in tools"
+          :key="idx"
+          class="tool-item"
+          :class="{ active: activeTool === tool.type }"
+          @tap="activeTool = tool.type"
+        >
+          <view class="tool-icon">{{ tool.icon }}</view>
+          <text class="tool-text">{{ tool.text }}</text>
+        </view>
+      </view>
+
+      <!-- 模板区 -->
+      <view v-if="activeTool === 'template'" class="section">
+        <view class="section-title">
+          <text>热门模板</text>
+          <text class="more" @tap="showMore">查看更多 ></text>
+        </view>
+        <scroll-view scroll-x class="tpl-scroll" show-scrollbar="false">
+          <view class="tpl-wrap">
+            <view
+              v-for="(tpl, i) in templates"
+              :key="i"
+              class="tpl-card"
+              :class="{ selected: tpl.id === currentTemplate.id }"
+              @tap="applyTemplate(tpl)"
+            >
+              <image :src="tpl.cover" class="tpl-cover" mode="aspectFill" />
+              <view class="tpl-name">{{ tpl.name }}</view>
+              <view v-if="tpl.id === currentTemplate.id" class="tpl-check">✔</view>
+            </view>
+          </view>
+        </scroll-view>
+      </view>
+
+      <!-- 文字编辑 -->
+      <view v-if="activeTool === 'text'" class="section">
+        <view class="section-title"><text>编辑祝福语</text></view>
+        <textarea
+          class="text-area"
+          v-model="blessingText"
+          placeholder="请输入你的新春祝福语～"
+          :maxlength="100"
+          auto-height
+          show-confirm-bar="false"
+        />
+      </view>
+
+      <!-- 图片/背景 -->
+      <view v-if="activeTool === 'image'" class="section">
+        <view class="section-title"><text>替换背景</text></view>
+        <view class="row">
+          <button class="btn" @tap="pickImage">从相册选择</button>
+          <button class="btn" @tap="resetBackground">重置为模板背景</button>
+        </view>
+      </view>
+
+      <!-- 头像挂饰 -->
+      <view v-if="activeTool === 'avatar'" class="section">
+        <view class="section-title"><text>头像挂饰</text></view>
+        <view class="row">
+          <button class="btn" @tap="toggleAvatarDecor">切换挂饰</button>
+        </view>
+      </view>
+
+      <!-- 底部操作 -->
+      <view class="bottom-actions">
+        <button class="btn secondary" @tap="preview">预览</button>
+        <button class="btn primary" @tap="shareOrSave">分享 / 保存</button>
+      </view>
+    </view>
+
+    <canvas
+  canvas-id="cardCanvas"
+  class="hidden-canvas"
+  style="width: 540px; height: 960px;"
+/>
+
+  </view>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import { getBavBarHeight } from '@/utils/system'
+
+const blessingText = ref('祝您在新的一年里：\n身体健康，万事如意！\n马到成功，财源广进！\n一马当先，前程似锦！\n龙马精神，阖家安康！\n骏马奔腾，福运常在！\n策马扬鞭，步步高升!')
+
+const tools = [
+  { type: 'template', text: '模板', icon: '▦' },
+  { type: 'text', text: '文字', icon: '文' },
+  { type: 'image', text: '图片/背景', icon: '图' },
+  { type: 'avatar', text: '头像挂饰', icon: '饰' }
+]
+const activeTool = ref('template')
+
+const templates = ref([
+  { id: 1, name: '金典红金', cover: 'https://file.lihailezzc.com/20260109082842_666_1.jpg' },
+  { id: 2, name: '富贵花开', cover: 'https://file.lihailezzc.com/20260108222141_644_1.jpg' },
+  { id: 3, name: '大气字法', cover: 'https://file.lihailezzc.com/20260108222141_644_1.jpg' },
+  { id: 4, name: '萌趣马年', cover: 'https://file.lihailezzc.com/20260109082842_666_1.jpg' }
+])
+
+const currentTemplate = ref(templates.value[0])
+
+const applyTemplate = (tpl) => {
+  currentTemplate.value = tpl
+}
+
+const editBlessing = () => {
+  uni.showModal({
+    title: '编辑祝福语',
+    editable: true,
+    content: blessingText.value,
+    success: ({ confirm, content }) => {
+      if (confirm && content !== undefined) blessingText.value = content
+    }
+  })
+}
+
+const pickImage = () => {
+  uni.chooseImage({
+    count: 1,
+    success: (res) => {
+      const path = res.tempFilePaths?.[0]
+      if (path) currentTemplate.value = { ...currentTemplate.value, cover: path }
+    }
+  })
+}
+
+const resetBackground = () => {
+  currentTemplate.value = templates.value[0]
+}
+
+const toggleAvatarDecor = () => {
+  uni.showToast({ title: '挂饰功能即将上线～', icon: 'none' })
+}
+
+const preview = () => {
+  uni.showToast({ title: '预览生成中…', icon: 'none' })
+}
+
+const shareOrSave = () => {
+    saveByCanvas()
+  uni.showToast({ title: '已保存到相册并可分享', icon: 'none' })
+}
+
+const showMore = () => {
+  uni.showToast({ title: '更多模板即将上线～', icon: 'none' })
+}
+
+const saveByCanvas = async () => {
+  const ctx = uni.createCanvasContext('cardCanvas')
+
+  // 画布尺寸（rpx 转 px）
+  const W = 540
+  const H = 960
+
+  // 1️⃣ 画背景
+   // ⭐ 先加载背景图
+  const bgPath = await loadImage(currentTemplate.value.cover)
+  const avatarPath = await loadImage('https://file.lihailezzc.com/resource/1463f294244c11cf274a5eaae115872a.jpeg')
+  console.log(111111, bgPath)
+
+  ctx.drawImage(
+    bgPath,
+    0,
+    0,
+    W,
+    H
+  )
+
+  // 2️⃣ 半透明遮罩（和你 UI 一致）
+  ctx.setFillStyle('rgba(0,0,0,0.08)')
+  ctx.fillRect(0, 0, W, H)
+
+  // 3️⃣ 标题
+  ctx.setFillStyle('#ffffff')
+  ctx.setFontSize(42)
+  ctx.setTextAlign('center')
+  ctx.fillText('新春快乐', W / 2, 120)
+
+  ctx.setFontSize(22)
+  ctx.setGlobalAlpha(0.9)
+  ctx.fillText('2026 YEAR OF THE HORSE', W / 2, 165)
+  ctx.setGlobalAlpha(1)
+
+  // 4️⃣ 祝福语气泡
+  drawBubbleText(ctx, {
+  text: blessingText.value,
+  x: 70,
+  y: 260,
+  maxWidth: 400,
+  fontSize: 32,
+  lineHeight: 46,
+  backgroundColor: 'rgba(255,255,255,0.85)'
+})
+
+  // 5️⃣ 用户信息
+  ctx.save()
+  ctx.beginPath()
+  ctx.arc(80, H - 80, 32, 0, Math.PI * 2)
+  ctx.clip()
+  ctx.drawImage(
+    avatarPath,
+    48,
+    H - 112,
+    64,
+    64
+  )
+  ctx.restore()
+
+  ctx.setFillStyle('#ffffff')
+  ctx.setFontSize(24)
+  ctx.fillText('zzc', 150, H - 85)
+
+  ctx.setFontSize(20)
+  ctx.setGlobalAlpha(0.6)
+  ctx.fillText('送上祝福', 150, H - 55)
+  ctx.setGlobalAlpha(1)
+
+  // 6️⃣ 输出
+  ctx.draw(false, () => {
+    uni.canvasToTempFilePath({
+      canvasId: 'cardCanvas',
+      success: res => {
+        saveImage(res.tempFilePath)
+      }
+    })
+  })
+}
+
+const loadImage = (url) => {
+  return new Promise((resolve, reject) => {
+    uni.getImageInfo({
+      src: url,
+      success: res => {
+        resolve(res.path) // 本地路径
+      },
+      fail: err => {
+        reject(err)
+      }
+    })
+  })
+}
+
+const getImageInfo = (url) => {
+  return new Promise((resolve, reject) => {
+    uni.getImageInfo({
+      src: url,
+      success: resolve,
+      fail: reject
+    })
+  })
+}
+
+const drawImageCover = (ctx, imgPath, canvasW, canvasH, imgW, imgH) => {
+  const scale = Math.max(canvasW / imgW, canvasH / imgH)
+
+  const drawW = imgW * scale
+  const drawH = imgH * scale
+
+  const dx = (canvasW - drawW) / 2
+  const dy = (canvasH - drawH) / 2
+
+  ctx.drawImage(imgPath, dx, dy, drawW, drawH)
+}
+
+const saveImage = (path) => {
+  uni.saveImageToPhotosAlbum({
+    filePath: path,
+    success() {
+      uni.showToast({ title: '已保存到相册' })
+    },
+    fail() {
+      uni.showModal({
+        title: '提示',
+        content: '请授权保存到相册'
+      })
+    }
+  })
+}
+
+
+function drawBubbleText(ctx, options) {
+  const {
+    text,
+    x,
+    y,
+    maxWidth = 400,
+    padding = 84,
+    lineHeight = 42,
+    radius = 24,
+    backgroundColor = 'rgba(255,255,255,0.9)',
+    textColor = '#fff',
+    fontSize = 32,
+    fontFamily = 'PingFang SC'
+  } = options
+
+  if (!text) return
+
+  ctx.setFontSize(fontSize)
+  ctx.setFillStyle(textColor)
+  ctx.font = `${fontSize}px ${fontFamily}`
+
+  // 1️⃣ 文本自动换行
+  const lines = []
+  let currentLine = ''
+
+  for (let i = 0; i < text.length; i++) {
+    const testLine = currentLine + text[i]
+    const metrics = ctx.measureText(testLine)
+    if (metrics.width > maxWidth - padding * 2) {
+      lines.push(currentLine)
+      currentLine = text[i]
+    } else {
+      currentLine = testLine
+    }
+  }
+  lines.push(currentLine)
+
+  // 2️⃣ 计算气泡尺寸
+  const bubbleWidth =
+    Math.min(
+      maxWidth,
+      Math.max(
+        ...lines.map(line => ctx.measureText(line).width)
+      ) + padding * 2
+    )
+
+  const bubbleHeight = lines.length * lineHeight + padding * 2
+
+  // 3️⃣ 绘制气泡（圆角矩形）
+  drawRoundRect(
+    ctx,
+    x,
+    y,
+    bubbleWidth,
+    bubbleHeight,
+    radius,
+    backgroundColor
+  )
+
+  // 4️⃣ 绘制文字
+  ctx.setFillStyle(textColor)
+  lines.forEach((line, index) => {
+    ctx.fillText(
+      line,
+      x + padding,
+      y + padding + (index + 1) * lineHeight - 10
+    )
+  })
+}
+
+function drawRoundRect(ctx, x, y, w, h, r, color) {
+  ctx.beginPath()
+//   ctx.setFillStyle(color)
+ctx.fillStyle = 'rgba(255,255,255,0.18)'
+ctx.fill()
+
+// 描边（非常关键）
+ctx.strokeStyle = 'rgba(255,255,255,0.35)'
+ctx.lineWidth = 1
+ctx.stroke()
+
+  ctx.moveTo(x + r, y)
+  ctx.lineTo(x + w - r, y)
+  ctx.arcTo(x + w, y, x + w, y + r, r)
+  ctx.lineTo(x + w, y + h - r)
+  ctx.arcTo(x + w, y + h, x + w - r, y + h, r)
+  ctx.lineTo(x + r, y + h)
+  ctx.arcTo(x, y + h, x, y + h - r, r)
+  ctx.lineTo(x, y + r)
+  ctx.arcTo(x, y, x + r, y, r)
+  ctx.closePath()
+  ctx.fill()
+}
+
+
+
+</script>
+
+<style lang="scss" scoped>
+.make-page {
+  min-height: 100vh;
+  background: #fff;
+  box-sizing: border-box;
+}
+
+/* 卡片预览 */
+.card-preview {
+  margin: 24rpx auto;
+  height: 960rpx;
+  width: 540rpx;
+  border-radius: 30rpx;
+  overflow: hidden;
+  position: relative;
+  box-shadow: 0 16rpx 40rpx rgba(0,0,0,0.12);
+}
+.card-bg {
+  width: 100%;
+  height: 100%;
+}
+.card-overlay {
+  position: absolute;
+  inset: 0;
+  padding: 30rpx;
+  color: #fff;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.card-overlay .title {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    margin-top: 60rpx;
+}
+.title .main {
+  font-size: 42rpx;
+  font-weight: 700;
+}
+.title .sub {
+  margin-top: 8rpx;
+  font-size: 22rpx;
+  opacity: 0.9;
+}
+.bubble {
+  margin-top: 80rpx;
+  background: rgba(255, 255, 255, 0.18);
+  border: 1rpx solid rgba(255, 255, 255, 0.35);
+  border-radius: 26rpx;
+  padding: 40rpx;
+  max-width: 560rpx;
+  backdrop-filter: blur(10rpx);
+}
+.bubble-text {
+  font-size: 26rpx;
+  line-height: 1.6;
+}
+.user {
+    position: absolute;
+    bottom: 40rpx;
+  display: flex;
+  align-items: center;
+  background: rgba(255, 255, 255, 0.18);
+  border: 1rpx solid rgba(255, 255, 255, 0.35);
+   border-radius: 9999rpx;
+  padding: 15rpx;
+  padding-left: 20rpx;
+  padding-right: 20rpx;
+}
+.avatar {
+  width: 64rpx;
+  height: 64rpx;
+  border-radius: 50%;
+  margin-right: 14rpx;
+  border: 2rpx solid rgba(255,255,255,0.6);
+}
+.user .user-info{
+    display: flex;
+    flex-direction: column;
+}
+.user-name { font-size: 24rpx; font-weight: 600; }
+.user-desc { font-size: 20rpx; opacity: 0.6; }
+
+/* 顶部提示 */
+.tip-line {
+  text-align: center;
+  color: #999;
+  font-size: 22rpx;
+}
+
+/* 编辑工具区 */
+.editor-panel {
+  margin: 20rpx 24rpx 40rpx;
+  border-radius: 30rpx 30rpx 0 0;
+  background: #fff;
+  box-shadow: 0 -10rpx 30rpx rgba(0,0,0,0.06);
+  padding-bottom: env(safe-area-inset-bottom);
+}
+.drag-handle {
+  width: 120rpx; height: 8rpx; border-radius: 999rpx;
+  background: #eee; margin: 12rpx auto;
+}
+
+/* 工具入口 */
+.tools {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  padding: 16rpx 24rpx 8rpx;
+}
+.tool-item {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 14rpx 0;
+  border-radius: 18rpx;
+  color: #666;
+}
+.tool-item.active {
+  background: #fff6f5;
+  color: #ff3b30;
+}
+.tool-icon {
+  width: 64rpx; height: 64rpx;
+  border-radius: 16rpx;
+  background: #fafafa;
+  display: flex; align-items: center; justify-content: center;
+  margin-bottom: 8rpx;
+}
+.tool-text { font-size: 22rpx; }
+
+/* 模板区 */
+.section { padding: 12rpx 24rpx 0; }
+.section-title {
+  display: flex; align-items: center;
+}
+.section-title .more {
+  margin-left: auto;
+  color: #ff3b30;
+  font-size: 24rpx;
+}
+.tpl-scroll { margin-top: 12rpx; }
+.tpl-wrap { display: flex; }
+.tpl-card {
+  width: 180rpx; height: 240rpx;
+  border-radius: 18rpx; overflow: hidden;
+  background: #fff; margin-right: 16rpx;
+  position: relative;
+  box-shadow: 0 8rpx 20rpx rgba(0,0,0,0.06);
+}
+.tpl-card.selected { outline: 4rpx solid #ff3b30; }
+.tpl-cover { width: 100%; height: 160rpx; }
+.tpl-name {
+  font-size: 22rpx; color: #333;
+  padding: 8rpx 12rpx;
+}
+.tpl-check {
+  position: absolute; right: 10rpx; top: 10rpx;
+  width: 36rpx; height: 36rpx; border-radius: 50%;
+  background: #ff3b30; color: #fff; font-size: 22rpx;
+  display: flex; align-items: center; justify-content: center;
+}
+
+/* 按钮区 */
+.bottom-actions {
+  display: flex; align-items: center; justify-content: space-between;
+  padding: 20rpx 24rpx 30rpx;
+}
+.btn {
+  height: 88rpx; border-radius: 999rpx; padding: 0 40rpx;
+  font-size: 28rpx;
+}
+.btn.secondary {
+  background: #f5f5f5; color: #333;
+}
+.btn.primary {
+  background: #ff3b30; color: #fff;
+  box-shadow: 0 12rpx 24rpx rgba(255,59,48,0.35);
+}
+.hidden-canvas {
+  position: fixed;
+  left: -9999px;
+  top: -9999px;
+}
+</style>
\ No newline at end of file
diff --git a/pages/message/message.vue b/pages/message/message.vue
new file mode 100644
index 0000000..771a42c
--- /dev/null
+++ b/pages/message/message.vue
@@ -0,0 +1,20 @@
+<template>
+	<view class="message-content">
+		
+	</view>
+</template>
+
+<script setup>
+
+</script>
+
+<style lang="scss">
+.message-content {
+	display: flex;
+	flex-direction: column;
+	height: 100vh;
+	background: linear-gradient(to bottom, #D6EDD8 0%, #F4E2D8 100%);
+}
+  
+  
+</style>
\ No newline at end of file
diff --git a/pages/mine/mine.vue b/pages/mine/mine.vue
new file mode 100644
index 0000000..751a0e9
--- /dev/null
+++ b/pages/mine/mine.vue
@@ -0,0 +1,303 @@
+<template>
+	<view class="mine-content">
+		<!-- 顶部区域 -->
+		<view class="mine-top-panel" :style="{ paddingTop: getBavBarHeight() + 'px' }">
+		  <view class="user-info">
+		    <!-- 根据登录状态显示不同内容 -->
+		    <view v-if="isLoggedIn" class="user-logged-in">
+		      <image :src="userInfo.avatarUrl" class="avatar" mode="aspectFill" />
+			  <view class="user-logged-in-info">
+				  <text class="nickname">{{ userInfo.nickName }}</text>
+				  <text class="phone">19969024553</text>
+			  </view>
+		    </view>
+		    
+		    <view v-else class="user-not-logged-in">
+		      <image :src="defaultAvatarUrl" class="avatar" mode="aspectFill" />
+		      <button class="login-button" @tap="openPopup">点击登录</button>
+		    </view>
+		  </view>
+		</view>
+		
+		<view class="mine-middle-panel">
+		  <view class="mine-info-panel">
+			  <view>0.00</view>
+			  <view>我的余额</view>
+		  </view>
+		  
+		  <view class="mine-info-panel">
+			  <view>0</view>
+			  <view>优惠卷</view>
+		  </view>
+		  
+		  <view class="mine-info-panel">
+			  <view>0</view>
+			  <view>积分</view>
+		  </view>
+		  
+		  <view class="mine-info-panel">
+			  <view>0</view>
+			  <view>我的收藏</view>
+		  </view>
+		</view>
+		
+		<!-- 登录弹窗 -->
+		<uni-popup ref="popupRef" type="bottom" :safe-area="false">
+		  <view class="popup-container">
+		    <view class="popup-header">
+		      <text class="popup-title">登录授权</text>
+		    </view>
+		
+		    <view class="avatar-nickname">
+		      <button open-type="chooseAvatar" @chooseavatar="onChooseAvatar" class="avatar-selector">
+		        <image v-if="avatarUrl" :src="avatarUrl" class="avatar-preview" />
+		        <text v-else>获取头像</text>
+		      </button>
+		      <input 
+		        class="nickname-input" 
+		        type="nickname" 
+		        v-model="nickname" 
+		        placeholder="请输入昵称" 
+		      />
+		    </view>
+		
+		    <button class="confirm-btn" @tap="confirmLogin">确认登录</button>
+		  </view>
+		</uni-popup>
+	</view>
+</template>
+
+<script setup>
+import { ref, computed, onMounted } from 'vue'
+import { wxLogin } from '@/utils/login.js'
+import { getPlatformProvider, getBavBarHeight } from '@/utils/system'
+import { useUserStore } from '@/stores/user'
+import { apiLogin } from '@/api/auth.js'
+
+const userStore = useUserStore()
+const popupRef = ref(null)
+
+// 用户输入的临时信息
+const avatarUrl = ref('')
+const nickname = ref('')
+
+// 从store获取用户信息（改为计算属性）
+const userInfo = computed(() => ({
+  nickName: userStore.userInfo.nickName || '未登录',
+  avatarUrl: userStore.userInfo.avatarUrl || defaultAvatarUrl
+}))
+
+// 判断用户是否已登录
+const isLoggedIn = computed(() => !!userStore.userInfo.nickName)
+
+// 默认头像
+const defaultAvatarUrl = 'https://file.lihailezzc.com/resource/d9b329082b32f8305101f708593a4882.png'
+
+// 获取状态栏高度
+const bavBarHeight = ref(0)
+
+onMounted(() => {
+  // 确保高度值在组件挂载后获取
+  bavBarHeight.value = getBavBarHeight()
+})
+
+const openPopup = () => {
+  popupRef.value.open()
+}
+
+const onChooseAvatar = (e) => {
+  avatarUrl.value = e.detail.avatarUrl
+}
+
+const confirmLogin = async () => {
+  if (!nickname.value || !avatarUrl.value) {
+    return uni.showToast({ title: '请填写完整信息', icon: 'none' })
+  }
+
+  try {
+    const platform = getPlatformProvider()
+    if (platform === 'mp-weixin') {
+      const code = await wxLogin()
+      console.log('准备登录：', { code, nickname: nickname.value, avatarUrl: avatarUrl.value })
+	  // console.log('准备登录：', { code, nickname: nickname.value, avatarUrl: 'http://tmp/HXhtcEwQ5A3B58476c91ba545ab67c6bf9c67d9c2559.jpeg' })
+	  
+	  const fileKeyRes = await uni.uploadFile({
+		url: 'https://apis.lihailezzc.com/api/common/upload',
+		filePath: avatarUrl.value,
+		name: 'file',  // 和后端接收文件字段名一致
+		header: {
+		    'x-app-id': '6846f093fdf841f6189ef0b5',
+		 },
+	  })
+	  if(fileKeyRes.statusCode < 400) {
+		  const keyJson = JSON.parse(fileKeyRes.data)
+		  const url = `https://file.lihailezzc.com/${keyJson?.data.key}`
+		  const loginRes = await apiLogin({ code, nickname: nickname.value, avatarUrl: url })
+		  // 保存用户信息到store
+		  userStore.setUserInfo({
+			nickName: nickname.value,
+			avatarUrl: avatarUrl.value,
+		  })
+		  
+		  userStore.setToken(loginRes.token)
+		  
+		  uni.showToast({ title: '登录成功', icon: 'success' })
+		  popupRef.value.close()
+		  
+		  // 重置临时变量
+		  avatarUrl.value = ''
+		  nickname.value = ''
+	  } else {
+		  throw Error('获取失败')
+	  }
+  
+    }
+  } catch (err) {
+    uni.showToast({ title: '登录失败', icon: 'none' })
+    console.error(err)
+  }
+}
+</script>
+
+<style lang="scss">
+.mine-content {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	height: 100vh;
+	background: #F9F6F2;
+	
+	button {
+	    border: none;
+		outline: none;
+		background-color: transparent;
+		padding: 0;
+		margin: 0;
+		line-height: normal;
+	    font-family: inherit;
+	}
+	  
+	button::after {
+		border: none;
+	}
+	
+	.mine-top-panel{
+		width: 100vw;
+		height: 500rpx;
+		background-color: #beecd8;
+		border-bottom-left-radius: 50% 50rpx;
+		border-bottom-right-radius: 50% 50rpx;
+		overflow: hidden;
+		.user-info{
+			padding-left: 40rpx;
+			image {
+				width: 150rpx;
+				height: 150rpx;
+				border-radius: 50%;
+			}
+			.user-logged-in{
+				display: flex;
+				align-items: center;
+				.user-logged-in-info{
+					padding-left: 20rpx;
+					display: flex;
+					flex-direction: column;
+					.nickname{
+						color: #1a1a1a;
+						font-weight: 800;
+					}
+					.phone{
+						color: #000;
+					}
+				}
+			}
+			.user-not-logged-in{
+				display: flex;
+				align-items: center;
+				.login-button{
+					padding-left: 20rpx;
+				}
+			}
+		}
+	}
+	.mine-middle-panel{
+		width: 90vw;
+		height: 200rpx;
+		background-color: #fff;
+		margin-top: -100rpx;
+		border-radius: 20rpx; /* 四角小圆角 */
+		box-shadow: 0 8rpx 16rpx rgba(0, 0, 0, 0.05); /* 柔和阴影 */
+		display: flex;
+		justify-content: space-between;
+		padding-left: 20rpx;
+		padding-right: 20rpx;
+		.mine-info-panel{
+			display: flex;
+			flex-direction: column;
+			justify-content: center;
+			align-items: center;
+			width: 23%;
+		}
+	}
+}
+/* 弹窗样式 */
+.popup-container {
+  background-color: #fff;
+  padding: 40rpx 30rpx 60rpx;
+  border-top-left-radius: 30rpx;
+  border-top-right-radius: 30rpx;
+
+  .popup-header {
+    text-align: center;
+    margin-bottom: 30rpx;
+
+    .popup-title {
+      font-size: 36rpx;
+      font-weight: bold;
+    }
+  }
+
+  .avatar-nickname {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    margin-bottom: 30rpx;
+
+    .avatar-selector {
+      width: 145rpx;
+      height: 145rpx;
+      border-radius: 50%;
+      font-size: 26rpx;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-bottom: 20rpx;
+      background-color: #eee;
+    }
+    
+    .avatar-preview {
+      width: 100%;
+      height: 100%;
+      border-radius: 50%;
+    }
+
+    .nickname-input {
+      width: 80%;
+      border: 1rpx solid #ccc;
+      border-radius: 20rpx;
+      padding: 20rpx;
+      font-size: 26rpx;
+      text-align: center;
+    }
+  }
+
+  .confirm-btn {
+    background-color: #07c160;
+    color: white;
+    font-size: 30rpx;
+    border-radius: 50rpx;
+    padding: 20rpx 0;
+    width: 100%;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/pages/spring/index.vue b/pages/spring/index.vue
new file mode 100644
index 0000000..42e0c82
--- /dev/null
+++ b/pages/spring/index.vue
@@ -0,0 +1,360 @@
+<template>
+  <view class="spring-page" :style="{ paddingTop: getBavBarHeight() + 'px' }">
+    <!-- 顶部 Banner -->
+    <view class="hero">
+      <view class="hero-badge">
+        <text class="badge-dot">•</text>
+        <text class="badge-text">距春节还有 15 天</text>
+      </view>
+      <view class="hero-title">
+        <text class="year">2026</text>
+        <text class="main">新春祝福</text>
+      </view>
+      <text class="hero-sub">新年快乐，万事如意</text>
+      <image class="hero-decor" src="https://file.lihailezzc.com/resource/58c8d19e5f2d9c958a7b8b9f44b8c3e3.png" mode="aspectFill" />
+    </view>
+
+    <!-- 功能入口宫格 -->
+    <view class="feature-grid">
+      <view
+        v-for="(item, idx) in features"
+        :key="idx"
+        class="feature-item"
+        @tap="onFeatureTap(item)"
+      >
+        <image class="feature-icon" :src="item.icon" mode="aspectFill" />
+        <view class="feature-texts">
+          <text class="feature-title">{{ item.title }}</text>
+          <text class="feature-sub">{{ item.subtitle }}</text>
+        </view>
+      </view>
+    </view>
+
+    <!-- 大家都在用 -->
+    <view class="section">
+      <view class="section-header">
+        <view class="section-bar"></view>
+        <text class="section-title">大家都在用</text>
+        <text class="section-more" @tap="onMore('use')">更多</text>
+      </view>
+      <scroll-view scroll-x class="cards-scroll" show-scrollbar="false">
+        <view class="cards-wrap">
+          <view v-for="(card, i) in popularCards" :key="i" class="use-card" @tap="previewCard(card)">
+            <image :src="card.cover" class="use-cover" mode="aspectFill" />
+            <view class="use-info">
+              <text class="use-title">{{ card.title }}</text>
+              <text class="use-sub">{{ card.sub }}</text>
+            </view>
+          </view>
+        </view>
+      </scroll-view>
+    </view>
+
+    <!-- 最新祝福 -->
+    <view class="section">
+      <view class="section-header">
+        <view class="section-bar"></view>
+        <text class="section-title">最新祝福</text>
+      </view>
+
+      <view class="feed-list">
+        <view v-for="(post, i) in feeds" :key="i" class="feed-item">
+          <view class="feed-header">
+            <image :src="post.avatar" class="feed-avatar" mode="aspectFill" />
+            <view class="feed-user">
+              <text class="feed-name">{{ post.name }}</text>
+              <text class="feed-time">{{ post.time }}</text>
+            </view>
+          </view>
+          <view class="feed-content">
+            <text class="feed-text">{{ post.text }}</text>
+            <image v-if="post.image" :src="post.image" class="feed-image" mode="aspectFill" />
+          </view>
+          <view class="feed-actions">
+            <view class="action" @tap="like(i)">
+              <text class="icon">❤</text>
+              <text>{{ post.likes }}</text>
+            </view>
+            <view class="action" @tap="comment(i)">
+              <text class="icon">💬</text>
+              <text>{{ post.comments }}</text>
+            </view>
+            <view class="action" @tap="share(i)">
+              <text class="icon">↗</text>
+              <text>分享</text>
+            </view>
+          </view>
+        </view>
+      </view>
+
+      <view class="see-more" @tap="onMore('feed')">查看更多祝福…</view>
+    </view>
+
+    <!-- 底部中间发布按钮 -->
+    <view class="fab" @tap="createGreeting">
+      <text class="fab-plus">＋</text>
+    </view>
+  </view>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import { onPullDownRefresh } from '@dcloudio/uni-app'
+import { getBavBarHeight } from '@/utils/system'
+
+const features = ref([
+  { title: '新春祝福卡片', subtitle: '龙年贺卡', icon: 'https://file.lihailezzc.com/resource/6b6cb83abf3a9c9b78a4744238b5b851.png', type: 'card' },
+  { title: '视频拜年', subtitle: 'AI合成短视频', icon: 'https://file.lihailezzc.com/resource/1a7b4b9d2b9b4bcb88f14c9f1ef4413a.png', type: 'video' },
+  { title: '新春头像装饰', subtitle: '锦上添花', icon: 'https://file.lihailezzc.com/resource/5e7d2b8d1c34c22f9c4f4f4cb4cba70d.png', type: 'avatar_decor' },
+  { title: '马年主题头像框', subtitle: '2026限定', icon: 'https://file.lihailezzc.com/resource/9f80ab295b7e0a7a5f62c3b0f2d7a11c.png', type: 'avatar_frame' },
+])
+
+const popularCards = ref([
+  { title: '极简祝福金框', sub: '极简风格', cover: 'https://file.lihailezzc.com/resource/7a5b2f2f5d6c42b5b21b8b1c9b28a3a1.jpg' },
+  { title: '红包封面', sub: '新春限定', cover: 'https://file.lihailezzc.com/resource/9b3d2a1a4c7b4a4a9e3b94c4a2b9c3e2.jpg' },
+  { title: '新春大拜年卡', sub: '全家福', cover: 'https://file.lihailezzc.com/resource/3a2b1c9d7e6f5a4b3c2d1e0f9a8b7c6d.jpg' }
+])
+
+const feeds = ref([
+  {
+    name: '陈小明',
+    time: '刚刚',
+    avatar: 'https://file.lihailezzc.com/resource/1463f294244c11cf274a5eaae115872a.jpeg',
+    text: '祝大家新的一年万事如意，阖家幸福！龙年行大运，喜气满满～✨',
+    image: 'https://file.lihailezzc.com/resource/02b7d1f8a9c34f2b8a2a7d4e9b1a5c8d.jpg',
+    likes: 12,
+    comments: 3
+  },
+  {
+    name: '李华',
+    time: '5分钟前',
+    avatar: 'https://file.lihailezzc.com/resource/1463f294244c11cf274a5eaae115872a.jpeg',
+    text: '新年快乐！祝朋友们身体健康、工作顺利，2026马到成功～',
+    image: '',
+    likes: 8,
+    comments: 2
+  },
+  {
+    name: '王伟',
+    time: '10分钟前',
+    avatar: 'https://file.lihailezzc.com/resource/1463f294244c11cf274a5eaae115872a.jpeg',
+    text: '给你们拜年啦！',
+    image: 'https://file.lihailezzc.com/resource/1c2d3e4f5a6b7c8d9e0f1a2b3c4d5e6f.jpg',
+    likes: 6,
+    comments: 1
+  }
+])
+
+const onFeatureTap = (item) => {
+  uni.showToast({ title: `进入：${item.title}`, icon: 'none' })
+  // 可跳转到对应功能页面
+  // uni.navigateTo({ url: `/pages/${item.type}/index` })
+}
+
+const previewCard = (card) => {
+  uni.previewImage({ urls: [card.cover] })
+}
+
+const onMore = (type) => {
+  uni.showToast({ title: '即将开放～', icon: 'none' })
+}
+
+const like = (index) => {
+  feeds.value[index].likes += 1
+}
+
+const comment = (index) => {
+  uni.showToast({ title: '评论功能开发中～', icon: 'none' })
+}
+
+const share = () => {
+  uni.showShareMenu && uni.showShareMenu()
+}
+
+const createGreeting = () => {
+  uni.showToast({ title: '去发布祝福～', icon: 'none' })
+}
+
+onPullDownRefresh(() => {
+  setTimeout(() => {
+    uni.stopPullDownRefresh()
+    uni.showToast({ title: '已为你更新内容', icon: 'success' })
+  }, 600)
+})
+</script>
+
+<style lang="scss" scoped>
+.spring-page {
+  min-height: 100vh;
+  box-sizing: border-box;
+  background: #fff;
+}
+
+/* 顶部 Banner */
+.hero {
+  position: relative;
+  margin: 24rpx;
+  padding: 32rpx;
+  border-radius: 24rpx;
+  color: #fff;
+  background: linear-gradient(180deg, #e52e2e 0%, #c61a1a 100%);
+  overflow: hidden;
+
+  .hero-badge {
+    display: inline-flex;
+    align-items: center;
+    background: rgba(255,255,255,0.2);
+    border-radius: 999rpx;
+    padding: 8rpx 16rpx;
+    font-size: 22rpx;
+    .badge-dot { margin-right: 8rpx; }
+  }
+  .hero-title {
+    margin-top: 24rpx;
+    display: flex;
+    align-items: baseline;
+    .year {
+      font-size: 44rpx;
+      font-weight: 700;
+      margin-right: 12rpx;
+    }
+    .main {
+      font-size: 44rpx;
+      font-weight: 700;
+    }
+  }
+  .hero-sub {
+    margin-top: 8rpx;
+    font-size: 24rpx;
+    opacity: 0.9;
+  }
+  .hero-decor {
+    position: absolute;
+    right: 12rpx;
+    bottom: 12rpx;
+    width: 160rpx;
+    height: 160rpx;
+    opacity: 0.3;
+    border-radius: 16rpx;
+  }
+}
+
+/* 功能入口宫格 - 2x2 */
+.feature-grid {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  grid-gap: 20rpx;
+  padding: 0 24rpx;
+  margin-top: 8rpx;
+
+  .feature-item {
+    display: flex;
+    align-items: center;
+    padding: 20rpx;
+    border-radius: 18rpx;
+    background: #f9f5f0;
+    box-shadow: 0 6rpx 16rpx rgba(0,0,0,0.04);
+  }
+  .feature-icon {
+    width: 80rpx;
+    height: 80rpx;
+    border-radius: 12rpx;
+    margin-right: 16rpx;
+    background: #fff;
+  }
+  .feature-texts {
+    display: flex;
+    flex-direction: column;
+    .feature-title {
+      font-size: 28rpx; color: #222; font-weight: 600;
+    }
+    .feature-sub {
+      font-size: 22rpx; color: #888; margin-top: 8rpx;
+    }
+  }
+}
+
+/* 通用区块标题 */
+.section {
+  margin-top: 28rpx;
+
+  .section-header {
+    display: flex;
+    align-items: center;
+    padding: 0 24rpx;
+    .section-bar {
+      width: 10rpx; height: 30rpx; border-radius: 6rpx; background: #ff3b30; margin-right: 12rpx;
+    }
+    .section-title { font-size: 28rpx; color: #222; flex: 1; font-weight: 600; }
+    .section-more { font-size: 24rpx; color: #999; }
+  }
+}
+
+/* 大家都在用 - 横滑卡片 */
+.cards-scroll {
+  margin-top: 16rpx;
+  padding-left: 24rpx;
+}
+.cards-wrap { display: flex; }
+.use-card {
+  width: 260rpx;
+  flex-shrink: 0;
+  margin-right: 18rpx;
+  border-radius: 18rpx;
+  background: #fff;
+  box-shadow: 0 8rpx 20rpx rgba(0,0,0,0.06);
+  overflow: hidden;
+
+  .use-cover { width: 100%; height: 200rpx; }
+  .use-info { padding: 16rpx; }
+  .use-title { font-size: 26rpx; color: #333; font-weight: 600; }
+  .use-sub { font-size: 22rpx; color: #999; margin-top: 6rpx; }
+}
+
+/* 已移除：.cards-scroll、feed-list、feed-item、feed-header、feed-avatar、feed-user、feed-name、feed-time、feed-content、feed-text、feed-image、feed-actions、.see-more */
+.feed-list { padding: 0 24rpx; }
+.feed-item {
+  padding: 22rpx 0;
+  border-bottom: 1rpx solid #f0f0f0;
+}
+.feed-header { display: flex; align-items: center; }
+.feed-avatar {
+  width: 64rpx; height: 64rpx; border-radius: 50%; margin-right: 16rpx;
+}
+.feed-user { display: flex; flex-direction: column; }
+.feed-name { font-size: 26rpx; color: #333; font-weight: 600; }
+.feed-time { font-size: 22rpx; color: #999; margin-top: 6rpx; }
+.feed-content { margin-top: 12rpx; }
+.feed-text { font-size: 26rpx; color: #333; line-height: 1.6; }
+.feed-image { width: 100%; height: 280rpx; border-radius: 12rpx; margin-top: 12rpx; background: #f6f6f6; }
+.feed-actions {
+  margin-top: 12rpx;
+  display: flex;
+  .action {
+    display: inline-flex;
+    align-items: center;
+    margin-right: 24rpx;
+    color: #666;
+    .icon { margin-right: 8rpx; }
+  }
+}
+
+.see-more {
+  margin: 24rpx; padding: 18rpx 0; text-align: center;
+  color: #999; font-size: 24rpx;
+}
+
+/* 发布悬浮按钮 */
+.fab {
+  position: fixed;
+  left: 50%; transform: translateX(-50%);
+  bottom: 60rpx;
+  width: 100rpx; height: 100rpx;
+  border-radius: 50%;
+  background: #ff3b30;
+  color: #fff;
+  display: flex; align-items: center; justify-content: center;
+  box-shadow: 0 12rpx 24rpx rgba(255,59,48,0.4);
+  .fab-plus { font-size: 48rpx; line-height: 1; }
+}
+</style>
\ No newline at end of file
diff --git a/static/icon/celebrate.png b/static/icon/celebrate.png
new file mode 100644
index 0000000000000000000000000000000000000000..09a8f611070c74be0fa1643d80d198385fdd2037
GIT binary patch
literal 6079
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

literal 0
HcmV?d00001

diff --git a/static/icon/guashi.png b/static/icon/guashi.png
new file mode 100644
index 0000000000000000000000000000000000000000..1e1bac18175ce7ca90da3991a9e9a3fc22e945b6
GIT binary patch
literal 3968
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
aR09BlbHh@?H+O;n0000<MNUMnLSTa3_*QTL

literal 0
HcmV?d00001

diff --git a/static/icon/hongbao.png b/static/icon/hongbao.png
new file mode 100644
index 0000000000000000000000000000000000000000..af9c4fc0cb33437a345dc7cab1e0ceaf99804a58
GIT binary patch
literal 5369
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
DK)2^-

literal 0
HcmV?d00001

diff --git a/static/icon/yunshi.png b/static/icon/yunshi.png
new file mode 100644
index 0000000000000000000000000000000000000000..561fd6776c084eb406947a9cc960dceab9b59443
GIT binary patch
literal 6424
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

literal 0
HcmV?d00001

diff --git a/static/images/tabBar/home.png b/static/images/tabBar/home.png
new file mode 100644
index 0000000000000000000000000000000000000000..ad2a1477cd4d23a2ec5cb8b6cc7b11524497e1c2
GIT binary patch
literal 3634
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

literal 0
HcmV?d00001

diff --git a/static/images/tabBar/home_s.png b/static/images/tabBar/home_s.png
new file mode 100644
index 0000000000000000000000000000000000000000..babf3d41c211ef519ffacb3c41fe546c93716197
GIT binary patch
literal 3653
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

literal 0
HcmV?d00001

diff --git a/static/images/tabBar/me.png b/static/images/tabBar/me.png
new file mode 100644
index 0000000000000000000000000000000000000000..8c8e736abd03d5b8e184b2113ef7c023d4d5380c
GIT binary patch
literal 4007
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

literal 0
HcmV?d00001

diff --git a/static/images/tabBar/me_s.png b/static/images/tabBar/me_s.png
new file mode 100644
index 0000000000000000000000000000000000000000..5fad5adc995e86e8e2cae16e99d50d64ca2541e2
GIT binary patch
literal 4009
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

literal 0
HcmV?d00001

diff --git a/static/images/tabBar/message.png b/static/images/tabBar/message.png
new file mode 100644
index 0000000000000000000000000000000000000000..0378e0eb0e34f2faa8ba16eb44970d67bb0195b3
GIT binary patch
literal 3987
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
UqJ%&tvC9VbJ9pcZSa~P>H+e_C;Q#;t

literal 0
HcmV?d00001

diff --git a/static/images/tabBar/message_s.png b/static/images/tabBar/message_s.png
new file mode 100644
index 0000000000000000000000000000000000000000..309030b93efa0949cfa525081c87de62f1ba8dd2
GIT binary patch
literal 4003
zcma)9c|26>|9{SLFk?M48o3H%tSO=>X_;f+vLw>gU`mTrwz(l$&LAOKCLwh-bt@GL
z=@u$eqFWTwq7oC?l6}f<zNh>8{r>s>_5JI7_RsS?=kt7?&pXxK)m~mkRR#bc@91FT
z0RTjh5FkkrA6EGF{l7SlhrJcJ^=kPb0E)hjHkO`Ie#3wIMtoYQl)U2TZWp5m*?oJL
zx|}inV4Hb|;=j{(XQ_Jf<<ft6sTUz*W@gC8Q6+3o;kjcbDjwg0yA@%S<jh|BE?n*;
zKy(qDj$>??gt7YrED#jz0Wg<L2i!k12T=^9KqN#L2S~)0Yt{gwOVQDM0Hf_Q`3ew%
ztNhQ7p;U?ZE%TGXX8V}K7sU(a!*TIPy2ocG{h6QCUWuoIEf$Y&m^v735mP%i-Ds{y
zvM%5P70z720EbtrJyn_%e57L})QFm5eW-Kdy*>DPF3mU0H9{@bZ_jInLW&i+CXR#R
zaV6_VD@R6Z2JbbunFe`xvG%v(pG{-`)MJorrwd%HK*6QYkIMR!x+>Hy+Zk{AIS5~|
zzrUu*vG)7e<i*>*kED86k>a~zr#(3GeSJz8m^ep!8RZzmTReh0j{*~YnLFPdN!Ypy
z5m`IdqWF;3`v7>4`?K-V4<y`p7tc>+U@-iSN(+{A;1nR4=!~Dhf?3HovD~$=`|~qT
zZzDU+)im{yNE3NT|Eojy(u70Cr}ap^?i74$gm#>6Sw<ZtA*P*#G1gL<l$?a!B+F_g
z6qnzj9T#nUQ1$utMAHyD2nn4PjrC;T`|%of9MZqZy|+0Lu)f^+K09Y$YWcEyf=ox=
zpVI^fSo%|wN{z4OY=n33p}5kSTJ@3I<wb)c9X03OFMT+K+3KfHWI;__@a*(&@fQj^
z?ZwCLw7`N}qk89@4O9K(lW4$V{_2XJ5Wl??k{<YDdO@cw$Ci?bTtaZ3zk%1hpPr8y
zY6tXZ7IaH1_hs7%9)gzMJl9O~_oqU&Lk&UBd>HTU*{hwlf>Mw*U+Tf=Ji1wf%#s1m
zHC8+B+V$NF=^%sWT^6)%zplSX_o;x#3=aQU(Q%%1p8|Nb-ZG&YZVaInh-z^2_^B(j
zMVe#@^NpgaE+;`EDPI}9h~tHsLPHGp4&boZdZ~F~vnQ-8iGS6bsic(okn@!Q&wtmz
z9rebu_zH+V<G5}ZDT$2~q=PYQ^^evUf0QDtQgQMxjnN^bB!wWSMWOMP%AjPu1^4rp
zPoFhL?{0Tr4KB>xJ&6w0*b1JUf!@N{#2MB*av)RYIt{#9ct^z96)1C)20F*}xbtYs
zCq?%aAZIboO2b(h_L+meA;g0AJ)pL<E4u3tp&ll0i8weceVs};Yp2D-)w56#g1_#H
z9|-tjg|%(NPJ^+(H3liEf_pWJ2H|e?jP?bs6I=c+ER?+-<rQ_GI7)3BPgperu9L)H
zGlQlBrc6(VkQ8VjBA!RL;I^(N$rH4A;7jJhT5h)d<K3`e#BI!)tz$f*Z)^h`h?T*$
zRF${rat3%XZa-};<O%W(_%)zxPH7gs@5;8J;Q&32x?A((X)Ru$ec`Q*s_Zr=ek38+
zmq&7GXR$5=elZy9U<SDdL@IC#y|DEVf4-RvH8kk9+?E;81>YCTtyPC6Nurx@H3`(j
z7f${r&-Lq~3@`{4Vv0<VMbjA=2Vze(M{Zh6H&z-5lM6Hg4}LluTk~_Ux&3TuNLc%Q
z*SEMnOa4(>izm<*li8#<6k|hRD*kq%`7o(+@k7~u8W5k=NLUK5L40;VFA;pgzhQ<Y
z2^$vU`(bRxO=yLsVKqgN3xa?4e=*LIhGn@so&f|WCE{fG$W2_AunJ*Z-g(6YHuRHM
zUJ9zk4VTk;3p880Rp>_Gg81cAC0R2&K@u1nsV%?0rz)BB&lL1@C3q!H?oPd0phf>I
zjS_Vr?(0sKT&6{jmHU@#xSZNc=oXwUFT;YFF4m@UHV4@|2cE!!Nb$>hCE0cMScM{8
z_g8{?itIY4|L0EIDK-9=&KbL<h=Y82SXn&}cY^qk%6fYFgZ0o2J3d<y2O<S{WN9Am
zspW11qF{7AS{@?@dBFlD+{9Ag+e5`b_pExOrm^E@nI#+GF;Z4a5*7llaf4C3Gp;8N
zMK$?Ogd@FsyAjNlgQ=PD2?Lx2mu*~LB!2X2aVBnR+*r(sn>7)0n8RIaMT4B=Q7QS)
z3#=)#jr*77HkSotaVkPqwvtMe!DuGn6c`p<O#X_T^4q9P@so^N86f&tes`j>nG+K|
zltvP`yz4!%%9q<;m$6*)(H}S7>zct?x;Y>I3Q9Qg@SGGykg@drp)vaidhk|vO|U4)
z9nH^MRDEv8nDIVtH^TS(p5?kY6HPsQGZSbfK9KZGef4do+D<3)fm(p-LtaGGkhdmy
zB14Bn;f`7f3LAr^lZ)h?pEP@d1LcgWPw6G_#}BP{WU@A<Jq(ulS!o@WXHl~prvI}8
z?knvTbsY8i*g9$6Q?KwCjXk=8Z08B|N~p#m8*2JZ1gF%fYQgf0fh$0pr@xMuEY|FM
zNvA0nT7SFdef*lzt7@B1l)N?B|I^lOqff&snC@_IU$<xpo|{U9LxehE*MaLQ6gM>+
z_Ih5qWDNqKDB7?e!YBNcq#*~&-e|BQhu0A0cp*1J6jSh}KI4jTrTP^NL`&J46kSRE
zVQjWZDko6xVA)^2ZE~wkRzAL7EiIJnTP`Yn@v76!iP+bqWI;qiM{#C$<*28e6)+I`
zo;QF*6V+Nsh3!nb+LOn+p&L@8N^gPab;(Hn5kD)7V|K&qUV8~tHhwL}O(G5_`?dmv
zPx|yuyNbW8{7~U$;f9!+xt@jGyDKhcR$4Ru@m_XZqu!(aU3xa#S~9d=g37kneHlcJ
zcwp|G$PD5wd}O5t(V+W-XD6Jn?PYIM@M~&qr_^{195}pw5LS9YuxnPcHn#9uPqTmf
zTTx!fv&C&~v(7hFU9371uF639@{@0NR`p)r!0l@;yjE1#+nli4ktrT@o_9XJ>4VAK
zp1(({nWDMNJC>lhPeRj4d^b#Wi@tdrY%>6LVNYKFNp;r-Om)MYTGt+M$BL>S;&HKu
zdJ~{{mPtx$9qFs-(Jr4WDIn_jve10*DiefCj5(=%6)7ka(Jll{EE@x$%2l_PJ8!C#
z6$oTxK`eL))qRYiU?65j=@32366+)5fs(?7yNz<A#!FxqvV$40mBjTRm)KYJnqymu
z2}y;RkcfLKbi{-yPer$oE2{Wqd)yX8QCrNY_kYLWaCr=&v!~e=M_^uW?S0Tfs#If@
z_%Wdy>w&j(eJ8?Nt@7oWrRXGirN{}Jm|yJ&wMdVtMzmi|#J|tfrh-tp7K%a16Afr^
zGF}N1hVg3!bqqD+O0!sA5`V_EuuArdV$fq3Lv+D%iA^We{tl$KT%NZFrct?O7@bQz
zhQfnbg8gs5?z`a&G0{ZftS`SOTd@<d;?K1=K#Mf}mL}a=a0QH+yZ_ryOJ9hu(F8GJ
zaXKl&6POw|w<ewg302(tWA<C~dq=uhAW(`bK(A}k#UtY0pr^I+QO6{1;st;mycaHQ
z6dTci7xoox_^JAf3x+Y8yOLDXX$StZkuDdIYam=yY0Ykz<5J<x5#n30K<hEjnC)r<
zKm3<7q3_WT;E=h>U30Z}Gy2@1S0PQ!$$3c<90p~eYA&)A^qt=(X(O}mu%V{V2SjP_
zq*9wwt@x1>k++GTuYW21PaOossX<L#TmshOU6c`63fT#YFbP*=?vX?)$mvdT2KZrb
z69}F_q96W<JksmiCBY}_Yiwe*uH$CcFlqR3`|ckKr1Xvj3Xq19$Pwi9PJ*l{uX}M?
zsU>Tkgpbqr%n(we1@CZEXt)7gx!wtD9C4Fmo8mkF-UkoI53D_@K*JOa8?5*|ta)^{
zXcY}|xb#$oL_%9UXWJyuQ2jg{Gk{J%cT=RlJ)WM3=|G0QV&}Eyu%|`tAllC04|l{r
z@<Z5-$72+@GO&+xd^DiB?lV9<NP%u~L<jNPD~HIC12<1`5dA;&+vr(N*kqLk<nV*h
zLwCmnR)cPed_nnEu0R=bCbF;_&l7><;CDO?=$}v{Yt1ob=+yH}fVQD1oozNl0Z>0D
zwH;Zd$Ar<15#^5x@LQul^YZJ81v+o?CAiPyCbmOp1FFvuYRyn^M*rFsYoMV6i_TqP
zNXqh;?S;02U4+Hns*8`a$x&P55PG;x!0|QEZ6b&ENg(kTwQQpFk%zcNLSN_ErYYos
z9&ylfXoFx4TvHb|J32H~lX<dYCSw0KsC}Haau^d#9uuo>LHO40VY15*M$UX*;eZkN
z7g($x);N-c6sKDXn$O2pEn0!_RFh5`H&91BCd2j<6rG&=t62YuN+Qy2I@=lUIz<SZ
z{1vDCGulKS*l)`AE=9U?=M4<-t1{E$<}S}7jk?KN=_vcXw-zv!IQ=#K%sxBjP*-?Q
zmX@GeB?ES?aK8In&fK?X&@XF+cpk|7Qon7a$UG!a5=XDxPcf-N^rzZVZ&2`K&pG~V
z=5YKvsm!*K$bzK7jJ;n+%Fbtq7h|Ws$gX-#zD~tO`!Y4EmiwYN#tZpxZjVE-yY;BZ
zwa%k_%+FfqMbqFfa8O)F0pzrzLoF>!l8#M!Xg|{4hhRKis}{U3+L2l-$wK&&Z`W!H
zqueF(uiU<rw`M6(T-wIT*LE8`)fwz>rNm|HopmY>BVj8mLRgW?5(bGJtmY!~A+7ho
zeW|35;f%Cv^)@VLmdVb-PfQm#>4@2|Y&S{cjD_Njw^v)u#MI(R-b;d-oh^ZBbZ@2Z
zrw}{dSemsgR3^Nz>(Co5xyBE%hP?+nKAbWz0LQn~RCoWr<elQX(d`!$SsApUuDcq0
ze&@|hgt(6U5T9=z8mi?4Pf^VO?*^uk=)kr;AAvLo{HYQ5RED&K=(%ZSCS-UEq1rN^
zLL-U{2TOJbP>~n{mBvg{R?>-y2hxAipiP>l<6wGBYX`<p0kC`0X-9O-5<p{L>`QQr
z0ufKzvNLpHB7lW;nL8magMhk}b-I=UX$TRV)F_8xTcSHK4sT7s6=AW&XZ3&}g$)JW
Q1nLHkwyrj}tk?<v0etedDgXcg

literal 0
HcmV?d00001

diff --git a/static/logo.png b/static/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..b5771e209bb677e2ebd5ff766ad5ee11790f305a
GIT binary patch
literal 4023
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
SYs}WS&%*SCNx89m_<sQGK?UOg

literal 0
HcmV?d00001

diff --git a/stores/user.js b/stores/user.js
new file mode 100644
index 0000000..04add31
--- /dev/null
+++ b/stores/user.js
@@ -0,0 +1,54 @@
+import { defineStore } from 'pinia'
+import { wxLogin, wxGetUserProfile } from '@/utils/login.js' 
+import {getPlatformProvider} from '@/utils/system'
+
+export const useUserStore = defineStore('user', {
+  state: () => ({
+    token: '',
+    userInfo: {}
+  }),
+  actions: {
+    setToken(token) {
+      this.token = token
+      uni.setStorageSync('token', token)  // 持久化 tokenx
+    },
+    setUserInfo(userInfo) {
+      this.userInfo = userInfo
+      uni.setStorageSync('userInfo', JSON.stringify(userInfo))  // 持久化用户信息
+    },
+    loadFromStorage() {
+      const token = uni.getStorageSync('token')
+      const userInfoStr = uni.getStorageSync('userInfo')
+      if (token) this.token = token
+      if (userInfoStr) {
+        try {
+          this.userInfo = JSON.parse(userInfoStr)
+        } catch {
+          this.userInfo = {}
+        }
+      }
+    },
+    clear() {
+      this.token = ''
+      this.userInfo = {}
+      uni.removeStorageSync('token')
+      uni.removeStorageSync('userInfo')
+    },
+	loadUserInfo() {
+	  const userStr = uni.getStorageSync('userInfo')
+	  if (userStr) {
+		try {
+		  this.userInfo = JSON.parse(userStr)
+		} catch (e) {
+		  this.userInfo = {}
+		}
+	  }
+	},
+	logout() {
+	  this.userInfo = {}
+	  this.token = ''
+	  uni.removeStorageSync('userInfo')
+	  uni.removeStorageSync('token')
+	}
+  }
+})
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..3c58e8b
--- /dev/null
+++ b/uni.scss
@@ -0,0 +1,76 @@
+/**
+ * 这里是uni-app内置的常用样式变量
+ *
+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+@import "@/common/style/base-style.scss";
+/* 颜色变量 */
+
+/* 行为相关颜色 */
+$uni-color-primary: #007aff;
+$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/uni-popup/changelog.md b/uni_modules/uni-popup/changelog.md
new file mode 100644
index 0000000..013272a
--- /dev/null
+++ b/uni_modules/uni-popup/changelog.md
@@ -0,0 +1,94 @@
+## 1.9.8（2025-04-16）
+- 修复 更新组件示例 ，解决更新数据或保存项目导致弹窗消失的问题
+## 1.9.7（2025-04-14）
+- 修复 uni-popup-dialog 弹出框在vue3中双向绑定问题
+## 1.9.6（2025-01-08）
+- 修复 示例中过期图片地址
+## 1.9.5（2024-10-15）
+- 修复 微信小程序中的getSystemInfo警告
+## 1.9.2（2024-09-21）
+- 修复 uni-popup在android上的重复点击弹出位置不正确的bug
+## 1.9.1（2024-04-02）
+- 修复 uni-popup-dialog vue3下使用value无法进行绑定的bug(双向绑定兼容旧写法)
+## 1.9.0（2024-03-28）
+- 修复 uni-popup-dialog 双向绑定时初始化逻辑修正
+## 1.8.9（2024-03-20）
+- 修复 uni-popup-dialog 数据输入时修正为双向绑定
+## 1.8.8（2024-02-20）
+- 修复 uni-popup 在微信小程序下出现文字向上闪动的bug
+## 1.8.7（2024-02-02）
+- 新增 uni-popup-dialog 新增属性focus：input模式下，是否自动自动聚焦
+## 1.8.6（2024-01-30）
+- 新增 uni-popup-dialog 新增属性maxLength:限制输入框字数
+## 1.8.5（2024-01-26）
+- 新增 uni-popup-dialog 新增属性showClose:控制关闭按钮的显示
+## 1.8.4（2023-11-15）
+- 新增 uni-popup 支持uni-app-x 注意暂时仅支持 `maskClick` `@open` `@close`
+## 1.8.3（2023-04-17）
+- 修复 uni-popup 重复打开时的 bug
+## 1.8.2（2023-02-02）
+- uni-popup-dialog 组件新增 inputType 属性
+## 1.8.1（2022-12-01）
+- 修复 nvue 下 v-show 报错
+## 1.8.0（2022-11-29）
+- 优化 主题样式
+## 1.7.9（2022-04-02）
+- 修复 弹出层内部无法滚动的bug
+## 1.7.8（2022-03-28）
+- 修复 小程序中高度错误的bug
+## 1.7.7（2022-03-17）
+- 修复 快速调用open出现问题的Bug
+## 1.7.6（2022-02-14）
+- 修复 safeArea 属性不能设置为false的bug
+## 1.7.5（2022-01-19）
+- 修复 isMaskClick 失效的bug
+## 1.7.4（2022-01-19）
+- 新增 cancelText \ confirmText 属性 ，可自定义文本
+- 新增 maskBackgroundColor 属性 ，可以修改蒙版颜色
+- 优化 maskClick属性 更新为 isMaskClick ，解决微信小程序警告的问题
+## 1.7.3（2022-01-13）
+- 修复 设置 safeArea 属性不生效的bug
+## 1.7.2（2021-11-26）
+- 优化 组件示例
+## 1.7.1（2021-11-26）
+- 修复 vuedoc 文字错误
+## 1.7.0（2021-11-19）
+- 优化 组件UI，并提供设计资源，详见:[https://uniapp.dcloud.io/component/uniui/resource](https://uniapp.dcloud.io/component/uniui/resource)
+- 文档迁移，详见:[https://uniapp.dcloud.io/component/uniui/uni-popup](https://uniapp.dcloud.io/component/uniui/uni-popup)
+## 1.6.2（2021-08-24）
+- 新增 支持国际化
+## 1.6.1（2021-07-30）
+- 优化 vue3下事件警告的问题
+## 1.6.0（2021-07-13）
+- 组件兼容 vue3，如何创建vue3项目，详见 [uni-app 项目支持 vue3 介绍](https://ask.dcloud.net.cn/article/37834)
+## 1.5.0（2021-06-23）
+- 新增 mask-click 遮罩层点击事件
+## 1.4.5（2021-06-22）
+- 修复 nvue 平台中间弹出后，点击内容，再点击遮罩无法关闭的Bug
+## 1.4.4（2021-06-18）
+- 修复 H5平台中间弹出后，点击内容，再点击遮罩无法关闭的Bug
+## 1.4.3（2021-06-08）
+- 修复 错误的 watch 字段
+- 修复 safeArea 属性不生效的问题
+- 修复 点击内容，再点击遮罩无法关闭的Bug
+## 1.4.2（2021-05-12）
+- 新增 组件示例地址
+## 1.4.1（2021-04-29）
+- 修复 组件内放置 input 、textarea 组件，无法聚焦的问题
+## 1.4.0 （2021-04-29）
+- 新增 type 属性的 left\right 值，支持左右弹出
+- 新增 open(String:type) 方法参数 ，可以省略 type 属性 ，直接传入类型打开指定弹窗
+- 新增 backgroundColor 属性，可定义主窗口背景色,默认不显示背景色
+- 新增 safeArea 属性，是否适配底部安全区
+- 修复 App\h5\微信小程序底部安全区占位不对的Bug
+- 修复 App 端弹出等待的Bug
+- 优化 提升低配设备性能，优化动画卡顿问题
+- 优化 更简单的组件自定义方式
+## 1.2.9（2021-02-05）
+- 优化 组件引用关系，通过uni_modules引用组件
+## 1.2.8（2021-02-05）
+- 调整为uni_modules目录规范
+## 1.2.7（2021-02-05）
+- 调整为uni_modules目录规范
+- 新增 支持 PC 端
+- 新增 uni-popup-message 、uni-popup-dialog扩展组件支持 PC 端
diff --git a/uni_modules/uni-popup/components/uni-popup-dialog/keypress.js b/uni_modules/uni-popup/components/uni-popup-dialog/keypress.js
new file mode 100644
index 0000000..a747b9f
--- /dev/null
+++ b/uni_modules/uni-popup/components/uni-popup-dialog/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/uni-popup/components/uni-popup-dialog/uni-popup-dialog.vue b/uni_modules/uni-popup/components/uni-popup-dialog/uni-popup-dialog.vue
new file mode 100644
index 0000000..bb24776
--- /dev/null
+++ b/uni_modules/uni-popup/components/uni-popup-dialog/uni-popup-dialog.vue
@@ -0,0 +1,327 @@
+<template>
+	<view class="uni-popup-dialog">
+		<view class="uni-dialog-title">
+			<text class="uni-dialog-title-text" :class="['uni-popup__'+dialogType]">{{titleText}}</text>
+		</view>
+		<view v-if="mode === 'base'" class="uni-dialog-content">
+			<slot>
+				<text class="uni-dialog-content-text">{{content}}</text>
+			</slot>
+		</view>
+		<view v-else class="uni-dialog-content">
+			<slot>
+				<input class="uni-dialog-input" :maxlength="maxlength" v-model="val" :type="inputType"
+					:placeholder="placeholderText" :focus="focus">
+			</slot>
+		</view>
+		<view class="uni-dialog-button-group">
+			<view class="uni-dialog-button" v-if="showClose" @click="closeDialog">
+				<text class="uni-dialog-button-text">{{closeText}}</text>
+			</view>
+			<view class="uni-dialog-button" :class="showClose?'uni-border-left':''" @click="onOk">
+				<text class="uni-dialog-button-text uni-button-color">{{okText}}</text>
+			</view>
+		</view>
+
+	</view>
+</template>
+
+<script>
+	import popup from '../uni-popup/popup.js'
+	import {
+		initVueI18n
+	} from '@dcloudio/uni-i18n'
+	import messages from '../uni-popup/i18n/index.js'
+	const {
+		t
+	} = initVueI18n(messages)
+	/**
+	 * PopUp 弹出层-对话框样式
+	 * @description 弹出层-对话框样式
+	 * @tutorial https://ext.dcloud.net.cn/plugin?id=329
+	 * @property {String} value input 模式下的默认值
+	 * @property {String} placeholder input 模式下输入提示
+	 * @property {Boolean} focus input模式下是否自动聚焦，默认为true
+	 * @property {String} type = [success|warning|info|error] 主题样式
+	 *  @value success 成功
+	 * 	@value warning 提示
+	 * 	@value info 消息
+	 * 	@value error 错误
+	 * @property {String} mode = [base|input] 模式、
+	 * 	@value base 基础对话框
+	 * 	@value input 可输入对话框
+	 * @showClose {Boolean} 是否显示关闭按钮
+	 * @property {String} content 对话框内容
+	 * @property {Boolean} beforeClose 是否拦截取消事件
+	 * @property {Number} maxlength 输入
+	 * @event {Function} confirm 点击确认按钮触发
+	 * @event {Function} close 点击取消按钮触发
+	 */
+
+	export default {
+		name: "uniPopupDialog",
+		mixins: [popup],
+		emits: ['confirm', 'close', 'update:modelValue', 'input'],
+		props: {
+			inputType: {
+				type: String,
+				default: 'text'
+			},
+			showClose: {
+				type: Boolean,
+				default: true
+			},
+			// #ifdef VUE2
+			value: {
+				type: [String, Number],
+				default: ''
+			},
+			// #endif
+			// #ifdef VUE3
+			modelValue: {
+				type: [Number, String],
+				default: ''
+			},
+			// #endif
+
+
+			placeholder: {
+				type: [String, Number],
+				default: ''
+			},
+			type: {
+				type: String,
+				default: 'error'
+			},
+			mode: {
+				type: String,
+				default: 'base'
+			},
+			title: {
+				type: String,
+				default: ''
+			},
+			content: {
+				type: String,
+				default: ''
+			},
+			beforeClose: {
+				type: Boolean,
+				default: false
+			},
+			cancelText: {
+				type: String,
+				default: ''
+			},
+			confirmText: {
+				type: String,
+				default: ''
+			},
+			maxlength: {
+				type: Number,
+				default: -1,
+			},
+			focus: {
+				type: Boolean,
+				default: true,
+			}
+		},
+		data() {
+			return {
+				dialogType: 'error',
+				val: ""
+			}
+		},
+		computed: {
+			okText() {
+				return this.confirmText || t("uni-popup.ok")
+			},
+			closeText() {
+				return this.cancelText || t("uni-popup.cancel")
+			},
+			placeholderText() {
+				return this.placeholder || t("uni-popup.placeholder")
+			},
+			titleText() {
+				return this.title || t("uni-popup.title")
+			}
+		},
+		watch: {
+			type(val) {
+				this.dialogType = val
+			},
+			mode(val) {
+				if (val === 'input') {
+					this.dialogType = 'info'
+				}
+			},
+			value(val) {
+				setVal(val)
+			},
+			// #ifdef VUE3
+			modelValue(val) {
+				setVal(val)
+			},
+			// #endif
+			val(val) {
+				// #ifdef VUE2
+				// TODO 兼容 vue2
+				this.$emit('input', val);
+				// #endif
+				// #ifdef VUE3
+				// TODO　兼容　vue3
+				this.$emit('update:modelValue', val);
+				// #endif
+			}
+		},
+		created() {
+			// 对话框遮罩不可点击
+			this.popup.disableMask()
+			// this.popup.closeMask()
+			if (this.mode === 'input') {
+				this.dialogType = 'info'
+				this.val = this.value;
+				// #ifdef VUE3
+				this.val = this.modelValue;
+				// #endif
+			} else {
+				this.dialogType = this.type
+			}
+		},
+		methods: {
+			/**
+			 * 给val属性赋值
+			 */
+			setVal(val) {
+				if (this.maxlength != -1 && this.mode === 'input') {
+					this.val = val.slice(0, this.maxlength);
+				} else {
+					this.val = val
+				}
+			},
+			/**
+			 * 点击确认按钮
+			 */
+			onOk() {
+				if (this.mode === 'input') {
+					this.$emit('confirm', this.val)
+				} else {
+					this.$emit('confirm')
+				}
+				if (this.beforeClose) return
+				this.popup.close()
+			},
+			/**
+			 * 点击取消按钮
+			 */
+			closeDialog() {
+				this.$emit('close')
+				if (this.beforeClose) return
+				this.popup.close()
+			},
+			close() {
+				this.popup.close()
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	.uni-popup-dialog {
+		width: 300px;
+		border-radius: 11px;
+		background-color: #fff;
+	}
+
+	.uni-dialog-title {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		justify-content: center;
+		padding-top: 25px;
+	}
+
+	.uni-dialog-title-text {
+		font-size: 16px;
+		font-weight: 500;
+	}
+
+	.uni-dialog-content {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		justify-content: center;
+		align-items: center;
+		padding: 20px;
+	}
+
+	.uni-dialog-content-text {
+		font-size: 14px;
+		color: #6C6C6C;
+	}
+
+	.uni-dialog-button-group {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		border-top-color: #f5f5f5;
+		border-top-style: solid;
+		border-top-width: 1px;
+	}
+
+	.uni-dialog-button {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+
+		flex: 1;
+		flex-direction: row;
+		justify-content: center;
+		align-items: center;
+		height: 45px;
+	}
+
+	.uni-border-left {
+		border-left-color: #f0f0f0;
+		border-left-style: solid;
+		border-left-width: 1px;
+	}
+
+	.uni-dialog-button-text {
+		font-size: 16px;
+		color: #333;
+	}
+
+	.uni-button-color {
+		color: #007aff;
+	}
+
+	.uni-dialog-input {
+		flex: 1;
+		font-size: 14px;
+		border: 1px #eee solid;
+		height: 40px;
+		padding: 0 10px;
+		border-radius: 5px;
+		color: #555;
+	}
+
+	.uni-popup__success {
+		color: #4cd964;
+	}
+
+	.uni-popup__warn {
+		color: #f0ad4e;
+	}
+
+	.uni-popup__error {
+		color: #dd524d;
+	}
+
+	.uni-popup__info {
+		color: #909399;
+	}
+</style>
diff --git a/uni_modules/uni-popup/components/uni-popup-message/uni-popup-message.vue b/uni_modules/uni-popup/components/uni-popup-message/uni-popup-message.vue
new file mode 100644
index 0000000..7f27a1e
--- /dev/null
+++ b/uni_modules/uni-popup/components/uni-popup-message/uni-popup-message.vue
@@ -0,0 +1,143 @@
+<template>
+	<view class="uni-popup-message">
+		<view class="uni-popup-message__box fixforpc-width" :class="'uni-popup__'+type">
+			<slot>
+				<text class="uni-popup-message-text" :class="'uni-popup__'+type+'-text'">{{message}}</text>
+			</slot>
+		</view>
+	</view>
+</template>
+
+<script>
+	import popup from '../uni-popup/popup.js'
+	/**
+	 * PopUp 弹出层-消息提示
+	 * @description 弹出层-消息提示
+	 * @tutorial https://ext.dcloud.net.cn/plugin?id=329
+	 * @property {String} type = [success|warning|info|error] 主题样式
+	 *  @value success 成功
+	 * 	@value warning 提示
+	 * 	@value info 消息
+	 * 	@value error 错误
+	 * @property {String} message 消息提示文字
+	 * @property {String} duration 显示时间，设置为 0 则不会自动关闭
+	 */
+
+	export default {
+		name: 'uniPopupMessage',
+		mixins:[popup],
+		props: {
+			/**
+			 * 主题 success/warning/info/error	  默认 success
+			 */
+			type: {
+				type: String,
+				default: 'success'
+			},
+			/**
+			 * 消息文字
+			 */
+			message: {
+				type: String,
+				default: ''
+			},
+			/**
+			 * 显示时间，设置为 0 则不会自动关闭
+			 */
+			duration: {
+				type: Number,
+				default: 3000
+			},
+			maskShow:{
+				type:Boolean,
+				default:false
+			}
+		},
+		data() {
+			return {}
+		},
+		created() {
+			this.popup.maskShow = this.maskShow
+			this.popup.messageChild = this
+		},
+		methods: {
+			timerClose(){
+				if(this.duration === 0) return
+				clearTimeout(this.timer) 
+				this.timer = setTimeout(()=>{
+					this.popup.close()
+				},this.duration)
+			}
+		}
+	}
+</script>
+<style lang="scss" >
+	.uni-popup-message {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		justify-content: center;
+	}
+
+	.uni-popup-message__box {
+		background-color: #e1f3d8;
+		padding: 10px 15px;
+		border-color: #eee;
+		border-style: solid;
+		border-width: 1px;
+		flex: 1;
+	}
+
+	@media screen and (min-width: 500px) {
+		.fixforpc-width {
+			margin-top: 20px;
+			border-radius: 4px;
+			flex: none;
+			min-width: 380px;
+			/* #ifndef APP-NVUE */
+			max-width: 50%;
+			/* #endif */
+			/* #ifdef APP-NVUE */
+			max-width: 500px;
+			/* #endif */
+		}
+	}
+
+	.uni-popup-message-text {
+		font-size: 14px;
+		padding: 0;
+	}
+
+	.uni-popup__success {
+		background-color: #e1f3d8;
+	}
+
+	.uni-popup__success-text {
+		color: #67C23A;
+	}
+
+	.uni-popup__warn {
+		background-color: #faecd8;
+	}
+
+	.uni-popup__warn-text {
+		color: #E6A23C;
+	}
+
+	.uni-popup__error {
+		background-color: #fde2e2;
+	}
+
+	.uni-popup__error-text {
+		color: #F56C6C;
+	}
+
+	.uni-popup__info {
+		background-color: #F2F6FC;
+	}
+
+	.uni-popup__info-text {
+		color: #909399;
+	}
+</style>
diff --git a/uni_modules/uni-popup/components/uni-popup-share/uni-popup-share.vue b/uni_modules/uni-popup/components/uni-popup-share/uni-popup-share.vue
new file mode 100644
index 0000000..049cd5c
--- /dev/null
+++ b/uni_modules/uni-popup/components/uni-popup-share/uni-popup-share.vue
@@ -0,0 +1,188 @@
+<template>
+	<view class="uni-popup-share">
+		<view class="uni-share-title"><text class="uni-share-title-text">{{shareTitleText}}</text></view>
+		<view class="uni-share-content">
+			<view class="uni-share-content-box">
+				<view class="uni-share-content-item" v-for="(item,index) in bottomData" :key="index" @click.stop="select(item,index)">
+					<image class="uni-share-image" :src="item.icon" mode="aspectFill"></image>
+					<text class="uni-share-text">{{item.text}}</text>
+				</view>
+
+			</view>
+		</view>
+		<view class="uni-share-button-box">
+			<button class="uni-share-button" @click="close">{{cancelText}}</button>
+		</view>
+	</view>
+</template>
+
+<script>
+	import popup from '../uni-popup/popup.js'
+	import {
+	initVueI18n
+	} from '@dcloudio/uni-i18n'
+	import messages from '../uni-popup/i18n/index.js'
+	const {	t	} = initVueI18n(messages)
+	export default {
+		name: 'UniPopupShare',
+		mixins:[popup],
+		emits:['select'],
+		props: {
+			title: {
+				type: String,
+				default: ''
+			},
+			beforeClose: {
+				type: Boolean,
+				default: false
+			}
+		},
+		data() {
+			return {
+				// TODO 替换为自己的图标
+				bottomData: [{
+						text: '微信',
+						icon: 'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png',
+						name: 'wx'
+					},
+					{
+						text: '支付宝',
+						icon: 'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png',
+						name: 'ali'
+					},
+					{
+						text: 'QQ',
+						icon: 'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png',
+						name: 'qq'
+					},
+					{
+						text: '新浪',
+						icon: 'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png',
+						name: 'sina'
+					},
+					// {
+					// 	text: '百度',
+					// 	icon: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/1ec6e920-50bf-11eb-8a36-ebb87efcf8c0.png',
+					// 	name: 'copy'
+					// },
+					// {
+					// 	text: '其他',
+					// 	icon: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/2e0fdfe0-50bf-11eb-b997-9918a5dda011.png',
+					// 	name: 'more'
+					// }
+				]
+			}
+		},
+		created() {},
+		computed: {
+			cancelText() {
+				return t("uni-popup.cancel")
+			},
+		shareTitleText() {
+				return this.title || t("uni-popup.shareTitle")
+			}
+		},
+		methods: {
+			/**
+			 * 选择内容
+			 */
+			select(item, index) {
+				this.$emit('select', {
+					item,
+					index
+				})
+				this.close()
+
+			},
+			/**
+			 * 关闭窗口
+			 */
+			close() {
+				if(this.beforeClose) return
+				this.popup.close()
+			}
+		}
+	}
+</script>
+<style lang="scss" >
+	.uni-popup-share {
+		background-color: #fff;
+		border-top-left-radius: 11px;
+		border-top-right-radius: 11px;
+	}
+	.uni-share-title {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		height: 40px;
+	}
+	.uni-share-title-text {
+		font-size: 14px;
+		color: #666;
+	}
+	.uni-share-content {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		justify-content: center;
+		padding-top: 10px;
+	}
+
+	.uni-share-content-box {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		flex-wrap: wrap;
+		width: 360px;
+	}
+
+	.uni-share-content-item {
+		width: 90px;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: column;
+		justify-content: center;
+		padding: 10px 0;
+		align-items: center;
+	}
+
+	.uni-share-content-item:active {
+		background-color: #f5f5f5;
+	}
+
+	.uni-share-image {
+		width: 30px;
+		height: 30px;
+	}
+
+	.uni-share-text {
+		margin-top: 10px;
+		font-size: 14px;
+		color: #3B4144;
+	}
+
+	.uni-share-button-box {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		padding: 10px 15px;
+	}
+
+	.uni-share-button {
+		flex: 1;
+		border-radius: 50px;
+		color: #666;
+		font-size: 16px;
+	}
+
+	.uni-share-button::after {
+		border-radius: 50px;
+	}
+</style>
diff --git a/uni_modules/uni-popup/components/uni-popup/i18n/en.json b/uni_modules/uni-popup/components/uni-popup/i18n/en.json
new file mode 100644
index 0000000..8c0f5f3
--- /dev/null
+++ b/uni_modules/uni-popup/components/uni-popup/i18n/en.json
@@ -0,0 +1,7 @@
+{
+	"uni-popup.cancel": "cancel",
+	"uni-popup.ok": "ok",
+	"uni-popup.placeholder": "pleace enter",
+	"uni-popup.title": "Hint",
+	"uni-popup.shareTitle": "Share to"
+}
diff --git a/uni_modules/uni-popup/components/uni-popup/i18n/index.js b/uni_modules/uni-popup/components/uni-popup/i18n/index.js
new file mode 100644
index 0000000..fa8f0f3
--- /dev/null
+++ b/uni_modules/uni-popup/components/uni-popup/i18n/index.js
@@ -0,0 +1,8 @@
+import en from './en.json'
+import zhHans from './zh-Hans.json'
+import zhHant from './zh-Hant.json'
+export default {
+	en,
+	'zh-Hans': zhHans,
+	'zh-Hant': zhHant
+}
diff --git a/uni_modules/uni-popup/components/uni-popup/i18n/zh-Hans.json b/uni_modules/uni-popup/components/uni-popup/i18n/zh-Hans.json
new file mode 100644
index 0000000..8e5b99f
--- /dev/null
+++ b/uni_modules/uni-popup/components/uni-popup/i18n/zh-Hans.json
@@ -0,0 +1,7 @@
+{
+	"uni-popup.cancel": "取消",
+	"uni-popup.ok": "确定",
+	"uni-popup.placeholder": "请输入",
+		"uni-popup.title": "提示",
+		"uni-popup.shareTitle": "分享到"
+}
diff --git a/uni_modules/uni-popup/components/uni-popup/i18n/zh-Hant.json b/uni_modules/uni-popup/components/uni-popup/i18n/zh-Hant.json
new file mode 100644
index 0000000..06ce162
--- /dev/null
+++ b/uni_modules/uni-popup/components/uni-popup/i18n/zh-Hant.json
@@ -0,0 +1,7 @@
+{
+	"uni-popup.cancel": "取消",
+	"uni-popup.ok": "確定",
+	"uni-popup.placeholder": "請輸入",
+	"uni-popup.title": "提示",
+	"uni-popup.shareTitle": "分享到"
+}
diff --git a/uni_modules/uni-popup/components/uni-popup/keypress.js b/uni_modules/uni-popup/components/uni-popup/keypress.js
new file mode 100644
index 0000000..16a5818
--- /dev/null
+++ b/uni_modules/uni-popup/components/uni-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/uni-popup/components/uni-popup/popup.js b/uni_modules/uni-popup/components/uni-popup/popup.js
new file mode 100644
index 0000000..a37fb9f
--- /dev/null
+++ b/uni_modules/uni-popup/components/uni-popup/popup.js
@@ -0,0 +1,26 @@
+
+export default {
+	data() {
+		return {
+			
+		}
+	},
+	created(){
+		this.popup = this.getParent()
+	},
+	methods:{
+		/**
+		 * 获取父元素实例
+		 */
+		getParent(name = 'uniPopup') {
+			let parent = this.$parent;
+			let parentName = parent.$options.name;
+			while (parentName !== name) {
+				parent = parent.$parent;
+				if (!parent) return false
+				parentName = parent.$options.name;
+			}
+			return parent;
+		},
+	}
+}
diff --git a/uni_modules/uni-popup/components/uni-popup/uni-popup.uvue b/uni_modules/uni-popup/components/uni-popup/uni-popup.uvue
new file mode 100644
index 0000000..5eb8d5b
--- /dev/null
+++ b/uni_modules/uni-popup/components/uni-popup/uni-popup.uvue
@@ -0,0 +1,90 @@
+<template>
+  <view class="popup-root" v-if="isOpen" v-show="isShow" @click="clickMask">
+    <view @click.stop>
+      <slot></slot>
+    </view>
+  </view>
+</template>
+
+<script>
+  type CloseCallBack = ()=> void;
+  let closeCallBack:CloseCallBack = () :void => {};
+  export default {
+    emits:["close","clickMask"],
+    data() {
+      return {
+        isShow:false,
+        isOpen:false
+      }
+    },
+    props: {
+      maskClick: {
+        type: Boolean,
+        default: true
+      },
+    },
+    watch: {
+      // 设置show = true 时，如果没有 open 需要设置为 open
+      isShow:{
+        handler(isShow) {
+          // console.log("isShow",isShow)
+          if(isShow && this.isOpen == false){
+            this.isOpen = true
+          }
+        },
+        immediate:true
+      },
+      // 设置isOpen = true 时，如果没有 isShow 需要设置为 isShow
+      isOpen:{
+        handler(isOpen) {
+          // console.log("isOpen",isOpen)
+          if(isOpen && this.isShow == false){
+            this.isShow = true
+          }
+        },
+        immediate:true
+      }
+    },
+    methods:{
+      open(){
+        // ...funs : CloseCallBack[]
+        // if(funs.length > 0){
+        //   closeCallBack = funs[0]
+        // }
+        this.isOpen = true;
+      },
+      clickMask(){
+        if(this.maskClick == true){
+          this.$emit('clickMask')
+          this.close()
+        }
+      },
+      close(): void{
+        this.isOpen = false;
+        this.$emit('close')
+        closeCallBack()
+      },
+      hiden(){
+        this.isShow = false
+      },
+      show(){
+        this.isShow = true
+      }
+    }
+  }
+</script>
+
+<style>
+.popup-root {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 750rpx;
+  height: 100%;
+  flex: 1;
+  background-color: rgba(0, 0, 0, 0.3);
+  justify-content: center;
+  align-items: center;
+  z-index: 99;
+}
+</style>
\ No newline at end of file
diff --git a/uni_modules/uni-popup/components/uni-popup/uni-popup.vue b/uni_modules/uni-popup/components/uni-popup/uni-popup.vue
new file mode 100644
index 0000000..5af55e0
--- /dev/null
+++ b/uni_modules/uni-popup/components/uni-popup/uni-popup.vue
@@ -0,0 +1,518 @@
+<template>
+	<view v-if="showPopup" class="uni-popup" :class="[popupstyle, isDesktop ? 'fixforpc-z-index' : '']">
+		<view @touchstart="touchstart">
+			<uni-transition key="1" v-if="maskShow" name="mask" mode-class="fade" :styles="maskClass"
+				:duration="duration" :show="showTrans" @click="onTap" />
+			<uni-transition key="2" :mode-class="ani" name="content" :styles="transClass" :duration="duration"
+				:show="showTrans" @click="onTap">
+				<view class="uni-popup__wrapper" :style="getStyles" :class="[popupstyle]" @click="clear">
+					<slot />
+				</view>
+			</uni-transition>
+		</view>
+		<!-- #ifdef H5 -->
+		<keypress v-if="maskShow" @esc="onTap" />
+		<!-- #endif -->
+	</view>
+</template>
+
+<script>
+	// #ifdef H5
+	import keypress from './keypress.js'
+	// #endif
+
+	/**
+	 * PopUp 弹出层
+	 * @description 弹出层组件，为了解决遮罩弹层的问题
+	 * @tutorial https://ext.dcloud.net.cn/plugin?id=329
+	 * @property {String} type = [top|center|bottom|left|right|message|dialog|share] 弹出方式
+	 * 	@value top 顶部弹出
+	 * 	@value center 中间弹出
+	 * 	@value bottom 底部弹出
+	 * 	@value left		左侧弹出
+	 * 	@value right  右侧弹出
+	 * 	@value message 消息提示
+	 * 	@value dialog 对话框
+	 * 	@value share 底部分享示例
+	 * @property {Boolean} animation = [true|false] 是否开启动画
+	 * @property {Boolean} maskClick = [true|false] 蒙版点击是否关闭弹窗(废弃)
+	 * @property {Boolean} isMaskClick = [true|false] 蒙版点击是否关闭弹窗
+	 * @property {String}  backgroundColor 主窗口背景色
+	 * @property {String}  maskBackgroundColor 蒙版颜色
+	 * @property {String}  borderRadius 设置圆角(左上、右上、右下和左下) 示例:"10px 10px 10px 10px"
+	 * @property {Boolean} safeArea		   是否适配底部安全区
+	 * @event {Function} change 打开关闭弹窗触发，e={show: false}
+	 * @event {Function} maskClick 点击遮罩触发
+	 */
+
+	export default {
+		name: 'uniPopup',
+		components: {
+			// #ifdef H5
+			keypress
+			// #endif
+		},
+		emits: ['change', 'maskClick'],
+		props: {
+			// 开启动画
+			animation: {
+				type: Boolean,
+				default: true
+			},
+			// 弹出层类型，可选值，top: 顶部弹出层；bottom：底部弹出层；center：全屏弹出层
+			// message: 消息提示 ; dialog : 对话框
+			type: {
+				type: String,
+				default: 'center'
+			},
+			// maskClick
+			isMaskClick: {
+				type: Boolean,
+				default: null
+			},
+			// TODO 2 个版本后废弃属性 ，使用 isMaskClick
+			maskClick: {
+				type: Boolean,
+				default: null
+			},
+			backgroundColor: {
+				type: String,
+				default: 'none'
+			},
+			safeArea: {
+				type: Boolean,
+				default: true
+			},
+			maskBackgroundColor: {
+				type: String,
+				default: 'rgba(0, 0, 0, 0.4)'
+			},
+			borderRadius:{
+				type: String,
+			}
+		},
+
+		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.type]](true)
+				},
+				immediate: true
+			},
+			/**
+			 * 监听遮罩是否可点击
+			 * @param {Object} val
+			 */
+			maskClick: {
+				handler: function(val) {
+					this.mkclick = val
+				},
+				immediate: true
+			},
+			isMaskClick: {
+				handler: function(val) {
+					this.mkclick = val
+				},
+				immediate: true
+			},
+			// H5 下禁止底部滚动
+			showPopup(show) {
+				// #ifdef H5
+				// fix by mehaotian 处理 h5 滚动穿透的问题
+				document.getElementsByTagName('body')[0].style.overflow = show ? 'hidden' : 'visible'
+				// #endif
+			}
+		},
+		data() {
+			return {
+				duration: 300,
+				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'
+				},
+				maskClass: {
+					position: 'fixed',
+					bottom: 0,
+					top: 0,
+					left: 0,
+					right: 0,
+					backgroundColor: 'rgba(0, 0, 0, 0.4)'
+				},
+				transClass: {
+					backgroundColor: 'transparent',
+					borderRadius: this.borderRadius || "0",
+					position: 'fixed',
+					left: 0,
+					right: 0
+				},
+				maskShow: true,
+				mkclick: true,
+				popupstyle: 'top'
+			}
+		},
+		computed: {
+			getStyles() {
+				let res = { backgroundColor: this.bg };
+				if (this.borderRadius || "0") {
+					res = Object.assign(res, { borderRadius: this.borderRadius })
+				}
+				return res;
+			},
+			isDesktop() {
+				return this.popupWidth >= 500 && this.popupHeight >= 500
+			},
+			bg() {
+				if (this.backgroundColor === '' || this.backgroundColor === 'none') {
+					return 'transparent'
+				}
+				return this.backgroundColor
+			}
+		},
+		mounted() {
+			const fixSize = () => {
+				// #ifdef MP-WEIXIN
+				const {
+					windowWidth,
+					windowHeight,
+					windowTop,
+					safeArea,
+					screenHeight,
+					safeAreaInsets
+				} = uni.getWindowInfo()
+				// #endif
+				// #ifndef MP-WEIXIN
+				const {
+					windowWidth,
+					windowHeight,
+					windowTop,
+					safeArea,
+					screenHeight,
+					safeAreaInsets
+				} = uni.getSystemInfoSync()
+				// #endif
+				this.popupWidth = windowWidth
+				this.popupHeight = windowHeight + (windowTop || 0)
+				// TODO fix by mehaotian 是否适配底部安全区 ,目前微信ios 、和 app ios 计算有差异，需要框架修复
+				if (safeArea && this.safeArea) {
+					// #ifdef MP-WEIXIN
+					this.safeAreaInsets = screenHeight - safeArea.bottom
+					// #endif
+					// #ifndef MP-WEIXIN
+					this.safeAreaInsets = safeAreaInsets.bottom
+					// #endif
+				} else {
+					this.safeAreaInsets = 0
+				}
+			}
+			fixSize()
+			// #ifdef H5
+			// window.addEventListener('resize', fixSize)
+			// this.$once('hook:beforeDestroy', () => {
+			// 	window.removeEventListener('resize', fixSize)
+			// })
+			// #endif
+		},
+		// #ifndef VUE3
+		// TODO vue2
+		destroyed() {
+			this.setH5Visible()
+		},
+		// #endif
+		// #ifdef VUE3
+		// TODO vue3
+		unmounted() {
+			this.setH5Visible()
+		},
+		// #endif
+		activated() {
+   	  this.setH5Visible(!this.showPopup);
+    },
+    deactivated() {
+      this.setH5Visible(true);
+    },
+		created() {
+			// this.mkclick =  this.isMaskClick || this.maskClick
+			if (this.isMaskClick === null && this.maskClick === null) {
+				this.mkclick = true
+			} else {
+				this.mkclick = this.isMaskClick !== null ? this.isMaskClick : this.maskClick
+			}
+			if (this.animation) {
+				this.duration = 300
+			} else {
+				this.duration = 0
+			}
+			// TODO 处理 message 组件生命周期异常的问题
+			this.messageChild = null
+			// TODO 解决头条冒泡的问题
+			this.clearPropagation = false
+			this.maskClass.backgroundColor = this.maskBackgroundColor
+		},
+		methods: {
+			setH5Visible(visible = true) {
+				// #ifdef H5
+				// fix by mehaotian 处理 h5 滚动穿透的问题
+				document.getElementsByTagName('body')[0].style.overflow =  visible ? "visible" : "hidden";
+				// #endif
+			},
+			/**
+			 * 公用方法，不显示遮罩层
+			 */
+			closeMask() {
+				this.maskShow = false
+			},
+			/**
+			 * 公用方法，遮罩层禁止点击
+			 */
+			disableMask() {
+				this.mkclick = 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.type
+				}
+				if (!this.config[direction]) {
+					console.error('缺少类型：', direction)
+					return
+				}
+				this[this.config[direction]]()
+				this.$emit('change', {
+					show: true,
+					type: direction
+				})
+			},
+			close(type) {
+				this.showTrans = false
+				this.$emit('change', {
+					show: false,
+					type: this.type
+				})
+				clearTimeout(this.timer)
+				// // 自定义关闭事件
+				// this.customOpen && this.customClose()
+				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.mkclick) return
+				this.close()
+			},
+			/**
+			 * 顶部弹出样式处理
+			 */
+			top(type) {
+				this.popupstyle = this.isDesktop ? 'fixforpc-top' : 'top'
+				this.ani = ['slide-top']
+				this.transClass = {
+					position: 'fixed',
+					left: 0,
+					right: 0,
+					backgroundColor: this.bg,
+					borderRadius:this.borderRadius || "0"
+				}
+				// TODO 兼容 type 属性 ，后续会废弃
+				if (type) return
+				this.showPopup = true
+				this.showTrans = true
+				this.$nextTick(() => {
+					this.showPoptrans()
+					if (this.messageChild && this.type === 'message') {
+						this.messageChild.timerClose()
+					}
+				})
+			},
+			/**
+			 * 底部弹出样式处理
+			 */
+			bottom(type) {
+				this.popupstyle = 'bottom'
+				this.ani = ['slide-bottom']
+				this.transClass = {
+					position: 'fixed',
+					left: 0,
+					right: 0,
+					bottom: 0,
+					paddingBottom: this.safeAreaInsets + 'px',
+					backgroundColor: this.bg,
+					borderRadius:this.borderRadius || "0",
+				}
+				// TODO 兼容 type 属性 ，后续会废弃
+				if (type) return
+				this.showPoptrans()
+			},
+			/**
+			 * 中间弹出样式处理
+			 */
+			center(type) {
+				this.popupstyle = 'center'
+				//微信小程序下，组合动画会出现文字向上闪动问题，再此做特殊处理
+				// #ifdef MP-WEIXIN
+					this.ani = ['fade']
+				// #endif
+				// #ifndef MP-WEIXIN
+					this.ani = ['zoom-out', 'fade']
+				// #endif
+				this.transClass = {
+					position: 'fixed',
+					/* #ifndef APP-NVUE */
+					display: 'flex',
+					flexDirection: 'column',
+					/* #endif */
+					bottom: 0,
+					left: 0,
+					right: 0,
+					top: 0,
+					justifyContent: 'center',
+					alignItems: 'center',
+					borderRadius:this.borderRadius || "0"
+				}
+				// TODO 兼容 type 属性 ，后续会废弃
+				if (type) return
+				this.showPoptrans()
+			},
+			left(type) {
+				this.popupstyle = 'left'
+				this.ani = ['slide-left']
+				this.transClass = {
+					position: 'fixed',
+					left: 0,
+					bottom: 0,
+					top: 0,
+					backgroundColor: this.bg,
+					borderRadius:this.borderRadius || "0",
+					/* #ifndef APP-NVUE */
+					display: 'flex',
+					flexDirection: 'column'
+					/* #endif */
+				}
+				// TODO 兼容 type 属性 ，后续会废弃
+				if (type) return
+				this.showPoptrans()
+			},
+			right(type) {
+				this.popupstyle = 'right'
+				this.ani = ['slide-right']
+				this.transClass = {
+					position: 'fixed',
+					bottom: 0,
+					right: 0,
+					top: 0,
+					backgroundColor: this.bg,
+					borderRadius:this.borderRadius || "0",
+					/* #ifndef APP-NVUE */
+					display: 'flex',
+					flexDirection: 'column'
+					/* #endif */
+				}
+				// TODO 兼容 type 属性 ，后续会废弃
+				if (type) return
+				this.showPoptrans()
+			},
+			showPoptrans(){
+				this.$nextTick(()=>{
+					this.showPopup = true
+					this.showTrans = true
+				})
+			}
+		}
+	}
+</script>
+<style lang="scss">
+	.uni-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 */
+		}
+
+		.uni-popup__wrapper {
+			/* #ifndef APP-NVUE */
+			display: block;
+			/* #endif */
+			position: relative;
+
+			/* iphonex 等安全区设置，底部安全区适配 */
+			/* #ifndef APP-NVUE */
+			// padding-bottom: constant(safe-area-inset-bottom);
+			// padding-bottom: env(safe-area-inset-bottom);
+			/* #endif */
+			&.left,
+			&.right {
+				/* #ifdef H5 */
+				padding-top: var(--window-top);
+				/* #endif */
+				/* #ifndef H5 */
+				padding-top: 0;
+				/* #endif */
+				flex: 1;
+			}
+		}
+	}
+
+	.fixforpc-z-index {
+		/* #ifndef APP-NVUE */
+		z-index: 999;
+		/* #endif */
+	}
+
+	.fixforpc-top {
+		top: 0;
+	}
+</style>
diff --git a/uni_modules/uni-popup/package.json b/uni_modules/uni-popup/package.json
new file mode 100644
index 0000000..d8bfb9f
--- /dev/null
+++ b/uni_modules/uni-popup/package.json
@@ -0,0 +1,90 @@
+{
+	"id": "uni-popup",
+	"displayName": "uni-popup 弹出层",
+	"version": "1.9.8",
+	"description": " Popup 组件，提供常用的弹层",
+	"keywords": [
+        "uni-ui",
+        "弹出层",
+        "弹窗",
+        "popup",
+        "弹框"
+    ],
+	"repository": "https://github.com/dcloudio/uni-ui",
+	"engines": {
+		"HBuilderX": ""
+	},
+	"directories": {
+		"example": "../../temps/example_temps"
+	},
+    "dcloudext": {
+        "sale": {
+			"regular": {
+				"price": "0.00"
+			},
+			"sourcecode": {
+				"price": "0.00"
+			}
+		},
+		"contact": {
+			"qq": ""
+		},
+		"declaration": {
+			"ads": "无",
+			"data": "无",
+			"permissions": "无"
+		},
+        "npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui",
+        "type": "component-vue"
+	},
+	"uni_modules": {
+		"dependencies": [
+			"uni-scss",
+			"uni-transition"
+		],
+		"encrypt": [],
+		"platforms": {
+			"cloud": {
+				"tcb": "y",
+                "aliyun": "y",
+                "alipay": "n"
+			},
+			"client": {
+				"App": {
+                    "app-vue": "y",
+                    "app-nvue": "y",
+                    "app-harmony": "u",
+                    "app-uvue": "u"
+                },
+				"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"
+                },
+                "Vue": {
+                    "vue2": "y",
+                    "vue3": "y"
+                }
+			}
+		}
+	}
+}
diff --git a/uni_modules/uni-popup/readme.md b/uni_modules/uni-popup/readme.md
new file mode 100644
index 0000000..fdad4b3
--- /dev/null
+++ b/uni_modules/uni-popup/readme.md
@@ -0,0 +1,17 @@
+
+
+## Popup 弹出层
+> **组件名：uni-popup**
+> 代码块： `uPopup`
+> 关联组件：`uni-transition`
+
+
+弹出层组件，在应用中弹出一个消息提示窗口、提示框等
+
+### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-popup)
+#### 如使用过程中有任何问题，或者您对uni-ui有一些好的建议，欢迎加入 uni-ui 交流群：871950839 
+
+
+
+
+
diff --git a/uni_modules/uni-scss/changelog.md b/uni_modules/uni-scss/changelog.md
new file mode 100644
index 0000000..b863bb0
--- /dev/null
+++ b/uni_modules/uni-scss/changelog.md
@@ -0,0 +1,8 @@
+## 1.0.3（2022-01-21）
+- 优化 组件示例
+## 1.0.2（2021-11-22）
+- 修复 / 符号在 vue 不同版本兼容问题引起的报错问题
+## 1.0.1（2021-11-22）
+- 修复 vue3中scss语法兼容问题
+## 1.0.0（2021-11-18）
+- init
diff --git a/uni_modules/uni-scss/index.scss b/uni_modules/uni-scss/index.scss
new file mode 100644
index 0000000..1744a5f
--- /dev/null
+++ b/uni_modules/uni-scss/index.scss
@@ -0,0 +1 @@
+@import './styles/index.scss';
diff --git a/uni_modules/uni-scss/package.json b/uni_modules/uni-scss/package.json
new file mode 100644
index 0000000..7cc0ccb
--- /dev/null
+++ b/uni_modules/uni-scss/package.json
@@ -0,0 +1,82 @@
+{
+  "id": "uni-scss",
+  "displayName": "uni-scss 辅助样式",
+  "version": "1.0.3",
+  "description": "uni-sass是uni-ui提供的一套全局样式 ，通过一些简单的类名和sass变量，实现简单的页面布局操作，比如颜色、边距、圆角等。",
+  "keywords": [
+    "uni-scss",
+    "uni-ui",
+    "辅助样式"
+],
+  "repository": "https://github.com/dcloudio/uni-ui",
+  "engines": {
+    "HBuilderX": "^3.1.0"
+  },
+  "dcloudext": {
+    "category": [
+        "JS SDK",
+        "通用 SDK"
+    ],
+    "sale": {
+      "regular": {
+        "price": "0.00"
+      },
+      "sourcecode": {
+        "price": "0.00"
+      }
+    },
+    "contact": {
+      "qq": ""
+    },
+    "declaration": {
+      "ads": "无",
+      "data": "无",
+      "permissions": "无"
+    },
+    "npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui"
+  },
+  "uni_modules": {
+    "dependencies": [],
+    "encrypt": [],
+    "platforms": {
+      "cloud": {
+        "tcb": "y",
+        "aliyun": "y"
+      },
+      "client": {
+        "App": {
+          "app-vue": "y",
+          "app-nvue": "u"
+        },
+        "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"
+        },
+        "快应用": {
+          "华为": "n",
+          "联盟": "n"
+        },
+        "Vue": {
+            "vue2": "y",
+            "vue3": "y"
+        }
+      }
+    }
+  }
+}
diff --git a/uni_modules/uni-scss/readme.md b/uni_modules/uni-scss/readme.md
new file mode 100644
index 0000000..b7d1c25
--- /dev/null
+++ b/uni_modules/uni-scss/readme.md
@@ -0,0 +1,4 @@
+`uni-sass` 是 `uni-ui`提供的一套全局样式 ，通过一些简单的类名和`sass`变量，实现简单的页面布局操作，比如颜色、边距、圆角等。
+
+### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-sass)
+#### 如使用过程中有任何问题，或者您对uni-ui有一些好的建议，欢迎加入 uni-ui 交流群：871950839 
\ No newline at end of file
diff --git a/uni_modules/uni-scss/styles/index.scss b/uni_modules/uni-scss/styles/index.scss
new file mode 100644
index 0000000..ffac4fe
--- /dev/null
+++ b/uni_modules/uni-scss/styles/index.scss
@@ -0,0 +1,7 @@
+@import './setting/_variables.scss';
+@import './setting/_border.scss';
+@import './setting/_color.scss';
+@import './setting/_space.scss';
+@import './setting/_radius.scss';
+@import './setting/_text.scss';
+@import './setting/_styles.scss';
diff --git a/uni_modules/uni-scss/styles/setting/_border.scss b/uni_modules/uni-scss/styles/setting/_border.scss
new file mode 100644
index 0000000..12a11c3
--- /dev/null
+++ b/uni_modules/uni-scss/styles/setting/_border.scss
@@ -0,0 +1,3 @@
+.uni-border {
+	border: 1px $uni-border-1 solid;
+}
\ No newline at end of file
diff --git a/uni_modules/uni-scss/styles/setting/_color.scss b/uni_modules/uni-scss/styles/setting/_color.scss
new file mode 100644
index 0000000..1ededd9
--- /dev/null
+++ b/uni_modules/uni-scss/styles/setting/_color.scss
@@ -0,0 +1,66 @@
+
+// TODO 暂时不需要 class ，需要用户使用变量实现 ，如果使用类名其实并不推荐
+// @mixin get-styles($k,$c) {
+// 	@if $k == size or $k == weight{
+// 		font-#{$k}:#{$c}
+// 	}@else{
+// 		#{$k}:#{$c}
+// 	}
+// }
+$uni-ui-color:(
+	// 主色
+	primary: $uni-primary,
+	primary-disable: $uni-primary-disable,
+	primary-light: $uni-primary-light,
+	// 辅助色
+	success: $uni-success,
+	success-disable: $uni-success-disable,
+	success-light: $uni-success-light,
+	warning: $uni-warning,
+	warning-disable: $uni-warning-disable,
+	warning-light: $uni-warning-light,
+	error: $uni-error,
+	error-disable: $uni-error-disable,
+	error-light: $uni-error-light,
+	info: $uni-info,
+	info-disable: $uni-info-disable,
+	info-light: $uni-info-light,
+	// 中性色
+	main-color: $uni-main-color,
+	base-color: $uni-base-color,
+	secondary-color: $uni-secondary-color,
+	extra-color: $uni-extra-color,
+	// 背景色
+	bg-color: $uni-bg-color,
+	// 边框颜色
+	border-1: $uni-border-1,
+	border-2: $uni-border-2,
+	border-3: $uni-border-3,
+	border-4: $uni-border-4,
+	// 黑色
+	black:$uni-black,
+	// 白色
+	white:$uni-white,
+	// 透明
+	transparent:$uni-transparent
+) !default;
+@each $key, $child in $uni-ui-color {
+	.uni-#{"" + $key} {
+		color: $child;
+	}
+	.uni-#{"" + $key}-bg {
+		background-color: $child;
+	}
+}
+.uni-shadow-sm {
+	box-shadow: $uni-shadow-sm;
+}
+.uni-shadow-base {
+	box-shadow: $uni-shadow-base;
+}
+.uni-shadow-lg {
+	box-shadow: $uni-shadow-lg;
+}
+.uni-mask {
+	background-color:$uni-mask;
+}
diff --git a/uni_modules/uni-scss/styles/setting/_radius.scss b/uni_modules/uni-scss/styles/setting/_radius.scss
new file mode 100644
index 0000000..9a0428b
--- /dev/null
+++ b/uni_modules/uni-scss/styles/setting/_radius.scss
@@ -0,0 +1,55 @@
+@mixin radius($r,$d:null ,$important: false){
+  $radius-value:map-get($uni-radius, $r) if($important, !important, null);
+  // Key exists within the $uni-radius variable
+  @if (map-has-key($uni-radius, $r) and  $d){
+		@if $d == t {
+				border-top-left-radius:$radius-value;
+				border-top-right-radius:$radius-value;
+		}@else if $d == r {
+				border-top-right-radius:$radius-value;
+				border-bottom-right-radius:$radius-value;
+		}@else if $d == b {
+				border-bottom-left-radius:$radius-value;
+				border-bottom-right-radius:$radius-value;
+		}@else if $d == l {
+				border-top-left-radius:$radius-value;
+				border-bottom-left-radius:$radius-value;
+		}@else if $d == tl {
+				border-top-left-radius:$radius-value;
+		}@else if $d == tr {
+				border-top-right-radius:$radius-value;
+		}@else if $d == br {
+				border-bottom-right-radius:$radius-value;
+		}@else if $d == bl {
+				border-bottom-left-radius:$radius-value;
+		}
+  }@else{
+		border-radius:$radius-value;
+  }
+}
+
+@each $key, $child in $uni-radius {
+	@if($key){
+		.uni-radius-#{"" + $key} {
+				@include radius($key)
+		}
+	}@else{
+		.uni-radius {
+				@include radius($key)
+		}
+	}
+}
+
+@each $direction in t, r, b, l,tl, tr, br, bl {
+	@each $key, $child in $uni-radius {
+		@if($key){
+			.uni-radius-#{"" + $direction}-#{"" + $key} {
+				@include radius($key,$direction,false)
+			}
+		}@else{
+			.uni-radius-#{$direction} {
+				@include radius($key,$direction,false)
+			}
+		}
+	}
+}
diff --git a/uni_modules/uni-scss/styles/setting/_space.scss b/uni_modules/uni-scss/styles/setting/_space.scss
new file mode 100644
index 0000000..3c89528
--- /dev/null
+++ b/uni_modules/uni-scss/styles/setting/_space.scss
@@ -0,0 +1,56 @@
+
+@mixin fn($space,$direction,$size,$n) {
+	@if $n {
+		#{$space}-#{$direction}: #{$size*$uni-space-root}px
+	} @else {
+		 #{$space}-#{$direction}: #{-$size*$uni-space-root}px
+	}
+}
+@mixin get-styles($direction,$i,$space,$n){
+	@if $direction == t {
+		@include fn($space, top,$i,$n);
+	} 
+	@if $direction == r {
+		@include fn($space, right,$i,$n);
+	} 
+	@if $direction == b {
+		@include fn($space, bottom,$i,$n);
+	} 
+	@if $direction == l {
+	 @include fn($space, left,$i,$n);
+	} 
+	@if $direction == x {
+		@include fn($space, left,$i,$n);
+		@include fn($space, right,$i,$n);
+	} 
+	@if $direction == y {
+		@include fn($space, top,$i,$n);
+		@include fn($space, bottom,$i,$n);
+	} 
+	@if $direction == a {
+		@if $n {
+			#{$space}:#{$i*$uni-space-root}px;
+		} @else {
+			#{$space}:#{-$i*$uni-space-root}px;
+		}
+	} 
+}
+
+@each $orientation in m,p {
+	$space: margin;
+	@if $orientation == m {
+		$space: margin;
+	} @else {
+		$space: padding;
+	}
+	@for $i from 0 through 16 {
+		@each $direction in t, r, b, l, x, y, a {
+			.uni-#{$orientation}#{$direction}-#{$i} { 
+				@include  get-styles($direction,$i,$space,true);
+			} 
+			.uni-#{$orientation}#{$direction}-n#{$i} { 
+				@include  get-styles($direction,$i,$space,false);
+			}
+		}
+	}
+}
\ No newline at end of file
diff --git a/uni_modules/uni-scss/styles/setting/_styles.scss b/uni_modules/uni-scss/styles/setting/_styles.scss
new file mode 100644
index 0000000..689afec
--- /dev/null
+++ b/uni_modules/uni-scss/styles/setting/_styles.scss
@@ -0,0 +1,167 @@
+/* #ifndef APP-NVUE */
+
+$-color-white:#fff;
+$-color-black:#000;
+@mixin base-style($color) {
+	color: #fff;
+	background-color: $color;
+	border-color: mix($-color-black, $color, 8%);
+	&:not([hover-class]):active {
+		background: mix($-color-black, $color, 10%);
+		border-color: mix($-color-black, $color, 20%);
+		color: $-color-white;
+		outline: none;
+	}
+}
+@mixin is-color($color) {
+	@include base-style($color);
+	&[loading] {
+		@include base-style($color);
+		&::before {
+			margin-right:5px;
+		}
+	}
+	&[disabled] {
+	  &,
+		&[loading],
+	  &:not([hover-class]):active {
+	    color: $-color-white;
+			border-color: mix(darken($color,10%), $-color-white);
+	    background-color: mix($color, $-color-white);
+	  }
+	}
+
+}
+@mixin base-plain-style($color) {
+	color:$color;
+	background-color: mix($-color-white, $color, 90%);
+	border-color: mix($-color-white, $color, 70%);
+	&:not([hover-class]):active {
+	  background: mix($-color-white, $color, 80%);
+	  color: $color;
+	  outline: none;
+		border-color: mix($-color-white, $color, 50%);
+	}
+}
+@mixin is-plain($color){
+	&[plain] {
+		@include base-plain-style($color);
+		&[loading] {
+			@include base-plain-style($color);
+			&::before {
+				margin-right:5px;
+			}
+		}
+		&[disabled] {
+		  &,
+		  &:active {
+		    color: mix($-color-white, $color, 40%);
+		    background-color: mix($-color-white, $color, 90%);
+				border-color: mix($-color-white, $color, 80%);
+		  }
+		}
+	}
+}
+
+
+.uni-btn {
+	margin: 5px;
+	color: #393939;
+	border:1px solid #ccc;
+	font-size: 16px;
+	font-weight: 200;
+	background-color: #F9F9F9;
+	// TODO 暂时处理边框隐藏一边的问题
+	overflow: visible;
+	&::after{
+		border: none;
+	}
+
+	&:not([type]),&[type=default] {
+		color: #999;
+		&[loading] {
+			background: none;
+			&::before {
+				margin-right:5px;
+			}
+		}
+
+
+
+		&[disabled]{
+			color: mix($-color-white, #999, 60%);
+		  &,
+			&[loading],
+		  &:active {
+				color: mix($-color-white, #999, 60%);
+		    background-color: mix($-color-white,$-color-black , 98%);
+				border-color: mix($-color-white,  #999, 85%);
+		  }
+		}
+
+		&[plain] {
+			color: #999;
+			background: none;
+			border-color: $uni-border-1;
+			&:not([hover-class]):active {
+				background: none;
+			  color: mix($-color-white, $-color-black, 80%);
+				border-color: mix($-color-white, $-color-black, 90%);
+			  outline: none;
+			}
+			&[disabled]{
+			  &,
+				&[loading],
+			  &:active {
+			    background: none;
+					color: mix($-color-white, #999, 60%);
+					border-color: mix($-color-white,  #999, 85%);
+			  }
+			}
+		}
+	}
+
+	&:not([hover-class]):active {
+	  color: mix($-color-white, $-color-black, 50%);
+	}
+
+	&[size=mini] {
+		font-size: 16px;
+		font-weight: 200;
+		border-radius: 8px;
+	}
+
+
+
+	&.uni-btn-small {
+		font-size: 14px;
+	}
+	&.uni-btn-mini {
+		font-size: 12px;
+	}
+
+	&.uni-btn-radius {
+		border-radius: 999px;
+	}
+	&[type=primary] {
+		@include is-color($uni-primary);
+		@include is-plain($uni-primary)
+	}
+	&[type=success] {
+		@include is-color($uni-success);
+		@include is-plain($uni-success)
+	}
+	&[type=error] {
+		@include is-color($uni-error);
+		@include is-plain($uni-error)
+	}
+	&[type=warning] {
+		@include is-color($uni-warning);
+		@include is-plain($uni-warning)
+	}
+	&[type=info] {
+		@include is-color($uni-info);
+		@include is-plain($uni-info)
+	}
+}
+/* #endif */
diff --git a/uni_modules/uni-scss/styles/setting/_text.scss b/uni_modules/uni-scss/styles/setting/_text.scss
new file mode 100644
index 0000000..a34d08f
--- /dev/null
+++ b/uni_modules/uni-scss/styles/setting/_text.scss
@@ -0,0 +1,24 @@
+@mixin get-styles($k,$c) {
+	@if $k == size or $k == weight{
+		font-#{$k}:#{$c}
+	}@else{
+		#{$k}:#{$c}
+	}
+}
+
+@each $key, $child in $uni-headings {
+	/* #ifndef APP-NVUE */
+	.uni-#{$key} {
+		@each $k, $c in $child {
+			@include get-styles($k,$c)
+		}
+	}
+	/* #endif */
+	/* #ifdef APP-NVUE */
+	.container .uni-#{$key} {
+		@each $k, $c in $child {
+			@include get-styles($k,$c)
+		}
+	}
+	/* #endif */
+}
diff --git a/uni_modules/uni-scss/styles/setting/_variables.scss b/uni_modules/uni-scss/styles/setting/_variables.scss
new file mode 100644
index 0000000..557d3d7
--- /dev/null
+++ b/uni_modules/uni-scss/styles/setting/_variables.scss
@@ -0,0 +1,146 @@
+// @use "sass:math";
+@import  '../tools/functions.scss';
+// 间距基础倍数
+$uni-space-root: 2 !default;
+// 边框半径默认值
+$uni-radius-root:5px !default;
+$uni-radius: () !default;
+// 边框半径断点
+$uni-radius: map-deep-merge(
+  (
+    0: 0,
+		// TODO 当前版本暂时不支持 sm 属性
+    // 'sm': math.div($uni-radius-root, 2),
+    null: $uni-radius-root,
+    'lg': $uni-radius-root * 2,
+    'xl': $uni-radius-root * 6,
+    'pill': 9999px,
+    'circle': 50%
+  ),
+  $uni-radius
+);
+// 字体家族
+$body-font-family: 'Roboto', sans-serif !default;
+// 文本
+$heading-font-family: $body-font-family !default;
+$uni-headings: () !default;
+$letterSpacing: -0.01562em;
+$uni-headings: map-deep-merge(
+  (
+    'h1': (
+      size: 32px,
+			weight: 300,
+			line-height: 50px,
+			// letter-spacing:-0.01562em
+    ),
+    'h2': (
+      size: 28px,
+      weight: 300,
+      line-height: 40px,
+      // letter-spacing: -0.00833em
+    ),
+    'h3': (
+      size: 24px,
+      weight: 400,
+      line-height: 32px,
+      // letter-spacing: normal
+    ),
+    'h4': (
+      size: 20px,
+      weight: 400,
+      line-height: 30px,
+      // letter-spacing: 0.00735em
+    ),
+    'h5': (
+      size: 16px,
+      weight: 400,
+      line-height: 24px,
+      // letter-spacing: normal
+    ),
+    'h6': (
+      size: 14px,
+      weight: 500,
+      line-height: 18px,
+      // letter-spacing: 0.0125em
+    ),
+    'subtitle': (
+      size: 12px,
+      weight: 400,
+      line-height: 20px,
+      // letter-spacing: 0.00937em
+    ),
+    'body': (
+      font-size: 14px,
+			font-weight: 400,
+			line-height: 22px,
+			// letter-spacing: 0.03125em
+    ),
+    'caption': (
+      'size': 12px,
+      'weight': 400,
+      'line-height': 20px,
+      // 'letter-spacing': 0.03333em,
+      // 'text-transform': false
+    )
+  ),
+  $uni-headings
+);
+
+
+
+// 主色
+$uni-primary: #2979ff !default;
+$uni-primary-disable:lighten($uni-primary,20%) !default;
+$uni-primary-light: lighten($uni-primary,25%) !default;
+
+// 辅助色
+// 除了主色外的场景色，需要在不同的场景中使用（例如危险色表示危险的操作）。
+$uni-success: #18bc37 !default;
+$uni-success-disable:lighten($uni-success,20%) !default;
+$uni-success-light: lighten($uni-success,25%) !default;
+
+$uni-warning: #f3a73f !default;
+$uni-warning-disable:lighten($uni-warning,20%) !default;
+$uni-warning-light: lighten($uni-warning,25%) !default;
+
+$uni-error: #e43d33 !default;
+$uni-error-disable:lighten($uni-error,20%) !default;
+$uni-error-light: lighten($uni-error,25%) !default;
+
+$uni-info: #8f939c !default;
+$uni-info-disable:lighten($uni-info,20%) !default;
+$uni-info-light: lighten($uni-info,25%) !default;
+
+// 中性色
+// 中性色用于文本、背景和边框颜色。通过运用不同的中性色，来表现层次结构。
+$uni-main-color: #3a3a3a !default; 			// 主要文字
+$uni-base-color: #6a6a6a !default;			// 常规文字
+$uni-secondary-color: #909399 !default;	// 次要文字
+$uni-extra-color: #c7c7c7 !default;			// 辅助说明
+
+// 边框颜色
+$uni-border-1: #F0F0F0 !default;
+$uni-border-2: #EDEDED !default;
+$uni-border-3: #DCDCDC !default;
+$uni-border-4: #B9B9B9 !default;
+
+// 常规色
+$uni-black: #000000 !default;
+$uni-white: #ffffff !default;
+$uni-transparent: rgba($color: #000000, $alpha: 0) !default;
+
+// 背景色
+$uni-bg-color: #f7f7f7 !default;
+
+/* 水平间距 */
+$uni-spacing-sm: 8px !default;
+$uni-spacing-base: 15px !default;
+$uni-spacing-lg: 30px !default;
+
+// 阴影
+$uni-shadow-sm:0 0 5px rgba($color: #d8d8d8, $alpha: 0.5) !default;
+$uni-shadow-base:0 1px 8px 1px rgba($color: #a5a5a5, $alpha: 0.2) !default;
+$uni-shadow-lg:0px 1px 10px 2px rgba($color: #a5a4a4, $alpha: 0.5) !default;
+
+// 蒙版
+$uni-mask: rgba($color: #000000, $alpha: 0.4) !default;
diff --git a/uni_modules/uni-scss/styles/tools/functions.scss b/uni_modules/uni-scss/styles/tools/functions.scss
new file mode 100644
index 0000000..ac6f63e
--- /dev/null
+++ b/uni_modules/uni-scss/styles/tools/functions.scss
@@ -0,0 +1,19 @@
+// 合并 map
+@function map-deep-merge($parent-map, $child-map){
+	$result: $parent-map;
+	@each $key, $child in $child-map {
+		$parent-has-key: map-has-key($result, $key);
+		$parent-value: map-get($result, $key);
+		$parent-type: type-of($parent-value);
+		$child-type: type-of($child);
+		$parent-is-map: $parent-type == map;
+		$child-is-map: $child-type == map;
+			
+		@if (not $parent-has-key) or ($parent-type != $child-type) or (not ($parent-is-map and $child-is-map)){
+			$result: map-merge($result, ( $key: $child ));
+		}@else {
+			$result: map-merge($result, ( $key: map-deep-merge($parent-value, $child) ));
+		}
+	}
+	@return $result;
+};
diff --git a/uni_modules/uni-scss/theme.scss b/uni_modules/uni-scss/theme.scss
new file mode 100644
index 0000000..80ee62f
--- /dev/null
+++ b/uni_modules/uni-scss/theme.scss
@@ -0,0 +1,31 @@
+// 间距基础倍数
+$uni-space-root: 2;
+// 边框半径默认值
+$uni-radius-root:5px;
+// 主色
+$uni-primary: #2979ff;
+// 辅助色
+$uni-success: #4cd964;
+// 警告色
+$uni-warning: #f0ad4e;
+// 错误色
+$uni-error: #dd524d;
+// 描述色
+$uni-info: #909399;
+// 中性色
+$uni-main-color: #303133;
+$uni-base-color: #606266;
+$uni-secondary-color: #909399;
+$uni-extra-color: #C0C4CC;
+// 背景色
+$uni-bg-color: #f5f5f5;
+// 边框颜色
+$uni-border-1: #DCDFE6;
+$uni-border-2: #E4E7ED;
+$uni-border-3: #EBEEF5;
+$uni-border-4: #F2F6FC;
+
+// 常规色
+$uni-black: #000000;
+$uni-white: #ffffff;
+$uni-transparent: rgba($color: #000000, $alpha: 0);
diff --git a/uni_modules/uni-scss/variables.scss b/uni_modules/uni-scss/variables.scss
new file mode 100644
index 0000000..1c062d4
--- /dev/null
+++ b/uni_modules/uni-scss/variables.scss
@@ -0,0 +1,62 @@
+@import './styles/setting/_variables.scss';
+// 间距基础倍数
+$uni-space-root: 2;
+// 边框半径默认值
+$uni-radius-root:5px;
+
+// 主色
+$uni-primary: #2979ff;
+$uni-primary-disable:mix(#fff,$uni-primary,50%);
+$uni-primary-light: mix(#fff,$uni-primary,80%);
+
+// 辅助色
+// 除了主色外的场景色，需要在不同的场景中使用（例如危险色表示危险的操作）。
+$uni-success: #18bc37;
+$uni-success-disable:mix(#fff,$uni-success,50%);
+$uni-success-light: mix(#fff,$uni-success,80%);
+
+$uni-warning: #f3a73f;
+$uni-warning-disable:mix(#fff,$uni-warning,50%);
+$uni-warning-light: mix(#fff,$uni-warning,80%);
+
+$uni-error: #e43d33;
+$uni-error-disable:mix(#fff,$uni-error,50%);
+$uni-error-light: mix(#fff,$uni-error,80%);
+
+$uni-info: #8f939c;
+$uni-info-disable:mix(#fff,$uni-info,50%);
+$uni-info-light: mix(#fff,$uni-info,80%);
+
+// 中性色
+// 中性色用于文本、背景和边框颜色。通过运用不同的中性色，来表现层次结构。
+$uni-main-color: #3a3a3a; 			// 主要文字
+$uni-base-color: #6a6a6a;			// 常规文字
+$uni-secondary-color: #909399;	// 次要文字
+$uni-extra-color: #c7c7c7;			// 辅助说明
+
+// 边框颜色
+$uni-border-1: #F0F0F0;
+$uni-border-2: #EDEDED;
+$uni-border-3: #DCDCDC;
+$uni-border-4: #B9B9B9;
+
+// 常规色
+$uni-black: #000000;
+$uni-white: #ffffff;
+$uni-transparent: rgba($color: #000000, $alpha: 0);
+
+// 背景色
+$uni-bg-color: #f7f7f7;
+
+/* 水平间距 */
+$uni-spacing-sm: 8px;
+$uni-spacing-base: 15px;
+$uni-spacing-lg: 30px;
+
+// 阴影
+$uni-shadow-sm:0 0 5px rgba($color: #d8d8d8, $alpha: 0.5);
+$uni-shadow-base:0 1px 8px 1px rgba($color: #a5a5a5, $alpha: 0.2);
+$uni-shadow-lg:0px 1px 10px 2px rgba($color: #a5a4a4, $alpha: 0.5);
+
+// 蒙版
+$uni-mask: rgba($color: #000000, $alpha: 0.4);
diff --git a/uni_modules/uni-transition/changelog.md b/uni_modules/uni-transition/changelog.md
new file mode 100644
index 0000000..2f2b10d
--- /dev/null
+++ b/uni_modules/uni-transition/changelog.md
@@ -0,0 +1,27 @@
+## 1.3.4（2025-04-16）
+- 修复 页面数据更新到底动画复原的问题
+- 修复 示例页面打开报错的问题
+## 1.3.3（2024-04-23）
+- 修复 当元素会受变量影响自动隐藏的bug
+## 1.3.2（2023-05-04）
+- 修复 NVUE 平台报错的问题
+## 1.3.1（2021-11-23）
+- 修复 init 方法初始化问题
+## 1.3.0（2021-11-19）
+- 优化 组件UI，并提供设计资源，详见:[https://uniapp.dcloud.io/component/uniui/resource](https://uniapp.dcloud.io/component/uniui/resource)
+- 文档迁移，详见:[https://uniapp.dcloud.io/component/uniui/uni-transition](https://uniapp.dcloud.io/component/uniui/uni-transition)
+## 1.2.1（2021-09-27）
+- 修复 init 方法不生效的 Bug
+## 1.2.0（2021-07-30）
+- 组件兼容 vue3，如何创建 vue3 项目，详见 [uni-app 项目支持 vue3 介绍](https://ask.dcloud.net.cn/article/37834)
+## 1.1.1（2021-05-12）
+- 新增 示例地址
+- 修复 示例项目缺少组件的 Bug
+## 1.1.0（2021-04-22）
+- 新增 通过方法自定义动画
+- 新增 custom-class 非 NVUE 平台支持自定义 class 定制样式
+- 优化 动画触发逻辑，使动画更流畅
+- 优化 支持单独的动画类型
+- 优化 文档示例
+## 1.0.2（2021-02-05）
+- 调整为 uni_modules 目录规范
diff --git a/uni_modules/uni-transition/components/uni-transition/createAnimation.js b/uni_modules/uni-transition/components/uni-transition/createAnimation.js
new file mode 100644
index 0000000..8f89b18
--- /dev/null
+++ b/uni_modules/uni-transition/components/uni-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/uni-transition/components/uni-transition/uni-transition.vue b/uni_modules/uni-transition/components/uni-transition/uni-transition.vue
new file mode 100644
index 0000000..8772572
--- /dev/null
+++ b/uni_modules/uni-transition/components/uni-transition/uni-transition.vue
@@ -0,0 +1,289 @@
+<template>
+  <!-- #ifndef APP-NVUE -->
+  <view v-show="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 { createAnimation } from './createAnimation'
+
+/**
+ * Transition 过渡动画
+ * @description 简单过渡动画组件
+ * @tutorial https://ext.dcloud.net.cn/plugin?id=985
+ * @property {Boolean} show = [false|true] 控制组件显示或隐藏
+ * @property {Array|String} modeClass = [fade|slide-top|slide-right|slide-bottom|slide-left|zoom-in|zoom-out] 过渡动画类型
+ *  @value fade 渐隐渐出过渡
+ *  @value slide-top 由上至下过渡
+ *  @value slide-right 由右至左过渡
+ *  @value slide-bottom 由下至上过渡
+ *  @value slide-left 由左至右过渡
+ *  @value zoom-in 由小到大过渡
+ *  @value zoom-out 由大到小过渡
+ * @property {Number} duration 过渡动画持续时间
+ * @property {Object} styles 组件样式，同 css 样式，注意带’-‘连接符的属性需要使用小驼峰写法如：`backgroundColor:red`
+ */
+export default {
+	name: 'uniTransition',
+	emits:['click','change'],
+	props: {
+		show: {
+			type: Boolean,
+			default: false
+		},
+		modeClass: {
+			type: [Array, String],
+			default() {
+				return 'fade'
+			}
+		},
+		duration: {
+			type: Number,
+			default: 300
+		},
+		styles: {
+			type: Object,
+			default() {
+				return {}
+			}
+		},
+		customClass:{
+			type: String,
+			default: ''
+		},
+		onceRender:{
+			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: {
+		// 生成样式数据
+		stylesObject() {
+			let styles = {
+				...this.styles,
+				'transition-duration': this.duration / 1000 + 's'
+			}
+			let transform = ''
+			for (let i in styles) {
+				let line = this.toLine(i)
+				transform += line + ':' + styles[i] + ';'
+			}
+			return transform
+		},
+		// 初始化动画条件
+		transformStyles() {
+			return 'transform:' + this.transform + ';' + 'opacity:' + this.opacity + ';' + this.stylesObject
+		}
+	},
+	created() {
+		// 动画默认配置
+		this.config = {
+			duration: this.duration,
+			timingFunction: 'ease',
+			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()
+					this.animation.run(() => {
+						this.transform = ''
+						this.opacity = opacity || 1
+					})
+					this.$emit('change', {
+						detail: this.isShow
+					})
+				}, 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.modeClass === 'string') {
+				buildStyle(type, this.modeClass)
+			} else {
+				this.modeClass.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.modeClass === 'string') {
+				buildTranfrom(type, this.modeClass)
+			} else {
+				this.modeClass.forEach(mode => {
+					buildTranfrom(type, mode)
+				})
+			}
+
+			return this.animation
+		},
+		animationType(type) {
+			return {
+				fade: type ? 0 : 1,
+				'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>
+
+<style></style>
diff --git a/uni_modules/uni-transition/package.json b/uni_modules/uni-transition/package.json
new file mode 100644
index 0000000..b76a3ab
--- /dev/null
+++ b/uni_modules/uni-transition/package.json
@@ -0,0 +1,87 @@
+{
+  "id": "uni-transition",
+  "displayName": "uni-transition 过渡动画",
+  "version": "1.3.4",
+  "description": "元素的简单过渡动画",
+  "keywords": [
+    "uni-ui",
+    "uniui",
+    "动画",
+    "过渡",
+    "过渡动画"
+],
+  "repository": "https://github.com/dcloudio/uni-ui",
+  "engines": {
+    "HBuilderX": ""
+  },
+  "directories": {
+    "example": "../../temps/example_temps"
+  },
+"dcloudext": {
+    "sale": {
+      "regular": {
+        "price": "0.00"
+      },
+      "sourcecode": {
+        "price": "0.00"
+      }
+    },
+    "contact": {
+      "qq": ""
+    },
+    "declaration": {
+      "ads": "无",
+      "data": "无",
+      "permissions": "无"
+    },
+    "npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui",
+    "type": "component-vue"
+  },
+  "uni_modules": {
+    "dependencies": ["uni-scss"],
+    "encrypt": [],
+    "platforms": {
+      "cloud": {
+        "tcb": "y",
+        "aliyun": "y",
+        "alipay": "n"
+      },
+      "client": {
+        "App": {
+            "app-vue": "y",
+            "app-nvue": "y",
+            "app-harmony": "u",
+            "app-uvue": "n"
+        },
+        "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"
+        },
+        "Vue": {
+            "vue2": "y",
+            "vue3": "y"
+        }
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/uni_modules/uni-transition/readme.md b/uni_modules/uni-transition/readme.md
new file mode 100644
index 0000000..2f8a77e
--- /dev/null
+++ b/uni_modules/uni-transition/readme.md
@@ -0,0 +1,11 @@
+
+
+## Transition 过渡动画
+> **组件名：uni-transition**
+> 代码块： `uTransition`
+
+
+元素过渡动画
+
+### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-transition)
+#### 如使用过程中有任何问题，或者您对uni-ui有一些好的建议，欢迎加入 uni-ui 交流群：871950839 
\ No newline at end of file
diff --git a/utils/common.js b/utils/common.js
new file mode 100644
index 0000000..8b13789
--- /dev/null
+++ b/utils/common.js
@@ -0,0 +1 @@
+
diff --git a/utils/date.js b/utils/date.js
new file mode 100644
index 0000000..2ad46a7
--- /dev/null
+++ b/utils/date.js
@@ -0,0 +1,18 @@
+export function formatDate(isoString, format = 'YYYY-MM-DD HH:mm:ss') {
+  if (!isoString) return ''
+  const date = new Date(isoString)
+  if (isNaN(date.getTime())) return ''
+
+  const pad = (n) => n.toString().padStart(2, '0')
+
+  const map = {
+    YYYY: date.getFullYear().toString(),
+    MM: pad(date.getMonth() + 1),
+    DD: pad(date.getDate()),
+    HH: pad(date.getHours()),
+    mm: pad(date.getMinutes()),
+    ss: pad(date.getSeconds())
+  }
+
+  return format.replace(/YYYY|MM|DD|HH|mm|ss/g, token => map[token])
+}
\ No newline at end of file
diff --git a/utils/login.js b/utils/login.js
new file mode 100644
index 0000000..c4981e2
--- /dev/null
+++ b/utils/login.js
@@ -0,0 +1,30 @@
+export const wxLogin = () => {
+  return new Promise((resolve, reject) => {
+    wx.login({
+      success: res => {
+        if (res.code) {
+          resolve(res.code)
+        } else {
+          reject('登录失败：code为空')
+        }
+      },
+      fail: err => {
+        reject(err)
+      }
+    })
+  })
+}
+
+export const wxGetUserProfile = () => {
+  return new Promise((resolve, reject) => {
+    wx.getUserProfile({
+      desc: '用于完善用户信息',
+      success: res => {
+        resolve(res)
+      },
+      fail: err => {
+        reject(err)
+      }
+    })
+  })
+}
diff --git a/utils/request.js b/utils/request.js
new file mode 100644
index 0000000..3d07b7b
--- /dev/null
+++ b/utils/request.js
@@ -0,0 +1,55 @@
+// const BASE_URL = 'https://apis.lihailezzc.com'
+const BASE_URL = 'http://127.0.0.1:3999'
+export const request = (config = {}) => {
+	const {
+		url,
+		method="GET",
+		header={},
+		data={}
+	} = config
+	
+	// 默认 header
+	const defaultHeader = {
+		'x-app-id': '68774dc2d7a1efe42086078a',
+	};
+
+	// 合并 header（用户传入的覆盖默认的）
+	const finalHeader = {
+		...defaultHeader,
+		...header
+	};
+		
+	return new Promise((reslove, reject) => {
+		uni.request({
+			url: BASE_URL + url,
+			method,
+			header: finalHeader,
+			data,
+			success: res => {
+				if(res.statusCode === 200 || res.statusCode === 201) {
+					if(res?.data?.code === 200) {
+						reslove(res.data.data)
+					} else {
+						uni.showModal({
+							title: "错误提示",
+							content: res.data.msg || '',
+							showCancel: false
+						})
+						reject(res.data)
+					}
+				} else  {
+					uni.showModal({
+						title: "错误提示",
+						content: res.data.errMsg,
+						showCancel: false
+					})
+					reject(res.data)
+				}
+			},
+			fail: err => {
+				reject(err)
+			}
+		})
+	})
+	
+}
\ No newline at end of file
diff --git a/utils/system.js b/utils/system.js
new file mode 100644
index 0000000..fe4544b
--- /dev/null
+++ b/utils/system.js
@@ -0,0 +1,47 @@
+const SYSTEM = uni.getSystemInfoSync()
+
+
+export const getStatusBarHeight = () => SYSTEM.statusBarHeight || 15
+export const getTitleBarHeight = () => {
+	if(uni.getMenuButtonBoundingClientRect) {
+		const { top, height } = uni.getMenuButtonBoundingClientRect()
+		return height + (top - getStatusBarHeight()) * 2
+	} else {
+		return 40
+	}
+}
+
+export const getBavBarHeight = () => getStatusBarHeight() + getTitleBarHeight()
+
+export const getLeftIconLeft = () => {
+	// if(tt?.getMenuButtonBoundingClientRect) {
+	// 	const { leftIcon: {left, width}} = tt.getMenuButtonBoundingClientRect
+	// 	return left + parseInt(width) + 5
+	// } else {
+	// 	return 0
+	// }
+	// #ifdef MP-TOUTIAO
+		const { leftIcon: {left, width}} = tt.getCustomButtonBoundingClientRect()
+		return left + parseInt(width)
+	// #endif
+	// #ifndef MP-TOUTIAO
+		return 0
+	// #endif
+}
+
+
+export function getPlatformProvider() {
+  const platform = process.env.UNI_PLATFORM
+  return platform ?? 'mp-weixin'
+  // const platform = uni.getSystemInfoSync().platform;
+  // console.log(1111111, platform)
+  // // H5 模拟器调试时使用 __wxConfig 环境变量判断
+  // if (typeof __wxConfig !== 'undefined') return 'weixin';
+  // if (platform === 'devtools') {
+  //   // 可以根据小程序环境变量判断
+  //   // 抖音开发工具会定义 tt 对象
+  //   return typeof tt !== 'undefined' ? 'toutiao' : 'weixin';
+  // }
+
+  // return typeof tt !== 'undefined' ? 'toutiao' : 'weixin';
+}
diff --git a/utils/track.js b/utils/track.js
new file mode 100644
index 0000000..d6cfea9
--- /dev/null
+++ b/utils/track.js
@@ -0,0 +1,117 @@
+import { request } from "@/utils/request"
+
+// 生成并缓存 device_id
+function getOrCreateDeviceId() {
+  let deviceId = uni.getStorageSync('device_id')
+  if (!deviceId) {
+    deviceId = Date.now() + '_' + Math.random().toString(36).substr(2, 9)
+    uni.setStorageSync('device_id', deviceId)
+  }
+  return deviceId
+}
+
+// 获取网络类型
+function getNetworkType() {
+  return new Promise((resolve) => {
+    uni.getNetworkType({
+      success: (res) => resolve(res.networkType || 'unknown'),
+      fail: () => resolve('unknown')
+    })
+  })
+}
+
+// 获取系统平台
+function getSystemInfo() {
+  return new Promise((resolve) => {
+    uni.getSystemInfo({
+      success: (res) => resolve(res),
+      fail: () => resolve({})
+    })
+  })
+}
+
+// 获取当前页面路径
+function getCurrentPagePath() {
+  const pages = getCurrentPages()
+  const currentPage = pages[pages.length - 1]
+  return currentPage?.route || ''
+}
+
+function getMiniProgramVersion() {
+  const platform = process.env.UNI_PLATFORM
+  let version = ''
+  let envVersion = ''
+
+  try {
+    if (platform === 'mp-weixin') {
+      // 微信小程序
+      const info = wx.getAccountInfoSync()
+      version = info?.miniProgram?.version || ''
+      envVersion = info?.miniProgram?.envVersion || ''
+    } else if (platform === 'mp-alipay') {
+      // 支付宝小程序
+      const info = my.getAppInfoSync()
+      version = info?.version || ''
+    } else if (platform === 'mp-toutiao' || platform === 'mp-jd') {
+      // 抖音/头条/京东小程序
+      const info = tt.getAccountInfoSync?.()
+      version = info?.miniProgram?.version || ''
+      envVersion = info?.miniProgram?.envVersion || ''
+    } else if (platform === 'mp-baidu') {
+      // 百度小程序（无标准方法获取版本号）
+      version = '' // 百度不支持获取版本号
+    } else {
+      version = ''
+    }
+  } catch (e) {
+    version = ''
+    envVersion = ''
+  }
+
+  return {
+    platform,     // 当前小程序平台
+    version,      // 小程序版本号
+    envVersion    // develop / trial / release（微信等支持）
+  }
+}
+
+// 构造埋点对象
+async function buildEventData(eventName, eventType = 'click', customParams = {}) {
+  const deviceId = getOrCreateDeviceId()
+  const systemInfo = await getSystemInfo()
+  const networkType = await getNetworkType()
+  // const location = await getLocation()
+  const appVersion = (typeof plus !== 'undefined') ? plus?.runtime?.version : ''
+  const { envVersion, platform, version} = getMiniProgramVersion()
+
+  return {
+    userId: uni.getStorageSync('user_id') || null,
+    deviceId: deviceId,
+    eventName: eventName,
+    eventType: eventType,
+    eventTime: new Date(),
+    page: getCurrentPagePath(),
+    elementId: customParams.element_id || null,
+    elementContent: customParams.element_content || null,
+    customParams: customParams,
+    networkType: networkType,
+    os: systemInfo.platform || 'unknown',
+    appVersion: version || 'unknown',
+	envVersion: envVersion ?? '',
+	platform: platform ?? ''
+  }
+}
+
+// 发送埋点数据到服务器
+async function sendTrack(eventName, eventType = 'click', customParams = {}) {
+  const eventData = await buildEventData(eventName, eventType, customParams);
+  request({
+  	url: '/api/common/tracking/create',
+  	method: 'POST',
+  	data: eventData
+  })
+}
+
+export default {
+  sendTrack
+}