From c8f13dff8c9ed441c134ac539b96f4c1aa5a2354 Mon Sep 17 00:00:00 2001
From: luJianJun <2587063613@qq.com>
Date: Tue, 29 Aug 2023 10:26:42 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8E=86=E5=8F=B2=E8=AE=B0=E5=BD=95=E8=AF=A6?=
 =?UTF-8?q?=E6=83=85-=E6=9B=B4=E5=A4=9A=E6=93=8D=E4=BD=9C=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/share/Conversation.tsx |  8 ++++++--
 src/components/share/style.css        | 24 ++++++++++++++++++++----
 2 files changed, 26 insertions(+), 6 deletions(-)

diff --git a/src/components/share/Conversation.tsx b/src/components/share/Conversation.tsx
index 9ce13a4..a921419 100644
--- a/src/components/share/Conversation.tsx
+++ b/src/components/share/Conversation.tsx
@@ -55,10 +55,14 @@ export default () => {
           )}
         </For>
       </div>
-      <div class={[moreBox()?'more-show-box more-hid-box':'more-hid-box'].join()} onClick={()=>setMoreBox(!moreBox())}>
+      <div class={[moreBox()?'more-show-box more-hid-box flex-end':'more-hid-box flex-end'].join()}  onClick={()=>setMoreBox(!moreBox())}>
         <div class='more-btn'>
-          <img src="../../../src/pages/chat/img/moreIcon.svg" class='img' alt="" />
           <Banner views={views} url={url} />
+          <div class='icon'>
+            <div class='icon-r'></div>
+            <div class='icon-r mg-l-3'></div>
+            <div class='icon-r mg-l-3'></div>
+          </div>
         </div>
       </div>
     </div>
diff --git a/src/components/share/style.css b/src/components/share/style.css
index dd408a0..671c587 100644
--- a/src/components/share/style.css
+++ b/src/components/share/style.css
@@ -27,11 +27,21 @@
     align-items: center;
     background:#fff;
     border:1px solid rgba(0,0,0,0.1);
-    margin-left:0.3rem;
 }
-.more-btn .img{
+.more-btn .icon{
   width:1.5rem;
-  height: 1.5rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.more-btn .icon .icon-r{
+  width:5px;
+  height:5px;
+  border-radius:50%;
+  background: rgba(0,0,0,0.5);
+}
+.mg-l-3{
+  margin-left:3px;
 }
 
 .pos-a{
@@ -39,12 +49,13 @@
 }
 
 .more-box{
-  left:3.5rem;
+  right:3.5rem;
 }
 
 .more-hid-box{
   position: fixed;
   bottom:2rem;
+  right:0.05rem;
   z-index:66;
   overflow: hidden;
   width:3.1rem;
@@ -56,3 +67,8 @@
 .more-show-box{
   width:24.1rem;
 }
+.flex-end{
+  display: flex;
+  align-items: center;
+  flex-direction:row-reverse;
+}