123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252 |
- @media print {
- .no-print {
- display: none;
- }
- .pro-content {
- display: flex;
- flex-direction: column;
- .pc-title {
- text-align: center;
- font-size: 16px;
- font-weight: bold;
- margin-bottom: 10px;
- color: black;
- }
- .pc-row {
- display: flex;
- flex-direction: row;
- font-size: 12px;
- padding: 0 30px;
- .pr-item {
- width: 25%;
- }
- .pr-items {
- width: 50%;
- }
- .pr-itemss {
- width: 100%;
- }
- .pr-item,
- .pr-items,
- .pr-itemss {
- .pi-tit {
- font-weight: bold;
- color: black;
- }
- span {
- color: black;
- font-weight: bold;
- }
- button {
- background: "green";
- margin: 0 28px;
- span {
- color: #fff;
- }
- }
- .pi-record {
- text-align: center;
- color: #999999;
- }
- }
- }
- .p-line {
- border-top: 1px dashed #000000A6;
- margin: 6px 30px;
- }
- .pc-tit {
- font-size: 14px;
- padding: 4px 20px;
- margin: 4px 0;
- color: #fff;
- background: #02a7f0;
- }
- }
- }
- .progress {
- padding: 30px 0;
- .pro-content {
- display: flex;
- flex-direction: column;
- .pc-title {
- text-align: center;
- font-size: 16px;
- font-weight: bold;
- margin-bottom: 10px;
- color: black;
- }
- .pc-row {
- display: flex;
- flex-direction: row;
- font-size: 12px;
- padding: 0 30px;
- .pr-item {
- width: 25%;
- }
- .pr-items {
- width: 50%;
- }
- .pr-itemss {
- width: 100%;
- }
- .pr-item,
- .pr-items,
- .pr-itemss {
- .pi-tit {
- font-weight: bold;
- color: black;
- }
- span {
- color: black;
- font-weight: bold;
- }
- .ant-radio-wrapper {
- span {
- color: #000000A6;
- font-weight: 400;
- }
- .ant-input {
- border: 0px;
- border-bottom: 1px solid #d9d9d9;
- border-radius: 0;
- }
- }
- .ant-input {
- border: 0px;
- border-bottom: 1px solid #d9d9d9;
- border-radius: 0;
- padding: 0 2px;
- height: 100%;
- text-align: center;
- }
- button {
- background: green;
- margin: 0 28px;
- span {
- color: #fff;
- }
- }
- .pi-record {
- text-align: center;
- color: #999999;
- }
- .ant-radio-inner {
- border-radius: 2px;
- /* 修改圆角 */
- width: 14px;
- /* 修改宽度 */
- height: 14px;
- /* 修改高度 */
- }
- .ant-radio-checked .ant-radio-inner {
- border-color: #1890ff;
- /* 修改选中时的边框颜色 */
- background: #1890ff;
- /* 修改选中时的背景颜色 */
- }
- .ant-radio-inner::after {
- content: "\E632";
- /* 使用base64的勾选图标 */
- // display: block;
- // font-weight: 700;
- // font-size: 8px;
- // border: 0;
- // color: #fff;
- // left: 2px;
- // top: 3px;
- // position: absolute;
- -webkit-transform: rotate(45deg) scale(0);
- -ms-transform: rotate(45deg) scale(0);
- transform: rotate(45deg) scale(0);
- position: absolute;
- left: 4px;
- top: 1px;
- display: table;
- width: 5px;
- height: 8px;
- border: 2px solid #fff;
- background: #fff;
- border-top: 0;
- border-left: 0;
- content: " ";
- -webkit-transition: all .1s cubic-bezier(0.71, -0.46, 0.34, -0.91);
- transition: all .1s cubic-bezier(.71,-.46,.88,.6)
- }
- }
- }
- .p-line {
- border-top: 1px dashed #000000A6;
- margin: 6px 30px;
- }
- .pc-tit {
- font-size: 14px;
- padding: 5px 20px;
- margin: 5px 0;
- color: #fff;
- background: #02a7f0;
- }
- }
- .pro-bottom {
- display: flex;
- justify-content: center;
- }
- }
|