👏 前几周有小伙伴问我如何用css实现一些优惠券/卡券，今天就来分享一波吧！速速来Get吧~🥇文末分享源代码。记得点赞+关注+收藏！

css实现tabs圆角切换效果，使用伪元素、border-radius、box-shadow叠加处理。

之前做过很多特殊的布局，比如在这两篇文章 CSS 实现优惠券的技巧 (juejin.cn)、CSS 实现支持渐变的提示框（tooltips） (juejin.cn)，如下 但是一直有一个痛点就是：无法

主要使用了 radial-gradient transform perspective rotateX transform-origin 等属性 只需要想清楚如何实现弧形三角即可。这里还是借助了渐变

波浪 效果图 html <view class="style-css"></view> css .style-css{ position: relative; top: -34rpx; z-index

背景 在uniapp中，原生的头部不适合我们，就需要自定义头部满足场景需求。 本文就从0到1封装一个自定义头部，对应的组件已发布插件市场cos-header,可以下载进行体验。 1. 不同平台对自定义

先看UI稿 思考 刚开始想着拿两个圆角来拼，但发现中间接触过渡效果很差 需要丝滑的话，想到贝塞尔曲线/正弦曲线，但这样太麻烦，需要用canvas来画 图形计算器 贝塞尔曲线 最后想到用斜边加圆角来拼，

背景 在使用 Uniapp 开发过程中，我们可以方便地将应用部署到多个平台，例如微信小程序、App 和 H5。 但是大多数时候，我们对于各个跳转没有清晰的认识。不同平台的跳转方式会有不同，本文将总结在

前一阵做需求时，有个小功能实现起来废了点脑细胞，觉得可以记录一下。 产品的具体诉求是：用户点击按钮进入详情页面，详情页内的卡片标题内容过长时，标题的前后两端正常展示，中间用省略号...表示，并且鼠标悬