历史记录详情-更多操作按钮修改

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>

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;
+}