魔方财务主题-氧MDUI社区版使用教程

资源介绍

氧MDUI是已经设计、实践并更新超过一年的材料设计（Material Design）的，面向智简魔方财务系统制作的创新主题模板。该模板利用智简魔方财务系统已有结构，创新运用字段特性，实现了单导航配置多导航、高度自主定义、响应设计等多种特别功能。。

官网介绍：https://store.yang1120.com/product/322.html

使用教程

一，将用户中心主题“yang-mdui-re.zip”上传至魔方财务“public/themes/clientarea”并解压

二，将购物车主题“yang-mdui-re-cart.zip”上传至魔方财务“public/themes/cart”并解压

三，魔方财务后台->设置->站务设置->基础信息->会员中心 拉到最下面，登录加密模板添加“yang-mdui-re
”主题，否则前台用户登录会提示密码错误！

四，关于导航设置
1 魔方财务后台 -> 设置 -> 站务设置 -> 导航管理 -> 所有导航 创建一个导航
2 导航名称请随意，导航类型选择“会员中心导航” 点击确定新建
3 删除自带的所有系统页面
4 点击下面+号新建页面
yang.sidebar 用于标记这是一个氧MDUI侧边栏导航组件。

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

后面的所有页面都是添加在“侧边栏”这个标签下面，如下图所示

其他所有页面比如账户管理、财务管理、帮助中心等都必须放在“侧边栏”这个项目下面，需要一个个耐心添加

图标选择：https://www.mdui.org/docs/material_icon

yang.subtitle 分割条，用于区分菜单分类区块。类似一个小标题

附上一个购物车商品代码

<ul class="mdui-list mdui-list-dense">
  <li class="mdui-list-item mdui-ripple">
    <div class="mdui-list-item-content">
      <div class="mdui-list-item-title mdui-list-item-one-line">vCPU</div>
      <div class="mdui-list-item-text mdui-list-item-one-line">8核心 SuperCow Powered</div>
    </div>
  </li>
  <li class="mdui-list-item mdui-ripple">
    <div class="mdui-list-item-content">
      <div class="mdui-list-item-title mdui-list-item-one-line">内存</div>
      <div class="mdui-list-item-text mdui-list-item-one-line">256GB</div>
    </div>
  </li>
  <li class="mdui-list-item mdui-ripple">
    <div class="mdui-list-item-content">
      <div class="mdui-list-item-title mdui-list-item-one-line">系统盘</div>
      <div class="mdui-list-item-text mdui-list-item-one-line">20GB</div>
    </div>
  </li>
  <li class="mdui-list-item mdui-ripple">
    <div class="mdui-list-item-content">
      <div class="mdui-list-item-title mdui-list-item-one-line">宽带</div>
      <div class="mdui-list-item-text mdui-list-item-one-line">1M上行 1000M下行</div>
    </div>
  </li>
  <li class="mdui-list-item mdui-ripple">
    <div class="mdui-list-item-content">
      <div class="mdui-list-item-title mdui-list-item-one-line">公网能力</div>
      <div class="mdui-list-item-text mdui-list-item-one-line">没有公网</div>
    </div>
  </li>
</ul>

最后主题我就不放了，支持作者也才几块钱的东西，文章开头有作者连接，作者在海鲜市场发布仅需几块钱