aike/emis-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

uu

Browse Source
This commit is contained in:
aihe 2023-12-20 23:42:22 +08:00
parent 160d1b2292
commit bc84385909
1 changed files with 32 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

59
pages/login/login.vue
View File

@ -1,35 +1,39 @@
<template>
<view class="lgn-page" :style="`background-image: url(${getCdnUrl('login/bg.png')});`">
<view>
<u-image custom-style="margin: 160rpx auto 0 auto;" width="100" height="100" :src="getCdnUrl('logo.png')"></u-image>
<u-text margin="70rpx 0 0 0" size="60" text="探路物流 速运全球" color="#fff" bold="true" align="center"></u-text>
<view class="lgn-page">
<view class="pos-abt-all" style="z-index: 0;overflow: hidden;">
<tpx-image width="750" mode="widthFix" :src="getCdnUrl('login/bg.png')"></tpx-image>
</view>
<view style="margin-top: 90rpx;" class="pl-30 pr-30">
<u-text text="密码登录" size="30" color="#fff" bold="true"></u-text>
<view class="mt-40">
<u-input placeholder="请输入账号" color="#fff" font-size="30"
custom-style="padding: 30rpx 60rpx;background: rgba(255,255,255,0.2); border: 2px solid #FFFFFF;border-radius: 16rpx;"
placeholder-style="color: #FFF;"></u-input>
<view class="pos-rlt" style="z-index: 1;">
<view>
<u-image custom-style="margin: 160rpx auto 0 auto;" width="100" height="100" :src="getCdnUrl('logo.png')"></u-image>
<u-text margin="70rpx 0 0 0" size="60" text="探路物流 速运全球" color="#fff" bold="true" align="center"></u-text>
</view>
<view class="mt-40">
<u-input placeholder="请输入密码" color="#fff" font-size="30" type="password"
custom-style="padding: 30rpx 60rpx;background: rgba(255,255,255,0.2); border: 2px solid #FFFFFF;border-radius: 16rpx;"
placeholder-style="color: #FFF;"></u-input>
<view style="margin-top: 90rpx;" class="pl-30 pr-30">
<u-text text="密码登录" size="30" color="#fff" bold="true"></u-text>
<view class="mt-40">
<u-input placeholder="请输入账号" color="#fff" font-size="30"
custom-style="padding: 30rpx 60rpx;background: rgba(255,255,255,0.2); border: 2px solid #FFFFFF;border-radius: 16rpx;"
placeholder-style="color: #FFF;"></u-input>
</view>
<view class="mt-40">
<u-input placeholder="请输入密码" color="#fff" font-size="30" type="password"
custom-style="padding: 30rpx 60rpx;background: rgba(255,255,255,0.2); border: 2px solid #FFFFFF;border-radius: 16rpx;"
placeholder-style="color: #FFF;"></u-input>
</view>
<view class="mt-30">
<u-checkbox-group placement="column" v-model="remberPassport">
<u-checkbox size="28" labelSize="28" label="记住密码"
label-color="#fff" activeColor="#fff" iconColor="#B12D29" iconSize="20"></u-checkbox>
</u-checkbox-group>
</view>
<view style="margin-top: 70rpx;">
<u-button custom-style="height:90rpx;font-size:32rpx;color: #B12D29;font-weight: bold;;box-shadow: 0rpx 12rpx 21rpx 0rpx rgba(177,45,41,0.32);border-radius: 16rpx;">登录</u-button>
</view>
</view>
<view class="mt-30">
<u-checkbox-group placement="column" v-model="remberPassport">
<u-checkbox size="28" labelSize="28" label="记住密码"
label-color="#fff" activeColor="#fff" iconColor="#B12D29" iconSize="20"></u-checkbox>
</u-checkbox-group>
</view>
<view style="margin-top: 70rpx;">
<u-button custom-style="height:90rpx;font-size:32rpx;color: #B12D29;font-weight: bold;;box-shadow: 0rpx 12rpx 21rpx 0rpx rgba(177,45,41,0.32);border-radius: 16rpx;">登录</u-button>
</view>
</view>
</view>
</template>
<script>
@ -61,6 +65,7 @@
</style>
<style scoped lang="scss">
.lgn-page {
position: relative;
min-height: 100%;
background-size: 100% auto;
background-repeat: no-repeat;