Commit f4d72d20 by zeyang

微信图标被挤压的问题

parent 4613f5fe
<template>
<view class="loginContent">
<view class="loginContainer">
<view class="loginLogBox">
<view class="log">
<image src="../../static/videoProject/logo.png" mode="widthFix"></image>
......@@ -13,14 +14,14 @@
<view class="phoneImage">
<image src="../../static/videoProject/phone.png" mode="widthFix"></image>
</view>
<input v-model="mobile" maxlength="11" type="number" placeholder="请输入手机号">
<input :adjust-position="false" v-model="mobile" maxlength="11" type="number" placeholder="请输入手机号">
</view>
<view class="codeBox">
<view class="loginInputLine">
<view class="codeImage">
<image src="../../static/videoProject/code.png" mode="widthFix"></image>
</view>
<input v-model="code" maxlength="6" type="number" placeholder="请输入验证码">
<input :adjust-position="false" v-model="code" maxlength="6" type="number" placeholder="请输入验证码">
</view>
<view class="code" @click="c_sendCode">
{{sendCodeHtml}}
......@@ -32,6 +33,7 @@
登录
</view>
</view>
</view>
<view class="wxLoginBox" @click="getWeChatCode">
<view class="wxIconBox">
<text class="iconfont icon-iconfontzhizuobiaozhunbduan32"></text>
......@@ -191,23 +193,7 @@
background: linear-gradient(rgba(232, 207, 181, 1) 0%, rgba(242, 240, 237, 1) 60%);
position: relative;
.wxLoginBox {
position: absolute;
bottom: 12vh;
text-align: center;
left: 42vw;
.wxIconBox {
padding-bottom: 40rpx;
}
.wxLoginLabel {
color: rgba(102, 102, 102, 1);
font-size: 34rpx;
letter-spacing: 1rpx;
}
}
.loginContainer{
.loginLogBox {
padding-top: 10vh;
......@@ -252,7 +238,7 @@
display: flex;
.codeImage {
width: 95rpx;
width: 90rpx;
margin-bottom: -10rpx;
margin-right: 10rpx;
}
......@@ -282,4 +268,19 @@
}
}
}
.wxLoginBox {
margin-top: 200rpx;
text-align: center;
.wxIconBox {
padding-bottom: 40rpx;
}
.wxLoginLabel {
color: rgba(102, 102, 102, 1);
font-size: 34rpx;
letter-spacing: 1rpx;
}
}
}
</style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment