其他分享
首页 > 其他分享> > 直播平台软件开发,uview使用文字按钮的三种办法

直播平台软件开发,uview使用文字按钮的三种办法

作者:互联网

直播平台软件开发,uview使用文字按钮的三种办法

1.使用uview内置的重置按钮样式。注意这里是uniapp的<button>不是uview的<u-button>

 


<button class="u-reset-button">点击登录</button>

看一下uview具体的内置样式代码

 


.u-reset-button {
    padding: 0;
    font-size: inherit;
    line-height: inherit;
   
    color: inherit;
}
.u-reset-button::after {
   border: none;
}

 

2.自己给uniapp的button组件写样式。我写的这个是去掉边框和背景色,所以更适合在按钮组的时候使用,这样不需要调整位置。

 


button::after {
border: 0;
}
.textButton {

color: #666666;
font-size: 14px;
}

 

3.直接使用

<view></view>或者<text></text>

 

以上就是直播平台软件开发,uview使用文字按钮的三种办法, 更多内容欢迎关注之后的文章

 

标签:软件开发,button,uview,inherit,直播,按钮
来源: https://www.cnblogs.com/yunbaomengnan/p/16657989.html