JavaShuo
栏目
标签
微信小程序之一个小需求的UI布局方式
时间 2021-07-14
标签
mpvue
微信小程序
栏目
快乐工作
繁體版
原文
原文链接
有这么一个UI布局需求:上半部分是一个可变列表,下方底端有一个输入框布局,要求在列表长度较短时,输入框布局保留在底端;当列表长度够长时,输入框布局放在列表底端,可以随列表一起滚动。效果如下图所示: 实现分析:如下图所示,A布局需要设定一个固定高度,如100vh, 超出部分可以滚动;B布局设定一个最小高度,如86%;C布局放在B布局下方即可。 关键代码: <template>
>>阅读原文<<
相关文章
1.
微信小程序ui-布局
2.
微信小程序布局
3.
微信小程序之官方UI框架 iView UI 之 Grid宫格布局
4.
微信小程序之Flex布局
5.
微信小程序之左右布局
6.
微信小程序之view布局
7.
微信小程序CSS之Flex布局
8.
微信小程序 ————之flex布局
9.
微信小程序之flex布局
10.
微信小程序:一套开源微信小程序ui
更多相关文章...
•
第一个MyBatis程序
-
MyBatis教程
•
第一个Hibernate程序
-
Hibernate教程
•
常用的分布式事务解决方案
•
互联网组织的未来:剖析GitHub员工的任性之源
相关标签/搜索
微信_小程序
微信小程序
布局方式
微信小程序之画布
微信小程序开发
微信小程序 四
微信小程序canvas
笔记-微信小程序
小布
微小
快乐工作
浏览器信息
MySQL教程
Docker教程
教程
微服务
设计模式
0
分享到微博
分享到微信
分享到QQ
每日一句
每一个你不满意的现在,都有一个你没有努力的曾经。
最新文章
1.
正确理解商业智能 BI 的价值所在
2.
解决梯度消失梯度爆炸强力推荐的一个算法-----LSTM(长短时记忆神经网络)
3.
解决梯度消失梯度爆炸强力推荐的一个算法-----GRU(门控循环神经⽹络)
4.
HDU4565
5.
算概率投硬币
6.
密码算法特性
7.
DICOMRT-DiTools:clouddicom源码解析(1)
8.
HDU-6128
9.
计算机网络知识点详解(持续更新...)
10.
hods2896(AC自动机)
本站公众号
欢迎关注本站公众号,获取更多信息
相关文章
1.
微信小程序ui-布局
2.
微信小程序布局
3.
微信小程序之官方UI框架 iView UI 之 Grid宫格布局
4.
微信小程序之Flex布局
5.
微信小程序之左右布局
6.
微信小程序之view布局
7.
微信小程序CSS之Flex布局
8.
微信小程序 ————之flex布局
9.
微信小程序之flex布局
10.
微信小程序:一套开源微信小程序ui
>>更多相关文章<<