龙空技术网

一个开箱即用uniapp移动端组件库,支持小程序、H5、Android和iOS

一飞开源 6045

前言:

此时各位老铁们对“js手机拖拽”都比较讲究,各位老铁们都需要学习一些“js手机拖拽”的相关知识。那么小编在网上搜集了一些有关“js手机拖拽””的相关文章,希望大家能喜欢,咱们一起来学习一下吧!

一、开源项目简介

一个开箱即用uniapp移动端组件库。目基于vue,使用colorUi与uView,完美支持微信小程序,包含功能:聊天室、自定义TabBar与顶部、地图轨迹回放、电子签名、图片编辑器、自定义相机/键盘、拍照图片水印、国庆红旗头像、在线答题、证件识别、周边定位查询、文档预览、各种图表、行政区域、海报生成器、视频播放、主题切换、时间轴、瀑布流、排行榜、课程表、渐变动画、加载动画、请求封装等。

二、功能概述项目包含功能 (部分):自定义视频插件自定义TabBar与顶部引导页瀑布流排行榜聊天室电子签名视频播放证件识别便捷查询文档预览在线答题主题切换渐变动画加载动画签到页面会员中心图片编辑器自定义键盘行政区域图海报生成器自定义相机照片加水印地图轨迹回放数据封装请求图表(ucharts)小程序分享等等...目录说明

复制代码├─colorui               // colorui插件依赖├─common                // 项目相关公共js方法│   ├─amap-wx.js        // 高德地图依赖js│   ├─classify.data.js  // 模拟数据│   ├─geocode-utils.js  // 腾讯地图方法封装│   ├─projectData.js    // 项目模拟数据│   ├─qqmap-wx-jssdk.js // 腾讯地图依赖js│   ├─request.js        // 数据请求封装│   └─uiImg.js          // 模拟数据│├─components            // 项目中使用到的功能封装├─pages                 // 页面入口文件夹│   ├─index             // 主页4个TabBar页面│   ├─me                // 个人中心内页面│   ├─news              // 新闻页│   ├─project           // 项目展示页│   ├─design            // 设计模板 · 瀑布流│   ├─timeline          // 时间轴│   └─video             // 视频播放页│├─static                // 静态资源├─tn_components         // 组件模板页面入口    ├─drag_demo             // 悬浮球    ├─chat                  // 聊天室    ├─anloading.vue         // 自定义加载框    └─bgcolor.vue           // 背景色    └─bggrad.vue            // 背景渐变    └─charts.vue            // 图表展示    └─clock.vue             // 每日签到    └─company.vue           // 自定义相机    └─course.vue            // 课班信息    └─discern.vue           // 证件识别    └─district.vue          // 行政区域图    └─guide.vue             // 引导页    └─imageEditor.vue       // 图片编辑器    └─keyboard.vue          // 自定义键盘    └─mapLocus.vue          // 地图轨迹    └─medal.vue             // 会员中心    └─mimicry.vue           // 新拟态    └─openDocument.vue      // 文档预览    └─pano.vue              // webview高德地图    └─poster.vue            // 海报生成器    └─request.vue           // 模拟数据请求    └─salary.vue            // 排行榜    └─search.vue            // 便捷查询    └─sign.vue              // 手写签名    └─timeline.vue          // 时间轴    └─timetables.vue        // 课程表├─uview-ui              // uview-ui插件依赖├─App.vue               // vue项目入口文件├─LICENSE               // 许可证├─main.js               // 公共js├─manifest.json         // uniapp项目配置文件├─pages.json            // 页面路由配置页├─README.md             // 说明文档└─uni.scss              // uniapp内置的常用样式变量
三、技术选型

多端打包

快速打包交付,完美支持微信小程序、H5、Android和iOS

最新技术栈

基于Vue、uniApp、colorUi、uView等最新技术栈开发

案例丰富

地图轨迹回放、电子签名、图片编辑器、自定义相机/键盘、图片水印等

组件封装

对日常使用频率较高的组件二次封装,满足基础工作需求

主题Ui多样化

Ui设计色彩配比多样化,组件样式随心调整,主题可切换

性能体验优秀

加载页面速度快,App端支持原生渲染,可支撑更流畅的用户体验

四、界面展示

部分截图

五、开源协议

使用MIT开源协议

六、源码地址

私信回复:移动端组件库

标签: #js手机拖拽