admin/keypan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

没啥变化

Browse Source
This commit is contained in:
chorblack 2025-04-27 19:04:16 +08:00
parent cec8718629
commit a26d2f7d66
1 changed files with 132 additions and 127 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
pages/Demo/index.ux
View File

@ -19,7 +19,7 @@
</div> </div>
<!-- 滑动键盘区域 --> <!-- 滑动键盘区域 -->
<!-- 第一行 --> <!-- 第一行 -->
<div class="keyboard-row-scroll" scroll-x="true"> <div class="keyboard-row-scroll">
<div class="keyboard-row" for="{{row1Letters}}"> <div class="keyboard-row" for="{{row1Letters}}">
<input <input
type="button" type="button"
@ -32,25 +32,27 @@
</div> </div>
<!-- 第二行 --> <!-- 第二行 -->
<div class="keyboard-row-scroll" scroll-x="true"> <div class="keyboard-row-scroll">
<div class="keyboard-row" for="{{row2Letters}}"> <div class="keyboard-row" for="{{row2Letters}}">
<input <input
type="button" type="button"
class="input-button" class="input-button"
value="{{$item}}" value="{{$item}}"
onclick="input($item)" onclick="input($item)"
/> />
</div> </div>
</div> </div>
<!-- 第三行 --> <!-- 第三行 -->
<div class="keyboard-row-scroll" scroll-x="true"> <div class="keyboard-row-scroll">
<div class="keyboard-row" for="{{row3Letters}}"> <div class="keyboard-row" for="{{row3Letters}}">
<input <input
type="button" type="button"
class="input-button" class="input-button"
value="{{$item}}" value="{{$item}}"
onclick="input($item)" onclick="input($item)"
/> />
</div> </div>
</div> </div>
@ -262,9 +264,21 @@ export default {
margin: 5px 0; margin: 5px 0;
} }
.keyboard-row { .keyboard-row {
display: flex;
justify-content: space-between;
flex-direction: row; flex-direction: row;
width: 466px; /* 固定总宽度 */
height: 60px; height: 60px;
} }
.input-button {
width: 100%;
height: 60px;
margin: 0 3px;
font-size: 24px;
border-radius: 5px;
background-color: #444;
color: white;
}
.text-container { .text-container {
flex-direction: column; flex-direction: column;
display: flex; display: flex;
@ -292,16 +306,7 @@ export default {
} }
.input-button {
width: 70px;
height: 60px;
min-width: 60px;
margin: 0 3px;
font-size: 24px;
border-radius: 5px;
background-color: #444;
color: white;
}
.function-row { .function-row {
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;