41 lines
737 B
Vue
41 lines
737 B
Vue
|
<template>
|
||
|
|
<section class="AiBottomBtn">
|
||
|
|
<slot v-if="$slots.default"/>
|
||
|
|
<u-gap v-else height="112"/>
|
||
|
|
<div class="fixed" @click="$emit('click')">
|
||
|
|
<slot v-if="$slots.default"/>
|
||
|
|
<div class="text" v-text="text"/>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
name: "AiBottomBtn",
|
||
|
|
props: {
|
||
|
|
text: {default: ""}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
.AiBottomBtn {
|
||
|
|
.fixed {
|
||
|
|
position: fixed;
|
||
|
|
bottom: 0;
|
||
|
|
width: 100vw;
|
||
|
|
}
|
||
|
|
|
||
|
|
.text {
|
||
|
|
width: 100%;
|
||
|
|
font-family: PingFangSC-Medium, PingFang SC;
|
||
|
|
line-height: 112px;
|
||
|
|
text-align: center;
|
||
|
|
font-weight: 500;
|
||
|
|
color: #FFFFFF;
|
||
|
|
background: #1365DD;
|
||
|
|
box-shadow: inset 0px 1px 0px 0px #EEEEEE;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|