uni-vue3-oa手机端os系统|uniapp跨端oa管理系统

537 阅读1分钟

经过两周爆肝研发,最新版uni-app+vue3+pinia2跨三端仿ios界面手机版oa后台系统。

未标题-4.png

uni-vue3os项目整体采用背景虚化模糊效果,支持编译到h5+小程序+app端

未标题-2.png

p1.gif

uni-vue3oa项目实现了图表、表格、表单、编辑器、用户管理、角色管理等业务场景示例。探索一种全新的os式手机oa管理系统新解决方案。

p5.gif

p6-1.gif

基于hbuilderx4.75编辑器搭建项目模板,采用vue3 setup语法开发。

360截图20250823063538026.png

另外还支持运行在pc端以750px宽度显示布局。

001360截图20250823105240868.png

001360截图20250823105411428.png

001360截图20250823105656207.png

uni-app+vue3自定义table增强版表格组件

全新升级版跨三端【h5+小程序+app端】多功能增强版table组件。

p6-2.gif

增强版uniapp+vue3跨端自定义table组件

a29177759f91d6a6cd9b8a72a2bfce9d_1289798-20250823222241536-1309676913.png

uni-vue3os手机栅格桌面

fab9b9fc4770e5c24c4a9e2dc8b58ac0_1289798-20250823224234932-130524612.png

cf0db3390bfd04c4700b6067733b2284_1289798-20250823224427179-1328285590.png

5811177bbd1896976ff5a7f1ac44f739_1289798-20250823225514760-86072224.png

<template>
    <swiper
        class="uv3__deskmenu"
        :indicator-dots="true"
        indicator-color="rgba(255,255,255,.5)"
        indicator-active-color="#fff"
    >
        <swiper-item v-for="(mitem, mindex) in deskMenu" :key="mindex">
            <view class="uv3__gridwrap">
                <view v-for="(item, index) in mitem.list" :key="index" class="uv3__gridwrap-item" @click="handleClickDeskMenu(item)">
                    <!-- 图标 -->
                    <view class="ico" :style="{'background': item.background}">
                        <!-- 二级菜单 -->
                        <template v-if="Array.isArray(item.children)">
                            <view class="uv3__gridwrap-thumb">
                                ...
                            </view>
                        </template>
                        <template v-else>
                            <template v-if="item.type == 'widget'">
                                <!-- 自定义部件 -->
                                <component :is="item.imgico" />
                            </template>
                            <template v-else>
                                <!-- 自定义图标 -->
                                ...
                            </template>
                        </template>
                    </view>
                    <!-- 标签 -->
                    <view v-if="!item.hideLabel" class="label clamp2">{{item.label}}</view>
                </view>
            </view>
        </swiper-item>
    </swiper>
    
    <!-- 桌面二级菜单 -->
    <Popup v-model="deskPopupVisible">
        <view class="uv3__deskpopup">
            ...
        </view>
    </Popup>

    ...
</template>

基于uni-app+vue3+uvui跨三端仿微信app聊天模板

基于flutter3.32+window_manager仿macOS/Wins风格桌面os系统

flutter3.27+bitsdojo_window电脑端仿微信Exe应用

基于uniapp+vue3+uvue短视频+聊天+直播app系统

基于uniapp+vue3+deepseek+markdown搭建app版流式输出AI模板

vue3.5+deepseek+arco+markdown搭建web版流式输出AI模板

Flutter3.x深度融合短视频+直播+聊天app实例

自研tauri2.0+vite6.x+vue3+rust+arco-design桌面版os管理系统Tauri2-ViteOS

自研tauri2.0+vite5+vue3+element-plus电脑版exe聊天系统Vue3-Tauri2Chat

原创electron31+vite5.x+elementPlus桌面端后台管理系统

Vite5-Electron-Wechat聊天实例|electron31+vue3客户端聊天EXE