@xysfe/actui
Version:
A fantastic mobile ui lib implement by Vue
1 lines • 8.22 kB
CSS
.gradual-color[data-v-4fc1cde1]{height:2.2rem;background:-webkit-linear-gradient(bottom,#f7f8fc,#fff);background:linear-gradient(0deg,#f7f8fc,#fff)}.dialog-body[data-v-4fc1cde1]{margin-top:-.8rem;padding:0 1.4rem;background:#f7f8fc}.dialog-body .reduce-tag[data-v-4fc1cde1]{display:inline-block;scale:.9;height:100%}.dialog-body .tips[data-v-4fc1cde1]{margin-bottom:.85rem}.dialog-body .tips .tip-title[data-v-4fc1cde1]{font-size:1.4rem;height:1.9rem;line-height:1.9rem;color:#333}.dialog-body .tips .tip-content[data-v-4fc1cde1]{font-size:1.2rem;height:2.2rem;line-height:2.2rem;margin-top:.2rem;color:#666}.dialog-body .tips .tip-content img[data-v-4fc1cde1]{margin-top:.7rem}.dialog-body .scroll-wrapper[data-v-4fc1cde1]{border-radius:1rem 1rem 0 0;border-top:.1rem solid #e2e5e7}.dialog-body .scroll-content[data-v-4fc1cde1]{height:60vh;content:"viewport-units-buggyfill; height: 60vh"}.dialog-body .scroll-content .act-gold-desc-header[data-v-4fc1cde1]{display:-webkit-box;display:-webkit-flex;display:flex;height:4rem;font-size:1.3rem;background:#f1f1f7;color:#333;border-radius:1rem 1rem 0 0;border:.1rem solid #e2e5e7;line-height:4rem;text-align:center;border-bottom:none;border-top:none}.dialog-body .scroll-content .act-gold-desc-header .header-item[data-v-4fc1cde1]:first-child{width:5rem;border-right:.05rem solid #e2e5e7}.dialog-body .scroll-content .act-gold-desc-header .header-item[data-v-4fc1cde1]:nth-child(2){width:9.8rem;border-right:.05rem solid #e2e5e7}.dialog-body .scroll-content .act-gold-desc-header .header-item[data-v-4fc1cde1]:nth-child(3){-webkit-box-flex:1;-webkit-flex:1;flex:1}.dialog-body .scroll-content .table-body[data-v-4fc1cde1]{font-size:1.2rem;color:#333;line-height:1.8rem;border-radius:0 0 1rem 1rem;border:.1rem solid #e2e5e7;background:#fff}.dialog-body .scroll-content .table-body .table-body-item[data-v-4fc1cde1]{display:-webkit-box;display:-webkit-flex;display:flex;border-bottom:.05rem solid #e2e5e7}.dialog-body .scroll-content .table-body .table-body-item[data-v-4fc1cde1]:last-child{border-radius:0 0 1rem 1rem;border-bottom:none}.dialog-body .scroll-content .table-body .table-body-item .table-header[data-v-4fc1cde1]{width:5rem;padding:0 .6rem;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;border-right:.05rem solid #e2e5e7;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.dialog-body .scroll-content .table-body .table-body-item .table-content[data-v-4fc1cde1]{-webkit-box-flex:1;-webkit-flex:1;flex:1}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item[data-v-4fc1cde1]{display:-webkit-box;display:-webkit-flex;display:flex;border-bottom:.05rem solid #e2e5e7}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item[data-v-4fc1cde1]:last-child{border-bottom:none}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item .row-item[data-v-4fc1cde1]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;min-height:4.5rem;padding:.7rem;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;border-right:.05rem solid #e2e5e7}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item .row-item.center-cell[data-v-4fc1cde1]{-webkit-box-align:center;-webkit-align-items:center;align-items:center}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item .row-item[data-v-4fc1cde1]:first-child{width:9.8rem}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item .row-item:first-child .tags[data-v-4fc1cde1]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item .row-item:first-child p[data-v-4fc1cde1]{margin-bottom:.3rem}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item .row-item:first-child li .li-wrapper[data-v-4fc1cde1]{margin-bottom:.5rem}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item .row-item:first-child li .li-wrapper .li-content[data-v-4fc1cde1]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item .row-item:first-child li .li-wrapper .li-content .li-bar[data-v-4fc1cde1]{width:.4rem;height:.4rem;background:#a0a0a0;border-radius:50%;margin-right:.55rem}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item .row-item:first-child li .li-wrapper .tags-supply[data-v-4fc1cde1]{margin-left:.95rem}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item .row-item:first-child .item-required[data-v-4fc1cde1]:after{content:"*";color:red}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item .row-item[data-v-4fc1cde1]:last-child{-webkit-box-flex:1;-webkit-flex:1;flex:1;border-right:none}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item .row-item-cell3[data-v-4fc1cde1]{-webkit-box-align:start;-webkit-align-items:flex-start;align-items:flex-start;line-height:1.8rem}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item .row-item-cell3 .webkit-box[data-v-4fc1cde1]{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item .row-item-cell3 .webkit-box.deatil-type[data-v-4fc1cde1]{-webkit-line-clamp:999;line-clamp:999}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item .row-item-cell3 .webkit-box .cell3-content .float-box[data-v-4fc1cde1]{width:0;float:right;clear:both}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item .row-item-cell3 .webkit-box .cell3-content .fold-btn[data-v-4fc1cde1]{float:right;clear:both}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item .row-item-cell3 .webkit-box .cell3-content .inline-block[data-v-4fc1cde1]{display:inline}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item .row-item-cell3 .webkit-box .cell3-content .todo-tip[data-v-4fc1cde1]{color:#999}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item .row-item-cell3 .webkit-box .cell3-content .todo-tip.long-todo-tip[data-v-4fc1cde1]{display:inline-block;margin-top:.8rem}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item .row-item-cell3 .unfold[data-v-4fc1cde1]{display:block;overflow:visible;-webkit-line-clamp:unset;line-clamp:unset}.dialog-body .scroll-content .margin-box[data-v-4fc1cde1]{height:4rem}.dialog-body .gold-tag[data-v-4fc1cde1]{display:inline-block;vertical-align:initial;padding:.1rem .2rem .05rem;font-size:.9rem;height:1.4rem;opacity:.6;text-align:center;line-height:1.25rem;border-radius:.2rem;color:#fff;margin-right:.3rem;margin-bottom:.2rem}.dialog-body .gold-tag[data-v-4fc1cde1]:last-child{margin-right:0}.dialog-body .gold-tag.gold-tag-forward[data-v-4fc1cde1]{background:-webkit-linear-gradient(right,#ff8a3e,#ffa911);background:linear-gradient(270deg,#ff8a3e,#ffa911);opacity:1;width:-webkit-max-content;width:max-content}.dialog-body .gold-tag.gold-tag-applicant[data-v-4fc1cde1]{background:#f04b4b}.dialog-body .gold-tag.gold-tag-insured[data-v-4fc1cde1]{background:#f0a34b}.dialog-body .gold-tag.gold-tag-agent[data-v-4fc1cde1]{background:#1358ff}.dialog-body .gold-tag.gold-tag-beneficiary[data-v-4fc1cde1]{background:#584bf0}.dialog-body .gold-tag.gold-tag-guarder[data-v-4fc1cde1]{background:#ff6f38}.dialog-body .required[data-v-4fc1cde1]{display:inline-block;width:.85rem;height:1.2rem}