/**手机端**/ .app { @media screen and(min-width:$min-width) { display: none; } } /**PC端**/ .pc { display: none; width: 1100px; margin: 0 auto; @media screen and(min-width:$min-width) { display: block; } } /**pc端隐藏tab和顶部**/ .uni-tabbar { @media screen and(min-width:$min-width) { display: none !important; } } uni-page-head, uni-app .uni-page-head { @media screen and(min-width:$min-width) { display: none !important; } } /**end**/ .omit { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .ellip { -webkit-line-clamp: 2; @media screen and(min-width:$min-width) { -webkit-line-clamp: 3; } text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } .m15 { margin-top: 15px !important; } .clear { clear: both; } .flex { display: flex; text-align: center; .f { flex: 1; overflow: hidden; } } .btn { color: white; background-color: $main-color; border-radius: 5px; font-size: 14px; text-align: center; padding: 5px; } .form_group { padding: 15px; overflow: hidden; border-bottom: 1px solid $line; background-color: white; &.form_group:last-child { border-bottom: 0px; } .lable { font-size: 15px; float: left; line-height: 30px; width: 75px; text-align: left; color: #545555; .icon { font-size: 23px; font-weight: normal; } } picker { margin-left: 106px; margin-top: 5px; } input { margin-left: 20px; float: left; font-size: 15px; margin-top: -7px; border-radius: 5px; padding: 10px; width: 60%; @media screen and(min-width:$min-width) { width: 88%; } } textarea { display: block; font-size: 14px; padding: 10px; height: 120px; border-radius: 5px; margin-top: 35px; background-color: white; } .u-switch { margin-left: 20px; } } .footer { width: 100%; position: fixed; bottom: 0%; padding: 10px; background-color: #f2f3f5; } .ws { width: 30%; border-radius: 25px; }