智简魔方财务 氧MDUI主题 菜单设置引导

由于智简魔方的设置特性,后台导航设置中应用于部分场景下,tag和分导航并不能起效。而氧MDUI主题将遵循材料设计规范,需求在不同环境下展现不同主题。于是,在本主题下,我们设置了一套基于原版魔方导航设置的,扩展设置方案。

氧MDUI用户中心主题独占一个“会员中心导航”项目。

注意:产品管理页面,由于魔方特性,您只应该为每一类产品设置一个系统产品管理页面。这个页面可以设置在任意非氧 MDUI 主题识别的地方;如果要置于主题识别的导航字段内,不能设置在除侧边栏之外的氧 MDUI 识别的地方。

侧边栏

侧边栏标记以“yang.sidebar”开始,侧边栏菜单子项目置于子菜单内。

成功配置示例如下:

后台设置
前台实际输出

yang.sidebar(侧边栏标记)

用于标记这是一个氧MDUI侧边栏导航组件。

使用“自定义页面”创建此项目,无论其他值是什么,只要“标签”设置为 yang.sidebar,那么氧MDUI就会读取该项目的子项目内容,作为侧边栏条目。

氧MDUI遵循 MDUI 普通设计方案,不支持二级菜单。所有侧边栏项目必须同级放置在“yang.sidebar”标记组件下(参考上图)。
智简魔方财务系统有潜在 BUG,即菜单项目的“链接(URL)”如果设置不规范,已观测确定有用户的导航管理会全部被系统打乱。建议下述氧MDUI识别项目(即“只有‘标签’起作用的条目”)的链接全部设置为 #(一个英文井号)
魔方设置项目设置内容设置建议
页面类型自定义页面请勿选择其他类型。
名称侧边栏帮助您识别侧边栏配置项目,前台不会输出。
标签yang.sidebar用于标识侧边栏项目,请勿修改。
URL#任意填写内容占位,前台不会输出。

附:“自定义页面”需要手动添加,财务系统最下面有一个添加按钮。(抱歉,但我是真的没想到很多用户不知道财务系统导航可以添加项目)

附:“侧边栏”识别组件设置内容如下图

通用链接

氧MDUI润云数据版:正常项目均识别为正常通用链接,并可附加一个 MDUI v1 图标。

氧MDUI社区版:正常项目均识别为正常通用链接,并可通过“标签”设置 MDUI v1 图标;如果没有设置“标签”的图标,那么以财务系统自带的 bx ico 正常输出图标代替。

氧MDUI社区版开始,不需要为产品管理单独添加自定义页面引导进入。所有普通设置项目都可以正常显示,即按照正常财务系统导航设置逻辑处理。
魔方设置项目设置内容设置建议
页面类型自定义页面请勿选择其他类型。
名称前台显示的链接名称。
标签MDUI 图标
URL此菜单链接目标 URL。
社区版开始,普通导航项目直接放进去,没有任何问题。

yang.subtitle

一个分割条,用于区分菜单分类区块。类似一个小标题。

魔方设置项目设置内容设置建议
页面类型自定义页面请勿选择其他类型。
名称前台显示的标题名称。
标签yang.subtitle用于标识项目,请勿修改。
URL#任意填写内容占位,前台不会输出。

yang.iconlist(已于202309后版本弃用)

带有 MDUI 图标的列表项目。实际可点击的链接应该置于此项目的子项目。

魔方设置项目设置内容设置建议
页面类型自定义页面请勿选择其他类型。
名称yang.iconlist用于标识项目,请勿修改。
URLMDUI 图标名MDUI 图标名,子项目的所有列表都会使用此图标。

yang.subtitle(已于202309后版本弃用)

输出一个分割线和副标题。

魔方设置项目设置内容设置建议
页面类型自定义页面请勿选择其他类型。
名称yang.subtitle用于标识项目,请勿修改。
URL需要显示的副标题名称。

通用配置项(已于202309后版本弃用)

魔方设置项目设置内容设置建议
页面类型按需选择。
名称前台输出的实际名称。
URL实际链接地址。

