| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162 |
- .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;
- }
|