uView按钮样式重置

3,222 阅读1分钟

uView官方的 u-reset-button 类有点不适合我需要的效果,所以自己重置了一下。

记录一下,方便下次用。

例子:

<template>
	<view>
		<view class="box">
			<u-button class="btn">默认按钮</u-button>
		</view>
	</view>
</template>

<script></script>

<style lang="scss" scoped>
	::v-deep button.u-hairline-border::after{
		border: none;
	}
	::v-deep button.u-btn--default{
		    color: 100%;
		    border-color: #fff;
		    background-color: transparent;
                    border-radius: 0;
                    padding: 0;
                    height: 100%;
			
	}
	.box{
		width: 100%;
		height: 560rpx;
		background-color: red;
	}
</style>