大众点评网站怎么做（锦囊｜如何制作出类似大众点评的本地生活站首页）

大众点评首页通过分类导航，优惠活动和特色频道这三个模块，在首页给了用户一个快速的选择入口，充分发挥了首页的引导作用。

快站哥这就教大家如何通过快站创建一个类似大众点评的站点首页。

第一步：页面分区

将页面通过底板和留空组件分成三个模块。

在空白页面中添加一个底板组件，底板颜色设为灰色，作为整个页面的底部颜色元素。

在灰色底板上再次拖拽一个底板，底板颜色设为白色；

在白色底板下面拖拽一个“留空组件”（留空组件要放在灰色底板上）；

通过“白色底板——留空组件——白色底板——留空组件”依次排列，将页面分为三个区域：导航区、活动区、特色频道。

第二步：制作八栏导航

通过三个双栏组件嵌套为一个四栏组件，并在四栏中通过图片组件插入导航图标；通过文本组件设置导航名称。

选中图标，在右侧编辑区点击“样式”，勾选“调整边距”，设置左右间距为15px，将所有图标都执行此操作；

选中文本组件，设置文字居中，字号为14px。

（快站哥温馨小提示：要灵活使用留空组件，调整上下图片之间的间距）

重复上面的步骤，就可以制作完成一个八栏导航区域。

第一个模块——导航区域就完成了！

第三步：制作活动展示区

需要在“底板2活动区”制作两个“灰色卡片”区域，操作如下：

在“底板2活动区”中，拖拽一个双栏组件，在双栏组件中，各拖拽一个底板组件，设置双栏中的底板组件背景色为“#f7f7f7”（浅灰色）；

调整双栏左侧“浅灰色底板”上下边距为10px，左边距为10px，右边距为5px（双栏右侧的底板边距左边距为5px，右边距为10px）；

这样在白色底板上就制作完成两个“浅灰色卡片”区域。

在两个浅灰色卡片区域中，插入需要的文字或图片信息，调整文本组件和图片组件的间距。

第二个模块——活动区域就完成了！

第四步：制作特色频道区

结合“四栏”和“卡片”制作特色频道区，操作如下：

在“底板3特色频道”中，放入双栏组件，并在双栏中分别放入一个文本组件，输入文字“特色频道”和“查看更多”；

其中“特色频道”设置为居左；“查看更多”设置为居右；调整文本组件间距上下左右均为10px。

在下方最底层的灰色底板上，放置一个组合四栏组件。

在四栏中分别放置4个底板组件，颜色设置为白色，上下左右间距为1px（1px的间距可以作为表格的分割线）。

在四栏中的白色底板上放置文本和图片组件作为特色频道导航，并设置恰当的间距。

第三个模块——特色活动区就完成了！

效果展示

最后，也可以通过“门店列表组件”进一步丰富的首页内容；

（需在插件商店中开启才可以使用）

一个本地生活站点首页就诞生了！

快站—专业移动建站平台

官网：https://www.kuaizhan.com/

电话：010-62639290