|
第五节:小程序页面设计操作 文章内容
本节课程内容:小程序首页讲解、会员中心设置和空白页设计说明。 一、小程序首页讲解 小程序和手机站区别-左侧部分-页面 小程序和手机站区别-右侧部分-控件 小程序和手机站区别-右侧部分-系统 小程序后台工作区说明: 小程序后台设计页面分为三部分:左侧部分:栏目添加修改、模块、中间编辑区域、右侧风格控件。 1、左侧部分可以添加栏目,修改名称,添加素材和模块。 2、中间对首页、空白页面进行设计。 注:小程序目前只有首页、空白页支持设计,产品文章不支持设计。 3、右侧部分可以设置编辑栏目页面的风格背景,控件(底部菜单)等。 设计页面左侧部分-页面 设计页面左侧部分-页面-管理 创建好的栏目在哪查看? 查看创建好的栏目,在设计页面可以从以下地方查看:点击“添加页面”后面的“管理”,进入后查看创建好的栏目。
设计页面左侧部分-素材 我的 “我的”是由您自己设计的模块生成的。生成自己的模块后,这个模块可以自由放到其他页面。 系统素材 “我的”后面的这些内容都是系统做好的素材,您可以直接调用。调用后替换为您自己的内容即可。 设计页面左侧部分-模块 模块分为:常用、文章、产品、组件和高级。 模块添加:点击左侧部分的模块,模块会自动显示在中间编辑区域中。然后在中间区域点击模块进行内容添加,样式设计等。 模块编辑设计:点击模块,模块上面会出现多个小图标。点击小图标进行对应的操作即可。 设计页面左侧部分-模块-容器 使用自由容器模块后可以做出右侧的效果。 容器中仅可以添加文本,图片,按钮模块。容器中的文字,图片,按钮可以独立移动。 设计页面左侧部分-模块-标签容器 使用标签容器可以做出内容切换查看的效果,如以下的右侧图。 设计页面左侧部分-模块-滚动图标 滚动图标模块可以设置多页并支持一行显示几个,显示几行。 需手动翻到第二页及后面查看。暂时不支持自动滚动。 设计页面左侧部分-模块-短视频
图一为短视频模块的大图展示效果,图二为短视频模块的瀑布流展示效果。 设计页面左侧部分-模块-直播
设计页面中间编辑区域 模块添加:点击模块,模块会自动显示在中间编辑区域中。然后在中间区域点击模块进行内容添加,样式设计等。 模块编辑设计:点击模块,模块上面会出现多个小图标。点击小图标进行对应的操作即可。 设计页面右侧控件 设计页面右侧控件-风格
设计页面右侧控件部分-底部菜单
注意:底部菜单重命名时名称需要跟这个菜单的功能一致。避免不一致,误导用户使用。 设计页面右侧控件部分-底部菜单 设计页面左侧部分-右侧控件部分-底部菜单 操作方法: 1、在底部菜单点击添加,创建一个自定义链接栏目,链接到产品栏目。 2、创建好的底部菜单设置为显示。 3、链接的产品栏目列表展示效果设置为抽屉型的。 设计页面右侧控件部分-底部菜单-分类 点击底部菜单“分类”后面的编辑图标进入分类设置页面。 分类页面不显示产品,显示的是产品栏目、产品栏目下的大类和小类。 设计页面右侧控件部分-底部菜单-分类 分类页面不显示产品,显示的是产品栏目、产品栏目下的大类和小类。 标签管理中对栏目下的大类和小类进行图标上传、图标颜色修改和分类排序。 注:大类图标仅支持风格二显示。 栏目设置中设置哪些产品栏目显示在分类菜单中。 注意:当栏目管理中产品栏目设置为不显示时,分类菜单栏目设置为显示时不起作用。 底部菜单-分类 高级设置中设置一级分类、二级分类、品牌及品牌图标的显示与否。 设计页面右侧控件部分-浮动客服
注意:微信客服需要到小程序平台添加客服人员。 设计页面右侧控件部分-系统
二、会员中心设置 旧版会员中心不支持添加功能组件,新版会员中心支持添加功能组件。 新版会员中心页面效果不支持设计,功能组件显示个数及内容,可以在网站后台设计。
三、空白页页面设计说明
|