.exe-item .clo6 { color: #666; } .content-wrap { padding: 16rpx; } .exe-item { border: 2rpx solid #eee; box-sizing: border-box; padding: 0 12rpx; border-radius: 6rpx; margin-bottom: 16rpx; background-color: #fff; } .exe-item.flex { display: flex; align-items: center; overflow: hidden; } .exe-item .exe-left { flex: 0 0 60rpx; } .exe-item .exe-right { flex: 1; overflow: hidden; } .exe-item .exe-item-top { padding: 15rpx; border-bottom: 2rpx solid #eee; position: relative; line-height: 1; } .exe-item .exe-item-detli-top { border-bottom: 2rpx solid #eee; position: relative; line-height: 1; } .exe-item .exe-item-detli-time{ width: 270rpx; } .exe-item .item-right { text-align: right; position: absolute; width: 270rpx; right: 2rpx; top: 0rpx; } .exe-item .item-right-li { text-align: right; position: absolute; right: 2rpx; top: 18rpx; } .exe-item .tag-container { display: flex; /* 横向排列,自动换行(避免标签过多溢出) */ flex-wrap: wrap; /* 标签之间的间距(可选,根据需求调整) */ gap: 6px; /* 上下内边距,让布局更美观 */ padding: 0; /* 可选:垂直居中 */ align-items: center; } .exe-item .top-btns { margin-top: 10rpx; display: inline-block; } .exe-item .top-btns .uni-tag{ padding: 4rpx 6rpx; } .exe-item .item-right-li.mini { font-size: 24rpx; background-color: white; padding: 10rpx 35rpx; margin-top: -14rpx; } .exe-item .item-right-li.milt { font-size: 24rpx; background-color: white; padding: 10rpx 35rpx; margin-top: 30rpx; } .exe-item .exe-item-bottom { padding: 0; position: relative; } .exe-item .exe-item-time-view{ height: 50rpx; padding: 0; position: relative; } .exe-item .exe-item-time{ padding: 10rpx 15rpx; } /* 横向滚动容器样式 */ .exe-item .scroll-container { width: 100%; overflow-x: auto; /* 允许横向滚动 */ white-space: nowrap; /* 禁止内容换行 */ padding: 4px 0; /* 增加内边距优化视觉 */ } /* 隐藏滚动条但保留滚动功能(可选) */ .exe-item .scroll-container::-webkit-scrollbar { display: none; } .exe-item .badge-btn { height: 50rpx; line-height: 50rpx; padding: 0 18rpx; box-sizing: border-box; margin-right: 2px; } .exe-item .badge-btn-li { height: 40rpx; line-height: 40rpx; padding: 0 18rpx; box-sizing: border-box; margin-right: 2px; } .exe-item .item-name { font-size: 30rpx; display: inline-block; max-width: 73%; color: #222; } .exe-item .priamry { color: #1989fa; } .exe-item .exe-item-bottom { padding: 8rpx 0; position: relative; font-size: 22rpx; } .exe-item .exe-item-bottom .end-time { margin-left: 40rpx; display: inline-block; } .bottom-btns { position: fixed; bottom: 0; left: 0; width: 100%; display: flex; } .bottom-btns .bottom-btn { flex: 1; border-radius: 0; font-size: 28rpx; } /* 新增滚动容器样式 */ .table-scroll-container { /* 计算剩余高度:减去顶部筛选区和底部按钮区 */ height: calc(100vh - 680rpx); overflow-y: auto; box-sizing: border-box; } .table-scroll-container-OL{ height: calc(100vh - 400rpx); overflow-y: auto; box-sizing: border-box; }