1
0
Преглед на файлове

修改样式,风速去掉自动选项

shylock преди 2 години
родител
ревизия
8217eaf82f
променени са 2 файла, в които са добавени 13 реда и са изтрити 5 реда
  1. 9 0
      src/control.css
  2. 4 5
      src/control.js

+ 9 - 0
src/control.css

@@ -23,6 +23,7 @@ body {
     font-size: 20px;
     color: #663f14;
     box-shadow: inset 0 0 8px 1px #666;
+    user-select: none;
 }
 
 .expected_temperature {
@@ -41,6 +42,8 @@ body {
     padding: 25px 20px;
     margin-top: 20px;
     box-shadow: 0 5px 5px 1px #666;
+    cursor: pointer;
+    user-select: none;
 }
 
 .arrow-up {
@@ -57,6 +60,8 @@ body {
     padding: 25px 20px;
     margin-top: 50px;
     box-shadow: 0 5px 5px 1px #666;
+    cursor: pointer;
+    user-select: none;
 }
 
 .arrow-down {
@@ -83,6 +88,8 @@ p {
     padding: 8px 20px;
     box-shadow: 2px 2px 5px 0 #666;
     border-radius: 5px;
+    cursor: pointer;
+    user-select:none;
 }
 
 .pattern_selected,.speed_selected,.sleep_select{
@@ -103,6 +110,8 @@ p {
 .switch_item {
     text-align: center;
     padding-top: 30px;
+    cursor: pointer;
+    user-select: none;
 }
 
 .switch {

+ 4 - 5
src/control.js

@@ -168,8 +168,8 @@ export default class Control extends PureComponent {
                         <p>灯板温度: {data?.light_board_ambient_temp}℃</p>
                     </div>
                     <div className='expected_temperature'>
-                        <div style={{ fontSize: '20px' }}>预计温度</div>
-                        <div style={{ fontSize: '50px', marginTop: '60px' }}>{this.state.temperature}℃</div>
+                        <div style={{ fontSize: '20px' , userSelect:'none' }}>预计温度</div>
+                        <div style={{ fontSize: '50px', marginTop: '60px' , userSelect:'none' }}>{this.state.temperature}℃</div>
                     </div>
                     <div>
                         <div className='up' onClick={this.add}>
@@ -181,7 +181,7 @@ export default class Control extends PureComponent {
                     </div>
                 </div>
                 <div>
-                    <p style={{ fontWeight: 'bold' }}>模式</p>
+                    <p style={{ fontWeight: 'bold', userSelect:'none' }}>模式</p>
                     <div className='pattern'>
                         <div className={['pattern_item', pattern === 1 ? 'pattern_selected' : null].join(' ')} onClick={()=>{this.patternSelect(1)}}>制冷</div>
                         <div className={['pattern_item', pattern === 2 ? 'pattern_selected' : null].join(' ')} onClick={()=>{this.patternSelect(2)}}>制热</div>
@@ -191,9 +191,8 @@ export default class Control extends PureComponent {
                     </div>
                 </div>
                 <div>
-                    <p style={{ fontWeight: 'bold' }}>风速</p>
+                    <p style={{ fontWeight: 'bold', userSelect:'none' }}>风速</p>
                     <div className='pattern'>
-                        <div className={['pattern_item', windSpeed === 6 ? 'speed_selected' : null].join(' ')} onClick={()=>{this.speedSelect(6)}}>自动</div>
                         <div className={['pattern_item', windSpeed === 1 ? 'speed_selected' : null].join(' ')} onClick={()=>{this.speedSelect(1)}}>一档</div>
                         <div className={['pattern_item', windSpeed === 2 ? 'speed_selected' : null].join(' ')} onClick={()=>{this.speedSelect(2)}}>二档</div>
                         <div className={['pattern_item', windSpeed === 3 ? 'speed_selected' : null].join(' ')} onClick={()=>{this.speedSelect(3)}}>三档</div>