@mas.io/mas-skeleton NPM

安装

tnpm install --save @alipay/mas-skeleton

组件介绍

骨架屏组件

参数说明

参数	说明	类型	是否必传	默认值
loading	是否加载中	Boolean	否	true
showAvatar	是否展示头像	Boolean	否	true
showTitle	是否显示标题栏	Boolean	否	true
avatarSize	头像的尺寸，默认为长宽一致	String	否	50px
avatarShape	头像是原型图片还是方形	String	否	round
titleWidth	标题宽度	String	否	40%
animate	是否支持动画	Boolean	否	true

avatarShape支持选项有round，square

在小程序中使用

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

调用方式

   <mas-skeleton
    loading="{{ loading }}"
    avatarSize="{{ skeleton1.avatarSize }}"
    row="{{ skeleton1.row }}"
    showTitle="{{ skeleton1.showTitle }}"
  >
    <view class="section-content">我是段落1</view>
  </mas-skeleton>

Badges

@mas.io/falcon-core

@infinitebrahmanuniverse/nolb-_mas @everything-registry/sub-chunk-583 @mas.io/adc-page-container

0.0.4

2 years ago