测试

a403f3da · tanjuanjuan · 3ccfd7cb · a403f3da · a403f3da · a403f3da
Commit a403f3da authored Oct 25, 2024 by tanjuanjuan
26 changed files
--- a/.gitignore
+++ b/.gitignore
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+.DS_Store
+dist
+build
+*.local
+
+# Editor directories and files
+.idea
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+.rexma
--- a/.hbuilderx/launch.json
+++ b/.hbuilderx/launch.json
+{ // launch.json 配置了启动调试时相关设置，configurations下节点名称可为 app-plus/h5/mp-weixin/mp-baidu/mp-alipay/mp-qq/mp-toutiao/mp-360/
+  // launchtype项可配置值为local或remote, local代表前端连本地云函数，remote代表前端连云端云函数
+    "version": "0.0",
+    "configurations": [{
+     	"default" : 
+     	{
+     		"launchtype" : "local"
+     	},
+     	"mp-weixin" : 
+     	{
+     		"launchtype" : "local"
+     	},
+     	"type" : "uniCloud"
+     }
+    ]
+}
--- a/.npmrc
+++ b/.npmrc
+// .npmrc
+public-hoist-pattern[]=@vue*
+// or
+// shamefully-hoist = true
--- a/index.html
+++ b/index.html
+<!DOCTYPE html>
+<html>
+  <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="/src/main.ts"></script>
+  </body>
+</html>
--- a/package.json
+++ b/package.json
+{
+  "name": "rexma-temp-vue3",
+  "version": "0.0.0",
+  "scripts": {
+    "start": "rexma start-rexma",
+    "build": "rexma build-rexma",
+    "start:platform": "rexma start",
+    "build:platform": "rexma build"
+  },
+  "dependencies": {
+    "@dcloudio/uni-app": "3.0.0-4000720240327002",
+    "@dcloudio/uni-app-plus": "3.0.0-4000720240327002",
+    "@dcloudio/uni-components": "3.0.0-4000720240327002",
+    "@dcloudio/uni-h5": "3.0.0-4000720240327002",
+    "@dcloudio/uni-mp-alipay": "3.0.0-4000720240327002",
+    "@dcloudio/uni-mp-baidu": "3.0.0-4000720240327002",
+    "@dcloudio/uni-mp-jd": "3.0.0-4000720240327002",
+    "@dcloudio/uni-mp-kuaishou": "3.0.0-4000720240327002",
+    "@dcloudio/uni-mp-lark": "3.0.0-4000720240327002",
+    "@dcloudio/uni-mp-qq": "3.0.0-4000720240327002",
+    "@dcloudio/uni-mp-toutiao": "3.0.0-4000720240327002",
+    "@dcloudio/uni-mp-weixin": "3.0.0-4000720240327002",
+    "@dcloudio/uni-mp-xhs": "3.0.0-4000720240327002",
+    "@dcloudio/uni-quickapp-webview": "3.0.0-4000720240327002",
+    "pinia": "2.0.36",
+    "vue": "^3.3.11",
+    "vue-i18n": "^9.1.9",
+    "wot-design-uni": "^1.3.2",
+    "xinhua-sdk": "^1.6.0"
+  },
+  "devDependencies": {
+    "@dcloudio/types": "^3.3.2",
+    "@dcloudio/uni-automator": "3.0.0-4000720240327002",
+    "@dcloudio/uni-cli-shared": "3.0.0-4000720240327002",
+    "@dcloudio/uni-stacktracey": "3.0.0-4000720240327002",
+    "@dcloudio/vite-plugin-uni": "3.0.0-4000720240327002",
+    "@types/node": "^20.14.5",
+    "@vitejs/plugin-legacy": "4.1.1",
+    "@vue/runtime-core": "^3.3.11",
+    "@vue/tsconfig": "^0.1.3",
+    "rexma-cli": "^1.9.5",
+    "sass": "^1.77.6",
+    "typescript": "^4.9.4",
+    "unplugin-auto-import": "^0.17.6",
+    "vite": "4.3.5",
+    "vue-tsc": "^1.0.24"
+  }
+}
--- a/project.config.json
+++ b/project.config.json
+{
+  "appid": "wx370becacaade3262",
+  "compileType": "miniprogram",
+  "libVersion": "3.6.0",
+  "packOptions": {
+    "ignore": [],
+    "include": []
+  },
+  "setting": {
+    "coverView": true,
+    "es6": true,
+    "postcss": true,
+    "minified": true,
+    "enhance": true,
+    "showShadowRootInWxmlPanel": true,
+    "packNpmRelationList": [],
+    "babelSetting": {
+      "ignore": [],
+      "disablePlugins": [],
+      "outputPath": ""
+    }
+  },
+  "condition": {},
+  "editorSetting": {
+    "tabIndent": "insertSpaces",
+    "tabSize": 2
+  }
+}
\ No newline at end of file
--- a/project.private.config.json
+++ b/project.private.config.json
+{
+  "description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html",
+  "projectname": "rexma-temp-vue3",
+  "setting": {
+    "compileHotReLoad": true
+  }
+}
\ No newline at end of file
--- a/src/App.vue
+++ b/src/App.vue
+<script setup lang="ts">
+onLaunch(() => {
+  console.log('App Launch');
+});
+
+onShow(() => {
+  console.log('App Show');
+});
+
+onHide(() => {
+  console.log('App Hide');
+});
+</script>
+<style></style>
--- a/src/declaration/auto-imports.d.ts
+++ b/src/declaration/auto-imports.d.ts
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// noinspection JSUnusedGlobalSymbols
+// Generated by unplugin-auto-import
+export {}
+declare global {
+  const EffectScope: typeof import('vue')['EffectScope']
+  const computed: typeof import('vue')['computed']
+  const createApp: typeof import('vue')['createApp']
+  const customRef: typeof import('vue')['customRef']
+  const defineAsyncComponent: typeof import('vue')['defineAsyncComponent']
+  const defineComponent: typeof import('vue')['defineComponent']
+  const effectScope: typeof import('vue')['effectScope']
+  const getCurrentInstance: typeof import('vue')['getCurrentInstance']
+  const getCurrentScope: typeof import('vue')['getCurrentScope']
+  const h: typeof import('vue')['h']
+  const inject: typeof import('vue')['inject']
+  const isProxy: typeof import('vue')['isProxy']
+  const isReactive: typeof import('vue')['isReactive']
+  const isReadonly: typeof import('vue')['isReadonly']
+  const isRef: typeof import('vue')['isRef']
+  const markRaw: typeof import('vue')['markRaw']
+  const nextTick: typeof import('vue')['nextTick']
+  const onActivated: typeof import('vue')['onActivated']
+  const onAddToFavorites: typeof import('@dcloudio/uni-app')['onAddToFavorites']
+  const onBackPress: typeof import('@dcloudio/uni-app')['onBackPress']
+  const onBeforeMount: typeof import('vue')['onBeforeMount']
+  const onBeforeUnmount: typeof import('vue')['onBeforeUnmount']
+  const onBeforeUpdate: typeof import('vue')['onBeforeUpdate']
+  const onDeactivated: typeof import('vue')['onDeactivated']
+  const onError: typeof import('@dcloudio/uni-app')['onError']
+  const onErrorCaptured: typeof import('vue')['onErrorCaptured']
+  const onHide: typeof import('@dcloudio/uni-app')['onHide']
+  const onLaunch: typeof import('@dcloudio/uni-app')['onLaunch']
+  const onLoad: typeof import('@dcloudio/uni-app')['onLoad']
+  const onMounted: typeof import('vue')['onMounted']
+  const onNavigationBarButtonTap: typeof import('@dcloudio/uni-app')['onNavigationBarButtonTap']
+  const onNavigationBarSearchInputChanged: typeof import('@dcloudio/uni-app')['onNavigationBarSearchInputChanged']
+  const onNavigationBarSearchInputClicked: typeof import('@dcloudio/uni-app')['onNavigationBarSearchInputClicked']
+  const onNavigationBarSearchInputConfirmed: typeof import('@dcloudio/uni-app')['onNavigationBarSearchInputConfirmed']
+  const onNavigationBarSearchInputFocusChanged: typeof import('@dcloudio/uni-app')['onNavigationBarSearchInputFocusChanged']
+  const onPageNotFound: typeof import('@dcloudio/uni-app')['onPageNotFound']
+  const onPageScroll: typeof import('@dcloudio/uni-app')['onPageScroll']
+  const onPullDownRefresh: typeof import('@dcloudio/uni-app')['onPullDownRefresh']
+  const onReachBottom: typeof import('@dcloudio/uni-app')['onReachBottom']
+  const onReady: typeof import('@dcloudio/uni-app')['onReady']
+  const onRenderTracked: typeof import('vue')['onRenderTracked']
+  const onRenderTriggered: typeof import('vue')['onRenderTriggered']
+  const onResize: typeof import('@dcloudio/uni-app')['onResize']
+  const onScopeDispose: typeof import('vue')['onScopeDispose']
+  const onServerPrefetch: typeof import('vue')['onServerPrefetch']
+  const onShareAppMessage: typeof import('@dcloudio/uni-app')['onShareAppMessage']
+  const onShareTimeline: typeof import('@dcloudio/uni-app')['onShareTimeline']
+  const onShow: typeof import('@dcloudio/uni-app')['onShow']
+  const onTabItemTap: typeof import('@dcloudio/uni-app')['onTabItemTap']
+  const onThemeChange: typeof import('@dcloudio/uni-app')['onThemeChange']
+  const onUnhandledRejection: typeof import('@dcloudio/uni-app')['onUnhandledRejection']
+  const onUnload: typeof import('@dcloudio/uni-app')['onUnload']
+  const onUnmounted: typeof import('vue')['onUnmounted']
+  const onUpdated: typeof import('vue')['onUpdated']
+  const provide: typeof import('vue')['provide']
+  const reactive: typeof import('vue')['reactive']
+  const readonly: typeof import('vue')['readonly']
+  const ref: typeof import('vue')['ref']
+  const resolveComponent: typeof import('vue')['resolveComponent']
+  const shallowReactive: typeof import('vue')['shallowReactive']
+  const shallowReadonly: typeof import('vue')['shallowReadonly']
+  const shallowRef: typeof import('vue')['shallowRef']
+  const toRaw: typeof import('vue')['toRaw']
+  const toRef: typeof import('vue')['toRef']
+  const toRefs: typeof import('vue')['toRefs']
+  const toValue: typeof import('vue')['toValue']
+  const triggerRef: typeof import('vue')['triggerRef']
+  const unref: typeof import('vue')['unref']
+  const useAttrs: typeof import('vue')['useAttrs']
+  const useCssModule: typeof import('vue')['useCssModule']
+  const useCssVars: typeof import('vue')['useCssVars']
+  const useSlots: typeof import('vue')['useSlots']
+  const watch: typeof import('vue')['watch']
+  const watchEffect: typeof import('vue')['watchEffect']
+  const watchPostEffect: typeof import('vue')['watchPostEffect']
+  const watchSyncEffect: typeof import('vue')['watchSyncEffect']
+  const xma: typeof import('rexma-cli')['xma']
+}
+// for type re-export
+declare global {
+  // @ts-ignore
+  export type { Component, ComponentPublicInstance, ComputedRef, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, VNode, WritableComputedRef } from 'vue'
+  import('vue')
+}
--- a/src/declaration/shims-uni.d.ts
+++ b/src/declaration/shims-uni.d.ts
+/// <reference types='@dcloudio/types' />
+import 'vue'
+
+declare module '@vue/runtime-core' {
+  type Hooks = App.AppInstance & Page.PageInstance;
+
+  interface ComponentCustomOptions extends Hooks {
+
+  }
+}
--- a/src/env.d.ts
+++ b/src/env.d.ts
+/// <reference types="vite/client" />
+
+declare module '*.vue' {
+  import { DefineComponent } from 'vue'
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}
--- a/src/main.ts
+++ b/src/main.ts
+import { createSSRApp } from 'vue';
+import App from './App.vue';
+import store from './store';
+
+export function createApp() {
+  const app = createSSRApp(App);
+  app.use(store);
+  return {
+    app,
+  };
+}
--- a/src/manifest.json
+++ b/src/manifest.json
+{
+    "name" : "",
+    "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" : "",
+        "setting" : {
+            "urlCheck" : false
+        },
+        "usingComponents" : true
+    },
+    "mp-alipay" : {
+        "usingComponents" : true
+    },
+    "mp-baidu" : {
+        "usingComponents" : true
+    },
+    "mp-toutiao" : {
+        "usingComponents" : true
+    },
+    "uniStatistics": {
+        "enable": false
+    },
+    "vueVersion" : "3",
+    "h5" : {
+        "router" : {
+            "base" : "./",
+            "mode" : "hash"
+        },
+        "optimization" : {
+            "treeShaking" : {
+                "enable" : true
+            }
+        }
+    }
+}
--- a/src/pages.json
+++ b/src/pages.json
+{
+	"easycom": {
+		"autoscan": true,
+		"custom": {
+			"^wd-(.*)": "wot-design-uni/components/wd-$1/wd-$1.vue"
+		}
+	},
+	"pages": [ // pages 数组中第一项表示应用启动页
+		{
+			"path": "pages/index/index",
+			"style": {
+				"navigationBarTitleText": "小程序平台"
+			}
+		}
+	],
+	"globalStyle": {
+		"navigationStyle": "custom"
+	}
+}
--- a/src/pages/index/index.vue
+++ b/src/pages/index/index.vue
+<template>
+	<view class="content">
+		<wd-navbar title="居民缴费进度查询" left-arrow @click-left="handleClickLeft" @click-right="handleClickRight">
+			<template #right>
+				<wd-icon name="close" size="22px"></wd-icon>
+			</template>
+		</wd-navbar>
+		<view class="container">
+			<wd-form ref="form" :model="model" :rules="rules">
+				<wd-cell-group border>
+
+					<wd-input label="身份证号" prop="idCardNum" v-model="model.idCardNum" clearable placeholder="请输入身份证号"
+						@change="handleIDChange" />
+
+					<wd-calendar label="开始日期" :show-confirm="false" prop="startDate" v-model="model.startDate" placeholder="请选择开始日期"
+						@confirm="confirmStartDate" />
+
+					<wd-calendar label="结束日期" :show-confirm="false" prop="endDate" v-model="model.endDate" placeholder="请选择结束日期"
+						@confirm="confirmEndDate" />
+
+				</wd-cell-group>
+				<view class="footer">
+					<wd-button type="primary" size="large" @click="handlePaySubmit" block>提交</wd-button>
+				</view>
+			</wd-form>
+		</view>
+	</view>
+</template>
+
+<script setup lang="ts">
+	import type { FormRules } from 'wot-design-uni/components/wd-form/types';
+
+
+	const form = ref()
+	const model = reactive({
+		idCardNum: null,
+		startDate: null,
+		endDate: null
+	})
+
+	const rules : FormRules = {
+		idCardNum: [
+			{
+				required: true,
+				message: '请输入身份证号码',
+			}
+		],
+		startDate: [
+			{
+				required: true,
+				message: '请选择开始时间',
+			}
+		],
+		endDate: [
+			{
+				required: true,
+				message: '请选择结束时间',
+			}
+		]
+	}
+	onLoad(()=>{
+		
+		xma.xh.getUserProfile({
+		  range: ['ACCOUNT'],
+		  success(info) {
+			  console.log("in on load")
+		    // info.data:
+		    // { uAvatar: '', uIdCardNo: '', uMobile: '', uName: '', uNickname: '', uid: '' }
+		   console.log(info.data);
+			//model.idCardNum= info.data.uIdCardNo
+		  },
+		});
+	})
+	const handleClickLeft = () => {
+		console.log("left")
+	}
+
+	const handleClickRight = () => {
+		console.log("right")
+	}
+
+	const handleIDChange = () => { }
+	const confirmStartDate = () => { }
+	const confirmEndDate = () => { }
+	const handlePaySubmit = () => {
+		form.value
+			.validate()
+			.then(({ valid, errors }) => {
+				if (valid) {
+					console.log("提交成功")
+				}
+			})
+			.catch((error) => {
+				console.log(error, 'error')
+			})
+	}
+</script>
+
+<style lang="scss">
+	.content {
+		background: rgb(246, 246, 246);
+		padding-bottom: 10rpx;
+
+		.container {
+			width: 94%;
+			margin: 40rpx auto;
+			background: white;
+			padding: 10rpx;
+			box-sizing: border-box;
+		}
+
+	}
+</style>
\ No newline at end of file
--- a/src/services/foo/index.ts
+++ b/src/services/foo/index.ts
+import request from '@/services/request';
+
+export function getList(params) {
+  return request.get('/api/queryList', params);
+}
--- a/src/services/index.ts
+++ b/src/services/index.ts
+import * as foo from './foo';
+
+const api = {
+  foo,
+};
+
+export default api;
--- a/src/services/request.ts
+++ b/src/services/request.ts
+type RequestConfig = UniApp.RequestOptions;
+type IInterceptors = {
+  request?: {
+    onFulfilled?: (config: RequestConfig) => RequestConfig;
+    onRejected?: (error: any) => any;
+  };
+  response?: {
+    onFulfilled?: (result: UniApp.RequestSuccessCallbackResult) => any;
+    onRejected?: (error: any) => any;
+  };
+};
+
+class Request {
+  // 拦截器
+  private readonly interceptors?: IInterceptors;
+
+  constructor(config: { interceptors?: IInterceptors } = {}) {
+    this.interceptors = config.interceptors;
+  }
+
+  /**
+   * @description 统一结果处理
+   */
+  private resultHandle(res: Promise<any>) {
+    return res.then((r) => [r, null]).catch((e) => [null, e]);
+  }
+
+  http(_config: RequestConfig): Promise<any> {
+    const requestOnFulfilled = this.interceptors?.request?.onFulfilled;
+    const requestOnRejected = this.interceptors?.request?.onRejected;
+    const responseOnFulfilled = this.interceptors?.response?.onFulfilled;
+    const responseOnRejected = this.interceptors?.response?.onRejected;
+
+    let config: RequestConfig = { ..._config, header: _config.header || {} };
+    if (requestOnFulfilled) {
+      try {
+        config = requestOnFulfilled(config);
+      } catch (e) {
+        requestOnRejected?.(e);
+      }
+    }
+    return new Promise((resolve, reject) => {
+      xma.request({
+        ...config,
+        success: (result) => {
+          if (`${result.statusCode}`.startsWith('2')) {
+            resolve(responseOnFulfilled?.(result) || result);
+          } else {
+            reject(responseOnRejected?.(result) || result);
+          }
+        },
+        fail: (error) => {
+          reject(responseOnRejected?.(error) || error);
+        },
+      });
+    });
+  }
+
+  post(url: string, data: any = {}, config?: RequestConfig) {
+    return this.resultHandle(
+      this.http({
+        method: 'POST',
+        url,
+        data,
+        ...config,
+      }),
+    );
+  }
+
+  get(url: string, data: any = {}, config?: RequestConfig) {
+    return this.resultHandle(
+      this.http({
+        method: 'GET',
+        url,
+        data,
+        ...config,
+      }),
+    );
+  }
+}
+
+const request = new Request({
+  interceptors: {
+    request: {
+      onFulfilled(config) {
+        return config;
+      },
+    },
+    response: {
+      onFulfilled(result) {
+        return result.data;
+      },
+      onRejected(error) {
+        return error;
+      },
+    },
+  },
+});
+
+export default request;
--- a/src/shime-uni.d.ts
+++ b/src/shime-uni.d.ts
+export {}
+
+declare module "vue" {
+  type Hooks = App.AppInstance & Page.PageInstance;
+  interface ComponentCustomOptions extends Hooks {}
+}
\ No newline at end of file
--- a/src/static/logo-icon.png
+++ b/src/static/logo-icon.png
--- a/src/store/count.ts
+++ b/src/store/count.ts
+import { defineStore } from 'pinia';
+import { ref } from 'vue';
+
+type ICountStore = {
+  count: number;
+};
+
+const initState: ICountStore = {
+  count: 0,
+};
+
+export const useCountStore = defineStore('user', () => {
+  const countInfo = ref<ICountStore>({ ...initState });
+
+  const addCount = (count: number = 1) => {
+    countInfo.value.count += count;
+  };
+
+  return {
+    countInfo,
+    addCount,
+  };
+});
--- a/src/store/index.ts
+++ b/src/store/index.ts
+import { createPinia } from 'pinia';
+
+const store = createPinia();
+
+export default store;
+
+// 模块统一导出
+export * from './count';
--- a/src/uni.scss
+++ b/src/uni.scss
+/**
+ * 这里是uni-app内置的常用样式变量
+ *
+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+
+/* 颜色变量 */
+
+/* 行为相关颜色 */
+$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: #fff;
+$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: 16;
+
+/* 图片尺寸 */
+$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: #555; // 二级标题颜色
+$uni-font-size-subtitle: 18px;
+$uni-color-paragraph: #3f536e; // 文章段落颜色
+$uni-font-size-paragraph: 15px;
\ No newline at end of file
--- a/tsconfig.json
+++ b/tsconfig.json
+{
+  "extends": "@vue/tsconfig/tsconfig.json",
+  "compilerOptions": {
+    "composite": true,
+    "skipLibCheck": true,
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "resolveJsonModule": true,
+    "noImplicitThis": true,
+    "allowSyntheticDefaultImports": true,
+    "allowJs": true,
+    "sourceMap": true,
+    "noImplicitAny": false,
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    },
+    "outDir": "dist",
+    "lib": ["esnext", "dom"],
+    "types": ["@dcloudio/types", "wot-design-uni/global.d.ts"]
+  },
+  "vueCompilerOptions": {
+    "target": 3,
+    "nativeTags": ["block", "template", "component", "slot"]
+  },
+  "exclude": ["node_modules"],
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.js",
+    "src/**/*.d.ts",
+    "src/**/*.tsx",
+    "src/**/*.jsx",
+    "src/**/*.vue",
+    "src/**/*.json"
+  ]
+}
--- a/vite.config.ts
+++ b/vite.config.ts
+import { defineConfig } from 'vite';
+import uni from '@dcloudio/vite-plugin-uni';
+
+import AutoImport from 'unplugin-auto-import/vite';
+
+import legacy from '@vitejs/plugin-legacy';
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [
+    uni(),
+    AutoImport({
+      imports: [
+        'vue',
+        'uni-app',
+        {
+          'rexma-cli': ['xma'],
+        },
+      ],
+      dts: 'src/declaration/auto-imports.d.ts',
+    }),
+    process.env.UNI_PLATFORM === 'h5' &&
+      legacy({
+        targets: ['defaults', 'not IE 11'],
+      }),
+  ].filter(Boolean),
+
+  server: {
+    open: true,
+    // 代理配置
+    // proxy: {
+    //   '/api': {
+    //     target: 'https://www.api.com',
+    //     changeOrigin: true,
+    //   },
+    // },
+  },
+});
--- a/yarn.lock
+++ b/yarn.lock