diff --git a/src/assets/css/index.css b/src/assets/css/index.css index 7b15c6b..10d24ef 100644 --- a/src/assets/css/index.css +++ b/src/assets/css/index.css @@ -78,3 +78,12 @@ html{ color: inherit; background: inherit; } + + +@media (max-width: 768px) { + /*为了适配移动端表单能看清楚设置样式,因为cascader样式和app是同级的,所以不能在scope里面设置*/ +.multi-choose .el-cascader-menu{ + width: 120px; + min-width: 120px; +} +} \ No newline at end of file diff --git a/src/views/start/check.vue b/src/views/start/check.vue index 84774a8..bcf525e 100644 --- a/src/views/start/check.vue +++ b/src/views/start/check.vue @@ -219,6 +219,7 @@ :options="cascaderOptions2" @change="handleChange" :placeholder="item.placeholder" + popperClass="multi-choose" /> { } @media (max-width: 768px) { - - .el-cascader-menu { - width: 120px; - min-width: 120px; - } .signUp-container { .steps-container { width: 100%;