uniapp vue 隐藏button的边框

html 复制代码
<view class="rule-img horizontal center" style="margin-right: 20rpx;">
		<image class="img" :src="imgSrc" @click="onTapClick('xx')" style="z-index: 1;" />
		<button v-if="b > 5" class="share-btn transparent" open-type="share"
					style="z-index: 2; position: absolute;"></button>
</view>

	.share-btn {
		width: 170rpx;
		height: 56rpx;
		border: none !important;
		plain: true;
		background: transparent;
		box-shadow: none;

		&::after {
			border: none;
		}
	}

很多第三方api需要button open-type承载入口,但是button有时候达不到UI的要求,只能将button设置为全透明的覆盖在上层,button自带的边框隐藏只需要添加上面的css样式即可

相关推荐
页面仔Dony16 分钟前
流式数据获取与展示
前端·javascript
前端进阶者1 小时前
electron-vite_20外部依赖包上线后如何更新
前端·javascript·electron
阿虎儿1 小时前
TypeScript 内置工具类型完全指南
前端·javascript·typescript
chxii2 小时前
6.3Element UI 的表单
javascript·vue.js·elementui
张努力2 小时前
从零开始的开发一个vite插件:一个程序员的"意外"之旅 🚀
前端·vue.js
深兰科技2 小时前
深兰科技:搬迁公告,我们搬家了
javascript·人工智能·python·科技·typescript·laravel·深兰科技
chxii2 小时前
6.4 Element UI 中的 <el-table> 表格组件
vue.js·ui·elementui
lumi.3 小时前
Swiper属性全解析:快速掌握滑块视图核心配置!(2.3补充细节,详细文档在uniapp官网)
前端·javascript·css·小程序·uni-app
芝士加3 小时前
还在用html2canvas?介绍一个比它快100倍的截图神器!
前端·javascript·开源
阿虎儿3 小时前
React 引用(Ref)完全指南
前端·javascript·react.js