✨ feat: 新增底部确认按钮组件

+<!--
+ * @Date: 2022-09-28 10:43:53
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-09-28 11:07:39
+ * @FilePath: /swx/src/components/bottom-button.vue
+ * @Description: 文件描述
+-->
+<template>
+  <view class="confirm-wrapper-page">
+    <view class="box">
+      <view @tap="onSubmit" class="button"><slot></slot></view>
+    </view>
+  </view>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+
+const emit = defineEmits(['on-submit'])
+
+const onSubmit = () => {
+  emit('on-submit', true)
+}
+
+</script>
+
+<style lang="less">
+.confirm-wrapper-page {
+  background-color: #FFFFFF;
+  box-shadow: 0rem -0.17rem 0.67rem 0rem rgba(0,0,0,0.05);
+  position: fixed;
+  bottom: 0;
+  width: 100%;
+  .box {
+    padding: 1rem 0;
+    margin: 1rem;
+    padding-bottom: 2rem;
+    margin-top: 0;
+    text-align: center;
+    .button {
+      color: #FFFFFF;
+      background-color: #199A74;
+      padding: 0.65rem 1rem;
+      border-radius: 1.5rem;
+    }
+  }
+}
+</style>