现在我们一起去完成产品页上的这个动作区设计 .. 这个区域上显示的内容可以分成两块,一个图像背景,上面是一块文字,文字里面有两个重要的动作按钮 ...
先去组织一下这块内容 .. 添加一个包装,上面可以加上 .ui.action .. 里面包装一块内容,用一个带 content 类的元素 ..
内容里面有个大标题,一个 h2 ,上面可以加上 header 这个类 .. 输入标题文字 ... Velar .. 然后是一组动作按钮,可以先添加一个包装,上面加一个 action ..
然后用一个按钮群组,一个包装,加上 .ui.huge.buttons ... 里面有两个按钮,可以使用一个 a 标签 .. 按钮上要加上 ui.button 这两个 css 类 ..
输入按钮上的文字 .. 找经销商 ... 再复制一个按钮 ... 修改一下文字 .. 申请试驾 ..
现在,文字内容就组织好了 .. 在这个 content 下面,可以是一个图像元素,上面加上一个 image 类 ..
再找一张图片 ... 在 images .. velar 目录的下面 ... 复制一下图像的地址 ... 放到这个图像元素的上面 ..
这样我们就组织好了动作区上的内容 ... 下面我们可以去给这些内容添加点样式 ...