用微信小程序wxss写一个会员卡样式。

这是一个简单的会员卡样式，代码如下：

/* 定义背景颜色 */
.page {
  background-color: #fff;
}

/* 定义会员卡容器 */
.card-container {
  width: 90%;
  margin: 0 auto;
  padding: 20rpx;
  background-color: #ffcc00;
  border-radius: 10rpx;
  box-shadow: 0 0 10rpx rgba(0, 0, 0, 0.3);
}

/* 定义会员卡标题 */
.card-title {
  font-size: 36rpx;
  font-weight: bold;
  text-align: center;
  color: #fff;
  margin-bottom: 20rpx;
}

/* 定义会员卡内容 */
.card-content {
  font-size: 28rpx;
  text-align: center;
  color: #fff;
}

/* 定义会员卡号 */
.card-content .card-number {
  margin-top: 30rpx;
  font-weight: bold;
  font-size: 48rpx;
}

/* 定义会员卡有效期 */
.card-content .card-validity {
  margin-top: 20rpx;
  font-size: 24rpx;
}

/* 定义会员卡底部 */
.card-footer {
  margin-top: 30rpx;
  text-align: center;
  font-size: 24rpx;
  color: #fff;
}

在页面中引入样式文件，并使用以下代码布局会员卡样式：

<!-- 在页面中引入样式文件 -->
<import src="card.wxss" />

<!-- 使用样式布局会员卡 -->
<view class="page">
  <view class="card-container">
    <view class="card-title">会员卡</view>
    <view class="card-content">
      <view class="card-number">88888888</view>
      <view class="card-validity">有效期至：2022-12-31</view>
    </view>
    <view class="card-footer">查看详情 ></view>
  </view>
</view>