css

liukangdong

2024-06-25 ebc96a1cf0424c04dceacbc42f9ad2a897223be9

 h5/n_pages/login/login.vue

@@ -5,11 +5,16 @@
    <view class="login_list">
      <view class="login_list_item">
        <image src="@/static/login_ic_phone@2x.png" mode="widthFix" />
        <input v-model="form.idCard" maxlength="18" type="number" placeholder="手机号">
        <input
          v-model="form.idCard"
          maxlength="18"
          type="number"
          placeholder="手机号"
        />
      </view>
      <view class="login_list_item">
        <image src="@/static/login_ic_password@2x.png" mode="widthFix" />
        <input v-model="form.password" type="password" placeholder="密码">
        <input v-model="form.password" type="password" placeholder="密码" />
      </view>
    </view>
    <view class="login_btn">
@@ -50,7 +55,11 @@
      box-sizing: border-box;
      align-items: center;
      flex-direction: column;
      background: linear-gradient(180deg, rgba(2,94,239,0.2) 0%, rgba(2,94,239,0) 100%);
  background: linear-gradient(
    180deg,
    rgba(2, 94, 239, 0.2) 0%,
    rgba(2, 94, 239, 0) 100%
  );
      .login_logo {
         width: 180rpx;
         height: 180rpx;
@@ -71,7 +80,7 @@
            height: 98rpx;
            padding: 0 40rpx;
            box-sizing: border-box;
            background: #FFFFFF;
      background: #ffffff;
            border-radius: 8rpx;
            margin-bottom: 40rpx;
            display: flex;
@@ -102,15 +111,15 @@
         .login_btn_n {
            width: 100%;
            height: 98rpx;
            background: #025EEF;
            background: #025EEF;
      background: #025eef;
      background: #025eef;
            box-shadow: 0rpx 12rpx 24rpx 0rpx rgba(2,94,239,0.14);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 32rpx;
            font-weight: 500;
            color: #FFFFFF;
      font-weight: 600;
      color: #ffffff;
            border-radius: 50rpx;
         }
      }