amazeui/widget/navbar/package.json

Sleek, intuitive, and powerful front-end framework for faster and easier web development.

{
  "name": "navbar",
  "version": "2.0.2",
  "localName": {
    "en": "Navbar",
    "zh-cn": "工具栏"
  },
  "icon": "navbar.png",
  "author": {
    "name": "Shengli",
    "email": "china_victory@yunshipei.com"
  },
  "description": "页面底部工具栏",
  "poweredBy": "AllMobilize",
  "styleBase": [
    "variables.less",
    "mixins.less",
    "base.less",
    "grid.less",
    "block-grid.less",
    "icon.less",
    "utility.less"
  ],
  "template": "navbar.hbs",
  "styleDependencies": [
    "ui.modal.less",
    "ui.component.less",
    "ui.share.less",
    "button.less"
  ],
  "style": "navbar.less",
  "demoContent": [
    {
      "title": "呼叫",
      "link": "tel:123456789",
      "icon": "phone"
    },
    {
      "title": "分享",
      "link": "###",
      "icon": "share-square-o",
      "dataApi": "data-am-navbar-share"
    },
    {
      "title": "二维码",
      "link": "###",
      "icon": "qrcode",
      "dataApi": "data-am-navbar-qrcode"
    },
    {
      "title": "GitHub",
      "link": "https://github.com/allmobilize/amazeui",
      "icon": "github"
    },
    {
      "title": "下载使用",
      "link": "http://amazeui.org/getting-started",
      "icon": "download"
    },
    {
      "title": "Bug 反馈",
      "link": "https://github.com/allmobilize/amazeui/issues",
      "icon": "location-arrow"
    }
  ],
  "themes": [
    {
      "name": "default",
      "desc": "默认",
      "options": {
        "cols": 4
      },
      "hook": "hook-am-navbar-default",
      "variables": [
        {
          "variable": "navbar-bg",
          "name": "背景颜色",
          "default": "#0e90d2",
          "used": [
            {
              "selector": ".am-navbar-nav",
              "property": "background-color"
            }
          ]
        },
        {
          "variable": "navbar-link-color",
          "name": "链接颜色",
          "default": "#fff",
          "used": [
            {
              "selector": "a",
              "property": "color"
            }
          ]
        },
        {
          "variable": "navbar-actions-bg",
          "name": "更多列表背景",
          "default": "#0d86c4",
          "used": [
            {
              "selector": ".am-navbar-actions",
              "property": "background-color"
            }
          ]
        },
        {
          "variable": "navbar-actions-border-bottom",
          "name": "更多列表下边框颜色",
          "default": "#fff",
          "used": [
            {
              "selector": ".am-navbar-actions a",
              "property": "border-color"
            }
          ]
        }
      ],
      "demos": [
        {
          "desc": "字体图标",
          "data": {
            "options": {
              "cols": "4"
            }
          }
        },
        {
          "desc": "自定义图标",
          "data": {
            "options": {
              "cols": "4"
            },
            "content": [
              {
                "link": "sms:18601860186?body=约吗？",
                "title": "消息",
                "customIcon": "http://amazeui.b0.upaiyun.com/assets/i/cpts/navbar/Information.png"
              },
              {
                "link": "tel:18601860186",
                "title": "呼叫",
                "customIcon": "http://amazeui.b0.upaiyun.com/assets/i/cpts/navbar/phone.png"
              },
              {
                "link": "###",
                "title": "分享",
                "customIcon": "http://amazeui.b0.upaiyun.com/assets/i/cpts/navbar/share.png",
                "dataApi": "data-am-navbar-share"
              },
              {
                "link": "http://yunshipei.com",
                "title": "地图",
                "customIcon": "http://amazeui.b0.upaiyun.com/assets/i/cpts/navbar/map.png"
              }
            ]
          }
        }
      ]
    },
    {
      "name": "one",
      "desc": "简约风格",
      "options": {
        "cols": 4
      },
      "hook": "hook-am-navbar-one",
      "variables": [
        {
          "variable": "navbar-bg",
          "name": "背景颜色",
          "default": "#0e90d2",
          "used": [
            {
              "selector": ".am-navbar-nav",
              "property": "background-color"
            }
          ]
        },
        {
          "variable": "navbar-link-color",
          "name": "链接颜色",
          "default": "#fff",
          "used": [
            {
              "selector": "a",
              "property": "color"
            }
          ]
        },
        {
          "variable": "navbar-actions-bg",
          "name": "更多列表背景",
          "default": "#0d86c4",
          "used": [
            {
              "selector": ".am-navbar-actions",
              "property": "background-color"
            }
          ]
        },
        {
          "variable": "navbar-actions-border-bottom",
          "name": "更多列表下边框颜色",
          "default": "#fff",
          "used": [
            {
              "selector": ".am-navbar-actions a",
              "property": "border-color"
            }
          ]
        }
      ],
      "demos": [
        {
          "desc": "",
          "data": {
            "options": {
              "cols": "4"
            }
          }
        }
      ]
    }
  ],
  "jsBase": [
    "core.js"
  ],
  "jsDependencies": [
    "ui.modal.js",
    "ui.share.js",
    "util.qrcode.js"
  ],
  "script": "navbar.js",
  "api": {
    "id": {
      "name": "ID",
      "desc": "模块自定义ID，遵循CSS ID命名规范",
      "type": "text",
      "default": "",
      "required": false
    },
    "className": {
      "name": "Class",
      "desc": "用户自定义模块class，遵循 CSS class 命名规范",
      "type": "text",
      "placeholder": "css类名，多个用空格分隔",
      "default": "",
      "required": false
    },
    "theme": {
      "name": "主题",
      "desc": "模块主题",
      "type": "select",
      "default": "default",
      "required": false,
      "dataList": "<%= pkg.themes %>"
    },
    "options": {
      "cols": {
        "name": "列数",
        "desc": "分栏数量（建议2-4）",
        "type": "select",
        "required": false,
        "default": 4,
        "dataList": [
          {
            "value": 1,
            "title": "1"
          },
          {
            "value": 2,
            "title": "2"
          },
          {
            "value": 3,
            "title": "3"
          },
          {
            "value": 4,
            "title": "4"
          }
        ]
      }
    },
    "content": {
      "type": "Array",
      "item": {
        "title": {
          "type": "text",
          "desc": "链接文本"
        },
        "link": {
          "type": "text",
          "链接地址": "链接地址"
        },
        "customIcon": {
          "type": "image",
          "desc": "自定义图标，上传图片或者填写icon地址"
        },
        "icon": {
          "type": "text",
          "desc": "Font Awesome 图标名称"
        },
        "dataApi": {
          "type": "text",
          "desc": "数据接口，分享模块data-am-navbar-share，二维码 data-am-navbar-qrcode"
        }
      }
    }
  },
  "readme": "http://docs.yunshipei.com/amui/#navbar",
  "hidden": false
}