随笔分类 -  1.淘宝无线端模板开发

设计师文档
摘要:功能:两种模式,图片轮播和单列展示,可修改图片和链接,可设置图片高度和底边距 切换本质: 图片轮播模式使用sliderView,在图片轮播模式下,单列图片的container将隐藏, 同理单列图片模式下,图片轮播的container将隐藏 <ui> <view> <container> <!-- 面 阅读全文
posted @ 2020-11-05 15:13 tinyphp 阅读(218) 评论(0) 推荐(0) 编辑
摘要:foreach是逻辑上的view元素,其功能是循环产生结构相同的view,并追加到container的subViews中去。foreach的结构如下: 属性名 默认值 说明 array 无 需要循环的数据对象。 start 0 循环的索引起始值,默认值为0 end array.size() 循环的索 阅读全文
posted @ 2020-10-29 16:27 tinyphp 阅读(208) 评论(0) 推荐(0) 编辑
摘要:内容模式,决定海报展示方式,图片轮播则在指定高度内进行图片切换,单列图片,则往下输出图片。 轮播方式,可设置手动或者自动 圆点显示隐藏,轮播模式底部圆点显示隐藏 单图间距,单列图片模式下显示,可设置每个图片底部边距,第一张图片没有底部边距 海报高度,限制模块显示高度,不影响单列图片高度 图片组数据, 阅读全文
posted @ 2020-10-14 17:13 tinyphp 阅读(353) 评论(0) 推荐(0) 编辑
摘要:Notepad++快捷键:Ctrl+E 测试效果 ui>view>container>subViews 控制面板 ui>view>container>editProperty>dataDefines 阅读全文
posted @ 2020-10-14 12:11 tinyphp 阅读(140) 评论(0) 推荐(0) 编辑
摘要:组件各个位置的点击次数,需要对type=click 的event的事件进行埋点,系统会校验所有type=click 的 event中的actions,需要保证以下几点,不符合的组件将不允许保存和发布: actions的第一个元素必须是userTrackAction。 userTrack的utPara 阅读全文
posted @ 2020-09-19 09:39 tinyphp 阅读(495) 评论(0) 推荐(0) 编辑
摘要:可修改图片和链接,相当于单列图片模块 <ui> <view> <container> <editProperty> <dataDefines> <dataDefine name="mk_image" type="image" propertyName="图片"/> <dataDefine name= 阅读全文
posted @ 2020-09-18 10:24 tinyphp 阅读(306) 评论(0) 推荐(0) 编辑
摘要:sliderView为容器型元素,与container非常类似,其包含私有styleBinding元素如下: 属性 值 说明 isPointHide false 是否隐藏轮播的圆点提示符,默认都显示 borderColor 无 边框颜色 borderWidth 无 边框的宽度 实例: <ui> <v 阅读全文
posted @ 2020-09-04 22:07 tinyphp 阅读(272) 评论(0) 推荐(0) 编辑
摘要:<ui> <view> <container> <subViews> <label value="点击我会弹窗" > <events> <event type="click"> <actions> <toast text="我是弹窗,自动消失"/> </actions> </event> </eve 阅读全文
posted @ 2020-09-04 21:51 tinyphp 阅读(154) 评论(0) 推荐(0) 编辑
摘要:属性 说明 type click actions 事件发生后触发的相应动作,为Action的列表list events>event>actions>openURL <events> <event type="click"> <actions> <openURL url="$url" /> </act 阅读全文
posted @ 2020-09-04 21:41 tinyphp 阅读(149) 评论(0) 推荐(0) 编辑
摘要:container为容器型元素,内部可包含其他任何类型的view元素 属性 说明 type(layout子属性) 布局类型:linearLayout——线性布局absoluteLayout——绝对布局 orientation(layout子属性) 线性布局朝向(horizontal/vertical 阅读全文
posted @ 2020-09-04 17:19 tinyphp 阅读(248) 评论(0) 推荐(0) 编辑
摘要:button按钮私有属性 属性 说明 value button中的文案 阅读全文
posted @ 2020-09-04 16:53 tinyphp 阅读(270) 评论(0) 推荐(0) 编辑
摘要:image图片的私有属性 属性 说明 isCircle 是否圆图,true表示圆形,默认值false标示方形 url 图片的链接 <!-- 继承view的所有属性,只列出自有属性 --> <image url="..."> <styleBinding> <attribute name="isCirc 阅读全文
posted @ 2020-09-04 16:51 tinyphp 阅读(380) 评论(0) 推荐(0) 编辑
摘要:label文本框私有属性 属性 说明 value 值,通用用$引用变量 prefix value的前缀 suffix value的后缀 lines 文本行数 0或不设置,则默认1行; -1表示不限行数 最大20行 formatType 表示类型,有如下类型:none 表示没有formate,正常显示 阅读全文
posted @ 2020-09-04 16:48 tinyphp 阅读(292) 评论(0) 推荐(0) 编辑
摘要:通用 属性 值 说明 width 默认值-1 -1:充满父元素的剩余宽度,即 父元素width - 父元素的paddingLeft - 父元素的paddingRight - 父元素已被占用的宽度值。-2:根据view内容自适应宽度 height 默认值-1 -1:充满父元素的剩余高度,即 父元素he 阅读全文
posted @ 2020-09-04 14:04 tinyphp 阅读(206) 评论(0) 推荐(0) 编辑
摘要:功能点击文本跳转链接 <ui> <view> <container> <editProperty> <dataDefines> <dataDefine type="text" name="title" propertyName="标题文字"/> <dataDefine type="url" name 阅读全文
posted @ 2020-09-04 11:39 tinyphp 阅读(123) 评论(0) 推荐(0) 编辑
摘要:可以修改图片和链接,点击链接跳转,适合单张图片模块,店铺收藏、公告等。 <ui> <view> <container> <editProperty> <dataDefines> <dataDefine type="image" propertyName="图片" name="mk_img"/> <d 阅读全文
posted @ 2020-09-01 14:34 tinyphp 阅读(185) 评论(0) 推荐(0) 编辑
摘要:conditions可以根据条件绑定样式或者数据 type ==、!=、 left 条件左值 right 条件右值 executionType 条件执行类型,支持 0 和 1 两个值。0 标识该条件满足并执行后跳出条件列表,1 表示当前条件满足并执行后不跳出条件列表,继续向下执行。默认情况是0,即到 阅读全文
posted @ 2020-08-31 23:38 tinyphp 阅读(404) 评论(0) 推荐(0) 编辑
摘要:dataBinding数据绑定,可以为静态数据,也可以为动态数据,引用data中的数据或api的动态数据 使用$name引用变量,如: <ui> <view> <container> <editProperty> <dataDefines> <dataDefine type="text" prope 阅读全文
posted @ 2020-08-31 16:25 tinyphp 阅读(340) 评论(0) 推荐(0) 编辑
摘要:styleBinding样式针对父层 放label里则只对label起作用 <ui> <view> <container> <subViews> <label value="测试数据测试数据\n呵呵哈哈哈\n测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据\n测试数据测试数据测试数据 阅读全文
posted @ 2020-08-31 12:20 tinyphp 阅读(114) 评论(0) 推荐(0) 编辑
摘要:<ui> <view> <container> <subViews> <label value="测试数据"/> </subViews> <styleBinding> <attribute name="backgroundColor" value="#ff0000" /> <attribute na 阅读全文
posted @ 2020-08-31 12:05 tinyphp 阅读(113) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示

喜欢请打赏

扫描二维码打赏

了解更多