golang开发的gofly快速开发框架如何设置多样的主题说明

huanglishi · · 233 次点击 · 开始浏览    置顶

本节教大家如何用gofly快速开发框架后台内置设置参数,配置出合适项目的布局及样式、主题色,让你您的项目在交互上加分,也是能帮你在交付项目时更容易得到客户认可,你的软件使用客户他们一般都是不都技术的,所以当他们拿到您交付给他们项目,第一眼看到项目界面是非常关键的,好的交互就是成功的一半,只有客户或使用者心情舒畅您才能顺利完成交付功能。所以作为开发者一定一定在乎软件界面美观。 在线体验地址 :[立即前往](https://bs.goflys.cn/webbusiness) , 你可更加在线演示,先去点点试试手。 # 设置准备 ### 1.首先进入登录到后台管理系统: ![微信截图_20240523000122.png](https://static.golangjob.cn/240523/595d5c364a232058a72c9222b79348c4.png) ### 2.进入首页点击设置按钮 ![微信截图_20240530224219.png](https://static.golangjob.cn/240531/74805de9c2aff425c4648a0a445a1764.png) ### 3.点击设置按钮弹出设置界面,如下: ![微信截图_20240530224434.png](https://static.golangjob.cn/240531/0fb4f6ce100b3676ecae9e78cb1360c1.png) # 设置操作步骤 ### 1.我们这里可以设置菜单颜色为深色,如下: ![微信截图_20240530224724.png](https://static.golangjob.cn/240531/4a7b6266f0209940d43c74d640c227ab.png) ### 2.顶部导航栏 设置为背景图片,如下 ![微信截图_20240530225004.png](https://static.golangjob.cn/240531/3d7882c88f3383ffcdad1d78070504b3.png) ### 3.设置多标签导航条 ![微信截图_20240530225203.png](https://static.golangjob.cn/240531/983ea510909a1a02099f26b830cfe048.png) ### 4.显示或隐藏面包导航 ![微信截图_20240530225359.png](https://static.golangjob.cn/240531/f5cb19267e49a2f25a77f322943855e4.png) ### 5.设置整个系统主题色 ![微信截图_20240530225606.png](https://static.golangjob.cn/240531/dbeb51e7b3ce1f95ff6ba95c436bb04b.png) ### 6.设置顶部菜单栏 ![微信截图_20240530225809.png](https://static.golangjob.cn/240531/aab0dcf4b930330a3f1783e966d2b291.png) ### 7.色弱模式 ![微信截图_20240530230116.png](https://static.golangjob.cn/240531/4cbf5e3ae74dc470b97059e802c7131b.png) 还有很多种设置,您可自己去点点试试。 当你设置好一种主题配置想永久使用:如果是开发时设置,则您点击“复制配置 ”然后把它粘贴到 src/config/settings.json 文件中,如果是在上线使用顶自己个人使用界面,则直接点击“保存配置”即可。

有疑问加站长微信联系(非本文作者)

入群交流(和以上内容无关):加入Go大咖交流群,或添加微信:liuxiaoyan-s 备注:入群;或加QQ群:692541889

233 次点击  
加入收藏 微博
暂无回复
添加一条新回复 (您需要 登录 后才能回复 没有账号 ?)
  • 请尽量让自己的回复能够对别人有帮助
  • 支持 Markdown 格式, **粗体**、~~删除线~~、`单行代码`
  • 支持 @ 本站用户;支持表情(输入 : 提示),见 Emoji cheat sheet
  • 图片支持拖拽、截图粘贴等方式上传