# 页面设计列表 可以快速设置商城默认首页，删除DIY页面，也可以对页面进行DIY设计。   # 新增/编辑页面 点击新增页面或者编辑进入新增/编辑页面进行页面DIY设计，点击对应的模块进行DIY设置；   # 页面设置 页面标题栏模块，无法删除，只能修改标题名称和样式； ## 内容 顶部标题：修改标题栏名称 页面登录验证：选择是，该页面会出行提示需要登录的弹窗； 页面需要返回：控制返回键开关，只对非导航栏页面有效； 页面是否固定：选择是，页面将无法滚动； 底部导航栏：选择页面显示的导航栏或者不显示导航栏；     ## 样式 设置标题栏模块的样式； ### 标题栏设置 文字颜色：设置标题文字颜色的，只有白色和黑色两种选择； 标题栏背景：自定义标题栏背景颜色；  ### 页面设置 标题栏类型：有普通和镂空两种样式，选择镂空后，标题栏会变成透明，悬浮在模块上层； 页面背景：自定义整个页面的背景颜色； 页面左距离：调整页面和屏幕的距离；   # 模块设计 ## 模块分类 可以对模块进行筛选，分类有两个层级，每个一级分类可以选择一个二级分类对模块进行筛选；   ## 模块设计 ### 内容 滚动长度：设置模块的左右滚动条长度，建议长度设置为355即可，大于355后编辑模块内容时会出行滚动条； 模块高度：设置模块在页面显示的高度；    ### 模块设计 编辑模块内容；   新图层:点击按钮生成一个默认图层，默认在最上方图层，图层数字小可以覆盖图层数字大的图层，可以通过拖动图层更改图层位置，每一个图层都可以单独设置样式和动画；  复制：在原图层上方生成一个相同样式的图层；  #### 样式 内容展示：可以添加图层的图片、添加文本、图标、点击链接；     赋值选择:需打开页面需要登入后才会显示，为图层赋值，用户登入后自动获取对应的数据，有用户ID、用户昵称、用户名称、用户手机、余额、积分、推荐人头像、推荐人昵称、会员等级、优惠劵数量（字符类的会覆盖文本，图片类的会覆盖图片）；  尺寸\背景：修改图层大小、位置、背景颜色； 左边\上边：图层位于模块的坐标，可以通过修改数字移动图层，也可以直接拖动图层修改位置； 宽度\高度：修改图层大小，数字越大图层越大；  背景颜色：可以旋转背景角度（范围在0-360度），修改上下背景颜色；   字体设置:修改字体大小、颜色、样式、对齐方式； 颜色：修改字体颜色，修改颜色旋转角度（范围在0-360度）；   大小\粗细：修改字体大小，粗细；  样式：将字体改成倾斜，添加下划线或者删除线；   对齐方式：向左对齐，居中，向右对齐；   边框设置：边距、边框大小、边框圆角、边框颜色； 边距：设置内容在图层内的位置；   边框大小：设置边框的粗细，设置为0时边框不显示；   边框圆角：设置边框四个角的弧度，可以设置全部角的弧度，也可以选择单独设置每个角的弧度；   边框颜色：设置边框的颜色，默认为黑色；  阴影\透明：可以设置阴影位置、颜色、模糊度、大小和内容的透明度（阴影的形状和边框形状一致）； 颜色\水平\垂直：阴影的默认颜色为透明，默认位置在内容下方；   模糊：模糊度数字越大阴影越模糊；  大小：设置阴影面积，数字越大阴影面积越大；  透明度：设置整个图层的透明度，透明度越小越透明；  #### 动画 设置图层的动画效果，动画播放时间，动画间隔时间；  动画效果：动画效果有弹跳、摆动、惊动、晃动、果冻、心跳； 时间：设置的是每次动画的间隔时间，单位为秒； 延迟：设置的是动画播放时间，单位为秒；  ### 样式 该样式为模块样式，设置整个模块的背景、边框、阴影、透明度、模块底部； #### 组件背景 设置组件的背景颜色和组件的边距； 组件背景颜色：设置组件的背景颜色和背景颜色的旋转度数（范围在0-360度）；   组件间距：设置组件的内边距；  #### 边框设置 设置边框大小、边框角弧度、边框颜色； 边框大小：设置边框的粗细，数字越大边框越粗，0为不显示边框；  边框圆角：设置边框角的弧度，可以设置全部角的弧度，也可以单独设置每个角的弧度；   边框颜色：设置边框的颜色，默认为黑色；  #### 阴影\透明 可以设置模块的阴影位置、颜色、模糊度、大小和内容的透明度（阴影的形状和边框形状一致）； 颜色\水平\垂直：阴影的默认颜色为透明，默认位置在内容下方；  模糊：模糊度数字越大阴影越模糊；  大小：设置阴影面积，数字越大阴影面积越大；   透明度：设置整个图层的透明度，透明度越小越透明；  #### 组件底部 可以修改组件底部的背景的属性（和组件背景不同），和组件的外边距； 底部颜色\底部背景：修改底部背景颜色和背景选择角度（范围在0-360度），可以将底部背景更换成图片（会覆盖底部背景颜色）；    边距：修改组件的外边距，默认值为10；  # 特殊设计 模块除了有普通的模块，还有4种特殊设计方式，分别为轮播图、视频、悬浮、音频，因为这四种特殊设计大部分操作与普通模块一致，可以看看页面设计->模块设计的教程内容，这里只介绍这4种特殊设计的独有功能； ## 轮播图 可以给轮播图添加图片，选择跳转链接，轮播图最少有一张图片，最多十张图片；  编辑图片：修改轮播图的图片；  选择链接：自定义轮播的跳转链接；  内容样式：修改轮播图大小、圆角、样式、播放时间（单位为秒）；   ## 音频 音频设计比较简单，其他特殊的设计功能 选择音频  选择暂停图片  选择播放图片  ## 悬浮 页面加载时，自动弹出，适用与广告，侧边栏，需要手动调整图层层级，高于998时遮罩页面头部，高于1000时遮罩导航栏； 悬浮：类似弹窗功能，选择是，模块将悬浮且跟随屏幕滚动     是否悬浮：选择是，该模块变成悬浮模块，需要手动调整图层层级； 悬浮方向：模块出现的方向； 是否需要背景：设置需要背景将会遮罩整个屏幕，适用于弹窗广告； 背景颜色：只有选择需要背景才会出现该设置项； 透明度：设置背景透明度； 磨砂效果：设置背景的磨砂效果； ## 视频 视频模块，可以播放视频； 功能设置：添加视频封面，添加视频；    是否自动播放：选择是加载完成页面后，视频自动播放； 是否循环播放：视频循环播放设置； 是否显示控件：设置是否显示视频控件； 是否静音：设置视频是否静音播放；  ## 隐藏 是否隐藏：选择是，模块将会隐藏，不再显示  ### 隐藏和显示事件 可以为元素添加点击事件用来控制模块或者元素显示和隐藏，同一个元素只能控制某一个模块或元素的单一事件