image要加position：relative 之后，bindtap才会起作用

最新推荐文章于 2023-01-13 20:17:49 发布
最新推荐文章于 2023-01-13 20:17:49 发布
阅读量461 收藏
点赞数
文章标签： javascript css 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Haihao_123/article/details/116039629
版权

小程序

image要加position：relative 之后，bindtap才会起作用

Z_十七
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信小程序商城项目实战(第八篇:我的界面)
没有途径，只有努力
04-25 3989
我的界面分析代码实现效果图展示 分析 顶部改为"我的" 上方为头像+微信昵称 中部为收藏的店铺、商品、关注的商品、我的足迹、我的订单 下方为收货地址管理、联系客服、意见反馈、关于我们、分享应用 代码实现 改变顶部导航内容"navigationBarTitleText": "我的" 界面: 下方 意见反馈，分享应用都是通过透明按钮隐藏在它们上方从而实现微信自带的按钮分享功能~ 这是一个值得借鉴的思路🤭 <view class="view_contain" wx:if="{{userInfo.
微信小程序阶段第一次总结
cxbabaz的博客
03-21 225
新建页面： app.json中 “pages”:{“pages/新建名称/新建名称”}. wxml:书写页面结构类似于之前的html。称为组件 wxss:书写页面样式。和之前的css基本一样 json配置文件 js书写动态效果 WXML: 小程序中的标签一定要闭合<标签/>或者<标签></标签> text：引入文字 view:引入视图、容器 icon：图标组件有效值：success, success_no_circle, info, wa...
微信小程序视图控件与bindtap之间的问题的解决
01-03
在微信小程序中 最常用的<view>控件 可以用bindtap（冒泡反应） 如<view bindtap=”ItemOnclick” data-mType=”123″>的形式绑定ItemOnclick事件并传递一个dataset，其包含一个名为mType的元素 值为123。 在某一次设计中 有如下结构： <view class=func-m bindtap=ItemOnclick data-mType=123> <image src={{ROOT_PATH}}/images/icon1.png> </view> ItemOnclick事件在点击在图片
【小程序】关于bindtap传值
Maximus_ckp的博客
02-06 5224
啦啦啦，端正态度，开始写技术博客哼哼~ 刚开始练手，准备模仿朝夕日历的番茄闹钟进行语法以及布局练习：从最简单的需求开始：点击分类，下面多一条红色border表示选中。在Page中定义一个值tagsSelect，作为选项的参数：Page({ ... data: { tagsSelect:0 }, ... })定义一个方法，来接收选项值的改变，从而改变样式： 但如果你这么写，<vie
微信小程序 - bindtap不起作用
CSU_Zipple的博客
03-10 9972
检查了半天程序，硬是没有Bug信息。 吐槽小程序！ 日常吐槽！ 不想写小程序了！ Solution 在绑定tap事件的标签上检查是不是bind写错了！我无意间写成了bingtap，结果没有错误信息！ 继续吐槽！ ...
微信小程序 bindtap绑定如何传参
Haines
07-15 2234
在写微信小程序代码的时候，对于前端一个组件需要进行前端向后端绑定，我们可以使用bindtap，如下面的例子： <view bindtap="upload_image">点击上传图片</view> 这里我们使用bindtap进行绑定，填写一个函数叫做upload_image。然后，我们就可以在.js文件中对upload_image函数编写。 那么，我们要如何对upload_image进行参数传递呢？ 像 upload_image(params)这样吗？ 很可惜，微信小程序开
bindtap点击无响应-zindex.rar
12-28
`z-index`是用于控制元素在垂直于屏幕方向上的堆叠顺序，它在具有`position`值为`relative`、`absolute`或`fixed`的元素上起作用。 标题“bindtap点击无响应-zindex.rar”暗示了问题的关键在于`z-index`的使用导致...
<view class="fb_content"> <textarea value="{{textVal}}" bindinput="handleTextInput" placeholder="请描述一下您的问题"> </textarea> <view class="fb_tool"> <button bindtap="handleChooseImg">+</button> <view class="up_img_item" wx:for="{{chooseImgs}}" wx:key="*this" bindtap="handleRemoveImg" data-index="{{index}}"> <UpImg src="{{item}}"></UpImg> </view> </view> </view> handleChooseImg() { // 2 调用小程序内置的选择图片api wx.chooseImage({ // 同时选中的图片的数量 count: 9, // 图片的格式 原图 压缩 sizeType: ['original', 'compressed'], // 图片的来源 相册 照相机 sourceType: ['album', 'camera'], success: (result) => { this.setData({ // 图片数组 进行拼接 chooseImgs: [...this.data.chooseImgs, ...result.tempFilePaths] }) } }); }, // 点击 自定义图片组件 handleRemoveImg(e) { // 2 获取被点击的组件的索引 const { index } = e.currentTarget.dataset; // 3 获取data中的图片数组 let { chooseImgs } = this.data; // 4 删除元素 chooseImgs.splice(index, 1); this.setData({ chooseImgs }) }, <view class="up_img_wrap"> <image src="{{src}}"></image> <icon type="clear" size="23" color="red" </icon> </view>.up_img_wrap{ width: 90rpx; height: 90rpx; position: relative; } .up_img_wrap image{ width: 100%; height: 100%; border-radius: 15rpx; } .up_img_wrap icon{ position: absolute; top:-22rpx; right: -22rpx; }properties: { src:{ type:String, value:"" } }, 这是自定义图片组件（UpImg)的代码 但运行之后发现还是无法显示图片
最新发布
07-13
根据你提供的代码片段，我注意到在自定义图片组件 `UpImg` 中，你使用了 `<image>` 标签来显示图片，但是在样式中定义了一个 `.up_img_wrap` 类，并在其中使用了 `<icon>` 标签。这可能导致图片无法正确显示。 请...
小程序问题之：自定义日期签到
张梦兰的博客
08-11 842
小程序，可折叠签到日期： <image style="height:{{height}}" class='bg' src="{{calendarbg}}"> <view style="top:{{top}}" catchtap="foldAndUnfold" hidden="{{nowYear != showYear || nowMonth != showMonth}}"...
原生小程序开发之点击事件 bindtap和catchtap的区别
web全栈开发的博客
02-05 1506
在小程序的api中发现点击事件有两种bindtap和catchtap两个，发现两个都可以实现点击事件该有的功能，但是到底有什么区别呢？ 用法的区别： bintap 会发生冒泡事件， catchtap 不会发生冒泡事件 注：返回结果 type //点击事件的类型 changedTouches // 元素距离文档的x轴，y轴，可视窗口的x轴，y轴的距离。 target 事件的监听，事件引发的一系列后续变化 id //元素的id offsetLeft //元
小程序bindtap、catchtap、navigator点击事件无反应
FrancisBingo的博客
01-10 1万+
网上比较普遍的说法是：app.json 的page 注册页面的顺序导致的。 还有一个很刁钻的原因：页面的点击事件名称相同，就算是两个不同的页面，但如果两个页面的点击事件名称重复，也会导致点击事件失效。页面的其他错误也可能导致。 如果以上问题都不是你遇到的那请往下看
【微信小程序】 视图控件与bindtap之间的问题
Amy安的博客
11-30 2万+
在微信小程序中 最常用的<view>控件 可以用bindtap（冒泡反应） 如<view bindtap="ItemOnclick" data-mType="123">的形式绑定ItemOnclick事件并传递一个dataset，其包含一个名为mType的元素 值为123。 在某一次设计中 有如下结构：
bindtap事件
热门推荐
竹映平昔
01-06 4万+
一、bindtap事件 在wxml文件中绑定bindtap事件， C语言资料下载 然后在js文件中进行响应 Page({ TZdown: function () { wx.navigateTo({ url: '../download/download' }); } })这样在单机view层的时候就会跳转到指定的UR
总结微信小程序近期学习要点
Hqingshanjiu的博客
03-21 309
总结目前微信小程序所学知识点： 新建页面要在 app.json 的 “pages”:{“pages/文件名/文件名”}, 图片放在images文件夹里面 wxml:书写页面结构 类似于之前的html。称为组件 wxss:书写页面样式。和之前的css基本一样 json配置文件 js书写动态效果 wxml的总结 小程序中需要控制数据 <!-- 引入文字text --> <text>请上传头像</text> <!-- 引入视图、容器 view
微信小程序wxml的数据和事件的绑定,以及条件和列表的渲染
weixin_68658847的博客
01-13 1340
微信小程序wxml的数据和事件的绑定,以及条件和列表的渲染
微信小程序 加载图片时，先拉长，再恢复正常
aiqizhi6114的博客
04-18 1119
今天在写小程序，发现小程序的图片image如过mode设置为widthFix的话，加载图片会被先拉伸，后恢复正常我的处理方法是，给他一个初始的height值，或者就直接 height:auto 转载于:https://www.cnblogs.com/bing0709/p/10729449.html...
【微信小程序】--bindtap参数传递，配合wx.previewImage实现多张缩略图预览
m0_37821190的博客
10-26 2288
本文为为原创博客，如需转载请注明出处 问题描述： 如何在在微信小程序实现多张缩略图预览？ 话不多说直接上结果 预览小程序wxml中的多张缩略图 从本地的相册预览图片，类似微信发朋友圈时的预览效果。 尚未实现！！！未完待续！！多包涵！！ 上代码从wxml预览图片 <view class="right imgs" > <view class="im
微信小程序选择图片可删除，可查看大图
qq734048504的博客
06-27 2189
选择图片，可删除，可查看大图，可限制数量
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值