update Icon style

This commit is contained in:
梁灏 2019-09-23 11:35:54 +08:00
parent 9746b7cb98
commit 49f7108270
2 changed files with 37 additions and 3 deletions

View file

@ -277,10 +277,43 @@
<Button icon="md-alert"> <Button icon="md-alert">
左右图标 左右图标
</Button> </Button>
<Divider></Divider>
<div>
<RadioGroup v-model="buttonSize" type="button">
<Radio label="large">Large</Radio>
<Radio label="default">Default</Radio>
<Radio label="small">small</Radio>
</RadioGroup>
<br><br>
<Button :size="buttonSize" type="primary">Primary</Button>
<Button :size="buttonSize" type="default">Default</Button>
<Button :size="buttonSize" type="dashed">Dashed</Button>
<Button :size="buttonSize" type="text">Text</Button>
<br><br>
<Button :size="buttonSize" icon="md-download" type="primary" shape="circle"></Button>
<Button :size="buttonSize" icon="md-download" type="primary">Download</Button>
<br><br>
<ButtonGroup :size="buttonSize">
<Button :size="buttonSize" type="primary">
<Icon type="ios-arrow-back" />
Backward
</Button>
<Button :size="buttonSize" type="primary">
Forward
<Icon type="ios-arrow-forward" />
</Button>
</ButtonGroup>
</div>
<Divider></Divider>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
data () {
return {
buttonSize: 'large'
}
},
methods: { methods: {
hc (data) { hc (data) {
console.log(data); console.log(data);

View file

@ -19,11 +19,12 @@
font-weight: normal; font-weight: normal;
font-variant: normal; font-variant: normal;
text-transform: none; text-transform: none;
text-rendering: auto; text-rendering: optimizeLegibility;
line-height: 1; line-height: 1;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
vertical-align: middle; vertical-align: -0.125em;
text-align: center;
} }
.ivu-icon { .ivu-icon {