diff --git a/pages/NursingNew/component/index.vue b/pages/NursingNew/component/index.vue index e66748e..676fdf6 100644 --- a/pages/NursingNew/component/index.vue +++ b/pages/NursingNew/component/index.vue @@ -73,7 +73,31 @@ - + + + + 65 + + + + + + + + + 70 + + + + + + + + 行政 + + + + @@ -108,8 +132,8 @@ 暂无数据 - - + + @@ -118,7 +142,8 @@ - + {{ indexmessage?.directiveName }} @@ -873,6 +898,18 @@ z-index: 4; } + .title-card-right { + position: absolute; + right: 0; + top: 0; + width: 10vw; + height: 9.2vw; + border-radius: 2vw; + background-color: #FFFFFF; + padding: 1.6vw; + margin-right: 1.5vw; + } + .title-card { width: 10vw; height: 9vw; @@ -881,78 +918,78 @@ padding: 1.6vw; position: relative; margin-right: 1.5vw; + } - .card-bottom { - position: absolute; - left: 0; - bottom: 0; - width: 100%; - height: 3vw; + .card-bottom { + position: absolute; + left: 0; + bottom: 0; + width: 100%; + height: 3vw; + display: flex; + + .bottom-img { + width: 1.6vw; + height: 1.6vw; + margin-left: 1.8vw; + } + + .bottom-font { + color: #555555; + font-size: 1.4vw; + margin-left: 0.5vw; + } + } + + .card-top { + width: 100%; + display: flex; + justify-content: space-between; + position: relative; + + .card-top-left { + font-size: 1.8vw; + font-weight: 600; + } + + .card-top-right { + width: 2vw; + height: 2vw; + border-radius: 50%; + background-color: #F1F2F3; display: flex; + justify-content: center; + align-items: center; - .bottom-img { - width: 1.6vw; - height: 1.6vw; - margin-left: 1.8vw; - } - - .bottom-font { - color: #555555; - font-size: 1.4vw; - margin-left: 0.5vw; + .right-img { + width: 0.8vw; + height: 0.8vw; } } - .card-top { - width: 100%; - display: flex; - justify-content: space-between; - position: relative; + .card-spec { + position: absolute; + top: 1.1vw; + left: 1.6vw; + width: 1.5vw; + height: 2vw; + // background-color: #0076FF; - .card-top-left { - font-size: 1.8vw; - font-weight: 600; - } - - .card-top-right { - width: 2vw; - height: 2vw; - border-radius: 50%; - background-color: #F1F2F3; - display: flex; - justify-content: center; - align-items: center; - - .right-img { - width: 0.8vw; - height: 0.8vw; - } - } - - .card-spec { + .line { position: absolute; - top: 1.1vw; - left: 1.6vw; - width: 1.5vw; - height: 2vw; - // background-color: #0076FF; + inset: 0; + background: linear-gradient(to bottom right, + transparent calc(50% - 1px), + #d5d5d5 50%, + transparent calc(50% + 1px)) + } - .line { - position: absolute; - inset: 0; - background: linear-gradient(to bottom right, - transparent calc(50% - 1px), - #d5d5d5 50%, - transparent calc(50% + 1px)) - } - - .line-gray { - position: absolute; - right: -1.1vw; - bottom: -0.6vw; - color: #888888; - font-size: 1.3vw; - } + .line-gray { + position: absolute; + right: -1.1vw; + bottom: -0.6vw; + color: #888888; + font-size: 1.3vw; } } } diff --git a/pages/NursingNew/component/leftcontent/leftcontent.vue b/pages/NursingNew/component/leftcontent/leftcontent.vue index ab1e7ad..d998bef 100644 --- a/pages/NursingNew/component/leftcontent/leftcontent.vue +++ b/pages/NursingNew/component/leftcontent/leftcontent.vue @@ -1,7 +1,7 @@