原生微信小程序轮播图点击放大

原生微信小程序轮播图点击放大<swiperclass=”index-adcs-sqiper”indicator-dots=”{{indicatorDots}}”interval=”{{interval}}”duration=”{{duration}}”circular=”{{circular}}”style…

大家好,又见面了,我是你们的朋友全栈君。

  <swiper class="index-adcs-sqiper" 
         indicator-dots="{ 
   {indicatorDots}}" 
         interval="{ 
   {interval}}"
         duration="{ 
   {duration}}" 
         circular="{ 
   {circular}}" 
         style="width:100%;height:{ 
   {advHeight}}rpx;" >
          <block wx:for="{ 
   {goods.thumbs}}" wx:for-index="idx" wx:for-item="item" wx:key="thumb_key">
            <swiper-item >
                  <image bindload="{ 
   {idx == 0 ? 'imageLoad' : ''}}" src="{ 
   {item}}" class="goodsadvimg "  data-src='{ 
   {item}}' data-list='{ 
   {goods.thumbs}}'  bindtap="previewImage"></image>
            </swiper-item>          
          </block>
    </swiper>

image标签中的 data-src=’{
{item}}’ data-list=’{
{goods.thumbs}}’ bindtap=“previewImage” 是解决轮播图片可点击放大的解决代码。
参见微信小程序中的图片预览api~

    previewImage:function(e){ 
      
        var current=e.target.dataset.src;
    var imgList=e.target.dataset.list
        console.log(123,e,imgList,current)
    //图片预览
    wx.previewImage({ 
   
      current: current, // 当前显示图片的http链接
      urls: imgList // 需要预览的图片http链接列表
    })
    },
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/143678.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • Charles抓包使用记录

    Charles抓包使用记录Charles抓包使用记录Charlse在Windows系统和Mac使用的不同点Charlse在Windows系统和Mac使用的不同点Windows和Mac上的使用方式基本上没有太大差异,但是对于https安全证书的安装还是有一些不同的,在Windows上安装之后需要在控制面板中找到证书管理页面,界面如下将证书到处到本地,然后再导入到“受信任的根证书颁发机构”。…

  • Windows10 环境变量_环境变量与用户变量

    Windows10 环境变量_环境变量与用户变量Windows10环境变量(用户变量与系统变量)1.环境变量(environmentvariables)环境变量(environmentvariables)是在操作系统中用来指定操作系统运行环境的一些参数。环境变量是在操作系统中一个具有特定名字的对象,它包含了一个或者多个应用程序所将使用到的信息。Windows和DOS操作系统中的path环境变量,当要求系统运行一个程序而没有告诉它程序所在的完整路径时,系统除了在当前目录下面寻找此程序外,还应到path中指定的路径去找。用

  • python列表中的所有值转换为字符串,以及列表拼接成一个字符串

    python列表中的所有值转换为字符串,以及列表拼接成一个字符串直接看代码:>>>ls1=[‘a’,1,’b’,2]>>>ls2=[str(i)foriinls1]>>>ls2[‘a’,’1′,’b’,’2′]>>>ls3=”.join(ls2)>>>ls3’a1b2′

  • mysql解锁_mysql锁表如何解锁

    mysql解锁_mysql锁表如何解锁什么是MySQL锁表?为了给高并发情况下的mysql进行更好的优化,有必要了解一下mysql查询更新时的锁表机制。MySQL有三种锁的级别:页级、表级、行级。MyISAM和MEMORY存储引擎采用的是表级锁(table-levellocking);BDB存储引擎采用的是页面锁(page-levellocking),但也支持表级锁;InnoDB存储引擎既支持行级锁(row-levellockin…

  • Java多态实现原理

    Java多态实现原理##前言多态是Java语言重要的特性之一,它允许基类的指针或引用指向派生类的对象,而在具体访问时实现方法的动态绑定。Java对于方法调用动态绑定的实现主要依赖于方法表,但通过引用调用(invokevitual)和接口引用调用(invokeinterface)的实现则有所不同。Java多态实现原理的大致过程:首先是Java编译器将Java源代码编译成class文件。在编译过程中,会根据静态类型将调用的符号引用写到class文件中。在执行时,JVM根据class文件找到调用方法的符号引用,然后在静态类型的方

  • cocos2dx 3.0 研究(4)渲染分析[通俗易懂]

    cocos2dx 3.0 研究(4)渲染分析

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号