uni-app 有没有小伙伴愿意共享我的会员卡页面

当然，我可以为你提供一个简单的会员卡页面的示例代码，使用uni-app框架。这个示例将展示如何创建一个基本的会员卡页面，包括会员卡的基本信息和二维码显示。

首先，确保你已经安装了uni-app的开发环境，并且创建了一个新的uni-app项目。

接下来，在项目的pages目录下创建一个新的页面，比如membershipCard。在这个页面的.vue文件中，你可以编写如下的代码：

<template>
  <view class="container">
    <view class="card-header">
      <text class="title">会员卡</text>
    </view>
    <view class="card-body">
      <view class="info">
        <text>会员姓名：{{memberName}}</text>
        <text>会员等级：{{memberLevel}}</text>
        <text>有效期至：{{expiryDate}}</text>
      </view>
      <view class="qr-code">
        <canvas canvas-id="qrCodeCanvas" style="width: 200px; height: 200px;"></canvas>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      memberName: '张三',
      memberLevel: 'VIP',
      expiryDate: '2023-12-31',
      qrCodeUrl: '' // 二维码链接，这里需要替换为实际的链接
    };
  },
  mounted() {
    this.generateQRCode();
  },
  methods: {
    generateQRCode() {
      uni.canvasToTempFilePath({
        canvasId: 'qrCodeCanvas',
        success: res => {
          this.qrCodeUrl = res.tempFilePath;
        },
        fail: err => {
          console.error('生成二维码失败：', err);
        },
        data: this.qrCodeData // 这里填写生成二维码的数据，比如会员ID等
      }, this.createQRCode());
    },
    createQRCode() {
      const ctx = uni.createCanvasContext('qrCodeCanvas');
      uni.getFileSystemManager().writeFile({
        filePath: `${wx.env.USER_DATA_PATH}/qrCode.png`,
        data: this.qrCodeData, // 这里应该是二维码的生成数据，但uni-app不直接支持生成，所以需要第三方库或服务端生成
        encoding: 'base64',
        success() {
          ctx.drawImage('/qrCode.png', 0, 0, 200, 200);
          ctx.draw();
        }
      });
    }
  }
};
</script>

<style>
.container {
  padding: 20px;
}
.card-header {
  text-align: center;
  margin-bottom: 20px;
}
.title {
  font-size: 24px;
  font-weight: bold;
}
.info {
  margin-bottom: 20px;
}
.qr-code {
  text-align: center;
}
</style>

注意：上面的createQRCode方法中的二维码生成部分是一个简化的示例，实际上uni-app不直接支持在客户端生成二维码。你通常需要使用第三方库（如qrcode.js）在服务端生成二维码，并将生成的二维码图片链接赋值给qrCodeUrl，然后在页面上显示。或者，你也可以考虑使用uni-app的插件市场中的二维码生成插件。

希望这个示例能帮到你！如果你有任何进一步的问题，欢迎随时提问。