移动主页配置

全栈之路

用后端知识体系开发原生移动应用

在启动APP中，我们需要把APP的结构给配置好，例如：主页的界面组成，标题背景色，字段颜色，商品组件的价格的的默认颜色，同样可以配置tabbar的加载项。对应的格式如下：

{
  "titleBgColor": "#fff",
  "titleLineColor": "#dcdcdc",
  "titleColor": "#000",
  "priceColor": "#9E9673",
  "tabBar": {
    "highlighted": "#9E9673",
    "color": "#999"
  },
  "button": {
    "highlighted": "#9E9673",
    "color": "#9E9673"
  },
  "sheet": {
    "highlighted": "#039702",
    "color": "#04be02"
  },
  "footBar": [
    {
      "key": "Tabs",
      "cmd": "Section",
      "model": "Message",
      "text": "内容",
      "icon": ""
    },
    {
      "max": true,
      "click": {
        "cmd": "Content",
        "model": "Subject"
      },
      "text": "图文随手记",
      "icon": ""

    },
    {
      "key": "Pager",
      "cmd": "UI",
      "model": "Member",
      "text": "我的",
      "icon": ""
    }
  ]
}

一级字典配置说明

配置参数	描述	默认值
titleBgColor	标题背景色	#fff
titleColor	标题字段颜色	#000
priceColor	价格显示的颜色	#9E9673
tabBar.highlighted	tabBar字体选中颜色	#9E9673
tabBar.color	tabBar字体选中颜色	#9E9673
button.highlighted	按钮选择颜色	#9E9673
button.color	t按钮背景色	#9E9673
sheet.highlighted	sheet组件按钮选择颜色	#9E9673
sheet.color	sheet组件按钮背景色	#9E9673

footBar是界面底部Bar的加载项配置，他的颜色采用tabBar配置，如下图：

配置说明如下：

配置参数	描述	默认值
key	表示Bar的选项加载类型，值可分为Tabs、Pager、Category、Click	无则是Click
text	按钮文本	无
icon	图标，参考WDK或UMC字体	无
model	当key是Tabs、Pager、DataSource数据源的model	无
cmd	当key是Tabs、Pager、DataSource数据源的cmd	无
search	只对key是Pager、DataSource有效，数据源的参数	无
click	点击事件，请参考UIClick	无
max	是否是大按钮	false

注意：其中Category表示商品品类

在key为Tabs的数据源返回的JSON如下：

{
    "title": {
        "right": {
            "icon": "",
            "format": "{icon}",
            "style": {
                "icon": {
                    "font": "wdk",
                    "font-size": "20"
                }
            },
            "click": {
                "key": "Scanning"
            }
        },
        "left": {
            "icon": "",
            "format": "{icon}",
            "style": {
                "icon": {
                    "font": "wdk",
                    "font-size": "20"
                }
            },
            "click": {
                "key": "Search",
                "send": "Subject"
            }
        },
        "text": "芯图文"
    },
    "sections": [
        {
            "model": "Message",
            "RefreshEvent": "Subject.Save",
            "cmd": "UI",
            "text": "资讯台"
        },
        {
            "search": {
                "Category": "0f72826d-5c1e-d005-a12e-1f7ef046e339"
            },
            "model": "Message",
            "RefreshEvent": "Subject.Save",
            "cmd": "UI",
            "text": "UMC"
        },
        {
            "search": {
                "Category": "787ebac2-495c-0f05-48da-9aacc45c2b85"
            },
            "model": "Message",
            "RefreshEvent": "Subject.Save",
            "cmd": "UI",
            "text": "零售方案"
        }
    ]
}

分为title部分和sections

title为标题配置，支持与UISession的title配置方式一样

sections配置为UISession所需要的参数配置

 管理员 | 阅读(297) | 评论(0)

赞

已读

 暂无点赞