发表于： 2018-05-12 23:59:34
1 614
今天完成的内容：投票页面投票框框的三行一列布局以及投票框内布局，button放置背景图片以及button的位置
明天要完成的内容：页面加音频，带小三角边框，hover(四个小东西）???
今天遇到的困难:加音频，小三角图框
今天的收获：
页面的框架看起来以前的任务都做过。做起来比较有点头绪。难于实现的时那几个新的要求。这里要说下三个格子一行总共12个格子的放置。跟九宫格很像，一开始尝试用九宫格的办法，width和pading-bottom设置%，边距设置好，很成功。不过给格子里面加文字的时候，格子被撑大，这里有点疑问，先搁置。然后换了flex实现，用px定格子大小，用line-height居中什么的。
音频这个比较难弄，我看到这个效果图的时候就想着把那个黄色背景图片弄成button,用它来控制音频播放，具体实现好像得用js。实际的audio标签出来的效果不一样，audio标签可以选择控件，但是不选择控件整个页面都找不到，我尝试过给audio加背景图片，结果没法加，后面想着把audio放在button里面，让它跟背景图片重叠，再给audio定宽高，但是不知道怎么隐藏起来。
返回列表
评论