HelloGitHub-Team/geese

右边栏广告栏

Closed this issue · 3 comments

521xueweihan commented

背景

第一期右边栏广告栏，仅有两个赞助商：

  1. 网站云服务赞助商：ucloud 素材
  2. 网站云存储赞助商：upyun 素材

所以无需接口获取先实现样式即可，主要是我想下周五上线来不及开发了。

样式

参考掘金的右边栏广告样式：

Image

细节：

  1. 右下角有广告字样的提醒和border
  2. 当鼠标放到右下角“广告”字样上，“广告”改为“投放广告”，点击新开一个 tab 商务合作意向表单：https://hellogithub.yuque.com/forms/share/ecbba03f-3e35-44db-99af-a664d24b539f
  3. 鼠标移动到整个广告组件上时，右上角出现关闭图标

位置和高度

  1. 位置在 UserStatus 组件下面，Status 上面
  2. 高度为：h-18 ~ h-20（可调整），每个广告位高度一样
  3. 需要适配 ipad mini 等平板设备
521xueweihan commented
  1. 右边栏滚动
  2. 下一页仅显示广告的效果实现完毕

均已实现