Wap拖拽控件布局使用指导.PDF

Wap拖拽控件布局使用指导 1.1 简述 该文档主要针对Wap UI 页面布局所开发的功能，通过控件拖拽的方式实现页面的布局 展示，该功能主要由拖拽控件，展示面板，属性面板控制以及预览页面组成。 该功能适用于Wap 站制作。 该功能属于自定义页面，操作简单，简化了传统模板的固定布局模式。 1.2 入口操作 1．进入全网云企业管理后台，选择 “制作开发平台”； ．页面加载后，在左侧导航选择 “ 站”； 2 Wap 3．选择WAP 站当前导航栏下的 “UI 设计”菜单； 4．待页面加载后，选择 “自定义UI”模板，将弹出模板确认框，选择 “继续切换”， 把 “自定义 ”设置为 站默认模板； UI Wap 5．模板选中后，会直接跳转到WAP 站拖拽布局的管理页面。 注明：这里的自定义模板与其他模板的类型是一样的，不存在两种共存 （即自定义模板 和普通模板）方式，当选择了自定义模板后，wap 站展示的方式就是自定义模板设计的样式。 1.3 添加主题及页面 1．进入移动应用页面，首次设置页面列表请选择 “添加主题”； 2．编辑主题。填写主题名称，选择主题颜色、应用类型、状态。 注明：在选择应用类型时，请选择 “wap”，wap 模式下有标题栏目控件，是针对wap 站设计的。状态请勾选 “使用中”，如果在预览当前页面时，没有使用该页面，内页的主题 是不会被继承的。 1.4 复制主题 1．当成功添加主题后，点击列表中该主题名称后的 “复制”按钮；（如图9） 2．进入复制主题操作页面，需填写主题名称，选择主题颜色、应用类型。 1.5 添加页面 1．在主题名称下，选择 “页面管理” —— “添加页面”； 2．进入编辑页面状态，需添加相应的数据。填写页面名称、文件名称，选择页面类型； 然后设置网页title、网页关键词、网页描述。（注：此处页面类型请选择 “首页”） 注意：文件名称只限填写英文或数字，填写完毕需验证是否可用，如名称可用则弹出框 会提示 “可以使用”。 3．点击 “页面编辑”，进入控件拖拽页面。 1.6 控件属性 1.6.1 标题栏 1．将左侧 “组件面板”中的 “标题栏”拖动到中间控件展示区域中； 2．等待该控件加载出来，在拖动的过程中，当控件移动到该区域后，会有标识性的虚 线显示出来，表示这个区域内是可以放置该控件的，不能在此区域外放置控件。 注明：该控件会自动显示设置主题的背景色 （默认色）。光标点击该控件，右侧会 出现对应组件的相关配置界面。 3．进行标题栏属性设置。可设置标题内容、字体颜色、字体大小、标题背景色，上传 标题图片等等 （组建配置作用如下图） 注明：个人中心，只能进入个人中心；有哪些信誉好的足球投注网站框按照设置的不同类型进行有哪些信誉好的足球投注网站；当当前页 面设置为首页，“返回上一页”和 “首页”图标将不显示。 4．保存属性面板后，再次点击 “保存编辑”按钮，才能预览。 1.6.2 导航栏 1．导航栏目目前有3 种样式可选，每一种样式都有最少栏目的限制。选定样式后，设 置该栏目的属性。 ．添加导航名称以及绑定导航栏目数据。（导航名称请设定为 个字左右） 2 2-4 3．导航菜单绑定功能。点击 “绑定”按钮即可弹出功能库。 注明：功能库中有 种类型：行业、基础、自定义页面。目前是 “行业”中无法绑定到 3 数据，这个和企业后台有关系；“基础”中有一部分是微信的入口所以Wap 不支持；自定义 页面是可以绑定非首页的页面 （在页面列表中，需要添加页面，并且是非首页，这样这里才 可以加载出来，并且绑定）。 1.6.3 幻灯片 1．将左侧 “组件面板”中的 “幻灯片”拖动到中间控件展示区域中。 2．光标点击该控件，右侧会显示该控件的属性面板，即可进行幻灯片属性编辑。 1.6.4 有哪些信誉好的足球投注网站框 有哪些信誉好的足球投注网站框进入编辑页面的方法与 “标题栏”相同。先将左侧 “组件面板”中的 “有哪些信誉好的足球投注网站框” 拖动到中间控件展示区域中。然后光标点击该控件，右侧会显示该控件的属性面板，即可进 行幻灯片属性编辑。（有哪些信誉好的足球投注网站框的基本属性如