@mas.io/mas-edu-mytab NPM

安装

tnpm install --save @alipay/mas-edu-mytab

组件介绍

适用于“我的”tab页组件，通过配置 config 文件可直接展示出“我的”页面的每一项

参数说明

属性	必填	类型	说明	默认值	示例
config	是	Array	配置要显示的每一项	[]

Badges

config item 详解

属性	必填	类型	说明	默认值	示例
Array(config的每一项还是数组形式)	是	Array	模块项,同一模块下的item会无间隔显示	[]

Array item 详解

属性	必填	类型	说明	示例
logo	是	String	icon链接	https://gw.alipayobjects.com?A*02Y1SYms2mgAAAAAAAAAAABkARQnAQ
text	是	String	名称	我的学校
targetUrl	是	String	跳转链接	alipays://platformapi/startapp?appId=20000021&a=lb&b=c

config 值示例

  [
    [
      {
        logo: 'https://gw.alipayobjects.com/mdn/industry_lifee/afts/img/A*02Y1SYms2mgAAAAAAAAAAABkARQnAQ',
        text: '我的学校',
        targetUrl: 'https://campus.alipay-eco.com/public/job-production.html#/employStatus',
      },
      {
        logo: 'https://gw.alipayobjects.com/mdn/miniapp_yz/afts/img/A*6KltTblayhAAAAAAAAAAAABjARQnAQ',
        text: '我的应聘',
        targetUrl: 'http://www.anijue.com/p/q/j3im6eja/index.html#/resume/index',
      },
    ],
    [
      {
        logo: 'https://gw.alipayobjects.com/mdn/miniapp_yz/afts/img/A*hI5wT5OvtTEAAAAAAAAAAABjARQnAQ',
        text: '我的简历',
        targetUrl: 'alipays://platformapi/startapp?appId=20000021&a=lb&b=c',
      },
    ],
    [
      {
        logo: 'https://gw.alipayobjects.com/mdn/miniapp_yz/afts/img/A*hI5wT5OvtTEAAAAAAAAAAABjARQnAQ',
        text: '我的简历',
        targetUrl: 'alipays://platformapi/startapp?appId=20000021&a=lb&b=c',
      },
      {
        logo: 'https://gw.alipayobjects.com/mdn/miniapp_yz/afts/img/A*hI5wT5OvtTEAAAAAAAAAAABjARQnAQ',
        text: '我的简历',
        targetUrl: 'alipays://platformapi/startapp?appId=20000021&a=lb&b=c',
      },
    ],
  ]

在小程序中使用

{
  "usingComponents": {
    "mas-edu-mytab": "@alipay/mas-edu-mytab/es/index"
  }
  
}

在 page.axml 中引用组件

<!-- 页面使用方式 -->
 <mas-edu-mytab
   config="{{config}}"
 />

mini-antui @mas.io/any-style @mas.io/falcon-core

@infinitebrahmanuniverse/nolb-_mas @everything-registry/sub-chunk-583

0.0.2

3 years ago