收藏
回答

小程序开发选择图片让那个图片显示到指定位置


如图:需求是点击下方图片使图片出现在上方。我在开发一款用户自制logo的小程序,请教大佬指点,非常感谢!

最后一次编辑于  02-18
回答关注问题邀请回答
收藏

1 个回答

  • 铭锋科技
    铭锋科技
    02-18

    WXML 内容:默认大图为1_big.png,图片名称、地址自己改


    <!--大图-->

    <view>

    <image src='{{imgId ? imgId : 1}}_big.png'></image>

    </view>


    <view>

    <!--小图-->

    <view>图形</view>

    <image src='1-small.png' bindtap='change' data-id='1'></image>

    <image src='2-small.png' bindtap='change' data-id='2'></image>

    <image src='3-small.png' bindtap='change' data-id='3'></image>

    </view>


    JS:

    const app = getApp()


    Page({

    data: {


    },

    change(e){

    this.setData({

    imgId : e.currentTarget.dataset.id

    })

    }

    })



    02-18
    赞同
    回复 3
    • WTF
      WTF
      02-18

      非常感谢,我去试试

      02-18
      回复
    • WTF
      WTF
      02-18回复WTF

      你好,报错如下

      Failed to load local image resource /pages/index/0 

       the server responded with a status of 404 (HTTP/1.1 404 Not Found)


      代码截图

      请问是我哪里写的有问题吗?




      02-18
      回复
    • 铭锋科技
      铭锋科技
      02-18回复WTF

      src='../images/{{imgId ? imgId : 0}}'

      就是路径错了嘛

      02-18
      回复