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>