XiaoMo/ansnid-anse
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
luJianJun 2023-08-29 10:26:42 +08:00
parent 7e3254bc81
commit c8f13dff8c
2 changed files with 26 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/share/Conversation.tsx
View File

@ -55,10 +55,14 @@ export default () => {
)} )}
</For> </For>
</div> </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'> <div class='more-btn'>
<img src="../../../src/pages/chat/img/moreIcon.svg" class='img' alt="" />
<Banner views={views} url={url} /> <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> </div>
</div> </div>

24
src/components/share/style.css
View File

@ -27,11 +27,21 @@
align-items: center; align-items: center;
background:#fff; background:#fff;
border:1px solid rgba(0,0,0,0.1); border:1px solid rgba(0,0,0,0.1);
margin-left:0.3rem;
} }
.more-btn .img{ .more-btn .icon{
width:1.5rem; 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{ .pos-a{
@ -39,12 +49,13 @@
} }
.more-box{ .more-box{
left:3.5rem; right:3.5rem;
} }
.more-hid-box{ .more-hid-box{
position: fixed; position: fixed;
bottom:2rem; bottom:2rem;
right:0.05rem;
z-index:66; z-index:66;
overflow: hidden; overflow: hidden;
width:3.1rem; width:3.1rem;
@ -56,3 +67,8 @@
.more-show-box{ .more-show-box{
width:24.1rem; width:24.1rem;
} }
.flex-end{
display: flex;
align-items: center;
flex-direction:row-reverse;
}