touchBtn:function(e){这部分打上去（e）有警告信息

谢谢啦，但是好像还是不行，可能我哪里弄错了

<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>

<view class="img-box">

        <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>

</view>

. var imgArr = [];

      touchBtn:function(e){

        var data = e.currentTarget.dataset.id;

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

            imgArr = [];//存储要展示的图片

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

              imgArr = [];//存储要展示的图片

        }

        this.setData({

          imgArr: imgArr,

        })

      }

 data:{

    imagesrc:"",

  },

      btn_a:function(){

        this.setData({

          imagesrc: "/images/1.png"

        })

      },

      btn_b: function () {

        this.setData({

          imagesrc: "/images/2.png"

        })

      },

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

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

    <image class="image-style" src="{{imagesrc}}"></image>

能改改嘛？我赋值了几个片段

左边放四个image 用一个view 包起来  右边点击场景切换的时候 控制这个view显示隐藏 给image重新赋值显示新的图片内容 应该就可以了呀

就是这样点击一个按钮左边出现四幅图

你这个出现四张是怎么显示的 有截图吗 是点击一个按钮 预览一个图片吗？预览的话只能预览一个

难点就是我只能弄一张，没办法弄四张

这个的难点在哪里？