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 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:uni里面怎么把轮播图的图片替换?
下一篇:自定义样式的一个小技巧 萌新不看就是亏啦

发表评论

最新留言

很好
[***.229.124.182]2024年02月28日 08时21分35秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

推荐文章

druid加载MySQL驱动原理_你好,想知道mybatis+druid+jdbc 原理介绍? 2019-04-21
mysql 怎样链接jdbc_jdbc怎么链接mysql数据库 2019-04-21
mysql学生课程表试题_Mysql练习之 学生表、课程表 、教师表、成绩表 50道练习题... 2019-04-21
java exec封装_Java 执行系统命令工具类(commons-exec) 2019-04-21
php sha512解密,PHP加密函数 sha256 sha512 sha256_file() sha512_file() 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
c语言case中途跳出,break语句在switch结构语句中的作用是终止某个case,并跳出switch结构语句。... 2019-04-21
c51写c语言外部ram头文件,C51中访问外部RAM的方法 2019-04-21
51c语言产生随机证书,基于51单片机的随机数产生器设计-LCD1602-KEY-(电路图+程序源码)... 2019-04-21
C语言编写程序计算高考倒计时天数,基于51单片机LCD12864大字符校时万年历带高考倒计时程序... 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