提交

马宇豪

2024-08-21 b941ca4d159d7af138bc0a2fa7e04b1e9fdd61d0

 pages/index/index.vue

@@ -4,7 +4,7 @@
    <view class="main">
      <view class="header">
        <view class="titleFirst">
          你好~<br/>欢迎来到安全教育平台</view>
          你好~<br/>欢迎来到危化品全生命周期管理平台</view>
      </view>
      <view>
        <u-form :model="form" ref="uForm" class="form" >
@@ -233,7 +233,7 @@

.titleFirst{
  width: 80%;
   font-size: 44rpx;
   font-size: 34rpx;
  line-height: 1.5;
  font-weight: bold;
  letter-spacing: 2px;
@@ -259,19 +259,19 @@
  border-radius: 99px;
  background: #f5f5f5;
  padding: 15px 20px !important;
  box-shadow: 0px -6px 10px rgba(255, 255, 255, 1), 0px 4px 15px rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0px -6px 10px rgba(255, 255, 255, 1), 0px 4px 15px rgba(0, 0, 0, 0.1)!important;
  transition: box-shadow .1s ease !important;

  &:active{
    box-shadow: 0px -6px 10px rgba(255, 255, 255, 1), 0px 4px 12px rgba(0, 0, 0, 0.1),inset 0 3px 6px rgba(50, 50, 50, .05) !important;
    box-shadow: 0px -6px 10px rgba(255, 255, 255, 1), 0px 4px 15px rgba(0, 0, 0, 0.1),0px 3px 6px rgba(0, 0, 0, 0.1) inset !important;
  }
}

.isFocused{
  background: #fff;
  border-width: 1.5px !important;
  border-color: #e6e6e6 !important;
  box-shadow: 0px -6px 10px rgba(255, 255, 255, 0), 0px 4px 12px rgba(0, 0, 0, 0),inset 0 3px 6px rgba(50, 50, 50, .05) !important;
  border-width: 2px !important;
  border-color: #fff !important;
  box-shadow: 0px -6px 10px rgba(255, 255, 255, 1), 0px 4px 15px rgba(0, 0, 0, 0.1),0px 3px 6px rgba(0, 0, 0, 0.1) inset !important;
}

.loginPsw{
@@ -281,7 +281,7 @@
}

.loginBtn{
  border: 1px solid rgba(255,255,255,.4);
  border: 2px solid rgba(255,255,255,.8);
  letter-spacing: 10px;
  box-shadow: 0 2px 4px rgba(0,0,0,.2);
  background-image: linear-gradient(#41a2ff,#0f7ff9);