带人民币符号金额

通常在优惠券列表上显示

人民币符号和金额上齐平

index.wxml

<view class="amount">
    <text class="icon-rmb">￥</text><text>{{item.amount}}</text>
</view>

index.wxss

.coupon-item-content .right .amount {
  font-size: 71rpx;
  font-weight: 500;
  color: #fff;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin-top: 10rpx;
}

.coupon-item-content .right .amount .icon-rmb {
  font-size: 22rpx;
  padding-top: 14rpx;
  margin-left: -22rpx;
}

左下角带“元”字

index.wxml

<view class="red-packet-amount">
  <text>108</text>
  <text class="yuan">元</text>
</view>

index.wxss

.red-packet-amount {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin-top: 10rpx;
  font-size: 119rpx;    
  font-family: PingFang SC;
  font-weight: 500;
  color: #F9E4A8;
}

.red-packet-amount .yuan {
  font-size: 41rpx;
  margin-top: 78rpx;
  padding-left: 10rpx;
  color: #fff;
}