38 lines
684 B
Vue
38 lines
684 B
Vue
|
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<div class="group" :class="{ bg }">
|
||
|
|
<slot></slot>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
name: "butgroup",
|
||
|
|
props: {
|
||
|
|
bg: {
|
||
|
|
type: Boolean,
|
||
|
|
default: true
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
<style scoped lang="less">
|
||
|
|
.group {
|
||
|
|
width: 100%;
|
||
|
|
text-align: center;
|
||
|
|
pointer-events: auto;
|
||
|
|
box-sizing: border-box;
|
||
|
|
> div {
|
||
|
|
margin-left: 24px;
|
||
|
|
&:first-child {
|
||
|
|
margin-left: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
&.bg {
|
||
|
|
background: linear-gradient(90deg, rgba(0, 107, 207, 0) 0%, rgba(0, 107, 207, 0.08) 35%, rgba(0, 107, 207, 0.4) 50%, rgba(0, 107, 207, 0.08) 65%, rgba(0, 128, 247, 0) 100%);
|
||
|
|
padding: 16px 0;
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|