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

相关推荐
WeilinerL3 分钟前
泛前端代码覆盖率探索之路
前端·javascript·测试
咖啡の猫24 分钟前
Vue 实例生命周期
前端·vue.js·okhttp
JNU freshman38 分钟前
vue 之 import 的语法
前端·javascript·vue.js
剑亦未配妥39 分钟前
Vue 2 响应式系统常见问题与解决方案(包含_demo以下划线开头命名的变量导致响应式丢失问题)
前端·javascript·vue.js
爱吃的强哥42 分钟前
Vue2 封装二维码弹窗组件
javascript·vue.js
凉柚ˇ42 分钟前
Vue图片压缩方案
前端·javascript·vue.js
ByteCraze1 小时前
秋招被问到的常见问题
开发语言·javascript·原型模式
优弧1 小时前
Vue 和 React 框架对比分析:优缺点与使用场景
vue.js
渣哥1 小时前
从代理到切面:Spring AOP 的本质与应用场景解析
javascript·后端·面试