微信小程序优惠券样式

最新推荐文章于 2024-02-05 09:45:00 发布

jlinbk

最新推荐文章于 2024-02-05 09:45:00 发布

阅读量1.2k

点赞数

分类专栏：微信小程序优惠券

本文链接：https://blog.csdn.net/jlinbk/article/details/118220060

版权

本文探讨了如何在微信小程序中设计和实现优惠券的显示样式。通过详细讲解wxml和wxss的相关代码，展示了创建优惠券视觉效果的步骤。

摘要由CSDN通过智能技术生成

在这里插入图片描述

wxml

<view class="container">
  <view class="coupon-list">
    <!-- 第一个 -->
    <view class="sawtooth-bor item">
      <view class="pt10 discount">
        <text class="fs36">50</text>
        <view class="fs12">满498使用</view>
        <view class="fs12">有效期2018.03.16-2018.05.31</view>
      </view>
      <view class="textc receive">立即领取</view>
    </view>
    <!-- 第二个 -->
    <view class="wrapper">
    <view class="left"></view>
    <view class="right"></

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

jlinbk

关注关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
1
评论
微信小程序优惠券样式

wxml<view class="container"> <view class="coupon-list">  <view class="sawtooth-bor item"> <view class="pt10 discount"> <text class="fs36">50</text> <view class="fs12.
复制链接

扫一扫