.detail { // height: 100vh; // overflow: hidden; .iconEdit { font-size: 24px; } } .cellGroup { margin-top: 12px; .cellTitle { padding: 15px 12px; .tag { font-size: 12px; background-color: #F2FFFC; padding: 3px 6px 2px; border-radius: 3px; margin-right: 6px; flex-shrink: 0; } .title { font-size: 16px; font-weight: 600; color: #333333; line-height: 22px; max-width: 240px; } } .cellTimerSkeleton { display: flex; justify-content: flex-end; } .cellTimer { :global { .van-cell__title { flex: 0 auto; } .van-cell__title, .van-cell__value { color: var(--k-gray-3); font-size: 14px; } } .ing { color: var(--k-font-primary); } } } .pTitle { font-size: 14px; color: var(--k-gray-2); line-height: 20px; margin: 20px 15px 12px; } .pCellGroup { .imgType { width: 46px; height: 20px; margin-right: 5px; flex-shrink: 0; } .title { font-size: 16px; font-weight: 600; color: var(--k-gray-1); line-height: 22px; } .time { font-size: 14px; color: var(--k-gray-3); } .moreCell { padding-top: 15px; padding-bottom: 20px; } .valueClass { .item { margin-bottom: 15px; } text-align: left; font-size: 15px; color: var(--k-gray-1); .label { color: var(--k-gray-3); } .content { font-weight: 500; span { font-size: 14px; color: var(--k-font-primary); margin-left: 10px; } } } .photoList { display: flex; margin-top: 15px; } .photo { position: relative; width: 76px; height: 76px; &+.photo { margin-left: 7px; } :global { .van-image { width: inherit; height: inherit; border-radius: 2px; overflow: hidden; } } .photoMore { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.5); font-size: 14px; color: #fff; // font-weight: bold; display: flex; align-items: center; justify-content: center; border-radius: 2px; overflow: hidden; } } }