Denver 发表于 2024-10-5 07:26:36

仿3bbs同款底部tab栏思路

本来看着这个tab栏很好看想仿一下 整体tab栏不难写，主要就是中间的发布按钮，刚好我手中有子比主题，tab栏和这个也差不多，就是中间按钮不一样，就想用css仿一下。首先想到的就是加一个图标，加一个粗的border边框，再设置个圆角，添加个背景，而不是导航栏凹陷这个发布按钮在凹陷里面。先用绝对定位 写出和底部的距离bottom，之后写水平居中，left设置为50%，只设置50%会偏移，还需要用函数来调整。总体思路就是这样，演示站点:moxingbk.com

七夏 发表于 2024-10-5 07:53:12

不错不错👍

梦淡如非 发表于 2024-10-5 15:08:22

这是用在子比上了？

Denver 发表于 2024-10-6 08:29:22

梦淡如非 发表于 2024-10-5 15:08
这是用在子比上了？

必须的

Denver 发表于 2024-10-6 08:47:56

梦淡如非 发表于 2024-10-5 15:08
这是用在子比上了？

子比原本tab栏和这个就中间发布不一样，调下css样式就行了
页: [1]
查看完整版本: 仿3bbs同款底部tab栏思路