uniapp vue 隐藏button的边框

<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. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-06-08 06:38:04       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-06-08 06:38:04       100 阅读
  3. 在Django里面运行非项目文件

    2024-06-08 06:38:04       82 阅读
  4. Python语言-面向对象

    2024-06-08 06:38:04       91 阅读

热门阅读

  1. 零、测试开发前置知识

    2024-06-08 06:38:04       28 阅读
  2. 【常用工具系列】Git 教程——从入门到大师

    2024-06-08 06:38:04       45 阅读
  3. Freemarker

    2024-06-08 06:38:04       27 阅读
  4. MySQL学习——获取数据库和表格的信息

    2024-06-08 06:38:04       30 阅读
  5. solidity的modifier修饰符

    2024-06-08 06:38:04       22 阅读
  6. 数据分析------统计学知识点(一)

    2024-06-08 06:38:04       35 阅读
  7. QT部署程序的三种方式

    2024-06-08 06:38:04       28 阅读
  8. hadoop命令大全

    2024-06-08 06:38:04       27 阅读
  9. 监控易监测对象及指标之:全面监控神通数据库

    2024-06-08 06:38:04       29 阅读
  10. Vue 数据更新了但页面没有更新

    2024-06-08 06:38:04       25 阅读
  11. 【二进制部署k8s-1.29.4】十、coredns的安装部署

    2024-06-08 06:38:04       32 阅读