#

whycq

2023-10-08 75252c6ad38784d0d753344dba37057e852df189

 pages/LoginDemo/LoginDemo.vue

@@ -63,12 +63,12 @@
<style lang="scss" scoped>
   .setting {
      position: absolute;
      top: 16rpx;
      right: 16rpx;
      border-radius: 40rpx;
      box-shadow: inset 4rpx 4rpx 4rpx rgba(0,0,0,.3),
               inset -4rpx -4rpx 4rpx rgba(255,255,255,.7),
               -4rpx -4rpx 4rpx rgba(0,0,0,.4);
      top: 8px;
      right: 8px;
      border-radius: 10px;
      box-shadow: inset 2px 2px 2px rgba(0,0,0,.3),
               inset -2px -2px 2px rgba(255,255,255,.7),
               -2px -2px 2px rgba(0,0,0,.4);
   }
   .main {
      height: 100%;
@@ -84,7 +84,7 @@
   }
   .logo-box {
      background-color:  #ECF0F1;
      border-radius: 40rpx;
      border-radius: 15px;
      box-shadow: inset 8px 8px 8px rgba(0,0,0,.3),
               inset -8px -8px 8px rgba(255,255,255,.7),
               -8px -8px 10px rgba(0,0,0,.4);
@@ -103,7 +103,7 @@
   }
   .my-input {
      width: 80%;
      margin: 32rpx 10% 32rpx 10%;
      margin: 16px 10% 16px 10%;
   }
   .rember-password {
      width: 78%;
@@ -119,16 +119,16 @@
   .button {
      width: 40%;
      margin: 0 auto;
      height: 100rpx;
      height: 50px;
      text-align: center;
      line-height: 100rpx;
      line-height: 50px;
      font-size: 20px;
      background-color:  #409EFF;
      color: #ECF0F1;
      border-radius: 14rpx;
      box-shadow: inset 8rpx 8rpx 8rpx rgba(0,0,0,.3),
               inset -8rpx -8rpx 8rpx rgba(255,255,255,.4),
               -8rpx -8rpx 10rpx rgba(0,0,0,.4);
      border-radius: 7px;
      box-shadow: inset 4px 4px 4px rgba(0,0,0,.3),
               inset -4px -4px 4px rgba(255,255,255,.4),
               -4px -4px 5px rgba(0,0,0,.4);
   }
   @media screen and (orientation: portrait) {
      /* 竖屏 */