收藏
回答

想实现点击一个button出现四张不一样的图片

问题模块
API和组件

希望大神们help一下,我设置了很多button,希望点击每一个button各自出现四张不一样的图片。

回答关注问题邀请回答
收藏

19 个回答

  • 银色子弹
    银色子弹
    2017-08-11

    这是你的wxml文件写错了 16行 你加我qq 546503123

    2017-08-11
    赞同
    回复
  • .
    .
    2017-08-11

    还有这个

    2017-08-11
    赞同
    回复
  • .
    .
    2017-08-11

    这个

    2017-08-11
    赞同
    回复
  • 银色子弹
    银色子弹
    2017-08-11

    恩 这次报什么错了

    2017-08-11
    赞同
    回复
  • .
    .
    2017-08-11

        <button class="post" style="margin-top:8%;" bindtap="touchBtn" hover-class="hoverclass" data-id="1">大门</button>

        <button class="post" style="margin-top:17%;" bindtap="touchBtn" hover-class="hoverclass" data-id="2">教学楼</button>

        <button class="post" style="margin-top:26%;" bindtap="touchBtn" hover-class="hoverclass">食堂</button>

        <button class="post" style="margin-top:35%;" bindtap="touchBtn" hover-class="hoverclass">快递</button>

        <button class="post" style="margin-top:44%;" bindtap="touchBtn" hover-class="hoverclass">ATM</button>

        <button class="post" style="margin-top:53%;" bindtap="touchBtn" hover-class="hoverclass">体育场</button>

        <button class="post" style="margin-top:62%;" bindtap="touchBtn" hover-class="hoverclass">景点</button>

        <button class="post" style="margin-top:71%;" bindtap="touchBtn" hover-class="hoverclass">教超</button>


        <image class="image-style" src="{{imgArr[0]}}"></image>

        <image class="image-style" src="{{imgArr[1]}}"></image>

        <image class="image-style" src="{{imgArr[2]}}"></image>

        <image class="image-style" src="{{imgArr[3]}}"></image>


    2017-08-11
    赞同
    回复
  • .
    .
    2017-08-11

    对的我刚学这个  但是我改了还是错的

    var imgArr = [];


    Page({

      data:{

        scrollTop:100,

        array: ['宝山','嘉定','延长']

      },

        bindPickerChange: function (e) {

          console.log('picker发送选择改变,携带值为', e.detail.value)

          this.setData({

            index: e.detail.value

          })

        },

          upper:function(e){

            console.log(e)

          },

          lower:function(e){

            console.log(e)

          },

          scroll: function (e){

            console.log(e)

          },

          touchBtn: function (e) {

            var data = e.currentTarget.dataset.id;

            if (data == 1) {//大门

              imgArr = ["images/1.png", "images/2.png", "images/3.png", "images/4.jpg"];//存储要展示的图片

            } else if (data == 2) {//教学楼

              imgArr = ["images/1.png", "images/2.png", "images/3.png", "images/4.jpg"];//存储要展示的图片

            }

            this.setData({

              imgArr: imgArr,

            })

          }

    })


    2017-08-11
    赞同
    回复
  • 银色子弹
    银色子弹
    2017-08-11

    0............你是刚写程序吗?

    var imgArr = [];要放到page()外部 page里是个object 怎么能直接声明变量

    2017-08-11
    赞同
    回复
  • .
    .
    2017-08-11


    这个是警告信息

    2017-08-11
    赞同
    回复
  • .
    .
    2017-08-11

    那个红色的小括号

    2017-08-11
    赞同
    回复
  • 银色子弹
    银色子弹
    2017-08-11

    什么警告

    2017-08-11
    赞同
    回复

正在加载...

登录 后发表内容