.uni-data-pickerview { flex: 1; display: flex; flex-direction: column; overflow: hidden; height: 100%; } .error-text { color: #DD524D; } .loading-cover { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(255, 255, 255, .5); display: flex; flex-direction: column; align-items: center; z-index: 1001; } .load-more { margin: auto; } .error-message { background-color: #fff; position: absolute; left: 0; top: 0; right: 0; bottom: 0; padding: 15px; opacity: .9; z-index: 102; } .selected-list { display: flex; flex-direction: row; flex-wrap: nowrap; padding: 0 5px; border-bottom: 1px solid #f8f8f8; } .selected-item { margin-left: 10px; margin-right: 10px; padding: 12px 0; text-align: center; white-space: nowrap; } .selected-item-text-overflow { width: 168px; /* fix nvue */ overflow: hidden; width: 6em; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; } .selected-item-active { border-bottom: 2px solid #007aff; } .selected-item-text { color: #007aff; } .tab-c { position: relative; flex: 1; display: flex; flex-direction: row; overflow: hidden; } .list { flex: 1; } .item { padding: 12px 15px; /* border-bottom: 1px solid #f0f0f0; */ display: flex; flex-direction: row; justify-content: space-between; } .is-disabled { opacity: .5; } .item-text { /* flex: 1; */ color: #333333; } .item-text-overflow { width: 280px; /* fix nvue */ overflow: hidden; width: 20em; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; } .check { margin-right: 5px; border: 2px solid #007aff; border-left: 0; border-top: 0; height: 12px; width: 6px; -webkit-transform-origin: center; transform-origin: center; transition: all 0.3s; -webkit-transform: rotate(45deg); transform: rotate(45deg); }