小程序
小游戏
企业微信
微信支付
扫描小程序码分享
如题。。。不知道为什么，循环后就出现问题 了。我附带了 代码片段。可以查看一下
3 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
app.wxss中的样式与home.wxss中的样式冲突，因为优先级的原因
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
我试试。。。看
老哥。。根本没冲突啊，全注释了，没用 。不是这个问题
在这儿加个高度。line-height：0rpx
前提是这边注释啦
老哥牛逼。老哥无敌。膜拜老哥！
为啥我打开之后完全没问题呢......
老哥 你要搜索到 关键字 要变成红色
我是严格限制大小写的
把这个左右间距去掉就行了 多了空格 空格把字挤下去了改成这样
我以前就犯过这样的错 不过还好我当时在做居中 好找原因
还有这样的事情。。。学习了，老哥无敌
老哥 能整出具体细节不 。。愣是没找着。。。
.page {
position: relative;
overflow: hidden;
}
.cargolist-row {
box-sizing: border-box;
padding: 13rpx 0rpx;
padding-left: 33rpx;
padding-right: 13rpx;
/* 头部搜索 */
.top {
display: flex;
align-items: center;
height: 140rpx;
background: #18b4ed;
/* 搜索 */
.search {
.search-text {
background-color: #74d2f4;
border-radius: 10rpx;
width: 612rpx;
height: 53rpx;
line-height: 53rpx;
font-size: 29rpx;
padding-left: 55rpx;
.search-ico {
position: absolute;
top: 25%;
left: 16rpx;
z-index: 10;
.search .phClass {
color: #fff;
.search .begin-search{
justify-content: center;
text-align: center;
top:50%;
right:0rpx;
transform: translateY(-50%);
width:60rpx;
height:100%;
padding:0rpx 15rpx;
font-size: 29rpx;color:#fff;
background:#47a4c9;
z-index: 15;
.search .search-list{
display: block;
width:100%;
top:102%;
padding-left: 10rpx;
/* height:100%; */
background:#74d2f4;
z-index: 20;
.search-list-row{
/* 在这边添加高度，但是line-height为0必须要有 */
.search .search-stylenum{
margin-right: 20rpx;
height:50rpx;
line-height: 0rpx;
.search .search-type{
/* 注意这边不能添加高度和line-height */
.search .keyfont{
/* display: flex;
vertical-align: middle;
margin:0px;
padding: 0px; */
display: inline-block;
/* height:50rpx;
line-height: 50rpx; */
font-size: 30rpx;
.QR {
width: 45rpx;
height: 45rpx;
line-height: 45rpx;
margin-left: 28rpx;
margin-right: 28rpx;
.QR image {
width: 100%;
height: 100%;
都给你注释好啦，你可以看一下
再次感谢老哥，老哥无敌。原来只要给row加个line-height：0rpx；就可以了。。老哥无敌
原因是多了空格加了行高0只是把空格的高度改成了0 不过效果一样
emmmmm 你看了上面给你的截图就知道了..... 换行出现的空格
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
app.wxss中的样式与home.wxss中的样式冲突，因为优先级的原因
我试试。。。看
老哥。。根本没冲突啊，全注释了，没用 。不是这个问题
老哥牛逼。老哥无敌。膜拜老哥！
为啥我打开之后完全没问题呢......![]()
老哥 你要搜索到 关键字 要变成红色
我是严格限制大小写的
我以前就犯过这样的错 不过还好我当时在做居中 好找原因
还有这样的事情。。。学习了，老哥无敌![]()
老哥 能整出具体细节不 。。愣是没找着。。。
.page {
position: relative;
overflow: hidden;
}
.cargolist-row {
box-sizing: border-box;
padding: 13rpx 0rpx;
padding-left: 33rpx;
padding-right: 13rpx;
}
/* 头部搜索 */
.top {
display: flex;
align-items: center;
height: 140rpx;
background: #18b4ed;
}
/* 搜索 */
.search {
position: relative;
}
.search-text {
background-color: #74d2f4;
border-radius: 10rpx;
width: 612rpx;
height: 53rpx;
line-height: 53rpx;
font-size: 29rpx;
padding-left: 55rpx;
box-sizing: border-box;
}
.search-ico {
position: absolute;
top: 25%;
left: 16rpx;
z-index: 10;
}
.search .phClass {
color: #fff;
}
.search .begin-search{
position: absolute;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
top:50%;
right:0rpx;
transform: translateY(-50%);
width:60rpx;
height:100%;
padding:0rpx 15rpx;
font-size: 29rpx;color:#fff;
background:#47a4c9;
border-radius: 10rpx;
z-index: 15;
}
.search .search-list{
position: absolute;
display: block;
width:100%;
top:102%;
padding-left: 10rpx;
width:100%;
/* height:100%; */
background:#74d2f4;
box-sizing: border-box;
z-index: 20;
}
.search-list-row{
display: flex;
align-items: center;
}
/* 在这边添加高度，但是line-height为0必须要有 */
.search .search-stylenum{
display: flex;
align-items: center;
margin-right: 20rpx;
height:50rpx;
line-height: 0rpx;
}
.search .search-type{
display: flex;
align-items: center;
margin-right: 20rpx;
}
/* 注意这边不能添加高度和line-height */
.search .keyfont{
/* display: flex;
align-items: center;
vertical-align: middle;
margin:0px;
padding: 0px; */
display: inline-block;
/* height:50rpx;
line-height: 50rpx; */
font-size: 30rpx;
}
.QR {
width: 45rpx;
height: 45rpx;
line-height: 45rpx;
margin-left: 28rpx;
margin-right: 28rpx;
}
.QR image {
width: 100%;
height: 100%;
}
都给你注释好啦，你可以看一下
再次感谢老哥，老哥无敌。原来只要给row加个line-height：0rpx；就可以了。。老哥无敌![]()
原因是多了空格加了行高0只是把空格的高度改成了0 不过效果一样
emmmmm 你看了上面给你的截图就知道了..... 换行出现的空格