zhaoxin/zhao
1
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
赵鑫 2022-09-05 16:03:39 +08:00
parent 70d1f14442
commit 10997ab7c5
1 changed files with 19 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
sensehat/index.html
View File

@ -11,18 +11,18 @@
#matrix { #matrix {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 5px; gap: 2px;
} }
.row { .row {
display: flex; display: flex;
width: 195px; width: 254px;
gap: 5px; gap: 2px;
} }
.led { .led {
width: 20px; width: 30px;
height: 20px; height: 30px;
border: 1px solid gray; border: 1px solid gray;
background-color: whitesmoke; background-color: whitesmoke;
cursor: pointer; cursor: pointer;
@ -126,19 +126,23 @@
</div> </div>
</div> </div>
<div> <div>
<button onclick="client.emit('action', {action:'clear'})">clear</button> <p>
<button onclick="client.emit('action', {action:'flash'})">flash</button> <button onclick="client.emit('action', {action:'clear'})">清除</button>
<button onclick="client.emit('action', {action:'flipV'})">flipV</button> <button onclick="client.emit('action', {action:'flash'})">闪光</button>
<button onclick="client.emit('action', {action:'flipH'})">flipH</button> </p>
<button onclick="client.emit('action', {action:'turnLeft'})">turnLeft</button> <p>
<button onclick="client.emit('action', {action:'turnRight'})">turnRight</button> <button onclick="client.emit('action', {action:'flipH'})">左右反转</button>
<button onclick="client.emit('action', {action:'loadImage', image:'heart'})">空心</button> <button onclick="client.emit('action', {action:'flipV'})">上下反转</button>
<button onclick="client.emit('action', {action:'loadImage', image:'heart_full'})">红心</button> </p>
<button onclick="client.emit('action', {action:'showLetter', character:'A', color:[50,50,255]})">A</button> <!-- <button onclick="client.emit('action', {action:'turnLeft'})">turnLeft</button>
<button onclick="client.emit('action', {action:'turnRight'})">turnRight</button> -->
<!-- <button onclick="client.emit('action', {action:'loadImage', image:'heart'})">空心</button>
<button onclick="client.emit('action', {action:'loadImage', image:'heart_full'})">红心</button> -->
<!-- <button onclick="client.emit('action', {action:'showLetter', character:'A', color:[50,50,255]})">A</button>
<button <button
onclick="client.emit('action', {action:'showMessage', text:'Hello', color:[50,50,255], speed: 1})">Hello</button> onclick="client.emit('action', {action:'showMessage', text:'Hello', color:[50,50,255], speed: 1})">Hello</button>
<button <button
onclick="client.emit('action', {action:'flashMessage', text:'Hello', color:[50,50,255], speed: 1})">Hello</button> onclick="client.emit('action', {action:'flashMessage', text:'Hello', color:[50,50,255], speed: 1})">Hello</button> -->
<div style="display:flex;"> <div style="display:flex;">
<div> <div>
<p>红 <input type="range" name="red" id="red" min="0" , max="255" step="1" value="50"></p> <p>红 <input type="range" name="red" id="red" min="0" , max="255" step="1" value="50"></p>