企微员工积分完成

2022-05-19 17:28:53 +08:00
parent 2a1ffea9c3
commit 27d46df2a7
6 changed files with 336 additions and 2 deletions
--- a/src/components/AiBottomBtn.vue
+++ b/src/components/AiBottomBtn.vue
@@ -0,0 +1,40 @@
+<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>