底部链接

保留侧边栏这样设计正是为了这些做准备。♥

后台设置样例
前台实际输出

yang.footerlink

用于标记这是一个底部链接。

魔方设置项目设置内容设置建议
页面类型自定义页面请勿选择其他类型。
名称底部链接帮助您识别侧边栏配置项目,前台不会输出。
标签yang.footerlink用于标识侧边栏项目,请勿修改。
URL#任意填写内容占位,前台不会输出。

纯文本输出

如果不定义为纯文本,那么菜单项目将以链接形式输出。纯文本可以帮助布局、撰写其他信息,或是当作“分隔符”。

魔方设置项目设置内容设置建议
页面类型自定义页面请勿选择其他类型。
名称纯文本内容。
标签yang.text用于标识侧边栏项目,请勿修改。
URL#任意填写内容占位,前台不会输出。

普通链接

魔方设置项目设置内容设置建议
页面类型自定义页面请勿选择其他类型。
名称链接名称。
标签MDUI v1 图标。留空时:如果定义了 bs 图标,则调用 bs 图标;如果也没有使用智简魔方默认图标库,则不显示图标。
URL链接实际 URL。

主页产品管理

社区版已弃用此功能,仅在润云数据版可用。

通用配置项目应该置于标识为 yang.mngbtns 的项目下。

后台设置
前台实际输出

yang.mngbtns

魔方设置项目设置内容设置建议
页面类型自定义页面请勿选择其他类型。
名称实例管理帮助您识别侧边栏配置项目,前台不会输出。
标签yang.mngbtns用于标识项目,请勿修改。
URL#任意填写内容占位,前台不会输出。

通用配置项

魔方设置项目设置内容设置建议
页面类型自定义页面请勿选择其他类型。
名称按钮名称按钮显示的名称
标签
URLGroupId填写此产品管理页面的 ID。页面 ID 可通过进入产品列表页,从 URL 中获取。

主页产品新建

社区版已弃用此功能,仅在润云数据版可用。
后台设置
前台实际输出

yang.newbtns

魔方设置项目设置内容设置建议
页面类型自定义页面请勿选择其他类型。
名称新建实例帮助您识别侧边栏配置项目,前台不会输出。
标签yang.newbtns用于标识项目,请勿修改。
URL#任意填写内容占位,前台不会输出。

通用配置项

魔方设置项目设置内容设置建议
页面类型自定义页面请勿选择其他类型。
名称按钮名称按钮显示的名称
标签
URL产品订购链接填写产品订购链接,包括 URL 参数。例如 “fid=33”
本作品(《智简魔方财务 氧MDUI主题 菜单设置引导》)采用知识共享署名 4.0 国际许可协议进行许可。转载需注明来源(作者 氧化某人,原文链接 https://blog.yang1120.com/archives/289)。

评论

  1. Android Chrome
    7 月前
    2024-3-15 18:17:02

    想买,无法支付,解决一下谢谢

    • Avatar photo
      博主
      Windows Chrome
      7 月前
      2024-3-19 23:11:32

      已解决

  2. 向死而生
    Windows Chrome
    7 月前
    2024-3-20 10:48:04

    模版怎么购买

    • Avatar photo
      博主
      向死而生
      Android Firefox
      7 月前
      2024-3-20 17:15:22

      氧化小店;支付问题稍后解决

  3. 乐呜
    Android Chrome
    4 月前
    2024-6-18 6:31:15

    想买,支付不了,解决一下谢谢

    • Avatar photo
      博主
      乐呜
      Windows Chrome
      4 月前
      2024-6-20 12:04:48

      管财务的兄弟旅游回来辣

    • Kuz
      乐呜
      Windows Edge
      3 月前
      2024-7-03 22:52:53

      Github有开源版本(

      • Avatar photo
        博主
        Kuz
        Windows Chrome
        3 月前
        2024-7-03 22:54:49

        什么?谁开了,谁被开了♿

发送评论 编辑评论


|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