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

弹窗样式

Browse Source
This commit is contained in:
caill
2023-11-21 18:33:00 +08:00
parent 8681e068bf
commit d98e51e99b
6 changed files with 68 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -13,11 +13,21 @@
<div class="login-items-wraper">
<div class="login-item">
<div class="login-label" @click="toFocus(1)">用户名</div>
<input type="text" class="login-input" ref="input1" v-model="username" @focus="show" data-layout="normal">
<!-- <input type="text" class="login-input" ref="input1" v-model="username" @focus="show" data-layout="normal"> -->
<div class="login_value">
<keyboard-input
inputClass="login-input"
keyboardClass="username"
:value="username"
@inputChange="inputChange"
></keyboard-input>
</div>
</div>
<div class="login-item">
<div class="login-label" @click="toFocus(2)">密码</div>
<input type="password" class="login-input" ref="input2" v-model="password" @focus="show" data-layout="normal">
<div class="login_value">
<input type="password" class="login-input" ref="input2" v-model="password" @focus="show" data-layout="normal">
</div>
</div>
</div>
<div class="login-buttons-wraper">
@@ -28,11 +38,15 @@
<div class="login-items-wraper">
<div class="login-item">
<div class="login-label login-label_1" @click="toFocus(3)">域名地址</div>
<input type="text" class="login-input login-input_1" ref="input3" v-model.trim="baseUrl" @focus="show" data-layout="normal">
<div class="login_value login_value_1">
<input type="text" class="login-input" ref="input3" v-model.trim="baseUrl" @focus="show" data-layout="normal">
</div>
</div>
<div class="login-item">
<div class="login-label login-label_1" @click="toFocus(4)">刷新时间（秒）</div>
<input type="number" class="login-input login-input_1" ref="input4" v-model="setTime" @focus="show" data-layout="numeric">
<div class="login_value login_value_1">
<input type="number" class="login-input" ref="input4" v-model="setTime" @focus="show" data-layout="numeric">
</div>
</div>
</div>
<div class="login-buttons-wraper">
@@ -45,9 +59,13 @@
</template>
<script>
import KeyboardInput from '@components/keyboard-input'
import {authlogin} from '@config/getData2.js'
import {encrypt} from '../../../main.js'
export default {
components: {
KeyboardInput
},
data () {
return {
tab: 0,
@@ -160,6 +178,9 @@ export default {
this.input.blur()
this.hide()
}
},
inputChange (val) {
this.username = val
}
}
}
@@ -220,8 +241,12 @@ export default {
_font(30px, 80px, #AFBED8,,right)
.login-label_1
width 215px
.login-input
.login_value
width calc(100% - 140px)
.login_value_1
width calc(100% - 240px)
.login-input
width 100%
_font(30px, 78px, #fff,,)
background: rgba(45,88,184,0.1);
border: 1px solid #4980BD;
@@ -230,8 +255,6 @@ export default {
background: rgba(45,88,184,0.25);
border: 2px solid #21D0F2;
line-height 76px
.login-input_1
width calc(100% - 240px)
.login-buttons-wraper
width 100%
margin-top 12px

2
src/pages/modules/login/login1.vue
View File

@@ -30,7 +30,7 @@
<keyboard-input
inputClass="login-input"
keyboardClass="password"
type="password"
type="text"
:value="password"
@inputChange="inputChange2"
></keyboard-input>

10
src/pages/modules/systemmanage/user.vue
View File

@@ -72,11 +72,13 @@
<div class="form_item">
<div class="form_item__label">性别</div>
<div class="form_item__content">
<div class="form_item__radio" v-for="(e, i) in sexArr" :key="i">
<div class="radio__input" :class="{'icon_radio_checked': e.value === sex}" @click="toRadio(e)">
<input type="radio" class="radio__original" v-model="e.value">
<div class="form_item__radio_wrap">
<div class="form_item__radio" v-for="(e, i) in sexArr" :key="i">
<div class="radio__input" :class="{'icon_radio_checked': e.value === sex}" @click="toRadio(e)">
<input type="radio" class="radio__original" v-model="e.value">
</div>
<div class="radio__label" :class="{'radio__label_checked': e.value === sex}">{{ e.label }}</div>
</div>
<div class="radio__label" :class="{'radio__label_checked': e.value === sex}">{{ e.label }}</div>
</div>
</div>
</div>