vant在自定义的 van-dropdown-item
发布日期:2021-09-29 12:54:38
浏览次数:21
分类:技术文章
本文共 2109 字,大约阅读时间需要 7 分钟。
我们还是这个item 我们要在里面加东西 这可咋整
请选择 x xxxxx xxxxx xxxxx xxxxx xxxxx xxxxx xxxxx xxxxx xxxxx xxxxx xxxxx xxxxx xxxxx xxxxx xxxxx 确定 取消
这代码怎么粘上来这么丑
我们要这个效果 中间可以自由滚动 上下固定
我们直接给最外层的一个弹性盒加换轴方向 中间 给 overflow-x:hidden; flex:1
.choice { width: 434rpx; height: 634rpx; display: flex; flex-direction: column; .choice_top { width: 100%; height: 50rpx; text-align: center; line-height: 50rpx; color: rgb(83, 83, 83); position: relative; .over { color: rgb(203, 203, 203); position: absolute; right: 15rpx; top: 0; width: 50rpx; height: 50rpx; } } .choice_middle { overflow-x: hidden; flex: 1; text-align: center; } .choice_bottom { width: 100%; height: 100rpx; .choice_we { width: 300rpx; height: 63rpx; margin-left: 63rpx; margin-top: 35rpx; .choice_we_left { float: left; height: 63rpx; width: 50%; text-align: center; line-height: 63rpx; font-size: 30rpx; color: #fff; background-color: rgb(156, 156, 156); border-top-left-radius: 30rpx; border-bottom-left-radius: 30rpx; } .choice_we_right { float: left; height: 63rpx; width: 50%; text-align: center; line-height: 63rpx; font-size: 30rpx; color: #fff; background-color: rgb(170, 191, 178); border-top-right-radius: 30rpx; border-bottom-right-radius: 30rpx; } } } } }
转载地址:https://blog.csdn.net/hfdxmz_3/article/details/106068817 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
很好
[***.229.124.182]2024年02月28日 08时21分35秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
mysql 怎样链接jdbc_jdbc怎么链接mysql数据库
2019-04-21
java exec封装_Java 执行系统命令工具类(commons-exec)
2019-04-21
mysql里可以用cube吗_sql server的cube操作符使用详解_mysql
2019-04-21
php mysql 图书_使用PHP+MySQL来对图书管理系统进行构建
2019-04-21
单片机c语言 int1,51单片机into、int1中断计数c语言源程序.doc
2019-04-21
c语言课程设计工资管理建库,C语言课程设计工资管理系统参考.doc
2019-04-21
c51写c语言外部ram头文件,C51中访问外部RAM的方法
2019-04-21
c语言打开一个html文件路径,C语言文件处理-C语言文件的打开和关闭
2019-04-21
普职融通信息技术课本C语言,“三步走”扎实推进“普职融通”办学新模式
2019-04-21
Android多个签名,【Android】Android批量重签名
2019-04-21
html unicode编码转换,JS实现的Unicode编码转换操作示例
2019-04-21
html页面角落放动漫人物,L2Dwidget.js L2D网页动画人物添加
2019-04-21
html图片水平居中,CSS制作图片水平垂直居中
2019-04-21
水滴pin安卓版apk_财务报销管理系统
2019-04-21