Gogo结合了良好的设计,高质量的代码和对细节的关注。 我们在没有JQuery的情况下使用了React。
我们对组件,布局,应用程序和主题的其他部分使用了相同的设计语言。
希望你喜欢它!
功能概览
我们尝试创建一个我们想要自己使用的react.js管理主题,因此我们列出了我们的优先级。 我们希望有一个主题,使用起来并不复杂,做得好,包含必须有组件,看起来非常好。
我们将注意力放在细节上,并根据这些原则创建了特征。
没有JQuery依赖
JQuery是一个很棒的库,我们是它的粉丝。 我们甚至构建了这个主题的JQuery版本,但我们相信它不应该在React项目中。
我们进行了研究,发现大多数开发人员认为他们不应该在项目中共存。
jQuery是势在必行的,React是声明性的,因此它们不属于一个整体。
愉快的设计
作为一名网络开发人员,我们喜欢在一些看起来不错的东西 这不是绝对必要的,但它确实激励我们最终产品看起来对用户来说是好的。
所以我们在色彩,图标,构图和设计和谐方面投入了大量的精力。 主题组件和布局采用相同的设计语言。
我们始终将用户体验原则置于设计过程的核心。
超细图表
使用图表是一种可视化数据的好方法,但它们看起来很丑陋,打破了设计的节奏。
我们专注于一个图表库(react-chartjs)并尝试创建与颜色,不透明度,边框和阴影看起来很好的图表。
使用某些插件并创建一些使图表更有用和美观。
工作的布局
布局是真实的,它们需要准确,适合工作。 它们应该对用户和开发人员都有用。
我们为不同的工作创建了许多不同的布局。
列表页面具有视图模式更改功能,班次选择和选择所有功能,应用程序布局与附加菜单,身份验证和错误布局,其设计与其他页面不同是我们的主要关注点。 我们还创建了详细信息页面,其中包含可容纳许多组件
智能菜单
我们想要一个看起来不错的菜单并且做得很好。
我们创建了2个面板和相应的分类页面,而不是看起来过于复杂的手风琴结构的旧单面板菜单。
当分辨率在某个断点下打开一些空间时,默认菜单会自动隐藏子面板。 您也可以完全隐藏菜单或仅使用主面板打开。
路由系统由react-router-dom提供支持,它不作为浅库集成,可以通过替代方案轻松更改。
额外响应
使用Bootstrap 4和Reactstrap,添加自定义响应断点非常容易,因此我们添加了xxs和xxl并为主题构建了它。
Xxs断点适用于分辨率低于420px的较小屏幕。 Xs工作在576px和420px之间。 Xxl断点适用于分辨率高于1440px的较大屏幕。 Xl工作在1200px和1440px之间。
通过这种方法,我们能够为更小和更大的屏幕创造更好的体验。
主题色彩
我们创造了具有五种不同主色的深色和浅色版本。 每个主题也有二次色。 您可以在Sass变量的帮助下轻松更改主题颜色或创建其他主题。
结构和布局
我们尽最大努力创建布局,这是开发人员可能拥有的各种需求的理想选择,并为用户创造最佳体验。
它们干净而光滑。 它们运作良好,同时看起来很好。
组件
我们使用最受欢迎且管理良好的开源组件和引导组件。 将它们组合成更有用的。 它们以相同的设计原则为主题,并在组件和布局之间创建了设计和谐。
从轮播到图表,切换到列表我们试图提供我们喜欢在开发过程中使用的组件。
应用
在组件和布局的帮助下,我们创建了三个不同的应用程序。 如果你想要建立类似的东西,它们是让你入门的好方法。
我们几乎没有为应用程序编写额外的代码,它们主要来自我们的组件和react.js库。 您还可以使用组件和布局创建适合您需求的应用程序。
联系在线 QQ 或 微信 获取密码。 付款方式如下:手机扫一扫或长按二维码
温馨提示:如技术支持模板,定制开发等服务模板,也可联系在线QQ或加微信
友情特价:59元官网报价:点击查看