From d384a470f53a998b2da828ea67508c1254e5922b Mon Sep 17 00:00:00 2001
From: maochaoying <925670706@qq.com>
Date: Sat, 17 Jun 2023 11:01:55 +0800
Subject: [PATCH] bottom

---
 src/assets/scss/globalVar.scss |  2 +-
 src/components/Bottom.vue      | 22 ++++++++++++++++++++--
 2 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/src/assets/scss/globalVar.scss b/src/assets/scss/globalVar.scss
index 5142c71..290c20b 100644
--- a/src/assets/scss/globalVar.scss
+++ b/src/assets/scss/globalVar.scss
@@ -1,3 +1,3 @@
 $bg-color: #1989fa;
-$bottom-height: 38px;
+$bottom-height: 31px;
 $sub-header-height: 47px;
diff --git a/src/components/Bottom.vue b/src/components/Bottom.vue
index 84e4ca8..c39c8fa 100644
--- a/src/components/Bottom.vue
+++ b/src/components/Bottom.vue
@@ -1,5 +1,9 @@
 <template>
-  <div class="bottom_container">bottom</div>
+  <div class="bottom_container">
+    <div class="online">在线咨询</div>
+    <div class="phone">拨打电话</div>
+    <div class="online">添加微信</div>
+  </div>
 </template>
 
 <script setup></script>
@@ -11,7 +15,21 @@
   left: 0;
   right: 0;
   height: $bottom-height;
-  background: #283fe7;
+  background: #ffa18e;
   z-index: 999;
+  display: flex;
+  align-items: center;
+  .online {
+    width: 132px;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    padding: 9px 40px;
+    white-space: nowrap;
+    box-sizing: border-box;
+  }
+  .phone {
+    flex: 1;
+  }
 }
 </style>