一个开箱即用vue移动端组件库,包含地图、电子签名、证照识别等

一个开箱即用vue移动端组件库,包含地图、电子签名、证照识别等

2022-09-14 0 1,087
资源编号 38552 最近更新 2022-09-14
¥ 0人民币 升级VIP
立即下载 注意事项
下载不了?请联系网站客服提交链接错误!
增值服务: 安装指导 环境配置 二次开发 模板修改 源码安装

本期推荐的是一个开箱即用web移动端组件——前端铺子。

一个开箱即用vue移动端组件库,包含地图、电子签名、证照识别等

前端铺子 是一个基于 Vue、uniApp、 ColorUi、uView 的web移动端解决方案,它使用了最新的前端技术栈,完美支持微信小程序,包含功能:自定义TabBar与顶部、地图轨迹回放、电子签名、图片编辑器、自定义相机/键盘、拍照图片水印、在线答题、证件识别、周边定位查询、文档预览、各种图表、行政区域、海报生成器、视频播放、主题切换、时间轴、瀑布流、排行榜、课程表、渐变动画、加载动画、请求封装等~ 该项目使用最新的前端技术栈,它可以帮助你快速搭建移动端项目。

功能特性

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

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

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

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

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

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

安装教程

1. 代码获取:

git clone https://gitee.com/kevin_chou/qdpz.git

2. 下载安装:「HBuildX」、「微信开发者工具」

3. 扫码登陆微信开发者工具

4. 将项目拖进【HBuildX】- 运行 – 微信小程序 – 完成

组件目录

.
└─tn_components       	// 组件模板页面入口
	├─drag_demo				// 悬浮球
	├─ancube.vue			// 
	├─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		// 课程表

组件示例

证件识别

页面导航栏、顶部栏、顶部提醒等部分参考 colorUi/uView 实现,样式组件不包含逻辑代码

说明

  • 兼容 H5、 微信小程序、App,其他平台未测试。
  • 截图中的人员信息为随机输入,并非真实。
  • 基于原作者二次修改可接入百度/阿里人脸识别,页面仅提供样式

页面目录

.
├─tn_components       	// 组件模板页面入口
	├─discern				// ⬅️ 证件识别

一个开箱即用vue移动端组件库,包含地图、电子签名、证照识别等

上传代码

uploadImg() {
	uni.chooseImage({
		count: 1,
		success: (chooseImageRes) => {
			const tempFilePaths = chooseImageRes.tempFilePaths;
			console.log(chooseImageRes);
			uni.showToast({
				icon: 'none',
				title: '上传成功,暂无接口预览',
				duration: 2000
			});
			return false;
			uni.uploadFile({
				url: https://www.zhoukaiwen.com, //仅为示例,非真实的接口地址
				filePath: tempFilePaths[0],
				name: 'file',
				header: {
					"Content-Type": "multipart/form-data",
					'X-Access-Token': uni.getStorageSync('token'),
				},
				success: (uploadFileRes) => {
					this.form.userBaseInfo.headPhoto = JSON.parse(uploadFileRes.data).message
				}
			});
		}
	});
}

部分截图

一个开箱即用vue移动端组件库,包含地图、电子签名、证照识别等

一个开箱即用vue移动端组件库,包含地图、电子签名、证照识别等

一个开箱即用vue移动端组件库,包含地图、电子签名、证照识别等

一个开箱即用vue移动端组件库,包含地图、电子签名、证照识别等

一个开箱即用vue移动端组件库,包含地图、电子签名、证照识别等

一个开箱即用vue移动端组件库,包含地图、电子签名、证照识别等

一个开箱即用vue移动端组件库,包含地图、电子签名、证照识别等

一个开箱即用vue移动端组件库,包含地图、电子签名、证照识别等

一个开箱即用vue移动端组件库,包含地图、电子签名、证照识别等

此项目使用MIT开源协议,更多内容大家可自行前往阅读。

资源下载此资源为免费资源立即下载

申明:本文由第三方发布,内容仅代表作者观点,与本网站无关。对本文以及其中全部或者部分内容的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。本网发布或转载文章出于传递更多信息之目的,并不意味着赞同其观点或证实其描述,也不代表本网对其真实性负责。

七爪网 免费源码 一个开箱即用vue移动端组件库,包含地图、电子签名、证照识别等 https://www.7claw.com/38552.html

分享免费的开源源码

常见问题
  • 1、自动:拍下后,点击(下载)链接即可下载;2、手动:拍下后,联系卖家发放即可或者联系官方找开发者发货。
查看详情
  • 1、源码默认交易周期:手动发货商品为1-3天,并且用户付款金额将会进入平台担保直到交易完成或者3-7天即可发放,如遇纠纷无限期延长收款金额直至纠纷解决或者退款!;
查看详情
  • 1、七爪会对双方交易的过程及交易商品的快照进行永久存档,以确保交易的真实、有效、安全! 2、七爪无法对如“永久包更新”、“永久技术支持”等类似交易之后的商家承诺做担保,请买家自行鉴别; 3、在源码同时有网站演示与图片演示,且站演与图演不一致时,默认按图演作为纠纷评判依据(特别声明或有商定除外); 4、在没有”无任何正当退款依据”的前提下,商品写有”一旦售出,概不支持退款”等类似的声明,视为无效声明; 5、在未拍下前,双方在QQ上所商定的交易内容,亦可成为纠纷评判依据(商定与描述冲突时,商定为准); 6、因聊天记录可作为纠纷评判依据,故双方联系时,只与对方在七爪上所留的QQ、手机号沟通,以防对方不承认自我承诺。 7、虽然交易产生纠纷的几率很小,但一定要保留如聊天记录、手机短信等这样的重要信息,以防产生纠纷时便于七爪介入快速处理。
查看详情
  • 1、七爪作为第三方中介平台,依据交易合同(商品描述、交易前商定的内容)来保障交易的安全及买卖双方的权益; 2、非平台线上交易的项目,出现任何后果均与互站无关;无论卖家以何理由要求线下交易的,请联系管理举报。
查看详情

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务