update Icon style
This commit is contained in:
parent
9746b7cb98
commit
49f7108270
2 changed files with 37 additions and 3 deletions
|
@ -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);
|
||||
|
|
|
@ -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 {
|
||||
|
|
Loading…
Add table
Reference in a new issue