需求在文本文字较多时,只展示两行,第二行文末省略号,并且有“查看更多”按钮,点击展开全部。具体如图所示:分析和实现我们以 uni-app为例采用两个盒子重...
我们在用 uni-app 开发会员权益前端界面时,经常会遇到需要实现会员卡片滑动放大缩小缩放切换效果,如下图所示:我们通过 swiper 组件就可以实现,...
背景开发前端项目,特别是商城项目,难免会涉及优惠券的开发,而且产品和客户对优惠券样式的要求又千变万化。就比如今天产品和 UI 给了个设计图,需要实现如下图...
前端需求经常千变万化,有时需要用到如下图的圆弧背景,我们马上想到可以直接使用背景图,其实直接用 css 就可以实现类似效果。html 代码:<div...
我们在用 uni-app 开发前端页面时,经常会涉及到支付,为了资金安全,往往就需要设计支付密码功能。为了方便,我们 基于 colorui 开发一个类似下...
我们在使用 uni-app 的滑块视图容器 swiper 开发 H5前端页面 轮播图时,有时候需要对轮播图的指示点的位置和样式进行自定义。类似于下图:如图...
我们在开发旅游专题前端时,经常会遇到需要实现飞猪或携程里面的卡片滑动背景同步切换效果。uni-app 通过 swiper 组件也可以实现类似效果, 如下图...
先上最终实际效果图,如下:我们在用 uni-app 开发前端时,经常会用到类似上图的标题分割线。这种效果实现起来不难,可以通过 CSS3 的背景渐变来实现...