diff --git a/src/views/screenAdaptation/pages/homePages/menuTop/modelSelect.vue b/src/views/screenAdaptation/pages/homePages/menuTop/modelSelect.vue index defb7ea..4658793 100644 --- a/src/views/screenAdaptation/pages/homePages/menuTop/modelSelect.vue +++ b/src/views/screenAdaptation/pages/homePages/menuTop/modelSelect.vue @@ -47,7 +47,7 @@ showModelAry: function () { this.showModelAryFlag = !this.showModelAryFlag; if (this.showModelAryFlag) { - this.$refs.modelAryRef.style.transform = "translateY(165px)"; + this.$refs.modelAryRef.style.transform = "translateY(205px)"; } else { this.$refs.modelAryRef.style.transform = "translateY(-5px)"; } @@ -85,6 +85,7 @@ transform: skew(45deg); color: #00fcff; display: inline-block; + font-style: oblique; } .show-icon-style { width: 23px; @@ -105,30 +106,31 @@ } .menu-ary-box-style { width: 200px; - height: 200px; + height: 210px; position: relative; display: flex; justify-content: center; overflow-y: hidden; z-index: 5; + font-size: 18px; .model-ary-style { - width: 150px; - height: 160px; + width: 185px; + height: 200px; position: absolute; - top: -160px; - border: 1px dashed #00fcff; - border-radius: 5px; + top: -200px; + border: 1px solid #00fcff; + border-radius: 10px; transition: transform 300ms linear; will-change: transform; display: flex; flex-direction: column; justify-content: center; align-items: center; - background-color: #060d43; + /* background-color: #060d43;*/ .model-item-style { width: 130px; - height: 40px; - line-height: 40px; + height: 50px; + line-height: 50px; border-bottom: 1px dashed #00fcff; text-align: center; color: #00fcff; @@ -143,4 +145,4 @@ } } } - \ No newline at end of file + diff --git a/src/views/screenAdaptation/pages/homePages/menuTop/time.vue b/src/views/screenAdaptation/pages/homePages/menuTop/time.vue index 624d4d9..74cfeca 100644 --- a/src/views/screenAdaptation/pages/homePages/menuTop/time.vue +++ b/src/views/screenAdaptation/pages/homePages/menuTop/time.vue @@ -2,7 +2,7 @@