refactor(diy-components): 统一使用@tap.stop替换@click事件处理
将组件中的@click事件统一替换为@tap.stop,避免在小程序环境中可能出现的点击事件冒泡问题,提升交互体验的一致性。同时移除冗余的@tap事件绑定,保持代码简洁。 主要修改包括: - 表单提交按钮 - 分享功能 - 热区点击 - 富文本点击 - 视频播放 - 直播入口 - 商品品牌 - 客服功能 - 快捷导航 - 公告弹窗 - 文章列表 - 底部导航 - 商品列表 - 浮动按钮 - 优惠券 - 搜索功能 - 店铺相关 - 文本组件 - 分类页面 - 魔方组件 - 秒杀功能 - 拼团功能 - 预售功能 - 砍价功能 - 分销商品 - 图片广告 - 支付二维码 - 图片导航 - 音频控制 - 地图导航 - 笔记功能 - 商户列表 - 图片组件 - 会员订单 - 图文导航 - 首页分类 - 商品推荐 - 团购功能 - 限时折扣 - 商品分类 - 商品列表 - 优惠券 - 搜索功能 - 店铺相关 - 文本组件 - 分类页面 - 魔方组件 - 秒杀功能 - 拼团功能 - 预售功能 - 砍价功能 - 分销商品 - 图片广告 - 支付二维码 - 图片导航 - 音频控制 - 地图导航 - 笔记功能 - 商户列表 - 图片组件 - 会员订单 - 图文导航 - 首页分类 - 商品推荐 - 团购功能 - 限时折扣 - 商品分类
This commit is contained in:
@@ -1,6 +1,5 @@
|
||||
<template>
|
||||
<view data-component-name="diy-text" class="diy-text" @click="handlerClick(value.link)"
|
||||
@tap="handlerClick(value.link)" :style="warpCss">
|
||||
<view data-component-name="diy-text" class="diy-text" @tap="handlerClick(value.link)" :style="warpCss">
|
||||
<view :class="value.style == 'style-8' ? 'title2' : 'title'"
|
||||
:style="{ fontSize: value.fontSize * 2 + 'rpx', color: value.textColor }">
|
||||
<block v-if="value.style == 'style-0'" style="height: 40rpx; line-height: 40rpx;">
|
||||
@@ -100,13 +99,13 @@
|
||||
<image :src="$util.img('public/uniapp/diy/style9-2.png')" />
|
||||
</view>
|
||||
<view class="style9-more" v-if="value.more.isShow" :style="{ color: value.more.color }"
|
||||
@click.stop="handlerClick(value.more.link)" @tap="handlerClick(value.more.link)">
|
||||
@tap.stop="handlerClick(value.more.link)">
|
||||
{{ value.more.text }}
|
||||
<view class="iconfont icon-right" :style="{ color: value.more.color }"></view>
|
||||
</view>
|
||||
</view>
|
||||
<text class="sub-title" :style="{ color: value.subTitle.color }">{{ value.subTitle.text
|
||||
}}</text>
|
||||
}}</text>
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
@@ -132,13 +131,13 @@
|
||||
<image :src="$util.img('public/uniapp/diy/style10-2.png')"></image>
|
||||
</view>
|
||||
<view class="style10-more" v-if="value.more.isShow" :style="{ color: value.more.color }"
|
||||
@click.stop="handlerClick(value.more.link)" @tap="handlerClick(value.more.link)">
|
||||
@tap.stop="handlerClick(value.more.link)">
|
||||
{{ value.more.text }}
|
||||
<view class="iconfont icon-right" :style="{ color: value.more.color }"></view>
|
||||
</view>
|
||||
</view>
|
||||
<text class="sub-title" :style="{ color: value.subTitle.color }">{{ value.subTitle.text
|
||||
}}</text>
|
||||
}}</text>
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
@@ -159,7 +158,7 @@
|
||||
value.subTitle.text }}</view>
|
||||
</view>
|
||||
<view class="style11-more" v-if="value.more.isShow" :style="{ color: value.more.color }"
|
||||
@click.stop="$util.diyRedirectTo(value.more.link)">
|
||||
@tap.stop="$util.diyRedirectTo(value.more.link)">
|
||||
{{ value.more.text }}
|
||||
<view class="iconfont icon-right" :style="{ color: value.more.color }"></view>
|
||||
</view>
|
||||
@@ -183,9 +182,9 @@
|
||||
{{ value.text }}
|
||||
</view>
|
||||
<text class="style12-sub-title" :style="{ color: value.subTitle.color }">{{ value.subTitle.text
|
||||
}}</text>
|
||||
}}</text>
|
||||
<view class="style12-more" v-if="value.more.isShow" :style="{ color: value.more.color }"
|
||||
@click.stop="$util.diyRedirectTo(value.more.link)">
|
||||
@tap.stop="$util.diyRedirectTo(value.more.link)">
|
||||
<text>{{ value.more.text }}</text>
|
||||
<view class="iconfont icon-right" :style="{ color: value.more.color }"></view>
|
||||
</view>
|
||||
@@ -278,7 +277,7 @@
|
||||
<text :style="{ fontWeight: value.subTitle.fontWeight }">{{ value.subTitle.text }}</text>
|
||||
</view>
|
||||
<view class="style16-more" v-if="value.more.isShow" :style="{ color: value.more.color }"
|
||||
@click.stop="$util.diyRedirectTo(value.more.link)">
|
||||
@tap.stop="$util.diyRedirectTo(value.more.link)">
|
||||
<text>{{ value.more.text }}</text>
|
||||
<view class="iconfont icon-right" :style="{ color: value.more.color }"></view>
|
||||
</view>
|
||||
|
||||
Reference in New Issue
Block a user