Procházet zdrojové kódy

fix:空调模块的样式修改

chenzhen2 před 1 rokem
rodič
revize
da653e9c3b

+ 3 - 0
public/images/ipdImages/A.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.20628 3.93335L4.52295 15.8333H5.98962L7.25628 12.5H12.7229L13.9896 15.8333H15.4729L10.7896 3.93335H9.20628ZM7.68962 11.35L9.97295 5.40002H10.0396L12.2896 11.35H7.68962Z" fill="#424C59"/>
+</svg>

Rozdílová data souboru nebyla zobrazena, protože soubor je příliš velký
+ 4 - 9
public/images/ipdImages/aircloudblack.svg


Rozdílová data souboru nebyla zobrazena, protože soubor je příliš velký
+ 4 - 9
public/images/ipdImages/aircloudgreen.svg


Rozdílová data souboru nebyla zobrazena, protože soubor je příliš velký
+ 2 - 2
public/images/ipdImages/aircoldblack.svg


Rozdílová data souboru nebyla zobrazena, protože soubor je příliš velký
+ 2 - 2
public/images/ipdImages/aircoldblue.svg


Rozdílová data souboru nebyla zobrazena, protože soubor je příliš velký
+ 13 - 5
public/images/ipdImages/airsunblack.svg


Rozdílová data souboru nebyla zobrazena, protože soubor je příliš velký
+ 13 - 5
public/images/ipdImages/airsunred.svg


Rozdílová data souboru nebyla zobrazena, protože soubor je příliš velký
+ 8 - 0
public/images/ipdImages/wind_big.svg


Rozdílová data souboru nebyla zobrazena, protože soubor je příliš velký
+ 6 - 0
public/images/ipdImages/wind_small.svg


+ 64 - 0
public/images/page-officehome/air_close.svg

