haowanShow/miniprogram/components/business-card/index.wxml

<view class="card" style="transform: scale({{scale}}, {{scale}})">
    <image class="card-bg" src="https://4d-tjw.oss-cn-shenzhen.aliyuncs.com/domain/exhibition/demo/img_cardbg%402x.png"  mode="widthFix"></image>
    <view class="card-content">
      <view class="card-header">
      <image class="avatar" src="{{info.avatar || 'https://4d-tjw.oss-cn-shenzhen.aliyuncs.com/domain/exhibition/demo/avatar_default%402x.png'}}"></image>
      <view class="card-header-info">
        <view class="card-name">{{info.name}}<text>{{info.companyPosition}}</text></view>
        <view class="company">{{info.companyName}}</view>
      </view>
    </view>
    <view class="card-body">
      <view class="info-item">
        <icon icon="maps_call"></icon>
        <text class="value">{{info.phoneNum}}</text>
      </view>
      <view class="info-item">
        <icon icon="card_mail"></icon>
        <text class="value">{{info.email}}</text>
      </view>
      <view class="info-item">
        <icon icon="card_address"></icon>
        <text class="value">{{info.companyAddress}}</text>
      </view>
    </view>
    </view>
  </view>