微信小程序之平移轮播（附打电话功能）

最新推荐文章于 2022-10-18 13:03:06 发布

丶枕边人

最新推荐文章于 2022-10-18 13:03:06 发布

阅读量830

点赞数 1

分类专栏：微信小程序文章标签：平移轮播

本文链接：https://blog.csdn.net/nan961136007/article/details/97649105

版权

本文介绍了如何在微信小程序中创建平移轮播效果，详细讲解了wxml、wxss和js代码实现过程，并展示了平移轮播的简单效果图。此外，还分享了添加点击图标直接跳转到拨打电话界面的功能，强调电话号码必须以字符串类型传递。

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

	emmmmmm~，前面的商城突然不想写了，因为什么呢，因为除开一些难度一点点的东西，其余的都是差不多都会的，所以呢，我现在会把难点弄起来，让你们学就差不多啦。可能有好几篇文章。

首先呢，感觉平移轮播有难度
其实和普通轮播差不多的，先上代码吧，后面我会解释是什么属性，如果还看不懂，可以看一下官方文档。
来一个简单效果图
在这里插入图片描述
首先是wxxml

<swiper class="swiper-block" previous-margin="180rpx" next-margin="180rpx" current="{
  {centerItem}}" 
bindchange="swiperChange" indicator-dots='true' indicator-color="#67ac0e">
      <block wx:for="{
  {imgInfoArr}}">
        <swiper-item class="swiper-item" >
          <image src="{
  {item.src}}" class="slide-image {
  {swiperIndex == index ? 'active' : '