Skip to content

C
CFFP-HB
Commit f4d72d20 by zeyang
Options

微信图标被挤压的问题

parent 4613f5fe
Showing with 22 additions and 20 deletions
myPackageA/videoProject/login.vue
<template> <template>
<view class="loginContent"> <view class="loginContent">
<view class="loginContainer">
<view class="loginLogBox"> <view class="loginLogBox">
<view class="log"> <view class="log">
<image src="../../static/videoProject/logo.png" mode="widthFix"></image> <image src="../../static/videoProject/logo.png" mode="widthFix"></image>
...@@ -13,14 +14,14 @@ ...@@ -13,14 +14,14 @@
<view class="phoneImage"> <view class="phoneImage">
<image src="../../static/videoProject/phone.png" mode="widthFix"></image> <image src="../../static/videoProject/phone.png" mode="widthFix"></image>
</view> </view>
<input v-model="mobile" maxlength="11" type="number" placeholder="请输入手机号"> <input :adjust-position="false" v-model="mobile" maxlength="11" type="number" placeholder="请输入手机号">
</view> </view>
<view class="codeBox"> <view class="codeBox">
<view class="loginInputLine"> <view class="loginInputLine">
<view class="codeImage"> <view class="codeImage">
<image src="../../static/videoProject/code.png" mode="widthFix"></image> <image src="../../static/videoProject/code.png" mode="widthFix"></image>
</view> </view>
<input v-model="code" maxlength="6" type="number" placeholder="请输入验证码"> <input :adjust-position="false" v-model="code" maxlength="6" type="number" placeholder="请输入验证码">
</view> </view>
<view class="code" @click="c_sendCode"> <view class="code" @click="c_sendCode">
{{sendCodeHtml}} {{sendCodeHtml}}
...@@ -32,6 +33,7 @@ ...@@ -32,6 +33,7 @@
登录 登录
</view> </view>
</view> </view>
</view>
<view class="wxLoginBox" @click="getWeChatCode"> <view class="wxLoginBox" @click="getWeChatCode">
<view class="wxIconBox"> <view class="wxIconBox">
<text class="iconfont icon-iconfontzhizuobiaozhunbduan32"></text> <text class="iconfont icon-iconfontzhizuobiaozhunbduan32"></text>
...@@ -191,23 +193,7 @@ ...@@ -191,23 +193,7 @@
background: linear-gradient(rgba(232, 207, 181, 1) 0%, rgba(242, 240, 237, 1) 60%); background: linear-gradient(rgba(232, 207, 181, 1) 0%, rgba(242, 240, 237, 1) 60%);
position: relative; position: relative;
.wxLoginBox { .loginContainer{
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;
}
}
.loginLogBox { .loginLogBox {
padding-top: 10vh; padding-top: 10vh;
...@@ -252,7 +238,7 @@ ...@@ -252,7 +238,7 @@
display: flex; display: flex;
.codeImage { .codeImage {
width: 95rpx; width: 90rpx;
margin-bottom: -10rpx; margin-bottom: -10rpx;
margin-right: 10rpx; margin-right: 10rpx;
} }
...@@ -282,4 +268,19 @@ ...@@ -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> </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