diff --git a/front/src/views/newHome/components/WorkDynamics.vue b/front/src/views/newHome/components/WorkDynamics.vue index 6f440925..dd52a9f9 100644 --- a/front/src/views/newHome/components/WorkDynamics.vue +++ b/front/src/views/newHome/components/WorkDynamics.vue @@ -360,205 +360,204 @@ flex-direction: column; align-items: center; margin-bottom: 0.32rem; - width: 0.34rem; - border-radius: 0.01rem; - margin-top: 0.18rem; - } - } - - .content { - width: 13rem; - height: 4.8rem; - display: flex; - padding-left: 0.2rem; - .content-empty { - height: 2.2rem; - padding-top: 0.49rem; - } - background: #f3f5f9; - border: #eaedf2 0.01rem solid; - } - - .content > div:hover { - border-radius: 0.02rem; - border: 0.01rem solid #0058e1; - box-shadow: 0rem 0.08rem 0.2rem rgba(0, 88, 225, 0.3); - } - - .content-miaoshui { - display: flex; - flex-direction: column; - padding-top: 0.2rem; - align-items: center; - padding-bottom: 0.1rem; - .content-miaoshui-title { - padding-left: 0.05rem; - padding-right: 0.05rem; - font-size: 0.18rem; - font-weight: bold; - height: 0.3rem; - overflow: hidden; - text-overflow: ellipsis; - display: -webkit-box; - -webkit-line-clamp: 1; - -webkit-box-orient: vertical; - margin-bottom: 0.12rem; - word-break: break-all; - } - - .content-miaoshui-content { - height: 1.2rem; - width: 2.98rem; - margin: 0.12rem 0.1rem 0.1rem 0.1rem; - font-family: text-typeface; - font-size: 0.14rem; - line-height: 0.2rem; - overflow: hidden; - text-overflow: ellipsis; - display: -webkit-box; - -webkit-line-clamp: 6; - -webkit-box-orient: vertical; - margin-bottom: 0.12rem; - word-break: break-all; - cursor: pointer; - } - } - - .shijain { - width: 100%; - display: flex; - justify-content: space-between; - align-items: bottom; - margin-right: 0.16rem; - margin-left: 0.16rem; - div:first-child { - margin-left: 0.16rem; - } - } - - .shijain-content-bootom { - margin-right: 0.16rem; - width: 0.8rem; - height: 0.24rem; - text-align: center; - border: 0.01rem solid #0058e1; - cursor: pointer; - color: #0058e1; - } - - .shijain-content-bootom:hover { - background: rgba(0, 88, 225, 0.3); - } - - .content > div > div { - height: 2.4rem; - width: 100%; - } - - .one { - height: 2.4rem; - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - background-size: 100%; - padding-top: 0.15rem; - .shijain { - margin-top: 0.2rem; - } - - :deep(.ant-imag) { - text-align: center; - } - :deep(.ant-image-img) { - height: 2.1rem; - text-align: center; - justify-content: center; - align-items: center; - width: 100%; - max-width: 2.98rem; - } - } - - .bottom { - height: 0.24rem; - font-size: 0.16rem; - width: 1rem; - margin-top: 0.4rem; - cursor: pointer; - text-align: center; - color: #000000; - - .gengduo { - display: inline-block; - margin-left: 0.04rem; - width: 0.1rem; - height: 0.1rem; - background: url('~@/assets/newHome/gd2.png') no-repeat; - background-position: center; - } - } - - .bottom:hover { - border-radius: 0.02rem; - background-color: rgba(1, 102, 255, 0.1); - } - - .content > div { - height: 4.8rem; - width: 3.1rem; - margin-right: 0.2rem; - } - - .fixedmount { - height: 1.5rem; - display: flex; - position: fixed; - bottom: 2.56rem; - right: 1.9rem; - z-index: 10; - flex-direction: column; - justify-content: space-between; - align-items: center; - } - - .fixedmount div { - width: 0.7rem; - height: 0.7rem; - border-radius: 0.04rem; - border: 0.01rem #94aac9 solid; - display: flex; - flex-direction: column; - // justify-content: center; - align-items: center; - padding-top: 0.13rem; - position: relative; - cursor: pointer; - background: #e3edfc; - } - - .fixedmount div p:nth-child(2) { - position: absolute; - bottom: 0rem; - height: 0.14rem; - font-size: 0.14rem; - line-height: 0.14rem; - color: #000000; - // margin-top: .08rem; - } - - .fixedmount div:nth-child(1) p:nth-child(1) { - height: 0.24rem; - width: 0.24rem; - background: url('~@/assets/home/shenqing.png') no-repeat; - background-size: cover; - background-position: center; - } - - .fixedmount div:nth-child(2) p:nth-child(1) { - height: 0.24rem; - width: 0.24rem; - background: url('~@/assets/home/shangjia.png') no-repeat; + width: 0.34rem; + border-radius: 0.01rem; + margin-top: 0.18rem; } } + + .content { + width: 13rem; + height: 4.8rem; + display: flex; + padding-left: 0.2rem; + .content-empty { + height: 2.2rem; + padding-top: 0.49rem; + } + background: #f3f5f9; + border: #eaedf2 0.01rem solid; + } + + .content > div:hover { + border-radius: 0.02rem; + border: 0.01rem solid #0058e1; + box-shadow: 0rem 0.08rem 0.2rem rgba(0, 88, 225, 0.3); + } + + .content-miaoshui { + display: flex; + flex-direction: column; + padding-top: 0.2rem; + align-items: center; + padding-bottom: 0.1rem; + .content-miaoshui-title { + padding-left: 0.05rem; + padding-right: 0.05rem; + font-size: 0.18rem; + font-weight: bold; + height: 0.3rem; + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-line-clamp: 1; + -webkit-box-orient: vertical; + margin-bottom: 0.12rem; + word-break: break-all; + } + + .content-miaoshui-content { + height: 1.2rem; + width: 2.98rem; + margin: 0.12rem 0.1rem 0.1rem 0.1rem; + font-family: text-typeface; + font-size: 0.14rem; + line-height: 0.2rem; + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-line-clamp: 6; + -webkit-box-orient: vertical; + margin-bottom: 0.12rem; + word-break: break-all; + cursor: pointer; + } + } + + .shijain { + width: 100%; + display: flex; + justify-content: space-between; + align-items: bottom; + margin-right: 0.16rem; + margin-left: 0.16rem; + div:first-child { + margin-left: 0.16rem; + } + } + + .shijain-content-bootom { + margin-right: 0.16rem; + width: 0.8rem; + height: 0.24rem; + text-align: center; + border: 0.01rem solid #0058e1; + cursor: pointer; + color: #0058e1; + } + + .shijain-content-bootom:hover { + background: rgba(0, 88, 225, 0.3); + } + + .content > div > div { + height: 2.4rem; + width: 100%; + } + + .one { + height: 2.4rem; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + background-size: 100%; + padding-top: 0.15rem; + .shijain { + margin-top: 0.2rem; + } + + :deep(.ant-imag) { + text-align: center; + } + :deep(.ant-image-img) { + height: 2.1rem; + text-align: center; + justify-content: center; + align-items: center; + width: 100%; + max-width: 2.98rem; + } + } + + .bottom { + height: 0.24rem; + font-size: 0.16rem; + width: 1rem; + margin-top: 0.4rem; + cursor: pointer; + text-align: center; + color: #000000; + + .gengduo { + display: inline-block; + margin-left: 0.04rem; + width: 0.1rem; + height: 0.1rem; + background: url('~@/assets/newHome/gd2.png') no-repeat; + background-position: center; + } + } + + .bottom:hover { + border-radius: 0.02rem; + background-color: rgba(1, 102, 255, 0.1); + } + + .content > div { + height: 4.8rem; + width: 3.1rem; + margin-right: 0.2rem; + } + + .fixedmount { + height: 1.5rem; + display: flex; + position: fixed; + bottom: 2.56rem; + right: 1.9rem; + z-index: 10; + flex-direction: column; + justify-content: space-between; + align-items: center; + } + + .fixedmount div { + width: 0.7rem; + height: 0.7rem; + border-radius: 0.04rem; + border: 0.01rem #94aac9 solid; + display: flex; + flex-direction: column; + // justify-content: center; + align-items: center; + padding-top: 0.13rem; + position: relative; + cursor: pointer; + background: #e3edfc; + } + + .fixedmount div p:nth-child(2) { + position: absolute; + bottom: 0rem; + height: 0.14rem; + font-size: 0.14rem; + line-height: 0.14rem; + color: #000000; + // margin-top: .08rem; + } + + .fixedmount div:nth-child(1) p:nth-child(1) { + height: 0.24rem; + width: 0.24rem; + background: url('~@/assets/home/shenqing.png') no-repeat; + background-size: cover; + background-position: center; + } + + .fixedmount div:nth-child(2) p:nth-child(1) { + height: 0.24rem; + width: 0.24rem; + background: url('~@/assets/home/shangjia.png') no-repeat; + }