2.1、站点设计

1.1、常用模块
常用模块包括文字、图片、按钮、容器、标题、分割线、轮播图、魔方导航、图文集和视频等
![](/uploads/qz/images/m_c079f6cfb9b049c4ca4aceda0c6f1720_r.png)
轮播图、魔方导航、图文集数据设计的时候可根据下方标注进行操作
![](/uploads/qz/images/m_a114d2cdc3154ee0a0705fbae8db9b8a_r.png)
所有模块都包括样式、数据、风格、动效属性
以“宫格导航”为例，点击组件之后，选择页面右侧的“数据”选项卡，可添加或编辑相关数
![](/uploads/qz/images/m_74fdbdeeb6163c8b0179c8d7bf8ff26a_r.png)
“视频”组件添加添加注意视频链接地址及视频封面的设置
![](/uploads/qz/images/m_e6eb059cb628acb0a17371489d421e39_r.png)
所有数据更改填写可根据提示进行操作
### 1.2、互动模块
![](/uploads/qz/images/m_7a4a49f1b6a7b5ea09f86b3c5c987edb_r.png)
互动模块所有数据获取都是通过后台（文章管理、产品管理，预约管理、招聘管理、表单管理、投票管理）获取相关数据
操作流程
![](/uploads/qz/images/m_df9d861629ac6262ed76a4704e204cf7_r.png)
（文章列表、产品列表、预约列表、招聘列表、在线投票）都可以通过手动、自动的方式选择数据
所有数据更改填写可根据提示进行操作
### 1.3、高级模块
![](/uploads/qz/images/m_c260e28d18f1fb4ca1b8342273c18e49_r.png)
搜索、微信广告、地图数据填写的时候需注意细节的填写
![](/uploads/qz/images/m_3b4747c0b74b43c5f0ca37b7785364ea_r.png)
![](/uploads/qz/images/m_cb968e51c5ec98aacecc303a8b0eee20_r.png)
上图为公告的数据填写，可通过添加公告进入图片右边的页面进行添加公告、内容更改、设置链接
### 2.1.2、页面
此功能实现DIY页面的设计，根据自己需求做自己需要要的页面
![](/uploads/qz/images/m_3a688293ed448b9031b27ebfab85b521_r.png)
## 操作流程
![](/uploads/qz/images/m_048a810d48cd4f338154a79a3f90ba37_r.png)
添加页面——选择页面——点击控件（设计页面）——（在需要链接此页面的位置）设置链接——自定义——自定义页面——选择
## 2.1.3、属性
![](/uploads/qz/images/m_f841bb7e90526981accf357af44384b2_r.png)
设置文章显示颜色，也可根据自己喜欢的颜色设置
![](/uploads/qz/images/m_e9b4f120640c0d05561d074900bc8b4a_r.png)
可根据自己需要进行选择或者取消
![](/uploads/qz/images/m_d3c5dd44166729621a141d59f432d257_r.png)