小程序实现优惠券排版

小程序实现优惠券排版

1.wxml代码

   <!--pages/demo/demo.wxml-->
<!-- 最外层控制优惠券大小 -->
<view class="wrapper">
<!-- 优惠券左侧 -->
<view class="left">
<!-- 左侧内容，我是方便字体排版 -->
<view class="left-text">
<view style="font-size:56rpx;">3</view>
<view style="font-size:20rpx;margin-top:30rpx;">折</view>
</view>
<view style="font-size:26rpx;margin-top:1vh;margin-left: 2vw;">50积分兑换</view>
</view