login-page.scss 2.2 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12
// 隐藏 edge 浏览器的密码查看按钮

/* #ifdef H5 */
.input-box ::v-deep{
  .uni-input-input[type="password"] {
    &::-ms-reveal {
      display: none;
    }
  }
}
/* #endif */

13 14 15 16
.uni-content {
  padding: 0 60rpx;
}

DCloud_JSON's avatar
DCloud_JSON 已提交
17 18 19 20
.login-logo {
	display: none;
}

21 22 23
/* #ifndef APP-NVUE */
@media screen and (min-width: 690px) {
  .uni-content {
DCloud_JSON's avatar
DCloud_JSON 已提交
24 25 26 27 28 29
	/* #ifndef H5 */
	padding: 0;
	max-width: 300px;
	margin-left: calc(50% - 200px);
	/* #endif */
	/* #ifdef H5 */
30 31 32
	margin: 0 auto;
	position: relative;
	top: 100px;
DCloud_JSON's avatar
DCloud_JSON 已提交
33 34 35
	padding: 30px 40px 80px 40px;
	max-width: 450px;
	max-height: 450px;
36
	border-radius: 10px;
DCloud_JSON's avatar
DCloud_JSON 已提交
37 38 39 40 41 42 43 44
	box-shadow: 0 0 20px #efefef;
	background-color: #FFF;
	/* #endif */
  }
  /* #ifdef H5 */
  .login-logo {
  	display: flex;
  	justify-content: center;
45
  }
46

DCloud_JSON's avatar
DCloud_JSON 已提交
47 48 49 50
  .login-logo image {
	width: 60px;
  	height: 60px;
  }
51

DCloud_JSON's avatar
DCloud_JSON 已提交
52 53 54 55
  .register-back{
	  display: none;
  }
  /* #endif */
56 57 58 59 60 61
}

.uni-content view {
  box-sizing: border-box;
}
/* #endif */
DCloud_JSON's avatar
DCloud_JSON 已提交
62 63 64



65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81
.title {
  /* #ifndef APP-NVUE */
  display: flex;
  /* #endif */
  padding: 18px 0;
  font-weight: 800;
  flex-direction: column;
}

.tip {
  /* #ifndef APP-NVUE */
  display: flex;
  /* #endif */
  color: #BDBDC0;
  font-size: 11px;
  margin: 6px 0;
}
82 83 84 85 86 87


/* #ifdef MP */
// 解决小程序端开启虚拟节点virtualHost引起的 class = input-box丢失的问题 [详情参考](https://uniapp.dcloud.net.cn/matter.html#%E5%90%84%E5%AE%B6%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%AE%9E%E7%8E%B0%E6%9C%BA%E5%88%B6%E4%B8%8D%E5%90%8C-%E5%8F%AF%E8%83%BD%E5%AD%98%E5%9C%A8%E7%9A%84%E5%B9%B3%E5%8F%B0%E5%85%BC%E5%AE%B9%E9%97%AE%E9%A2%98)
.uni-content ::v-deep .uni-easyinput__content,
/* #endif */
88 89 90

.input-box {
  padding: 4px;
91
  background-color: #F8F8F8 !important;
92 93 94 95 96 97
  border-radius: 0;
  font-size: 14px;
  /* #ifndef APP-NVUE */
  display: flex;
  /* #endif */
  flex: 1;
98
}
99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115

.link {
  color: #04498c;
  cursor: pointer;
}

.uni-content ::v-deep .uni-forms-item__inner {
  padding-bottom: 8px;
}

.uni-btn {
	text-align: center;
	height: 40px;
	line-height: 40px;
	margin: 15px 0 0 0;
	color: #FFF !important;
	border-radius: 5px;
116 117 118 119 120
}

.uni-body.uni_modules-uni-id-pages-pages-login-login-withoutpwd{
	height: auto !important;
}