用户登录成功,进入小程序设计器,创建页面进行页面设计。组件是米筷设计器的拖拉单元,通过组件拖拉完成小程序页面设计。下面以基础组件的【文本】组件为例,介绍怎么样进行拖拉设计。

打开基础组件面板

米筷应用

(基础组件选择面板)

拖拉基础组件到右边的页面编辑框中,例如:拖拉【文本】组件到页面编辑框中。

米筷应用

(拖拉效果)

鼠标点击,拖拉完成后的组件,在页面编辑框的右侧出现可更改的相关属性面板。

米筷应用

(组件属性面板效果)

在组件属性面板中修改相关的属性,可在页面编辑框中实时显示效果,输入完相关内容后,点击【Enter】键或者鼠标点击其它地方,完成页面编辑器效果更新。例如:修改文本组件内容。

米筷应用

(组件属性更新效果)

组件【外观设置】是设置组件的外观样式。例如文本组件的文字居中。

米筷应用

(外观设置—文字居中)

外观设置包含宽度,高度,字体,边框,边距,背景,阴影样式设置。特别说明,宽度和高度是可输入框,需要自己输入值。可输入百分比(90%)和数字(90),输入数字使用的是像素(px)为单位。也可输入css3中的规定的字符例如:auto。

组件可进行点击,通过【设置点击事件】完成,相应业务处理。

米筷应用

(点击事件选择框)

点击事件,包含两类操作,第一类是页面跳转:即跳转到小程序其它页面。在页面选择卡中选择,相关页面点击【确定】按钮,完成设置。

米筷应用

(点击事件--页面选项)

米筷应用

(设置页面跳转成功,组件属性显示效果)

第二类是功能处理,目前只支持,拨打电话,分享和客服功能。在功能选卡中选择。

米筷应用

(点击事件--功能选项)

更加不同功能设置相关数据,点击【确认】按钮,完成功能设置。

米筷应用

(功能设置事件属性显示效果)

页面设计完成后,点击【保存图标】按钮,完成设计操作。

米筷应用

(保存页面设计)

米筷微信小程序
米筷小程序

米筷小程序学习交流群 米筷学习交流群
群号:606846828
米筷学习交流群

米筷微信公众号 米筷公众号