Laravel和TailwindCSS后台管理模板-Midone

Laravel和TailwindCSS后台管理模板-Midone

Midone是一套质量很高的Laravel管理后台模板,TailwindCSS框架组件模板。前端脚手架和目录结构设计生产使用。模板有几个独特的页面和组件可以帮助你快速构建管理应用程序。同时你可以专注开发项目而不用担心前端HTML模板集成。
Tailwind CSS制作精致的计算器

Tailwind CSS制作精致的计算器

这是使用 Tailwind CSS 制作的计算器,数字区为黑色,键盘区则由渐变蓝色设计,非常精致。不过这只是 UI 界面,不能进行计算。Tailwind CSS 版本为 2.0.3,不兼容 IE 浏览器,建议使用现代浏览器。
Tailwind CSS制作简洁的移动端登录界面

Tailwind CSS制作简洁的移动端登录界面

这是使用 Tailwind CSS 制作的简洁的移动端登录界面,上方是 Logo(或者头像),下方是电子邮箱和密码两个表单,非常的简单,没有过多花里胡哨的东西。使用 Vue.js 做了表单验证,在验证通过后的代码后,可加入您的登录处理逻辑。
Tailwind CSS制作流行的注册界面

Tailwind CSS制作流行的注册界面

这是是用 Tailwind CSS 制作的一款流行的注册界面,左边是示意图/介绍图/广告图,右边是注册表单。页面为响应式,兼容 PC、Pad 和手机模式。由于使用 Tailwind CSS 2.0.3 版本,所以不兼容 IE 浏览器。
Tailwind CSS制作的登陆界面

Tailwind CSS制作的登陆界面

这是一款使用 Tailwind CSS 制作的目前常见的登陆界面,采用左右两栏布局,左边是背景图和文字介绍,右边是表单,简单却显大气,看起来非常精致、舒服。登陆界面兼容多个尺寸的终端,包括 PC 端,Pad 端和手机端。
Tailwind CSS制作流行的用户注册页面

Tailwind CSS制作流行的用户注册页面

这是一款使用 Tailwind CSS 制作的流行的用户注册页面,左边是图片,右边表单,也可以使用微信、QQ 或微博等第三方账号注册。该注册页面也兼容适配移动端,当设备宽度小于 640px 时,左边的图片会自动隐藏,只显示表单部分。除了使用
Tailwind CSS 制作带人物插画的登录页面

Tailwind CSS 制作带人物插画的登录页面

这是使用 Tailwind CSS 制作的带人物插画的登录页面,页面的中间是表单,包含电子邮箱和密码,下面是第三方登录选项,左右两边各有一张人物插画点缀页面,使页面看起来更加生动有趣。该登录页面兼容 PC 和移动端,包括手机端和 Pad 端

猜你喜欢