|
|
@@ -355,101 +355,6 @@ div{
|
|
|
display: none;
|
|
|
}
|
|
|
|
|
|
-// 自定义popper样式 复核对比
|
|
|
-.v-select-popper {
|
|
|
- background: linear-gradient(0deg, #2a746c 0%, #22569c 100%);
|
|
|
- .el-select-dropdown__item{
|
|
|
- color: #fff;
|
|
|
- text-align: center;
|
|
|
- font-size: 16px;
|
|
|
- position: relative;
|
|
|
- &::after{
|
|
|
- content: '';
|
|
|
- position: absolute;
|
|
|
- bottom: 0;
|
|
|
- left: 10%;
|
|
|
- width: 80%;
|
|
|
- height: 1px;
|
|
|
- background: url("@/assets/img/checkComparison/select_line.png")
|
|
|
- no-repeat center center / 100% 100%;
|
|
|
- }
|
|
|
- }
|
|
|
- .el-select-dropdown__item:last-child{
|
|
|
- &::after{
|
|
|
- background: none;
|
|
|
- }
|
|
|
- }
|
|
|
- .el-select-dropdown__item.is-hovering{
|
|
|
- background: linear-gradient(0deg, #94d0ff 0%, #2a746c 100%);
|
|
|
- }
|
|
|
- .el-popper__arrow:before{
|
|
|
- background: #22569C !important;
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-// 自定义popper样式 编辑农事
|
|
|
-.v-select-popper-ns {
|
|
|
- background: #032c39;
|
|
|
- .el-select-dropdown__item{
|
|
|
- color: #00FFF0;
|
|
|
- }
|
|
|
- .el-select-dropdown__item.is-hovering{
|
|
|
- background: #032c39;
|
|
|
- }
|
|
|
- .is-selected{
|
|
|
- color: #00FFF0 !important;
|
|
|
- background-color: rgba(81, 233, 240, 0.1) !important;
|
|
|
- }
|
|
|
- .el-popper__arrow:before{
|
|
|
- background: #032c39 !important;
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-// 农事自定义dialog样式
|
|
|
-.v-dialog{
|
|
|
- background: rgba(12,41,50,1);
|
|
|
- border: 1px solid #06a0c2;
|
|
|
- padding: 0;
|
|
|
- // height: 89%;
|
|
|
- .el-dialog__header{
|
|
|
- padding-bottom: 0;
|
|
|
- }
|
|
|
- .dialog-header {
|
|
|
- font-weight: normal;
|
|
|
- font-size: 17px;
|
|
|
- color: #00fff0;
|
|
|
- border-bottom: 1px solid rgba(6, 160, 194, 0.5);
|
|
|
- background: #004054;
|
|
|
- padding: 10px 17px;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: space-between;
|
|
|
- .close-icon{
|
|
|
- cursor: pointer;
|
|
|
- }
|
|
|
- }
|
|
|
- .el-dialog__footer{
|
|
|
- padding-top: 0;
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-//态势tootip样式
|
|
|
-.v-echarts-tooltip{
|
|
|
- text-align: center;
|
|
|
- font-weight: bold;
|
|
|
- div{
|
|
|
- color: #00FFF0;
|
|
|
- font-size: 11px;
|
|
|
- padding: 4px 8px 2px 8px;
|
|
|
- background: rgba(32, 64, 73, 0.8);
|
|
|
- }
|
|
|
- span{
|
|
|
- font-size: 12px;
|
|
|
- display: inline-block;
|
|
|
- padding: 2px 8px 4px 8px;
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
@font-face {
|
|
|
font-family: 'PangMenZhengDao'; /* 定义字体名称 */
|
|
|
src: url('@/assets/font/PangMenZhengDao.TTF') format('truetype');
|
|
|
@@ -469,213 +374,21 @@ div{
|
|
|
src: url('@/assets/font/HANTI.TTF') format('truetype');
|
|
|
font-weight: normal; /* 字体粗细 */
|
|
|
font-style: normal; /* 字体风格 */
|
|
|
- }
|
|
|
-.watermark {
|
|
|
- position: absolute;
|
|
|
- bottom: 0;
|
|
|
- background: rgba(20, 46, 1, 0.34);
|
|
|
- width: 100%;
|
|
|
- padding: 6px 22px;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- box-sizing: border-box;
|
|
|
- color: #ffffff;
|
|
|
- justify-content: center;
|
|
|
- .region {
|
|
|
- background: url("@/assets/img/round_bg.png") no-repeat center center /
|
|
|
- 100% 100%;
|
|
|
- width: 83px;
|
|
|
- height: 83px;
|
|
|
- font-size: 28px;
|
|
|
- text-stroke: 2px #003c4e;
|
|
|
- -webkit-text-stroke: 2px #003c4e;
|
|
|
- font-weight: bold;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- margin-right: 1%;
|
|
|
- }
|
|
|
- .center {
|
|
|
- color: #fffffe;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- -webkit-text-stroke: 1.4px #003c4e;
|
|
|
- margin-right: 1.5%;
|
|
|
+ }
|
|
|
|
|
|
- .line {
|
|
|
- width: 2px;
|
|
|
- height: 60px;
|
|
|
- background: #ffffff;
|
|
|
- border-radius: 0px 6px 0px 0px;
|
|
|
- border: 2px solid #003c4e;
|
|
|
- margin-right: 1.5%;
|
|
|
- }
|
|
|
- .time {
|
|
|
- font-size: 20px;
|
|
|
- font-weight: 400;
|
|
|
- margin-right: 3%;
|
|
|
- .year {
|
|
|
- -webkit-text-stroke: 1.2px #003c4e;
|
|
|
- }
|
|
|
- .divider {
|
|
|
- width: 42px;
|
|
|
- height: 1px;
|
|
|
- background: #ffffff;
|
|
|
- border: 1.5px solid #003c4e;
|
|
|
- }
|
|
|
- .date {
|
|
|
- font-size: 52px;
|
|
|
- -webkit-text-stroke: 2px #003c4e;
|
|
|
- }
|
|
|
- }
|
|
|
- .code {
|
|
|
- font-weight: bold;
|
|
|
- font-size: 28px;
|
|
|
- padding-left: 15px;
|
|
|
- margin-right: 1.5%;
|
|
|
- width: 288px;
|
|
|
- div {
|
|
|
- position: relative;
|
|
|
- &::before {
|
|
|
- content: "";
|
|
|
- position: absolute;
|
|
|
- left: -20px;
|
|
|
- top: 15px;
|
|
|
- width: 9px;
|
|
|
- height: 9px;
|
|
|
- background: linear-gradient(0deg, #4facfe 0%, #00f2fe 100%);
|
|
|
- border-radius: 50%;
|
|
|
- border: 1.5px solid #003c4e;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- .weather {
|
|
|
- font-weight: bold;
|
|
|
- font-size: 30px;
|
|
|
- display: flex;
|
|
|
- .temperature {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- .num {
|
|
|
- margin-left: 5px;
|
|
|
- line-height: 24px;
|
|
|
- img {
|
|
|
- height: 9px;
|
|
|
- margin-bottom: 5px;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- .right {
|
|
|
- display: flex;
|
|
|
- .circle {
|
|
|
- width: 98px;
|
|
|
- height: 98px;
|
|
|
- border-radius: 50%;
|
|
|
- text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.6);
|
|
|
- font-size: 25px;
|
|
|
- color: #fffefe;
|
|
|
- box-sizing: border-box;
|
|
|
- padding: 12px;
|
|
|
- text-align: center;
|
|
|
- margin-left: 10px;
|
|
|
- }
|
|
|
- .yellow {
|
|
|
- padding: 12px 9px;
|
|
|
- line-height: 65px;
|
|
|
- border: 2px solid #ffc000;
|
|
|
- background: rgba(116, 96, 83, 0.4);
|
|
|
- }
|
|
|
- .blue {
|
|
|
- border: 2px solid #b9e1ff;
|
|
|
- background: rgba(16, 89, 119, 0.4);
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-.watermark-style {
|
|
|
- position: absolute;
|
|
|
- background: rgba(20, 46, 1, 0.34);
|
|
|
+// 图表右上角
|
|
|
+.common-select {
|
|
|
+ min-width: 46px;
|
|
|
width: 100%;
|
|
|
- bottom: 0;
|
|
|
- padding: 12px 18px 8px 18px;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- box-sizing: border-box;
|
|
|
- color: #ffffff;
|
|
|
- justify-content: space-between;
|
|
|
- .left{
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- }
|
|
|
- .region {
|
|
|
- width: 50px;
|
|
|
- height: 50px;
|
|
|
- font-size: 17px;
|
|
|
- background: url("@/assets/img/round_bg.png") no-repeat center center /
|
|
|
- 100% 100%;
|
|
|
- line-height: 50px;
|
|
|
- text-align: center;
|
|
|
- margin-right: 15px;
|
|
|
- }
|
|
|
- .date{
|
|
|
- font-size: 30px;
|
|
|
- color: #FFFFFE;
|
|
|
- font-weight: bold;
|
|
|
- -webkit-text-stroke: 0.6px #003c4e;
|
|
|
- margin-right: 12px;
|
|
|
- }
|
|
|
- .whq{
|
|
|
- font-size: 22px;
|
|
|
- }
|
|
|
- .code{
|
|
|
- display: flex;
|
|
|
- margin-right: 14px;
|
|
|
- .code-txt{
|
|
|
- font-weight: bold;
|
|
|
- font-size: 22px;
|
|
|
- margin-left: 25px;
|
|
|
- position: relative;
|
|
|
- &::before{
|
|
|
- content: '';
|
|
|
- position: absolute;
|
|
|
- left: -15px;
|
|
|
- top: 12px;
|
|
|
- width: 6px;
|
|
|
- height: 6px;
|
|
|
- background: linear-gradient(0deg, #4FACFE 0%, #00F2FE 100%);
|
|
|
- border-radius: 50%;
|
|
|
- border: 2px solid #21494f;
|
|
|
- }
|
|
|
+ .el-select__wrapper {
|
|
|
+ background: none;
|
|
|
+ box-shadow: 0 0 0 1px rgba(102, 102, 102, 0.4) inset;
|
|
|
+ &.is-hovering:not(.is-focused) {
|
|
|
+ box-shadow: 0 0 0 1px rgba(102, 102, 102, 0.4) inset;
|
|
|
}
|
|
|
- }
|
|
|
- .weather{
|
|
|
- display: flex;
|
|
|
-
|
|
|
- .temperature{
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- font-size: 22px;
|
|
|
- margin-right: 10px;
|
|
|
- img{
|
|
|
- width: 28px;
|
|
|
- height: 28px;
|
|
|
- margin-right: 4px;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .right{
|
|
|
- display: flex;
|
|
|
- font-size: 17px;
|
|
|
- .block{
|
|
|
- border: 1px solid rgba(255, 255, 255, 0.64);
|
|
|
- border-radius: 4px;
|
|
|
- padding: 8px 12px;
|
|
|
- &.mr{
|
|
|
- margin-right: 8px;
|
|
|
+ .el-select__placeholder {
|
|
|
+ color: #fff;
|
|
|
+ display: contents;
|
|
|
}
|
|
|
- }
|
|
|
}
|
|
|
}
|
wangsisi