vue搭建模仿懒之才用户中心后台模板

一、模板介绍

模板采用vue-cli+element ui方式搭建,是一款大众化的用户中心后台模板。涉及功能较多。弹窗以及子父窗口数据交互功能均有实现。可以通过此模板学到更多的vue知识,希望下载朋友能够帮助你。

下载地址提供的为vue源码(非打包文件)

二、vue组件

模板涉及到的vue组件如下:

1.vue-image-crop-upload(vue图片上传裁剪组件)

传送门:https://github.com/dai-siki/vue-image-crop-upload

2.vue-ueditor-wrap(ueditor编辑器组件)

介绍:UEditor 依然是国内使用频率极高的所见即所得编辑器而 Vue 又有着广泛的使用,所以将两者结合使用,是很多 Vue 项目开发者的切实需求。

传送门:https://github.com/HaoChuan9421/vue-ueditor-wrap-demo

3.vue2-verify(前端验证码组件)

介绍:开源,免费的验证码插件,自适应兼容移动端

支持的验证码类型:

常规验证码picture 常规的验证码由数字和字母构成,用户输入不区分大小写,可变形成汉字验证。

运算验证码compute 运算验证码主要通过给出数字的加减乘运算,填写运算结果进行验证。

滑动验证码slide 通过简单的滑动即可完成验证,应用与移动端体验很好。

拼图验证码puzzle 拼图。

选字验证码pick 通过按顺序点选图中的汉字完成验证,ie浏览器要求9或以上。

传送门:https://github.com/mizuka-wu/vue2-verify

请记住一件事!
纯前端是可以被别人绕过验证的!

三、模板截图

vue搭建模仿懒之才用户中心后台模板_第1张图片

下载地址:链接直达

你可能感兴趣的:(jquery,js,vue)