@@ -0,0 +1,64 @@
+<svg width="132" height="65" viewBox="0 0 132 65" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.2979 30.6653C9.97547 28.4084 11.7267 26.3892 14.0065 26.3892H117.549C119.899 26.3892 121.668 28.5279 121.229 30.8364L120.239 36.0329C119.566 39.5668 116.476 42.1236 112.879 42.1236H18.4331C14.7044 42.1236 11.5431 39.3818 11.0158 35.6906L10.2979 30.6653Z" fill="url(#paint0_linear_4206_13304)"/>
+<path d="M14.1826 33.6677C14.1826 32.5446 15.0931 31.6342 16.2161 31.6342H115.385C116.597 31.6342 117.58 32.617 117.58 33.8295C117.58 35.5732 117.061 37.2774 116.089 38.725L115.984 38.8813C115.567 39.503 114.867 39.876 114.118 39.876H17.7765C16.9564 39.876 16.2014 39.4294 15.8065 38.7106L15.1878 37.5845C14.5284 36.3843 14.1826 35.0371 14.1826 33.6677Z" fill="url(#paint1_linear_4206_13304)" stroke="#ECECEC" stroke-width="0.728579"/>
+<line x1="16.4302" y1="35.757" x2="114.395" y2="35.757" stroke="url(#paint2_radial_4206_13304)" stroke-opacity="0.7" stroke-width="0.472818"/>
+<line x1="16.4302" y1="36.7027" x2="114.395" y2="36.7027" stroke="url(#paint3_radial_4206_13304)" stroke-opacity="0.7" stroke-width="0.472818"/>
+<line x1="16.4302" y1="37.6484" x2="114.395" y2="37.6484" stroke="url(#paint4_radial_4206_13304)" stroke-opacity="0.7" stroke-width="0.472818"/>
+<line x1="16.4302" y1="38.5939" x2="114.395" y2="38.5939" stroke="url(#paint5_radial_4206_13304)" stroke-opacity="0.7" stroke-width="0.472818"/>
+<g filter="url(#filter0_i_4206_13304)">
+<path d="M9.68701 7.65803C9.68701 5.58901 11.3643 3.91174 13.4333 3.91174H118.329C120.399 3.91174 122.076 5.58902 122.076 7.65803V27.1387C122.076 31.2768 118.721 34.6313 114.583 34.6313H17.1796C13.0416 34.6313 9.68701 31.2768 9.68701 27.1387V7.65803Z" fill="url(#paint6_linear_4206_13304)"/>
+</g>
+<g filter="url(#filter1_i_4206_13304)">
+<rect x="56.8901" y="29.3867" width="20.9792" height="1.49852" fill="#A0A0A0"/>
+</g>
+<defs>
+<filter id="filter0_i_4206_13304" x="9.68701" y="2.81174" width="112.389" height="31.8196" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="-1.1"/>
+<feGaussianBlur stdDeviation="2.2"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_4206_13304"/>
+</filter>
+<filter id="filter1_i_4206_13304" x="56.8901" y="29.3867" width="20.979" height="1.49854" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="-0.3"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_4206_13304"/>
+</filter>
+<linearGradient id="paint0_linear_4206_13304" x1="65.8814" y1="26.3892" x2="65.8814" y2="42.1236" gradientUnits="userSpaceOnUse">
+<stop stop-color="#E9E9E9"/>
+<stop offset="0.916667" stop-color="#DCDCDC"/>
+</linearGradient>
+<linearGradient id="paint1_linear_4206_13304" x1="65.8815" y1="34" x2="65.8815" y2="39.876" gradientUnits="userSpaceOnUse">
+<stop stop-color="#9A9A9A"/>
+<stop offset="1" stop-color="#CBCBCB"/>
+</linearGradient>
+<radialGradient id="paint2_radial_4206_13304" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(65.4125 38.4933) scale(48.9823 8712)">
+<stop offset="0.479167" stop-color="white"/>
+<stop offset="1" stop-color="white" stop-opacity="0.03"/>
+</radialGradient>
+<radialGradient id="paint3_radial_4206_13304" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(65.4125 39.439) scale(48.9823 8712)">
+<stop offset="0.479167" stop-color="white"/>
+<stop offset="1" stop-color="white" stop-opacity="0.03"/>
+</radialGradient>
+<radialGradient id="paint4_radial_4206_13304" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(65.4125 40.3847) scale(48.9823 8712)">
+<stop offset="0.479167" stop-color="white"/>
+<stop offset="1" stop-color="white" stop-opacity="0.03"/>
+</radialGradient>
+<radialGradient id="paint5_radial_4206_13304" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(65.4125 41.3302) scale(48.9823 8712)">
+<stop offset="0.479167" stop-color="white"/>
+<stop offset="1" stop-color="white" stop-opacity="0.03"/>
+</radialGradient>
+<linearGradient id="paint6_linear_4206_13304" x1="65.8814" y1="3.91174" x2="65.8815" y2="39.051" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F5F5F5"/>
+<stop offset="0.448116" stop-color="#EBEBEB"/>
+<stop offset="1" stop-color="#D1D1D1"/>
+</linearGradient>
+</defs>
+</svg>

+ 189 - 0
public/images/page-officehome/openair.svg

@@ -0,0 +1,189 @@
+<svg width="132" height="76" viewBox="0 0 132 76" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.2979 30.6653C9.97547 28.4084 11.7267 26.3892 14.0065 26.3892H117.549C119.899 26.3892 121.668 28.5279 121.229 30.8364L120.239 36.0329C119.566 39.5668 116.476 42.1236 112.879 42.1236H18.4331C14.7044 42.1236 11.5431 39.3818 11.0158 35.6906L10.2979 30.6653Z" fill="url(#paint0_linear_4206_10722)"/>
+<path d="M14.1826 33.6677C14.1826 32.5446 15.0931 31.6342 16.2161 31.6342H115.385C116.597 31.6342 117.58 32.617 117.58 33.8295C117.58 35.5732 117.061 37.2774 116.089 38.725L115.984 38.8813C115.567 39.503 114.867 39.876 114.118 39.876H17.7765C16.9564 39.876 16.2014 39.4294 15.8065 38.7106L15.1878 37.5845C14.5284 36.3843 14.1826 35.0371 14.1826 33.6677Z" fill="url(#paint1_linear_4206_10722)" stroke="#ECECEC" stroke-width="0.728579"/>
+<line x1="16.4302" y1="35.757" x2="114.395" y2="35.757" stroke="url(#paint2_radial_4206_10722)" stroke-opacity="0.7" stroke-width="0.472818"/>
+<line x1="16.4302" y1="36.7027" x2="114.395" y2="36.7027" stroke="url(#paint3_radial_4206_10722)" stroke-opacity="0.7" stroke-width="0.472818"/>
+<line x1="16.4302" y1="37.6484" x2="114.395" y2="37.6484" stroke="url(#paint4_radial_4206_10722)" stroke-opacity="0.7" stroke-width="0.472818"/>
+<line x1="16.4302" y1="38.5939" x2="114.395" y2="38.5939" stroke="url(#paint5_radial_4206_10722)" stroke-opacity="0.7" stroke-width="0.472818"/>
+<g filter="url(#filter0_i_4206_10722)">
+<path d="M9.68701 7.65803C9.68701 5.58901 11.3643 3.91174 13.4333 3.91174H118.329C120.399 3.91174 122.076 5.58902 122.076 7.65803V27.1387C122.076 31.2768 118.721 34.6313 114.583 34.6313H17.1796C13.0416 34.6313 9.68701 31.2768 9.68701 27.1387V7.65803Z" fill="url(#paint6_linear_4206_10722)"/>
+</g>
+<g filter="url(#filter1_i_4206_10722)">
+<rect x="56.8901" y="29.3867" width="20.9792" height="1.49852" fill="#A0A0A0"/>
+</g>
+<path d="M25.4142 41.9677H106.135C106.135 41.9677 111.212 54.3285 131.519 62.2748H0.0302734C19.8297 54.1078 25.4142 41.9677 25.4142 41.9677Z" fill="url(#paint7_linear_4206_10722)" fill-opacity="0.08"/>
+<g filter="url(#filter2_f_4206_10722)">
+<path d="M33.0292 40.4447C30.8293 46.7907 21.048 59.3303 10.6914 59.7365" stroke="url(#paint8_linear_4206_10722)" stroke-width="1.01536"/>
+</g>
+<g filter="url(#filter3_f_4206_10722)">
+<path d="M100.55 40.4447C102.75 46.7907 112.532 59.3303 122.888 59.7365" stroke="url(#paint9_linear_4206_10722)" stroke-width="1.01536"/>
+</g>
+<g filter="url(#filter4_f_4206_10722)">
+<path d="M33.0292 40.4447C30.8293 46.7907 21.048 59.3303 10.6914 59.7365" stroke="url(#paint10_linear_4206_10722)" stroke-opacity="0.9" stroke-width="1.01536"/>
+</g>
+<g filter="url(#filter5_f_4206_10722)">
+<path d="M100.55 40.4447C102.75 46.7907 112.532 59.3303 122.888 59.7365" stroke="url(#paint11_linear_4206_10722)" stroke-opacity="0.9" stroke-width="1.01536"/>
+</g>
+<g filter="url(#filter6_f_4206_10722)">
+<path d="M43.183 40.4447C40.9831 46.7907 31.2018 59.3303 20.8452 59.7365" stroke="url(#paint12_linear_4206_10722)" stroke-opacity="0.6" stroke-width="1.01536"/>
+</g>
+<g filter="url(#filter7_f_4206_10722)">
+<path d="M90.397 40.4447C92.597 46.7907 102.378 59.3303 112.735 59.7365" stroke="url(#paint13_linear_4206_10722)" stroke-opacity="0.6" stroke-width="1.01536"/>
+</g>
+<g filter="url(#filter8_f_4206_10722)">
+<path d="M63.4902 40.4447C61.2902 46.7907 51.509 59.3303 41.1523 59.7365" stroke="url(#paint14_linear_4206_10722)" stroke-width="1.01536"/>
+</g>
+<g filter="url(#filter9_f_4206_10722)">
+<path d="M70.0899 40.4447C72.2898 46.7907 82.0711 59.3303 92.4277 59.7365" stroke="url(#paint15_linear_4206_10722)" stroke-width="1.01536"/>
+</g>
+<g filter="url(#filter10_f_4206_10722)">
+<path d="M63.4902 40.4447C61.2902 46.7907 51.509 59.3303 41.1523 59.7365" stroke="url(#paint16_linear_4206_10722)" stroke-width="1.01536"/>
+</g>
+<g filter="url(#filter11_f_4206_10722)">
+<path d="M70.0899 40.4447C72.2898 46.7907 82.0711 59.3303 92.4277 59.7365" stroke="url(#paint17_linear_4206_10722)" stroke-width="1.01536"/>
+</g>
+<defs>
+<filter id="filter0_i_4206_10722" x="9.68701" y="2.81174" width="112.389" height="31.8196" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="-1.1"/>
+<feGaussianBlur stdDeviation="2.2"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_4206_10722"/>
+</filter>
+<filter id="filter1_i_4206_10722" x="56.8901" y="29.3867" width="20.979" height="1.49854" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="-0.3"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_4206_10722"/>
+</filter>
+<filter id="filter2_f_4206_10722" x="2.54854" y="32.1556" width="39.0831" height="36.211" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="4.06142" result="effect1_foregroundBlur_4206_10722"/>
+</filter>
+<filter id="filter3_f_4206_10722" x="91.948" y="32.1556" width="39.0831" height="36.211" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="4.06142" result="effect1_foregroundBlur_4206_10722"/>
+</filter>
+<filter id="filter4_f_4206_10722" x="2.54854" y="32.1556" width="39.0831" height="36.211" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="4.06142" result="effect1_foregroundBlur_4206_10722"/>
+</filter>
+<filter id="filter5_f_4206_10722" x="91.948" y="32.1556" width="39.0831" height="36.211" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="4.06142" result="effect1_foregroundBlur_4206_10722"/>
+</filter>
+<filter id="filter6_f_4206_10722" x="12.7023" y="32.1556" width="39.0831" height="36.211" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="4.06142" result="effect1_foregroundBlur_4206_10722"/>
+</filter>
+<filter id="filter7_f_4206_10722" x="81.7946" y="32.1556" width="39.0831" height="36.211" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="4.06142" result="effect1_foregroundBlur_4206_10722"/>
+</filter>
+<filter id="filter8_f_4206_10722" x="25.902" y="25.0481" width="53.2981" height="50.426" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="7.61517" result="effect1_foregroundBlur_4206_10722"/>
+</filter>
+<filter id="filter9_f_4206_10722" x="54.38" y="25.0481" width="53.2981" height="50.426" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="7.61517" result="effect1_foregroundBlur_4206_10722"/>
+</filter>
+<filter id="filter10_f_4206_10722" x="25.902" y="25.0481" width="53.2981" height="50.426" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="7.61517" result="effect1_foregroundBlur_4206_10722"/>
+</filter>
+<filter id="filter11_f_4206_10722" x="54.38" y="25.0481" width="53.2981" height="50.426" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="7.61517" result="effect1_foregroundBlur_4206_10722"/>
+</filter>
+<linearGradient id="paint0_linear_4206_10722" x1="65.8814" y1="26.3892" x2="65.8814" y2="42.1236" gradientUnits="userSpaceOnUse">
+<stop stop-color="#E9E9E9"/>
+<stop offset="0.916667" stop-color="#DCDCDC"/>
+</linearGradient>
+<linearGradient id="paint1_linear_4206_10722" x1="65.8815" y1="34" x2="65.8815" y2="39.876" gradientUnits="userSpaceOnUse">
+<stop stop-color="#9A9A9A"/>
+<stop offset="1" stop-color="#CBCBCB"/>
+</linearGradient>
+<radialGradient id="paint2_radial_4206_10722" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(65.4125 38.4933) scale(48.9823 8712)">
+<stop offset="0.479167" stop-color="white"/>
+<stop offset="1" stop-color="white" stop-opacity="0.03"/>
+</radialGradient>
+<radialGradient id="paint3_radial_4206_10722" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(65.4125 39.439) scale(48.9823 8712)">
+<stop offset="0.479167" stop-color="white"/>
+<stop offset="1" stop-color="white" stop-opacity="0.03"/>
+</radialGradient>
+<radialGradient id="paint4_radial_4206_10722" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(65.4125 40.3847) scale(48.9823 8712)">
+<stop offset="0.479167" stop-color="white"/>
+<stop offset="1" stop-color="white" stop-opacity="0.03"/>
+</radialGradient>
+<radialGradient id="paint5_radial_4206_10722" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(65.4125 41.3302) scale(48.9823 8712)">
+<stop offset="0.479167" stop-color="white"/>
+<stop offset="1" stop-color="white" stop-opacity="0.03"/>
+</radialGradient>
+<linearGradient id="paint6_linear_4206_10722" x1="65.8814" y1="3.91174" x2="65.8815" y2="39.051" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F5F5F5"/>
+<stop offset="0.448116" stop-color="#EBEBEB"/>
+<stop offset="1" stop-color="#D1D1D1"/>
+</linearGradient>
+<linearGradient id="paint7_linear_4206_10722" x1="63.2361" y1="41.9677" x2="63.2361" y2="62.2747" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0091FF"/>
+<stop offset="1" stop-color="#0091FF" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint8_linear_4206_10722" x1="21.8603" y1="40.4447" x2="21.8603" y2="59.7365" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0091FF"/>
+<stop offset="1" stop-color="#0091FF" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint9_linear_4206_10722" x1="111.719" y1="40.4447" x2="111.719" y2="59.7365" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0091FF"/>
+<stop offset="1" stop-color="#0091FF" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint10_linear_4206_10722" x1="21.8603" y1="40.4447" x2="21.8603" y2="59.7365" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0091FF"/>
+<stop offset="1" stop-color="#0091FF" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint11_linear_4206_10722" x1="111.719" y1="40.4447" x2="111.719" y2="59.7365" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0091FF"/>
+<stop offset="1" stop-color="#0091FF" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint12_linear_4206_10722" x1="32.0141" y1="40.4447" x2="32.0141" y2="59.7365" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0091FF"/>
+<stop offset="1" stop-color="#0091FF" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint13_linear_4206_10722" x1="101.566" y1="40.4447" x2="101.566" y2="59.7365" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0091FF"/>
+<stop offset="1" stop-color="#0091FF" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint14_linear_4206_10722" x1="52.3213" y1="40.4447" x2="52.3213" y2="59.7365" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0091FF"/>
+<stop offset="1" stop-color="#0091FF" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint15_linear_4206_10722" x1="81.2588" y1="40.4447" x2="81.2588" y2="59.7365" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0091FF"/>
+<stop offset="1" stop-color="#0091FF" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint16_linear_4206_10722" x1="52.3213" y1="40.4447" x2="52.3213" y2="59.7365" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0091FF"/>
+<stop offset="1" stop-color="#0091FF" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint17_linear_4206_10722" x1="81.2588" y1="40.4447" x2="81.2588" y2="59.7365" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0091FF"/>
+<stop offset="1" stop-color="#0091FF" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>

+ 2 - 1
src/styles/_variables.scss

@@ -24,7 +24,8 @@ $lightGray: #eee;
 $darkGray: #889aa4;
 $loginBg: #2d3a4b;
 $loginCursorColor: #fff;
-$elActiveColor: #CE9F27;
+$elActiveColor: rgba(206, 159, 39, 0.4);
+;
 $elDisabledColor: #C4C4C4;
 $elCircle: rgba(226, 208, 160, 1);
 $elBg: #F5F5F5;

+ 398 - 323
src/views/envmonitor/components/Air/manualIndex.vue

@@ -7,58 +7,64 @@
           {{ airTemp ? airTemp : "--" }}
           <sup>℃</sup>
         </p>
-        <div
-          class="show-all"
-          @click.stop="showAll"
-          v-if="equipList && equipList.length > 1"
-        >
-          <van-icon :name="lightIcon" class="light-icon" />
-          <span v-if="!showChild">查看全部</span>
-          <span v-else>收起全部</span>
-        </div>
       </div>
       <div class="air-right">
         <img
           v-if="airData.isOpen"
-          :src="parseImgUrl('page-officehome', 'openair.png')"
+          :src="parseImgUrl('page-officehome', 'openair.svg')"
           alt=""
         />
         <img
           v-else
-          :src="parseImgUrl('page-officehome', 'air_close.png')"
+          :src="parseImgUrl('page-officehome', 'air_close.svg')"
           alt=""
         />
         <!-- <van-loading style="padding-top: 20px" v-else /> -->
-        <Switch
-          class="switch-btn"
-          v-if="!showChild"
-          :size="23"
-          inactive-color="rgba(196, 196, 196, 0.4)"
-          @click="airChange"
-          :model-value="airData.isOpen"
-        />
       </div>
     </div>
     <!--温度调节-->
-    <!-- :style="{ opacity: loadingAir || !airData.runStatus ? '0.4' : '1' }" -->
-    <div v-if="!showChild && airData.isOpen">
+    <div class="top-switch">
+      <div class="top-nav" v-if="equipList && equipList.length > 1">
+        <span
+          :class="navType == 'all' ? 'nav-active' : ''"
+          @click="checkNav('all')"
+        >
+          总控制
+        </span>
+        <span
+          :class="navType == 'child' ? 'nav-active' : ''"
+          @click="checkNav('child')"
+        >
+          子设备
+        </span>
+      </div>
+      <div v-else></div>
+      <Switch
+        class="switch-btn"
+        v-if="navType == 'all'"
+        :size="23"
+        inactive-color="rgba(196, 196, 196, 0.4)"
+        @click="airChange"
+        :model-value="airData.isOpen"
+      />
+    </div>
+    <div class="line"></div>
+    <div class="child-box" v-if="navType == 'all' && airData.isOpen">
       <div class="air-control air-control-padding">
         <div class="control-box">
-          <div class="temp-text">{{ airData.minTempSet }}℃</div>
           <div class="temp-slider" id="sliderId">
-            <div
-              class="item"
-              v-for="(item, index) in 5"
-              :key="'bar' + index"
-            ></div>
             <div class="slider-bar" id="barId">
               <div class="bar-temp">{{ realTemp }}℃</div>
               <div class="bar-circle" id="handId"></div>
             </div>
+            <div class="temp-left" id="tempLeftId">
+              {{ airData.minTempSet }}
+            </div>
+            <div class="temp-right">
+              {{ airData.maxTempSet }}
+            </div>
           </div>
-          <div class="temp-text">{{ airData.maxTempSet }}℃</div>
         </div>
-        <div class="control-text">温度设定</div>
       </div>
       <div class="air-control">
         <div class="control-box">
@@ -81,21 +87,21 @@
               }"
               @click="changeZongAir('gear', 'windLow')"
             >
-              <img :src="parseImgUrl('ipdImages', 'wind_small.png')" />
+              <img :src="parseImgUrl('ipdImages', 'wind_small.svg')" />
             </div>
             <div
               class="icon-item"
               :style="{ opacity: airData.gear >= 3 ? '0.6' : 1 }"
               @click="changeZongAir('gear', 'windUp')"
             >
-              <img :src="parseImgUrl('ipdImages', 'wind_big.png')" />
+              <img :src="parseImgUrl('ipdImages', 'wind_big.svg')" />
             </div>
             <div
               class="icon-item"
               @click="changeZongAir('gear', 'auto')"
               :class="airData.isAutoGear ? 'active-color' : ''"
             >
-              <span> AUTO</span>
+              <img :src="parseImgUrl('ipdImages', 'A.svg')" />
             </div>
           </div>
         </div>
@@ -160,7 +166,7 @@
     </div>
 
     <!--子设备-->
-    <div class="air-child" v-if="showChild">
+    <div class="air-child" v-if="navType == 'child'">
       <div
         class="child-control-box"
         :key="'child' + index"
@@ -400,6 +406,7 @@ export default defineComponent({
     let spaceId: any = "";
     const proxyData: any = reactive({
       seviceEquipmentList: props.seviceEquipmentList,
+      navType: "all",
       valueDom: valueDom,
       spaceId: props.spaceId,
       valueHeight: valueHeight,
@@ -433,6 +440,18 @@ export default defineComponent({
         toWhere: "",
         designTemperature: 0,
       },
+      checkNav(type: any = "all") {
+        proxyData.navType = type;
+        proxyData.swiperIinit = false;
+        if (proxyData.navType == "child") {
+          proxyData.updateChildSatus();
+        } else {
+          proxyData.updateParentSatus();
+        }
+
+        // isAddTimer==0(需要定时再调) isAddTimer==1(不需要定时调)
+        proxyData.getAirInfo(1);
+      },
       // 点击展示所有的登录
       async showAll() {
         proxyData.showChild = !proxyData.showChild;
@@ -1017,6 +1036,7 @@ export default defineComponent({
             proxyData.airData.gear = data.gear || 0;
             proxyData.airData.workMode = data.workMode;
             proxyData.equipList = data.equipList;
+            proxyData.equipList.push(data.equipList[0]);
             // 设置子设备的状态
             proxyData.setChildSelectList();
             proxyData.formateSetChildStatus();
@@ -1089,339 +1109,394 @@ export default defineComponent({
     z-index: 999;
     // line-height: 50px;
   }
-  .active-color {
-    background: $elActiveColor !important;
-    span {
-      color: #fff !important;
-    }
-  }
-}
-
-.air-child {
-  width: 100%;
-  // padding: 20px;
-  padding-left: 10px;
-  padding-right: 10px;
-  // padding-top: 10px;
-  .child-control-box {
-    display: inline-block;
-    width: 50%;
+  .air-top {
+    padding-left: 20px;
+    padding-right: 20px;
+    padding-bottom: 12px;
+    padding-top: 24px;
+    display: flex;
     justify-content: space-between;
-    padding: 10px 10px 10px 10px;
-    // margin-top: 10px;
-    // padding-right: 10px;
-    border-top: 1px solid rgba(196, 196, 196, 0.4);
-    &:nth-child(2n + 1) {
-      border-right: 1px solid rgba(196, 196, 196, 0.4);
-    }
-    .open-title {
-      width: 100%;
-      font-size: 14px;
-      height: 25px;
-      line-height: 25px;
-      display: flex;
-      justify-content: space-between;
-      margin-bottom: 10px;
-      span {
+    .air-desc {
+      position: relative;
+      font-family: PingFang SC;
+      font-size: 16px;
+      line-height: 19px;
+      color: #4d5262;
+      flex: none;
+      flex-grow: 0;
+      margin: 5px 0px;
+      // min-height: 100px;
+      .air-title {
+        font-family: PingFang SC;
+        padding-left: 5px;
         font-size: 16px;
-        display: inline-block;
-        width: calc(100% - 50px);
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-      }
-      .child-switch {
-        // height: 20px;
-        // width: 50px;
-      }
-    }
-    .adjust-box {
-      box-sizing: border-box;
-      // padding-right: 10px;
-      padding-top: 10px;
-      display: flex;
-      justify-content: space-between;
-      font-size: 19px;
-      .adjust-item {
-        // flex: 1;
-        // width: 40px;
-        display: flex;
-        flex-direction: column;
-        justify-content: space-between;
-        text-align: center;
-        &:nth-child(2) {
-          // width: 60px;
-          flex: 1;
-        }
-        .adjust-icon {
+        line-height: 20px;
+        color: #4d5262;
+        padding-bottom: 10px;
+        i {
           display: inline-block;
-          flex: 1;
+          font-size: 12px;
+          transform: scale(0.9);
+          font-style: normal;
+          padding-left: 5px;
+          color: #c4c4c4;
         }
-        .adjust-text {
-          // flex: 1;
-          // padding: 20px 0;
-          height: 50px;
-          overflow: hidden;
-          color: #1f2429;
-          .value-wrap {
-            transition: transform 1s;
-            .value {
-              width: 100%;
-              height: 50px;
-              display: flex;
-              align-items: center;
-              font-weight: 400;
-              justify-content: center;
-              text-align: center;
-              font-size: 14px;
-            }
-          }
+      }
+      .air-temperature {
+        display: inline-block;
+        font-family: "Montserrat";
+        font-style: normal;
+        font-weight: normal;
+        font-size: 32px;
+        line-height: 32px;
+        flex: none;
+        order: 0;
+        flex-grow: 0;
+        margin: 0px 4px;
+
+        sup {
+          font-family: Mulish;
+          font-style: normal;
+          font-weight: 800;
+          font-size: 12px;
+          line-height: 15px;
         }
-        .adjust-title {
-          padding-top: 10px;
-          font-size: 14px;
-          font-weight: 400;
+      }
+      .show-all {
+        position: absolute;
+        width: 110px;
+        bottom: -8px;
+        font-family: PingFang SC;
+        font-size: 14px;
+        line-height: 16px;
+        color: #c4c4c4;
+        margin: 0px 5px;
+        span {
+          font-size: 12px;
         }
-        .disable-color {
-          color: $elDisabledColor;
+        .light-icon {
+          font-size: 12px;
+          padding-right: 10px;
         }
       }
     }
-  }
-}
+    .air-right {
+      position: relative;
+      width: 157px;
+      text-align: center;
 
-.air-top {
-  padding-left: 20px;
-  padding-bottom: 20px;
-  display: flex;
-  justify-content: space-between;
-  .air-desc {
-    position: relative;
-    // flex: 1 157px;
-    padding-top: 10px;
-    font-family: PingFang SC;
-    font-size: 16px;
-    line-height: 19px;
-    color: #4d5262;
-    flex: none;
-    flex-grow: 0;
-    margin: 5px 0px;
-    min-height: 100px;
-    .air-title {
-      font-family: PingFang SC;
-      padding-left: 5px;
-      font-size: 16px;
-      line-height: 20px;
-      color: #4d5262;
-      padding-bottom: 10px;
-      i {
-        display: inline-block;
-        font-size: 12px;
-        transform: scale(0.9);
-        font-style: normal;
-        padding-left: 5px;
-        color: #c4c4c4;
+      img {
+        width: 130px;
+        height: 64px;
       }
-    }
-    .air-temperature {
-      display: inline-block;
-      font-family: "Montserrat";
-      font-style: normal;
-      font-weight: normal;
-      font-size: 32px;
-      line-height: 32px;
-      flex: none;
-      order: 0;
-      flex-grow: 0;
-      margin: 0px 4px;
 
-      sup {
-        font-family: Mulish;
-        font-style: normal;
-        font-weight: 800;
-        font-size: 12px;
-        line-height: 15px;
+      .switch-btn {
+        position: absolute;
+        z-index: 111;
+        bottom: -5px;
+        right: 25px;
       }
     }
-    .show-all {
-      position: absolute;
-      width: 110px;
-      bottom: -8px;
-      font-family: PingFang SC;
-      font-size: 14px;
-      line-height: 16px;
-      color: #c4c4c4;
-      margin: 0px 5px;
+  }
+  .top-switch {
+    display: flex;
+    justify-content: space-between;
+    padding: 0 20px;
+    padding-bottom: 24px;
+    .top-nav {
+      height: 28px;
+      line-height: 28px;
+      border-radius: 21px;
+      background: #f1f4f6;
       span {
-        font-size: 12px;
+        box-sizing: border-box;
+        display: inline-block;
+        font-family: "PingFang SC";
+        font-style: normal;
+        font-weight: 400;
+        font-size: 14px;
+        padding: 5px 8px;
+        height: 28px;
+        line-height: 14px;
+        color: #424c59;
       }
-      .light-icon {
-        font-size: 12px;
-        padding-right: 10px;
+      .nav-active {
+        background: #fff;
+        border: 1px solid #e1e5eb;
+        border-radius: 21px;
       }
     }
-  }
-  .air-right {
-    position: relative;
-    width: 157px;
-    text-align: center;
-
-    img {
-      width: 147px;
-      height: 110px;
-    }
-
     .switch-btn {
-      position: absolute;
-      z-index: 111;
-      bottom: -5px;
-      right: 25px;
+      margin-top: 0;
     }
   }
-}
-
-.air-control {
-  padding: 10px;
-  border-top: 1px solid rgba(196, 196, 196, 0.4);
-  .control-box {
+  .line {
+    width: 100%;
+    height: 0px;
+    border-top: 1px solid rgba(232, 236, 240, 1);
+  }
+  .air-switch-box {
     display: flex;
-    justify-content: space-between;
   }
-  .volume-box {
-    padding: 10px;
-    color: #c4c4c4;
-    font-size: 12px;
-    .text {
-      padding-top: 5px;
-      font-style: normal;
-      font-weight: 600;
-      font-size: 11px;
-    }
-    .number {
-      span {
-        display: inline-block;
-        vertical-align: middle;
-        color: #c4c4c4;
-        padding-right: 5px;
-      }
-      .number-active {
-        font-family: "Montserrat";
-        font-style: normal;
-        font-weight: 500;
-        font-size: 22px;
-        line-height: 24px;
-        color: #4d5262 !important;
-      }
-    }
-    .model {
-      font-size: 14px;
-      color: #1f2429;
+  .active-color {
+    background: $elActiveColor !important;
+    span {
+      color: #fff !important;
     }
   }
-  .volume-icon {
-    .icon-item {
-      position: relative;
+  .air-child {
+    width: 100%;
+    // padding: 20px;
+    padding-left: 10px;
+    padding-right: 10px;
+    // padding-top: 10px;
+    .child-control-box {
       display: inline-block;
-      width: 42px;
-      height: 42px;
-      background: rgba(196, 196, 196, 0.2);
-      border-radius: 50%;
-      img {
-        width: 20px;
-        height: 20px;
-        position: absolute;
-        left: 50%;
-        top: 50%;
-        transform: translate(-50%, -50%);
+      width: 50%;
+      justify-content: space-between;
+      padding: 10px 10px 10px 10px;
+      // margin-top: 10px;
+      // padding-right: 10px;
+      border-top: 1px solid rgba(196, 196, 196, 0.4);
+      &:nth-child(2n + 1) {
+        border-right: 1px solid rgba(196, 196, 196, 0.4);
       }
-      &:nth-child(2) {
-        margin-left: 10px;
-        margin-right: 10px;
+      .open-title {
+        width: 100%;
+        font-size: 14px;
+        height: 25px;
+        line-height: 25px;
+        display: flex;
+        justify-content: space-between;
+        margin-bottom: 10px;
+        span {
+          font-size: 16px;
+          display: inline-block;
+          width: calc(100% - 50px);
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+        }
+        .child-switch {
+          // height: 20px;
+          // width: 50px;
+        }
       }
-      span {
-        font-size: 12px;
-        color: #000000;
-        position: absolute;
-        left: 50%;
-        top: 50%;
-        transform: translate(-50%, -50%) scale(0.8);
+      .adjust-box {
+        box-sizing: border-box;
+        // padding-right: 10px;
+        padding-top: 10px;
+        display: flex;
+        justify-content: space-between;
+        font-size: 19px;
+        .adjust-item {
+          // flex: 1;
+          // width: 40px;
+          display: flex;
+          flex-direction: column;
+          justify-content: space-between;
+          text-align: center;
+          &:nth-child(2) {
+            // width: 60px;
+            flex: 1;
+          }
+          .adjust-icon {
+            display: inline-block;
+            flex: 1;
+          }
+          .adjust-text {
+            // flex: 1;
+            // padding: 20px 0;
+            height: 50px;
+            overflow: hidden;
+            color: #1f2429;
+            .value-wrap {
+              transition: transform 1s;
+              .value {
+                width: 100%;
+                height: 50px;
+                display: flex;
+                align-items: center;
+                font-weight: 400;
+                justify-content: center;
+                text-align: center;
+                font-size: 14px;
+              }
+            }
+          }
+          .adjust-title {
+            padding-top: 10px;
+            font-size: 14px;
+            font-weight: 400;
+          }
+          .disable-color {
+            color: $elDisabledColor;
+          }
+        }
       }
     }
   }
-  .temp-text {
-    height: 20px;
-    line-height: 20px;
-    font-family: "Montserrat";
-    font-style: normal;
-    font-weight: 500;
-    font-size: 11px;
-    color: #c4c4c4;
-    padding: 0 5px;
+
+  .child-box {
+    padding-bottom: 16px;
   }
-  .temp-slider {
-    position: relative;
-    display: flex;
-    height: 20px;
-    flex: 1;
-    border-radius: 5px;
-    .item {
-      height: 20px;
-      flex: 1;
-      font-size: 0;
-      &:nth-child(1) {
-        background: #5e8bcf;
-        border-radius: 11px 0 0 11px;
-      }
-      &:nth-child(2) {
-        background: #9fb7cd;
+  .air-control {
+    padding: 20px;
+    padding-top: 28px;
+    padding-bottom: 0;
+    .control-box {
+      display: flex;
+      justify-content: space-between;
+    }
+    .volume-box {
+      .text {
+        font-family: "PingFang SC";
+        font-size: 12px;
+        font-weight: 400;
+        line-height: 17px;
+        letter-spacing: 0px;
+        color: rgba(196, 201, 207, 1);
       }
-      &:nth-child(3) {
-        background: #f3f3f3;
+      .number {
+        span {
+          font-family: "Persagy";
+          font-size: 12px;
+          font-weight: 400;
+          line-height: 24px;
+          letter-spacing: 0px;
+          padding-right: 8px;
+          color: rgba(196, 201, 207, 1);
+        }
+        .number-active {
+          font-family: "Persagy";
+          font-size: 18px;
+          font-weight: 400;
+          line-height: 24px;
+          letter-spacing: 0px;
+          color: rgba(27, 33, 41, 1);
+        }
       }
-      &:nth-child(4) {
-        background: #ff9882;
+      .model {
+        font-size: 14px;
+        color: #1f2429;
       }
-      &:nth-child(5) {
-        background: #e5574f;
-        border-radius: 0 11px 11px 0;
+    }
+    .volume-icon {
+      .icon-item {
+        position: relative;
+        display: inline-block;
+        width: 42px;
+        height: 42px;
+        background: rgba(196, 196, 196, 0.2);
+        border-radius: 50%;
+        img {
+          width: 20px;
+          height: 20px;
+          position: absolute;
+          left: 50%;
+          top: 50%;
+          transform: translate(-50%, -50%);
+        }
+        &:nth-child(2) {
+          margin-left: 10px;
+          margin-right: 10px;
+        }
+        span {
+          font-size: 12px;
+          color: #000000;
+          position: absolute;
+          left: 50%;
+          top: 50%;
+          transform: translate(-50%, -50%) scale(0.8);
+        }
       }
     }
-    .slider-bar {
-      position: absolute;
-      width: 25px;
-      left: 0;
-      bottom: -2px;
-      z-index: 333;
-      .bar-temp {
-        padding-bottom: 10px;
+    .temp-text {
+      height: 20px;
+      line-height: 20px;
+      font-family: "Montserrat";
+      font-style: normal;
+      font-weight: 500;
+      font-size: 11px;
+      color: #c4c4c4;
+      padding: 0 5px;
+    }
+    .temp-slider {
+      position: relative;
+      display: flex;
+      height: 22px;
+      flex: 1;
+      border-radius: 16px;
+      background: linear-gradient(
+        270deg,
+        #ffbab6 0%,
+        #ffe7d1 29.05%,
+        #f1efff 62%,
+        #c8d6ff 100%
+      );
+
+      .slider-bar {
+        position: absolute;
+        width: 25px;
+        left: 0;
+        bottom: -3px;
+        z-index: 333;
+        .bar-temp {
+          padding-bottom: 10px;
+          font-family: "Persagy";
+          font-size: 12px;
+          font-weight: 400;
+          line-height: 14px;
+          letter-spacing: 0px;
+          text-align: left;
+          color: rgba(98, 108, 120, 1);
+        }
+        .bar-circle {
+          width: 32px;
+          height: 32px;
+          background: #fff;
+          border-radius: 50%;
+          box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1),
+            0px 4px 10px rgba(0, 0, 0, 0.07);
+          border-radius: 21px;
+          z-index: 444;
+        }
+      }
+      .temp-left,
+      .temp-right {
+        position: absolute;
+        top: 50%;
+        transform: translateY(-50%);
+        font-family: "Persagy";
+        font-style: normal;
+        font-weight: 400;
         font-size: 12px;
-        color: #1f2429;
+        text-align: right;
+        color: #626c78;
       }
-      .bar-circle {
-        width: 25px;
-        height: 25px;
-        background: #fff;
-        border-radius: 50%;
-        box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1),
-          0px 4px 10px rgba(0, 0, 0, 0.07);
-        border-radius: 21px;
-        z-index: 444;
+      .temp-left {
+        left: 0px;
+        padding-left: 8px;
+      }
+      .temp-right {
+        right: 0px;
+        padding-right: 8px;
+        text-align: left;
       }
     }
+    .control-text {
+      font-style: normal;
+      font-weight: 600;
+      font-size: 11px;
+      line-height: 15px;
+      color: #c4c4c4;
+      padding: 10px 0 0 10px;
+    }
   }
-  .control-text {
-    font-style: normal;
-    font-weight: 600;
-    font-size: 11px;
-    line-height: 15px;
-    color: #c4c4c4;
-    padding: 10px 0 0 10px;
-  }
-}
 
-.air-control-padding {
-  padding-top: 35px;
-  padding-bottom: 15px;
+  .air-control-padding {
+    padding-top: 45px;
+  }
 }
 </style>
 <style lang="scss">

Rozdílová data souboru nebyla zobrazena, protože soubor je příliš velký
+ 1464 - 0
src/views/envmonitor/components/Air/manualIndexOld.vue