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 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);
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue