# mobile-ui5.x

**Repository Path**: Chinge/mobile_ui5.x

## Basic Information

- **Project Name**: mobile-ui5.x
- **Description**: 手机端支持h5,微信等小程序，app，基于uniapp,vue3,ts,vite,pinia,uviewPlus,sse,websocket。整合ruoyi-vue-plus后端
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 8
- **Created**: 2025-12-29
- **Last Updated**: 2025-12-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README



## 项目介绍

- 项目基于 uniapp + Vue3 + uViewPLus + vite + pinia + ts + axios 项目模板快速开发，适用于小程序开发 h5。
- 项目使用了 vite 作为开发工具，支持 esm、cjs、iife 三种打包方式，支持按需加载，支持热更新。
## 项目运行
```bash
# 安装依赖
npm install --registry=https://registry.npmmirror.com

# 启动服务
npm run dev:h5  # 启动 h5 开发服务
npm run dev:mp-weixin  # 启动微信小程序开发服务

# 打包
npm run build:h5  # 打包 h5 项目
npm run build:mp-weixin  # 打包微信小程序项目
```


```javascript[androidPrivacy.json](..%2F..%2F4X%2Fapp%2FandroidPrivacy.json)
#使用字典
    const { sys_normal_disable, sys_user_sex } =toRefs<any>(useDict('sys_normal_disable', 'sys_user_sex'))
#工具类使用
  #消息弹窗
   modal.msg()
  #页面跳转  携带参数时推荐使用uni.$u.queryParams(
   tab.reLaunch()

#接口加密
  const [err, res] = await to(uni.$u.http.put(请求地址, 请求参数,{header: {isEncrypt: true}}));

#webSocket/sse配合线程总线接收消息
  
  const test=(data:any)=>{
    console.log(data);
  }

  onLoad(() => {
     uni.$on('system', test);

  })
  onUnload(()=>{
    uni.$off("system",test)
  })
#webSocket发送消息
  import { useSocketStore } from '@/store/modules/webSocket';
  import { IMMessageType } from '@/enmus/IMMessageEnum';
  const data: MessageBo = {
    receiveUser: ['1'],
    messageTitle: '111',
    messageInfo: '2222',
    messageType: IMMessageType.NOTICE,
    ifHint: true
  };
  useSocketStore().sendSocketMessage(data);
  

  
```