theluyuan/layui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

🌀(button-group): 优化分割线样式

Browse Source
This commit is contained in:
就眠儀式 2022-11-02 11:48:55 +08:00
parent cceeb03c9f
commit cf254de182
2 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
package/component/src/component/buttonGroup/index.less
View File

@ -14,8 +14,15 @@
border-radius: 0;
}
.layui-btn-group .layui-btn:not(:first-child) {
border-left: none;
.layui-btn-group .layui-btn:not(:last-child) {
border-right: none !important;
}
.layui-btn-group .layui-btn.layui-btn-primary:not(:first-child),
.layui-btn-group .layui-btn.layui-btn-normal:not(:first-child),
.layui-btn-group .layui-btn.layui-btn-warm:not(:first-child),
.layui-btn-group .layui-btn.layui-btn-danger:not(:first-child) {
border-left: 1px solid rgba(255, 255, 255, .5)
}
.layui-btn-group .layui-btn:first-child {

5
package/document-component/src/document/zh-CN/components/button.md
View File

@ -187,6 +187,11 @@ export default {
<lay-button type="primary">默认按钮</lay-button>
<lay-button type="primary">默认按钮</lay-button>
</lay-button-group>
<lay-button-group>
<lay-button border="green" border-style="dashed">默认按钮</lay-button>
<lay-button border="green" border-style="dashed">默认按钮</lay-button>
<lay-button border="green" border-style="dashed">默认按钮</lay-button>
</lay-button-group>
</div>
</template>