drip-public/iview
6
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Icon add color prop

Browse source 
Icon add color prop
This commit is contained in:
梁灏 2016-11-11 18:01:20 +08:00
parent 5709f32ede
commit b79b53ea6f
2 changed files with 14 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
src/components/icon/icon.vue
View file

@ -7,20 +7,25 @@
export default { export default {
props: { props: {
type: String, type: String,
size: [Number, String] size: [Number, String],
color: String
}, },
computed: { computed: {
classes () { classes () {
return `${prefixCls} ${prefixCls}-${this.type}` return `${prefixCls} ${prefixCls}-${this.type}`
}, },
styles () { styles () {
let style = {};
if (!!this.size) { if (!!this.size) {
return { style['font-size'] = `${this.size}px`;
'font-size': `${this.size}px`
} }
} else {
return {} if (!!this.color) {
style.color = this.color;
} }
return style;
} }
} }
} }

5
test/routers/slider.vue
View file

@ -7,12 +7,13 @@
<!--<Slider :max="10"></Slider>--> <!--<Slider :max="10"></Slider>-->
<!--<Slider :step="13"></Slider>--> <!--<Slider :step="13"></Slider>-->
<!--<Slider :step="13" :max="60"></Slider>--> <!--<Slider :step="13" :max="60"></Slider>-->
<Icon type="checkmark-circled" size="40" color="#f60"></Icon>
</div> </div>
</template> </template>
<script> <script>
import { Slider } from 'iview'; import { Slider, Icon } from 'iview';
export default { export default {
components: { Slider }, components: { Slider, Icon },
data () { data () {
return { return {
value: [20, 50] value: [20, 50]