小程序

jiangping

2023-10-16 9ab4955166b7b1370fc2a49b152353241ca9e64a

 minipro_standard/pages/login/login.vue

@@ -1,95 +0,0 @@
<template>
   <view class="login-content plr60">
      <view class="login-bg">
         <image src="@/static/login_bg@2x.png" mode="aspectFill" class="bg-img"></image>
         <image src="@/static/logo@2x.png" mode="aspectFill" class="login-log img180"></image>
         <view class="tc title">DM云工厂</view>
      </view>
      <view class="bg_w rd8 ptb30 pl40 bbox com-input flex input-height">
         <image src="@/static/login_ic_code@2x.png" mode="" class="img40 mr25"></image>
         <u--input placeholder="企业代码" border="none" v-model="loginForm.companyId"></u--input>
      </view>
      <view class="bg_w rd8 ptb30 pl40 bbox mt40 flex input-height">
         <image src="@/static/login_ic_phone@2x.png" mode="" class="img40 mr25"></image>
         <u--input placeholder="手机号" border="none" v-model="loginForm.account"></u--input>
      </view>
      <view class="bg_w rd8 ptb30 pl40 bbox mt40 flex input-height">
         <image src="@/static/login_ic_password@2x.png" mode="" class="img40 mr25"></image>
         <u--input placeholder="密码" border="none" v-model="loginForm.password"></u--input>
      </view>
      <view class="login-btn mt80" @click="loginAction">立即登录</view>
   </view>
</template>

<script>
   export default {
      data() {
         return {
            loginForm: {
               companyId: '',
               account: '',
               password: ''
            }
         };
      },
      methods: {
         loginAction() {
            uni.reLaunch({
               url: '/pages/workbench/workbench'
            })
         }
      }
   }
</script>

<style lang="scss" scoped>
.login-content {
   height: 100vh;
   background: #FFFFFF linear-gradient(180deg, rgba(66,117,252,0.2) 0%, rgba(66,117,252,0) 100%);
   .login-bg {
      position: relative;
      height: 812rpx;
      .bg-img {
         position: absolute;
         z-index: 1;
         width: 100%;
         height: 100%;
      }
      .login-log {
         // margin-top: ;
         margin: 356rpx auto 0 auto ;
         left: 0;
         right: 0;
         position: absolute;
      }
      .title {
         position: absolute;
         margin-top: 576rpx;
         left: 0;
         width: 100%;
         height: 60rpx;
         font-size: 44rpx;
         font-weight: 600;
         color: #333333;
         line-height: 60rpx;
      }
   }
   .input-height {
      height: 100rpx;
   }
   .com-input {
      margin-top: -60px;
   }
   .login-btn {
      height: 98rpx;
      background: #4275FC;
      box-shadow: 0rpx 12rpx 24rpx 0rpx rgba(66,117,252,0.2);
      border-radius: 8rpx;
      text-align: center;
      font-size: 32rpx;
      font-weight: 500;
      color: #FFFFFF;
      line-height: 98rpx;
   }
}
</style>