用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

即速应用 | 教程

咫尺论坛 | 即速应用 - 微信小程序社区

六、小程序 | 电商系统

即速应用 | 双栏布局

即速应用 | 自由面板

即速应用 | 分割线

七、小程序 | 预约系统

即速应用 | 双栏布局

即速应用 | 自由面板

即速应用 | 分割线

八、小程序 | 外卖系统

即速应用 | 双栏布局

即速应用 | 自由面板

即速应用 | 分割线

九、小程序 | 到店系统

即速应用 | 双栏布局

即速应用 | 自由面板

即速应用 | 分割线

十、小程序 | 社区系统

即速应用 | 双栏布局

即速应用 | 自由面板

即速应用 | 分割线

十一、小程序 | 视频系统

即速应用 | 双栏布局

即速应用 | 自由面板

即速应用 | 分割线

该用户从未签到

2

主题

3

帖子

214

金钱

版主

Rank: 7Rank: 7Rank: 7

积分
0
2018-1-9 17:51:48 阿圳 版主 楼主 71219
本帖最后由 咫尺_徐圳 于 2018-1-9 18:08 编辑



小程序组件技巧

小程序设计师都不会的技能



       在咱们制作小程序时,偶尔会因组件之间的配合问题感到烦恼,咱们的用户星星就遇到过问题。

在一次预览微信小程序的过程中,她看到一个小程序首页里的轮播图上面还带有一个搜索功能。

TIM截图20180109172803.png

这是怎么做到的?

timg.gif


         她返回编辑页进行实际操作,发现搜索组件不能够直接放到轮播图组件的上面

要是能这样使用会方便好多但它就是拖动不上去,这该怎么办。

    最后,百思不解的星星,在咨询咱们咫尺官网上的客服姐姐后,找到了解决方法。




教程:

1.打开您的小程序编辑页

TIM截图20180109173148.png

2.在轮播图下方添加一个搜索组件

TIM截图20180109173218.png

3.将【搜索组件】背景图设为透明色

TIM截图20180109173230.png

4.调整【搜索组件】的上间距

TIM截图20180109173251.png
会发现搜索组件移动到了轮播图上
TIM截图20180109173301.png

5.【搜索组件】关联好列表。

TIM截图20180109173348.png

注:若下方组件,跟这搜索组件一起往上移动,调整下方组件的上间距至合适位置即可。

TIM截图20180109174201.png

这样设置就完成啦




若还有相关问题,可以登录咫尺官网咨询人工客服


使用道具 举报 回复
使用道具 举报 回复
啥也不说了,感谢楼主分享哇!

赞,技术交流 QQ 443370783
不错不错的
受教受教
使用道具 举报 回复
发新帖
*滑动验证:
您需要登录后才可以回帖 登录 | 立即注册
咫尺论坛|小程序开发社区
X