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

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

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

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

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

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

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

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

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

uni-vue3os手机栅格桌面

ts 复制代码
<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

相关推荐
2503_928411567 小时前
9.26 数据可视化
前端·javascript·信息可视化·html5
我叫唧唧波7 小时前
【打包工具】webpack基础
前端·webpack
知识分享小能手9 小时前
React学习教程,从入门到精通,React 单元测试:语法知识点及使用方法详解(30)
前端·javascript·vue.js·学习·react.js·单元测试·前端框架
PineappleCoder12 小时前
搞定用户登录体验:双 Token 认证(Vue+Koa2)从 0 到 1 实现无感刷新
前端·vue.js·koa
EveryPossible13 小时前
展示内容框
前端·javascript·css
伊织code13 小时前
WebGoat - 刻意设计的不安全Web应用程序
前端·安全·webgoat
子兮曰13 小时前
Vue3 生命周期与组件通信深度解析
前端·javascript·vue.js
拉不动的猪13 小时前
回顾关于筛选时的隐式返回和显示返回
前端·javascript·面试
yinuo13 小时前
不写一行JS!纯CSS如何读取HTML属性实现Tooltip
前端
gnip14 小时前
脚本加载失败重试机制
前端·javascript