🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
### 本文目录 基础31.     切换元件库 第2章          页面设置 基础32.     设置页面居中 基础33.     设置页面背景(图片/颜色) 基础34.     设置页面颜色(草图/黑白) 第3章          设置条件 基础35.     添加条件判断 基础36.     设置条件限制 基础37.     用例条件转换 第4章          使用变量/公式 基础38.     全局变量设置 基础39.     局部变量设置 基础40.     公式的格式及类型 ### 正文 ### 基础31.   切换元件库 在元件库功能面板中,可以通过点击元件库列表,选择不同的元件库进行使用。(图1-32) [![1-32](http://files.iaxure.com/wp-content/uploads/2016/06/1-32.png)](http://files.iaxure.com/wp-content/uploads/2016/06/1-32.png) ## 第2章    页面设置 ### 基础32.   设置页面居中 在页面【样式】设置中选择页面居中的按钮。页面居中是指在浏览器中查看原型时页面内容居中显示。(图2-1) [![2-1](http://files.iaxure.com/wp-content/uploads/2016/06/2-1.png)](http://files.iaxure.com/wp-content/uploads/2016/06/2-1.png) ### 基础33.   设置页面背景(图片/颜色) 在页面【样式】中可以编辑页面的背景颜色以及背景图片。(图2-2) [![2-2](http://files.iaxure.com/wp-content/uploads/2016/06/2-2.png)](http://files.iaxure.com/wp-content/uploads/2016/06/2-2.png) ### 基础34.   设置页面颜色(草图/黑白) 在页面的【样式】中,可以将当前页面的显示为草图效果,同时可以将页面颜色在彩色与黑白之间转换。(图2-3) [![2-3](http://files.iaxure.com/wp-content/uploads/2016/06/2-3.png)](http://files.iaxure.com/wp-content/uploads/2016/06/2-3.png) ## 第3章    设置条件 ### 基础35.   添加条件判断 在用例编辑界面中点击添加【条件按钮】进行添加条件。(图3-1) [![3-1](http://files.iaxure.com/wp-content/uploads/2016/06/3-1.png)](http://files.iaxure.com/wp-content/uploads/2016/06/3-1.png) 比如:判断当前元件上的文字包含“@”。(图3-2) [![3-2](http://files.iaxure.com/wp-content/uploads/2016/06/3-2.png)](http://files.iaxure.com/wp-content/uploads/2016/06/3-2.png) ### 基础36.   设置条件逻辑关系 设置执行一个动作必须同时满足多个条件,或者仅需满足多个条件中的任何一个,需要在添加条件的界面中进行设置。(图3-3) [![3-3](http://files.iaxure.com/wp-content/uploads/2016/06/3-3.png)](http://files.iaxure.com/wp-content/uploads/2016/06/3-3.png) ### 基础37.   用例条件转换 为多个用例改变条件判断关系时,只需要在相应的用例名称上点击,选择【切换为或】。(图3-4) [![3-4](http://files.iaxure.com/wp-content/uploads/2016/06/3-4.png)](http://files.iaxure.com/wp-content/uploads/2016/06/3-4.png) ## 第4章    使用变量/公式 ### 基础38.   全局变量设置 全局变量是一个数据容器,就像一个U盘,可以把需要的资料存入,随身携带,在需要的时候读取出来使用。全局变量的设置在【项目】-【全局变量】中。(图4-1) [![4-1](http://files.iaxure.com/wp-content/uploads/2016/06/4-1.png)](http://files.iaxure.com/wp-content/uploads/2016/06/4-1.png) ### 基础39.   局部变量设置 局部变量在编辑值/文本的界面中进行创建,通过在【插入变量或函数…】列表中选取使用。 局部变量能够在创建时获取多种类型的数据。(图4-2) [![4-2](http://files.iaxure.com/wp-content/uploads/2016/06/4-2.png)](http://files.iaxure.com/wp-content/uploads/2016/06/4-2.png) ### 基础40\. 公式的格式及类型 公式在编辑值/文本的界面中进行编辑,格式为“[[公式内容]]”。公式内的内容可以进行运算,例如:“[[3*15]]”获取的结果为“45”;公式运算结果自动与公式外的内容连接到一起,形成一个字符串,例如:“[[3*15]]个”获取的“45个”。变量与函数需要在写入在公式的“[[]]”中才能够正确获取变量值或者函数运算结果。(图4-3) [![4-3](http://files.iaxure.com/wp-content/uploads/2016/06/4-3.png)](http://files.iaxure.com/wp-content/uploads/2016/06/4-3.png)