Notable Pottery Manufacturer

    hm-uniapp-friend-information-card

    0.0.3 • Public • Published

    官网: https://haomo-tech.com

    作者: 毫末科技

    邮箱: hxg@haomo-studio.com

    预览

    预览图片

    在线效果预览

    更多毫末科技的uni-app跨端模板,请见毫末科技uni-app跨端模板

    技术支持

    毫末科技将长期迭代本组件。需要技术支持,请进钉钉群:

    概述

    毫末uni-app新闻卡片组件。支持H5/小程序(微信、支付宝、头条、百度、QQ)/App;组件可自适应各种屏幕大小的手机。

    使用

    请使用HBuilderX导入组件。

    在script中引用:

    import HmFriendInformationCard from '@/components/hm-friend-information-card/index.vue'
    export default {
        components: {HmFriendInformationCard}
    }

    在template中使用:

    <template>
      <div class="test-component">
        <hm-friend-information-card :options="options"></hm-friend-information-card>
      </div>
    </template>
    <script>
    import HmFriendInformationCard from '@/components/hm-components/hm-friend-information-card/index.vue'
     
    export default {
      components: {
        HmFriendInformationCard
        },
      data() {
        return {
          options: {
              primary:
                '/static/hm-friend-information-card/images/img_24031_0_1.png',
              name: '张三',
              titleImg:
                '/static/hm-friend-information-card/images/img_24031_0_0.png',
              address: '深圳'
            }
        };
      },
      methods: {
      }
    };
    </script> 
    <style>
    </style> 
     
     
     
     

    属性说明

    属性名 类型 默认值 说明
    options Object - 卡片属性

    options对象各个属性说明如下:

    属性名 类型 默认值 说明

    | primary | String | - | 图片 | | name | String | - | 姓名 | | titleImg | String | - | 图片 | | address | String | - | 地址 |

    事件说明

    更新日志

    0.0.1(2020-03-010)

    • 完成第一个版本

    Install

    npm i hm-uniapp-friend-information-card

    DownloadsWeekly Downloads

    4

    Version

    0.0.3

    License

    MIT

    Unpacked Size

    21.5 kB

    Total Files

    8

    Last publish

    Collaborators

    • lirisheng