中建四局(登录页):输入框样式冲突解决

src/views/home/components/loginInfo.vue

@@ -64,7 +64,7 @@ export default {
   },
   methods: {
     goBackBtn() {
-        this.$emit('goBackBtn');
+      this.$router.push({ path: "/" });
     },
     loginFn(){
         this.$emit('loginFn');
@@ -74,6 +74,32 @@ export default {
 </script>
 
 <style lang="less" scoped>
+::v-deep ::-webkit-input-placeholder {
+  color: #eeeeee;
+  -webkit-text-fill-color: #eeeeee;
+}
+::v-deep .el-input__inner {
+  border-top-width: 0px;
+  border-left-width: 0px;
+  border-right-width: 0px;
+  border-bottom-width: 1px;
+  border-radius: 0%;
+  background-color: rgba(2, 38, 64, 0.1);
+  color: #ffffff;
+  font-size: 14px;
+}
+::v-deep .el-radio {
+  color: #27e1f0;
+}
+::v-deep .el-radio__inner {
+  border-radius: 0%;
+  background-color: rgba(2, 38, 64, 0);
+  border-color: #27e1f0;
+}
+::v-deep .el-radio__label {
+  padding-left: 5px;
+}
+
 // 在使用浏览器保存的数据时 输入框的样式
 ::v-deep input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {
     // 字体颜色
@@ -85,7 +111,7 @@ export default {
   }
 .leftContent {
   position: absolute;
-  top: 20%;
+  top: 15%;
   right: 9%;
   width: 32%;
   .backBtn {

src/views/home/login_v1.vue

@@ -559,32 +559,7 @@ export default {
 };
 </script>
 <style lang="less" scoped>
-::v-deep .el-input__inner {
-  border-top-width: 0px;
-  border-left-width: 0px;
-  border-right-width: 0px;
-  border-bottom-width: 1px;
-  border-radius: 0%;
-  background-color: rgba(2, 38, 64, 0.1);
-  color: #ffffff;
-  font-size: 14px;
-}
-::v-deep ::-webkit-input-placeholder {
-  color: #eeeeee;
-  -webkit-text-fill-color: #eeeeee;
-}
 
-::v-deep .el-radio {
-  color: #27e1f0;
-}
-::v-deep .el-radio__inner {
-  border-radius: 0%;
-  background-color: rgba(2, 38, 64, 0);
-  border-color: #27e1f0;
-}
-::v-deep .el-radio__label {
-  padding-left: 5px;
-}
 .zjsjLogin {
   width: 100%;
   height: 100%;