123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125 |
- @charset "UTF-8";
- /**
- * 下方引入的为uView UI的集成样式文件,为scss预处理器,其中包含了一些"u-"开头的自定义变量
- * 使用的时候,请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可
- * uView自定义的css类名和scss变量,均以"u-"开头,不会造成冲突,请放心使用
- */
- .history {
- padding-bottom: 20px;
- }
- .history .search {
- background-color: #ffffff;
- padding: 30px 16px 6px;
- }
- .history .search .search_wrap {
- background-color: #F8F5F5;
- border-radius: 10px;
- display: flex;
- align-items: center;
- padding: 6px 8px;
- }
- .history .search .search_wrap image {
- width: 16px;
- height: 16px;
- margin: 0 10px;
- }
- .history .search .search_wrap input {
- width: 100%;
- }
- .history .title {
- padding: 20px 25px 0;
- }
- .history .title .name {
- font-size: 18px;
- font-weight: 400;
- color: #000000;
- }
- .history .title .banben {
- font-size: 11px;
- font-weight: 400;
- color: #707070;
- padding-top: 10px;
- }
- .history .step_wrap {
- padding: 40px 30px 0;
- position: relative;
- display: flex;
- flex-direction: column;
- }
- .history .step_wrap .item {
- position: relative;
- border-left: 2px solid #565656;
- min-height: 100px;
- width: 100%;
- display: inline-block;
- }
- .history .step_wrap .item .dot {
- position: absolute;
- width: 10px;
- height: 10px;
- background-color: #565656;
- border-radius: 50%;
- top: -5px;
- left: -5px;
- }
- .history .step_wrap .item .version {
- font-size: 14px;
- font-weight: 400;
- color: #000000;
- margin: -10px 0 0 10px;
- }
- .history .step_wrap .item .desc {
- font-size: 14px;
- font-weight: 400;
- color: #000000;
- padding-top: 7px;
- margin-left: 10px;
- }
- .history .step_wrap .active {
- position: relative;
- border-left: 2px solid #16BA63;
- display: inline-block;
- min-height: 100px;
- width: 100%;
- }
- .history .step_wrap .active .dot {
- position: absolute;
- width: 10px;
- height: 10px;
- background-color: #16BA63;
- border-radius: 50%;
- }
- .history .step_wrap .active .version {
- font-size: 14px;
- font-weight: 400;
- color: #000000;
- margin: -10px 0 0 10px;
- }
- .history .step_wrap .active .desc {
- font-size: 14px;
- font-weight: 400;
- color: #000000;
- padding-top: 7px;
- margin-left: 10px;
- }
- .history .step_wrap .first {
- position: relative;
- border-left: none;
- display: inline-block;
- min-height: 100px;
- width: 100%;
- }
- .history .step_wrap .first .version {
- font-size: 14px;
- font-weight: 400;
- color: #000000;
- margin: -10px 0 0 10px;
- }
- .history .step_wrap .first .desc {
- font-size: 14px;
- font-weight: 400;
- color: #000000;
- padding-top: 7px;
- margin-left: 10px;
- }
|