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>
<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>
</template>
<script>
export default {
data () {
return {
buttonSize: 'large'
}
},
methods: {
hc (data) {
console.log(data);

View file

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