34 lines
1 KiB
Vue
34 lines
1 KiB
Vue
|
<template>
|
||
|
|
<div :class="prefixCls + '-operation'">
|
||
|
|
<i-button type="primary" size="small" :disabled="!rightActive" @click.native="moveToLeft">
|
||
|
|
<Icon type="ios-arrow-back"></Icon> <span>{{ operations[0] }}</span>
|
||
|
|
</i-button>
|
||
|
|
<i-button type="primary" size="small" :disabled="!leftActive" @click.native="moveToRight">
|
||
|
|
<span>{{ operations[1] }}</span> <Icon type="ios-arrow-forward"></Icon>
|
||
|
|
</i-button>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
import iButton from '../button/button.vue';
|
||
|
|
import Icon from '../icon/icon.vue';
|
||
|
|
|
||
|
|
export default {
|
||
|
|
name: 'Operation',
|
||
|
|
components: { iButton, Icon },
|
||
|
|
props: {
|
||
|
|
prefixCls: String,
|
||
|
|
operations: Array,
|
||
|
|
leftActive: Boolean,
|
||
|
|
rightActive: Boolean
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
moveToLeft () {
|
||
|
|
this.$parent.moveTo('left');
|
||
|
|
},
|
||
|
|
moveToRight () {
|
||
|
|
this.$parent.moveTo('right');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
</script>
|