众包移植

public/react/src/modules/projectPackages/packageconcnet.css

@@ -335,3 +335,12 @@
 .pd30a0{
     padding: 30px 30px 16px 30px;
 }
+
+.shaiContent li.shaiItem:hover span{
+    color: #fff !important;
+}
+
+.shaiContent li.shaiItem:hover i.iconfont{
+    color: #4CACFF!important
+}
+

public/stylesheets/educoder/edu-all.css

@@ -3056,3 +3056,288 @@ a.singlepublishtwo{
 }
 .project_packagesHead{width: 100%;margin-bottom:40px;background-size: 100% 100%;background-image: url("/images/educoder/project_packagesHead.jpg");height: 240px;
     justify-content: center;align-items: center;display: -webkit-flex;}
+
+
+/* 个人中心-众包 */
+.project-packages-list {
+}
+.project-packages-list .project-package-item {
+    display: -webkit-flex;
+    display: flex;
+    flex-direction: row;
+    margin-bottom: 20px;
+    padding: 20px;
+    background: white;
+    /*box-shadow:1px 3px 3px 1px rgba(156,156,156,0.16);*/
+}
+
+.project-packages-list .project-package-item:hover{
+    box-shadow: 1px 6px 16px rgba(156,156,156,0.16);
+    opacity: 1;
+    border-radius: 2px;
+}
+
+.project-packages-list .project-package-item .item-image {
+    width: 150px;
+    height: 110px;
+}
+.project-packages-list .project-package-item .item-body {
+    margin-left: 20px;
+    flex: 1;
+}
+
+.project-package-item .item-body {
+    display: -webkit-flex;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+}
+
+.project-package-item .item-body .item-head {
+    display: -webkit-flex;
+    display: flex;
+    justify-content: space-between;
+    font-size: 20px;
+    height: 40px;
+}
+.project-package-item .item-head-title {
+    max-width: 700px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    transition: max-width .2s;
+    -moz-transition: max-width .2s; /* Firefox 4 */
+    -webkit-transition: max-width .2s; /* Safari 和 Chrome */
+    -o-transition: max-width .2s; /* Opera */
+}
+.project-package-item .item-head-tags {
+    display: -webkit-flex;
+    display: flex;
+    align-items: center;
+}
+.project-package-item .item-head-tags span {
+    margin-left: 20px;
+    padding: 0 10px;
+    height: 28px;
+    font-size: 14px;
+    color: white;
+    border-radius: 5px;
+}
+.project-package-item .item-head-tags span.pending { background: lightcoral; }
+.project-package-item .item-head-tags span.bidding_won { background: lightgreen; }
+.project-package-item .item-head-tags span.bidding_lost { background: grey; }
+
+.project-package-item .item-head-blank {
+    flex: 1;
+}
+.project-package-item .item-head-price {
+    margin-left: 20px;
+    color: #F83B2D;
+    font-size: 28px;
+    font-weight: bold;
+}
+.project-package-item .item-head-price span {
+    font-size: 18px;
+}
+.project-package-item .item-category {
+    display: -webkit-flex;
+    display: flex;
+}
+.project-package-item .item-category-item {
+    padding: 0 10px;
+    color: #FF6800;
+    font-size: 14px;
+    background:rgba(255,235,213,1);
+    border-radius:13px;
+}
+
+.project-package-item .item-other {
+    display: -webkit-flex;
+    display: flex;
+    justify-content: space-between;
+    color: #999999;
+}
+.project-package-item .item-group {
+    flex: 2;
+}
+.project-package-item .item-group.item-other-publish-at {
+    text-align: right;
+}
+.project-package-item .item-other-blank {
+    flex: 3
+}
+
+.project-package-item.with-operator .item-operator {
+    width: 0;
+    transition: width .2s;
+    -moz-transition: width .2s; /* Firefox 4 */
+    -webkit-transition: width .2s; /* Safari 和 Chrome */
+    -o-transition: width .2s; /* Opera */
+}
+.project-package-item.with-operator:hover .item-operator {
+    margin: -20px -20px -20px 20px;
+    padding: 20px 0;
+    width: 100px;
+    display: flex;
+    justify-content: space-around;
+    flex-direction: column;
+    align-items: center;
+    background: #f0f0f0;
+}
+.project-package-item.with-operator .item-operator a {
+    display: none;
+}
+.project-package-item.with-operator:hover .item-operator a {
+    display: block;
+    font-size: 20px;
+}
+.project-package-item.with-operator:hover .item-head-title {
+    max-width: 600px;
+}
+
+.list-count {
+    background: #fafafa;
+}
+.list-count span {
+    color: coral;
+    padding: 0 3px;
+}
+
+
+.applycompetitions{
+    line-height: 30px;
+    border-radius: 14px;
+    color: #666;
+    background: rgba(41,189,139,1);
+    opacity: 0.8;
+    font-size: 14px;
+    font-family: MicrosoftYaHei;
+    font-weight: 400;
+    color: rgba(255,255,255,1);
+    position: absolute;
+    bottom: 139px;
+    left: 18px;
+    width: 73px;
+    height: 30px;
+    text-align: center;
+}
+
+.noteDetailPoints{
+    width: 70px;
+    height: 70px;
+    background-color: #4cacff;
+    border-radius: 50%;
+    color: #fff;
+    text-align: center;
+    margin: 0 auto;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    padding: 2px 0;
+    cursor: pointer;
+    line-height: 22px;
+    padding-top: 12px;
+}
+
+.noteDetailPointsBCD1E3{
+    width: 70px;
+    height: 70px;
+    background-color: #BCD1E3;
+    border-radius: 50%;
+    color: #fff;
+    text-align: center;
+    margin: 0 auto;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    padding: 2px 0;
+    cursor: pointer;
+    line-height: 22px;
+    padding-top: 12px;
+}
+
+.-task-sidebars{
+    position: fixed;
+    width: 40px;
+    height: 180px;
+    right: 0;
+    bottom: 30px;
+    z-index: 10;
+}
+
+.winput150{
+    width:150px;
+}
+
+
+.upload_Titles{
+    position: relative;
+    float: left;
+    line-height: 35px;
+    font-size: 16px;
+    width: 50px;
+}
+
+.lineheight35{
+    line-height: 35px;
+}
+
+.w120{
+    width:120px;
+}
+.h90{
+    width:90px;
+}
+
+.decoration4CACFF{
+    color: #4CACFF !important;
+    border-bottom: 1px solid #4CACFF;
+}
+
+.surfacePlot{
+    cursor: pointer;
+    width:122px;
+    height:92px;
+    background:rgba(250,250,250,1);
+    border:1px solid rgba(221,221,221,1);
+}
+
+.marginuploading{
+    padding: 28px 43px;
+    position: absolute;
+    z-index: 10;
+}
+.surfacePlot:hover .marginuploading.hidden{
+    background: rgba(0,0,0, 0.1);
+}
+
+.roundedRectangles {
+    position: absolute;
+    top: 10px;
+    right: -22px;
+}
+
+
+.edu-menu-lists .currentName{
+    text-align: left;
+}
+
+.edu-menu-lists li{
+    text-align: left;
+}
+
+.login_regs{
+    width: 580px !important;
+}
+
+.login_regs a{
+    cursor: pointer;
+}
+
+#member_block{
+    height: 260px;
+    overflow-y: auto;
+}
+
+#trophyreturn i{
+    font-size: 16px!important;
+    color: #AAAAAA;
+}