skywt
/
5g-track
1
0
Fork 0
Code Releases Activity

修改表单样式

This commit is contained in:
skywt2003 2022-05-26 09:06:23 +08:00
parent f21dd94017
commit b62e2500be
3 changed files with 16 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/styles/variables.styl
View File

@ -58,9 +58,10 @@ hint()
width 90% width 90%
box-shadow: 0 4px 10px #00000012 box-shadow: 0 4px 10px #00000012
-webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,.07) -webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,.07)
background rgba(255, 255, 255, 0.7) // background rgba(255, 255, 255, 0.7)
backdrop-filter: blur(20px) // backdrop-filter: blur(20px)
-webkit-backdrop-filter: blur(20px) // -webkit-backdrop-filter: blur(20px)
background white
margin 0 auto margin 0 auto
margin-top 10vh margin-top 10vh
z-index 500 z-index 500
@ -75,9 +76,6 @@ hint()
.van-cell .van-cell
height: 48px height: 48px
background: transparent background: transparent
&::after
// border-bottom: 2px solid #f5f6f7
border-bottom: 2px solid #323233
>>>input >>>input
height 48px height 48px
// >>>field__body // >>>field__body

11
src/views/home/index.vue
View File

@ -12,11 +12,12 @@
</div> --> </div> -->
<div class="info-card flex-container"> <div class="info-card flex-container">
<add-photo @changePhoto="changePhoto" @readyHandle='readyHandle'></add-photo> <add-photo @changePhoto="changePhoto" @readyHandle='readyHandle'></add-photo>
<div class="form"> <van-form class="form">
<van-field required v-model="formData.Name" clearable placeholder="请输入姓名" /> <van-cell-group inset>
<van-field required type='number' v-model="formData.Phone" clearable placeholder="请输入手机号" /> <van-field required v-model="formData.Name" name="姓名" label="姓名" clearable placeholder="请输入姓名" />
<!-- <van-field required type='text' v-model="formData.Code" clearable placeholder="请输入参赛编号" /> --> <van-field required type='number' v-model="formData.Phone" name="手机号" label="手机号" clearable placeholder="请输入手机号" />
</div> </van-cell-group>
</van-form>
<div class="button" @click="onSubmit">提交</div> <div class="button" @click="onSubmit">提交</div>
</div> </div>
<!-- <div class="hint"> <!-- <div class="hint">

10
src/views/login/index.vue
View File

@ -14,10 +14,12 @@
<h1 class="title">5G 赛道</h1> <h1 class="title">5G 赛道</h1>
</div> </div>
<div class="info-card flex-container"> <div class="info-card flex-container">
<div class="form"> <van-form class="form">
<van-field required v-model="formData.Name" clearable placeholder="请输入姓名" /> <van-cell-group inset>
<van-field required type='number' v-model="formData.Phone" clearable placeholder="请输入手机号" /> <van-field required v-model="formData.Name" name="姓名" label="姓名" clearable placeholder="请输入姓名" />
</div> <van-field required type='number' v-model="formData.Phone" name="姓名" label="姓名" clearable placeholder="请输入手机号" />
</van-cell-group>
</van-form>
<div class="button register" @click="onRegister">注册</div> <div class="button register" @click="onRegister">注册</div>
<div class="button" @click="onLogin">登陆</div> <div class="button" @click="onLogin">登陆</div>
</div> </div>