0.0.1 • Published 6 years ago
hm-taro-group-info-card v0.0.1
作者: 毫末科技
邮箱: hxg@haomo-studio.com
预览

更多毫末科技的Taro跨端模板,请见毫末科技Taro跨端模板
技术支持
毫末科技将长期迭代本组件。需要技术支持,请进钉钉群:
概述
毫末Taro毫末群组信息卡片组件。支持H5/小程序(微信、支付宝、头条、百度、QQ)/App;组件可自适应各种屏幕大小的手机。
使用
import Taro, { Component } from '@tarojs/taro'
import { View, Text, Button } from '@tarojs/components'
import HmGroupInfoCard from '../src/components/hm/hm-group-info-card/index.jsx'
export default class Index extends Component {
  componentWillMount () { }
  componentDidMount () { }
  componentWillUnmount () { }
  componentDidShow () { }
  componentDidHide () { }
  config = {
    navigationBarTitleText: '毫末Taro毫末群组信息卡片组件'
  }
  render () {
    return (
      <View className='index'>
        <HmGroupInfoCard/>
      </View>
    )
  }
}属性说明
| 属性名 | 类型 | 默认值 | 说明 | 
|---|---|---|---|
| options | Object | - | 卡片属性 | 
options对象各个属性说明如下:
| 属性名 | 类型 | 默认值 | 说明 | 
|---|---|---|---|
| titleText | String | - | 群组名称 | 
| titleIcon | String | - | 标题图标 | 
| detail | String | - | 详情 | 
| memberAText | String | - | 成员A | 
| memberBText | String | - | 成员B | 
| memberCText | String | - | 成员C | 
| memberDText | String | - | 成员D | 
| members | String | - | 成员数量 | 
事件说明
| 事件称名 | 事件说明 | 返回参数 | 
|---|---|---|
| @click | 点击 Card 触发事件 | - | 
更新日志
0.0.1(2020-03-07)
- 完成第一个版本
0.0.1
6 years ago