uniapp用了navigator标签css设置了display: flex；android出现塌陷问题

SY_FC

已于 2022-05-25 15:33:25 修改

阅读量546

点赞数

文章标签：小程序 vue.js 前端 css

于 2022-05-25 15:33:03 首次发布

本文链接：https://blog.youkuaiyun.com/FUFCY/article/details/124966935

版权

改前的

改后的-需要在外面加个盒子包着navigator就可以了

		<view class="icon-boxs">
				<view class="title">服务台</view>
				<view class="icons">
					<view class="icon-item">
						<navigator class="icon-box-items">11</navigator>
					</view>
					<view class="icon-item">
						<navigator class="icon-box-items">11</navigator>
					</view>
					<view class="icon-item">
						<navigator class="icon-box-items">11</navigator>
					</view>
					<view class="icon-item">
						<navigator class="icon-box-items">11</navigator>
					</view>
					<view class="icon-item">
						<navigator class="icon-box-items">11</navigator>
					</view>
				</view>
			
			</view>



//css部分

		.icon-boxs {
			.icons {
				display: flex;
				flex-wrap: wrap;
				.icon-item {
					width: 25%;
					.icon-box-items {
						width: 100%;
						margin-top: 20rpx;
						height: 100rpx;
						background-color: red;
					}
				}
			}
		}