Skip to content

V
vue-composition-api
Commit 55acfc3d by wangshuangqing
Options

病情变异页 添加媒体查询

parent 431661ac
Showing with 250 additions and 2 deletions
src/styles/media/components/outClinicalpathway.scss 0 → 100644
@import "../../mixin.scss";
// 1024
@media screen and (min-width: 769px) and (max-width: 1024px) {
.outClinicalpathway {
&_top {
flex-direction: column !important;
&_left {
height: 50% !important;
width: 98% !important;
&_one {
height: 100% !important;
&_t1 {
width: 22% !important;
span {
width: 50% !important;
}
}
&_t2 {
span {
width: 50% !important;
}
}
&_t3 {
width: 20% !important;
span {
width: 50% !important;
}
}
&_t4 {
width: 30% !important;
span {
width: 55% !important;
}
}
}
}
&_right {
height: 50% !important;
width: 100% !important;
justify-content: flex-end !important;
}
}
&_table {
&_left {
width: 20% !important;
}
&_right {
width: 79% !important;
}
}
}
}
//1280
@media screen and (max-width: 1280px) {
.outClinicalpathway {
&_top {
flex-direction: column !important;
&_left {
height: 50% !important;
width: 98% !important;
&_one {
height: 100% !important;
&_t1 {
width: 22% !important;
span {
width: 50% !important;
}
}
&_t2 {
span {
width: 50% !important;
}
}
&_t3 {
width: 20% !important;
span {
width: 50% !important;
}
}
&_t4 {
width: 30% !important;
span {
width: 55% !important;
}
}
}
}
&_right {
height: 50% !important;
width: 100% !important;
justify-content: flex-end !important;
}
}
&_table {
&_left {
width: 20% !important;
}
&_right {
width: 79% !important;
}
}
}
}
// 1366px
@media screen and (min-width: 1366px) and(max-width:1439px) {
.outClinicalpathway {
&_top {
&_left {
&_one {
&_t1 {
span {
width: 60% !important;
}
}
&_t2 {
span {
width: 60% !important;
}
}
&_t3 {
width: 20% !important;
span {
width: 60% !important;
}
}
&_t4 {
width: 28% !important;
span {
width: 60% !important;
}
}
}
}
}
&_table {
&_left {
width: 15% !important;
}
&_right {
width: 84% !important;
}
}
}
}
//1400
@media screen and (min-width: 1440px) and(max-width:1599px) {
.outClinicalpathway {
&_top {
&_left {
&_one {
&_t1 {
span {
width: 60% !important;
}
}
&_t2 {
span {
width: 60% !important;
}
}
&_t3 {
width: 20% !important;
span {
width: 60% !important;
}
}
&_t4 {
width: 28% !important;
span {
width: 60% !important;
}
}
}
}
}
&_table {
&_left {
width: 15% !important;
}
&_right {
width: 84% !important;
}
}
}
}
//1600
@media screen and (min-width: 1600px) and(max-width:1919px) {
.outClinicalpathway {
&_top {
&_left {
&_one {
&_t1 {
span {
width: 60% !important;
}
}
&_t2 {
span {
width: 60% !important;
}
}
&_t3 {
width: 20% !important;
span {
width: 60% !important;
}
}
&_t4 {
width: 28% !important;
span {
width: 60% !important;
}
}
}
}
}
&_table {
&_left {
width: 15% !important;
}
&_right {
width: 84% !important;
}
}
}
}
src/views/outClinicalpathway.vue
......@@ -2,7 +2,7 @@
* @Author: wsq
* @Date: 2022-04-22 15:20:58
* @LastEditors: wsq
* @LastEditTime: 2023-02-03 13:16:40
* @LastEditTime: 2023-02-06 11:14:59
* @Description:
-->
<template>
......@@ -723,7 +723,7 @@ export default {
</script>
<style lang="scss" scoped>
@import "../styles/mixin.scss";
// @import "../styles/media/components/outClinicalpathway.scss";
@import "../styles/media/components/outClinicalpathway.scss";
//多选框选中状态背景颜色
::v-deep .el-checkbox__input.is-checked .el-checkbox__inner {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment