| | |
| | | }
|
| | | }
|
| | | .task-list {
|
| | | background: #fdfdfd;
|
| | | background:#1c364a;
|
| | | padding: 20px;
|
| | | box-sizing: border-box;
|
| | |
|
| | |
| | | flex-wrap: wrap;
|
| | | min-height: 200px;
|
| | | .wrap-box {
|
| | | width: 16.66%;
|
| | | width: 11%;
|
| | | }
|
| | | .list-choose-item-left {
|
| | | width: 80%;
|
| | | height: auto;
|
| | | margin: auto;
|
| | | margin-bottom: 30px;
|
| | | max-width: 200px;
|
| | | max-width: 150px;
|
| | | .mask {
|
| | | width: 100%;
|
| | |
|
| | |
| | | display: flex;
|
| | | flex-wrap: wrap;
|
| | | .wrap-box {
|
| | | width: 16.6%;
|
| | | width: 11.6%;
|
| | | margin-bottom: 30px;
|
| | | .list-choose-item-left {
|
| | | width: 80%;
|
| | | height: auto;
|
| | | margin: auto;
|
| | | margin-bottom: 30px;
|
| | | max-width: 200px;
|
| | | max-width: 150px;
|
| | | }
|
| | | .inner {
|
| | | width: 80%;
|
| | |
| | | }
|
| | | }
|
| | | .alg-name {
|
| | | height: 36px;
|
| | | height: 20px;
|
| | | text-align: center;
|
| | | line-height: 36px;
|
| | | line-height: 20px;
|
| | | }
|
| | | .mask {
|
| | | position: absolute;
|
| | |
| | | font-size: 14px;
|
| | |
|
| | | transition: all 1s;
|
| | | background: #ffffff;
|
| | | // background: #ffffff;
|
| | | border-radius: 4px;
|
| | | p {
|
| | | display: none;
|
| | |
| | | }
|
| | | }
|
| | | .list-choose-item-left-uninstal {
|
| | | color: darkgray;
|
| | | background-color: #ddd;
|
| | | color: gray;
|
| | | filter: grayscale(100%);;
|
| | | }
|
| | | .list-complete-item.sortable-chosen {
|
| | | background: #4ab7bd;
|
| | |
| | | }
|
| | | .alg-name {
|
| | | //margin-top: 12px;
|
| | | line-height: 36px;
|
| | | line-height: 20px;
|
| | | font-family: PingFangSC-Regular;
|
| | | font-size: 14px;
|
| | | letter-spacing: 0.05em;
|
| | | color: #3e4664;
|
| | | color: #fff;
|
| | | // background-color: #ecf5ff;
|
| | | .el-input {
|
| | | position: relative;
|
| | |
| | | padding-top: 100%;
|
| | | position: relative;
|
| | | box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.07);
|
| | | border-radius: 25px;
|
| | | svg {
|
| | | position: absolute;
|
| | | top: 50%;
|
| | |
| | | top: 50%;
|
| | | left: 50%;
|
| | | transform: translate(-50%, -50%);
|
| | | max-height: 150px;
|
| | | // max-width: 106px;
|
| | | // max-height: 106px;
|
| | | }
|
| | |
| | | }
|
| | | &.uninstall {
|
| | | .svg-wrap {
|
| | | background-color: #ddd;
|
| | | filter: grayscale(100%);
|
| | | }
|
| | | .alg-name {
|
| | | color: darkgray;
|
| | | color: #ffffff;
|
| | | }
|
| | | }
|
| | | }
|
| | |
| | | height: 110px;
|
| | | margin: auto;
|
| | | position: relative;
|
| | | border-radius: 10px;
|
| | | img {
|
| | | vertical-align: middle;
|
| | | margin-right: -3px;
|