前端必备小窝

uniapp仿微信朋友圈页面通用模版（附源码）

uniapp购物车页面通用模版（附源码）

uniapp通用分类页面模版（附源码）

uniapp通用模版首页

这个 HTML 和 CSS 代码创建了一个模拟加载效果的卡片，包含一个主加载条和两个辅助的加载条，用来模拟数据加载的过程。（骨架屏： 在需要等待加载内容的位置设置一个骨架屏，某些场景下比 Loading 的视觉效果更好。）

写了个消息列表页面，这种消息页面的使用频率也很高，喜欢的道友一键cv吧。

uniapp抢购页源码（一键复制）

小程序-客服页面（一键复制）

实现了一个全景轮播的效果，包括多张图片在容器中的轮播展示，以及左右按钮的控制。其中，CSS实现了图片的布局和样式，JavaScript实现了左右按钮的点击事件，以及图片的切换。

实现了一个焦点轮播效果，页面中有一个大的图片展示框和一个图片列表，当用户点击图片列表中的某个图片时，该图片会变为焦点状态，并且展示框中的图片会切换为该图片。同时，为了防止用户频繁点击，使用节流处理，每次切换图片后需要等待1秒才能再次切换。

使用js写一个简单的【瀑布流】布局效果

写了个简易的uniapp购物车价格计算，单选，全选，数量加减，计算对应价格，帮助理解购物车的计算逻辑。

🌟如何让内容呈现更加吸引人成为设计师和开发者的挑战。大气实用的HTML5/CSS动画轮播图提供了一种解决方案，它结合了视觉美感和动态效果，使得信息展示不仅大气而且具有高度的实用性。本文将探讨如何利用HTML5和CSS的动画特性，设计出既美观又功能丰富的轮播图，提升用户体验。

PS：请你耐心看完，文末我提供了所有动画的源码打包下载链接，如果你喜欢这些动画，可以按需下载，希望对你有所帮助。

PS：请你耐心看完，文末我提供了所有动画的源码打包下载链接，如果你喜欢这些动画，可以按需下载，希望对你有所帮助。

这篇文章主要为大家详细介绍了微信小程序实现列表项左滑删除效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

这篇文章主要为大家详细介绍了微信小程序实现列表左右滑动，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下做微信小程序开发，和app一样经常会用到列表左右滑动操作（删除等），目前微信小程序提供相应的控件有的兼容性不好，并且写上也不显示。只能我们自己来做，方法很多，我这里给个思路，仅供参考，欢迎讨论。1、我们可以把列表的元素放在scroll-view控件中，并且让scroll-view实现横向滑动。

微信小程序 自定义导航栏

触摸事件判断用户是否左滑，有 bindtouchstart，bindtouchmove，bindtouchend 三个触摸事件。

思路1：for循环渲染item给点击的元素添加active标签多个元素使用wxs语法判断 active标签数组中是否存在点击的index思路2：如果只允许同时只存在一个元素变色 就不需要使用wxs 直接把{{utility.isActive(salaryState,index)}}改为{{state==index？思路3：如果在2的基础上 只需要短暂变色 使用微信：hover语法即可。

话不多说直接复制可用！左右布局分类效果图.........

自定义三级联动。无论三级，二级，一级基本异曲同工。微信给我们提供了picker组件,但是限制也非常多。只能从底部弹出，省市区数据不可更改等一系列问题。所以我们自己去做一个三级联动，微信也提供了组件picker-view来帮助我们实现

【代码】微信小程序商品详情页面开发案例。

代码实现：（复制可用）index.wxml：

隐藏原生navigationBarnavigation-bar是小程序的顶部导航组件，当页面配置navigationStyle设置为custom的时候可以使用此组件替代原生导航栏。

【代码】小程序 scroll-view 实现滚动高亮左侧 tab 导航栏锚点定位。

【代码】微信小程序scroll-view 实现锚点定位，滑动标题变化，点击标题变化。

【代码】微信小程序—仿写京东购物商城带源码。

【代码】微信小程序实现左右联动布局效果。

布局不是很复杂，一个循环列表，循环出购物车商品，外加一个结算的底部控件，还需要提醒的是，循环列表外面要加一层scroll-view，这样当数据很多是时候，可以滚动，不熟悉scroll-view的，请自行翻看前面几篇文章，里面有讲解

​当有多项的导航，或者说切换项，超出页面的宽度，我们采取可滑动的方式比较好一些！并且在页面右边加个遮罩，模拟最右边有渐变效果！​

uniapp点击删除按钮弹出（确定和取消提示）