cascading-picker/dist/CascadingPicker.css

CascadingPicker for Vue 2

.fade-enter-active[data-v-4535f626],.fade-leave-active[data-v-4535f626]{transition:all .3s}.fade-enter[data-v-4535f626],.fade-leave-to[data-v-4535f626]{opacity:1}.animate-enter-active[data-v-4535f626],.animate-leave-active[data-v-4535f626]{transition:all .3s}.animate-enter[data-v-4535f626],.animate-leave-to[data-v-4535f626]{transform:translateY(100%)}.w50[data-v-4535f626]{width:50%!important}.w0[data-v-4535f626]{width:0!important}.mask[data-v-4535f626]{position:fixed;left:0;bottom:0;z-index:10;width:100%;height:100%;background:rgba(0,0,0,.6)}.picker .color[data-v-4535f626]{color:#000;font-weight:700}.picker[data-v-4535f626]{position:fixed;left:0;bottom:0;z-index:10;width:100%;height:5.5rem;background:#fff}.picker-head[data-v-4535f626]{display:flex;justify-content:space-around;padding:0 .3rem;height:.8rem;font-size:.3rem;color:#2395ff;background:#efefef}.picker-head div[data-v-4535f626]{flex-grow:.4;line-height:.8rem}.picker-head div[data-v-4535f626]:first-child{text-align:left}.picker-head div[data-v-4535f626]:nth-child(2){text-align:right}.picker-wrap[data-v-4535f626]{position:relative;height:4.7rem}.content[data-v-4535f626]{display:flex;width:100%;height:100%}.content-item[data-v-4535f626]{width:33.33%;height:100%;overflow:hidden;transition:width .3s}.picker-item[data-v-4535f626]{position:relative;z-index:10;width:100%;top:1.85rem}.item[data-v-4535f626]{flex-grow:3;height:1rem;line-height:1rem;font-size:.3rem;color:#707274;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.line[data-v-4535f626]{position:absolute;top:50%;left:0;margin-top:-.5rem;width:100%;height:1rem;border-top:.02rem solid #ddd;border-bottom:.02rem solid #ddd}