微信小程序实现分类菜单 swiper分类菜单

最新推荐文章于 2022-08-02 17:48:21 发布

Treasure girl1

最新推荐文章于 2022-08-02 17:48:21 发布

阅读量2.3k

点赞数 1

文章标签： javascript 小程序前端

本文链接：https://blog.csdn.net/Xinacridine/article/details/107184131

版权

本文介绍如何在微信小程序中实现类似美团的滚动菜单，通过调用后台数据，结合WXML、JS和CSS实现动态分类菜单的功能。

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

做项目的时候遇到仿美团上的滚动菜单，需要调用后台数据的，以下是为大家整理的
wxml

	<view class="ification">
			<swiper class="swiper" bindchange="swiperChange">
				<swiper-item class="swipers" wx:for="{
  {list}}" wx:for-item="item" wx:for-index="index" wx:key='index'>
					<view class="info" wx:for="{
  {item}}" wx:for-item="item" wx:for-index="i" catchtap="retus" wx:key='index'>
						<view class="jians">
							<text>HOT</text>
						</view>
						<view class="avatar">
							<image src="{
  {item.avatar}}"></image>
						</view>
						<view class='row'>
							<view class="title">{
  {item.name}}</view>
						</view>
					</view>
				<