uni-app中uni-card组件的标题额外信息加个按钮

要为`uni-card`组件的标题添加额外信息和按钮，可以在`uni-card`组件内部使用`flex布局`来实现。

以下是一个示例代码，展示了如何在`uni-card`组件中添加标题额外信息和按钮：

<template>
  <view>
    <uni-card>
      <view class="card-header">
        <view class="title-wrap">
          <text class="title">Card标题</text>
          <text class="extra">额外信息</text>
        </view>
        <button class="btn">按钮</button>
      </view>
      <view class="card-content">
        <text>这里是卡片内容</text>
      </view>
    </uni-card>
  </view>
</template>

<style>
  .card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .title-wrap {
    display: flex;
    flex-direction: column;
  }

  .title {
    font-size: 16px;
    font-weight: bold;
  }

  .extra {
    font-size: 12px;
    color: #999;
  }

  .btn {
    background-color: #409eff;
    color: #fff;
    border: none;
    border-radius: 4px;
    padding: 8px 16px;
  }

  .card-content {
    padding: 16px;
  }
</style>

在上面的代码中，我们通过`flex布局`将标题和额外信息垂直排列，并通过`justify-content: space-between`将它们与按钮分开。我们还使用了一些基本的`CSS样式`来美化标题、额外信息和按钮。

希望这可以帮助你实现所需的功能。