You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
39 lines
853 B
39 lines
853 B
<template>
|
|
<div class="btns-wrap flex" :class="flex == 'start' ? 'flex-start' :''">
|
|
<GuipButton type="ignore" @click="cancelClick">{{cancelText || '取消'}}</GuipButton>
|
|
<GuipButton type="primary" @click="confirmClick">{{confirmText ||'保存'}}</GuipButton>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
import GuipButton from '@/components/GuipButton.vue';
|
|
|
|
export default {
|
|
name: '',
|
|
props: ['cancelText','confirmText','flex'],
|
|
components: {
|
|
GuipButton
|
|
},
|
|
data(){
|
|
return{
|
|
|
|
}
|
|
},
|
|
methods:{
|
|
cancelClick(){
|
|
this.$emit('cancel')
|
|
},
|
|
confirmClick(){
|
|
this.$emit('confirm')
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<style scoped lang="scss">
|
|
.btns-wrap{
|
|
margin-top: 24px;
|
|
justify-content: flex-end;
|
|
}
|
|
.flex-start{
|
|
justify-content: flex-start;
|
|
}
|
|
</style>
|