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

相关推荐
武清伯MVP10 小时前
前端跨域方案大合集
前端·javascript
一杯奶茶¥10 小时前
基于springboot的失物招领管理系统带万字文档 校园失物招领管理系统 失物认领管理系统java springboot vue
java·vue.js·spring boot·java项目
星星在线11 小时前
我是怎么把页面图片流量砍掉一半的
前端·javascript
kyriewen12 小时前
TypeScript 高级类型:我用 infer 写了一个类型安全的 EventBus,终于搞懂了泛型约束
前端·javascript·typescript
林希_Rachel_傻希希13 小时前
1小时速通React之Hooks
前端·javascript·面试
石山代码14 小时前
JavaScript 进阶核心知识点
开发语言·javascript·ecmascript
CHB14 小时前
HDC2026 演讲实录|AI 驱动的跨端进化:利用 uni-agent 快速构建高性能鸿蒙应用
uni-app·harmonyos
OpenTiny社区15 小时前
这次更新太良心!GenUI SDK v1.2.0 轻量化 + 稳流式 + 超强 Playground
前端·vue.js·ai编程
m0_5474866615 小时前
《HTML+CSS+JavaScript+Vue前端开发技术教程》全套PPT课件
javascript·css·html
FliPPeDround15 小时前
告别离线 Agent:deepseek-kit 内置 Web Search,零配置联网搜索
javascript·agent·deepseek