root/apt-nl-map
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

keyboard

Browse Source
This commit is contained in:
caill
2025-01-07 13:04:37 +08:00
parent e0121f0264
commit e142f4666f
3 changed files with 48 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
src/components/SimpleKeyboard.vue
View File

@@ -177,14 +177,12 @@ export default {
.hg-theme-default .hg-theme-default
visibility hidden visibility hidden
position fixed position fixed
left: 0; right: 64px;
right: 0; bottom: 54px;
bottom: 0; z-index 1000
z-index: 1000; width 66.917%
width 100%; padding: 5px;
padding: 1em; background-color: #ececec;
background-color: #eee;
box-shadow: 0 -3px 10px rgba(0,0,0,.3);
border-radius: 10px; border-radius: 10px;
font-family: -apple-system,BlinkMacSystemFont,'Helvetica Neue',Helvetica,Segoe UI,Arial,Roboto,'PingFang SC',miui,'Hiragino Sans GB','Microsoft Yahei',sans-serif; font-family: -apple-system,BlinkMacSystemFont,'Helvetica Neue',Helvetica,Segoe UI,Arial,Roboto,'PingFang SC',miui,'Hiragino Sans GB','Microsoft Yahei',sans-serif;
overflow visible overflow visible
@@ -192,23 +190,23 @@ export default {
width: 100%; width: 100%;
margin: 0; margin: 0;
& .hg-row:not(:last-child) & .hg-row:not(:last-child)
margin-bottom: 0.5em; margin-bottom: 5px;
& .hg-row & .hg-row
justify-content: space-around; justify-content: space-around;
& .hg-row .hg-button:not(:last-child) & .hg-row .hg-button:not(:last-child)
margin-right: 0.5em; margin-right: 5px;
& .hg-button & .hg-button
flex: 40; flex: 40;
height: 2.2em; height: 60px;
line-height: 2.2em; line-height: 60px;
overflow: hidden; overflow: hidden;
vertical-align: middle; vertical-align: middle;
border: 1px solid #ccc;
color: #333;
background-color: #fff; background-color: #fff;
box-shadow: 0 2px 2px rgba(0,0,0,.6); border-bottom: 1px solid #b5b5b5;
border-radius: 0.35em; border-radius: 5px;
font-size: 1.25em; box-shadow: 0 0 3px -1px rgba(0,0,0,.3);
color: #333;
font-size: 23px;
text-align: center; text-align: center;
white-space: nowrap; white-space: nowrap;
-webkit-user-select: none; -webkit-user-select: none;
@@ -234,22 +232,22 @@ export default {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 35%; background-size: 35%;
color: #fff; color: #fff;
background-color: #7d7d7d; background-color: #b3b3b3;
border-color: #656565; border-color: #656565;
span span
color transparent color transparent
& .hg-gray & .hg-gray
color: #fff; // color: #fff;
background-color: #7d7d7d; // background-color: #7d7d7d;
border-color: #656565; // border-color: #656565;
& .hg-blue & .hg-blue
color: #fff; // color: #fff;
background-color: #337ab7; // background-color: #337ab7;
border-color: #2e6da4; // border-color: #2e6da4;
& .hg-blue2 & .hg-blue2
color: #fff; // color: #fff;
background-color: #5bc0de; // background-color: #5bc0de;
border-color: #46b8da; // border-color: #46b8da;
& .hg-button-tab & .hg-button-tab
flex: 60 1 0%; flex: 60 1 0%;
& .hg-button-lock, .hg-button-enter & .hg-button-lock, .hg-button-enter

13
src/pages/modules/login/login.vue
View File

@@ -307,19 +307,6 @@ export default {
_font(14px, 24px, #fff,,center) _font(14px, 24px, #fff,,center)
.footer_p2 .footer_p2
_font(15px, 24px, #fff,,center) _font(15px, 24px, #fff,,center)
#keyboard
position fixed
left 0
right 0
bottom 0
z-index 1000
width 100%
// max-width 1366px
margin 0 auto
padding 1em
background-color #EEE
box-shadow 0px -3px 10px rgba(black, 0.3)
border-radius 10px
.enClass .enClass
.login_value .login_value
width calc(100% - 165px) width calc(100% - 165px)

31
src/style/common.styl
View File

@@ -408,17 +408,32 @@
_fj(center) _fj(center)
#keyboard #keyboard
position fixed position fixed
left 0 right: 64px;
right 0 bottom: 54px;
bottom 0
z-index 1000 z-index 1000
width 100% width 66.917%
// max-width 1366px padding: 5px;
margin 0 auto background-color: #ececec;
padding 1em
background-color #EEE
box-shadow 0px -3px 10px rgba(black, 0.3) box-shadow 0px -3px 10px rgba(black, 0.3)
border-radius 10px border-radius 10px
.keyboard
.line:not(:last-child)
margin-bottom: 5px;
.key
height: 60px;
line-height: 60px;
background-color: #fff;
border: none;
border-bottom: 1px solid #b5b5b5;
border-radius: 5px;
box-shadow: 0 0 3px -1px rgba(0,0,0,.3);
color: #333;
font-size: 23px;
&:not(:last-child)
margin-right: 5px;
.backspace
background-color: #b3b3b3;
// 用户管理 // 用户管理
.buttons_wrapper .buttons_wrapper