openkylin
/
ura-components
mirror of https://gitee.com/openkylin/ura-components.git
9
0
Fork 0
Code Issues Projects Releases Wiki Activity

TASK #105401 StarWebComponent开发-button-样式及代码完善

This commit is contained in:
yajun 2022-08-25 20:42:54 +08:00
parent c0b9e8d1fa
commit a4e837c332
2 changed files with 3 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/button/button-styles.ts
View File

@ -93,18 +93,16 @@ export const sharedStyles: CSSResult = css`
[variant='negative'] { [variant='negative'] {
background-color: rgb(179, 2, 2); background-color: rgb(179, 2, 2);
color: rgb(235, 235, 235); color: rgb(235, 235, 235);
border: 1px solid #f56c6c;
} }
[variant='negative']:hover { [variant='negative']:hover {
background-color: rgb(162, 1, 1); background-color: rgb(162, 1, 1);
color: rgb(235, 235, 235); color: rgb(235, 235, 235);
border: 1px solid #f56c6c;
} }
[variant='black'] { [variant='black'] {
color: rgb(235, 235, 235); color: rgb(34, 34, 34);
background-color: #000000; background-color: rgb(0, 0, 0);
} }
[variant='white'] { [variant='white'] {

2
src/test/panels/button/button.ts
View File

@ -50,7 +50,7 @@ export class PanelButton extends LitElement {
</div> </div>
<div> <div>
<h4>图标按钮展示</h4> <h4>图标按钮展示</h4>
<star-button type="base" variant="accent" label="图标按钮" icon="alarm" iconcolor="red"></star-button> <star-button type="base" variant="accent" label="图标按钮" icon="alarm" iconcolor="green"></star-button>
</div> </div>
` `
} }