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样式即可

相关推荐
摸鱼的春哥1 小时前
Agent教程15:认识LangChain(中),状态机思维
前端·javascript·后端
明月_清风1 小时前
告别遮挡:用 scroll-padding 实现优雅的锚点跳转
前端·javascript
明月_清风1 小时前
原生 JS 侧边栏缩放:从 DOM 监听到底层优化
前端·javascript
炫饭第一名15 小时前
速通Canvas指北🦮——基础入门篇
前端·javascript·程序员
Forever7_16 小时前
Electron 淘汰!新的桌面端框架 更强大、更轻量化
前端·vue.js
不会敲代码116 小时前
前端组件化样式隔离实战:React CSS Modules、styled-components 与 Vue scoped 对比
css·vue.js·react.js
Angelial16 小时前
Vue3 嵌套路由 KeepAlive:动态缓存与反向配置方案
前端·vue.js
进击的尘埃16 小时前
Vue3 响应式原理:从 Proxy 到依赖收集,手撸一个迷你 reactivity
javascript
willow16 小时前
JavaScript数据类型整理1
javascript
LeeYaMaster17 小时前
20个例子掌握RxJS——第十一章实现 WebSocket 消息节流
javascript·angular.js