login-page.scss 2.3 KB
Newer Older
DCloud_JSON's avatar
1.0.18  
DCloud_JSON 已提交
1 2 3
// 隐藏 edge 浏览器的密码查看按钮

/* #ifdef H5 */
4 5 6 7 8 9
.input-box ::v-deep{
  .uni-input-input[type="password"] {
    &::-ms-reveal {
      display: none;
    }
  }
DCloud_JSON's avatar
1.0.18  
DCloud_JSON 已提交
10 11
}
/* #endif */
12

DCloud_JSON's avatar
DCloud_JSON 已提交
13 14 15 16
.uni-content {
  padding: 0 60rpx;
}

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

DCloud_JSON's avatar
DCloud_JSON 已提交
21 22 23
/* #ifndef APP-NVUE */
@media screen and (min-width: 690px) {
  .uni-content {
JiaRongPing's avatar
JiaRongPing 已提交
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;
JiaRongPing's avatar
JiaRongPing 已提交
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
	box-shadow: 0 0 20px #efefef;
JiaRongPing's avatar
JiaRongPing 已提交
38 39 40 41 42 43 44 45
	background-color: #FFF;
	/* #endif */
  }
  /* #ifdef H5 */
  .login-logo {
  	display: flex;
  	justify-content: center;
  }
46

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

JiaRongPing's avatar
JiaRongPing 已提交
52 53
  .register-back{
	  display: none;
DCloud_JSON's avatar
1.0.20  
DCloud_JSON 已提交
54 55 56 57 58 59
  }

  uni-button{
	  padding-bottom: 1px;
  }
  
JiaRongPing's avatar
JiaRongPing 已提交
60
  /* #endif */
DCloud_JSON's avatar
DCloud_JSON 已提交
61 62 63 64 65 66
}

.uni-content view {
  box-sizing: border-box;
}
/* #endif */
JiaRongPing's avatar
JiaRongPing 已提交
67 68 69



DCloud_JSON's avatar
DCloud_JSON 已提交
70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86
.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;
}
DCloud_JSON's avatar
DCloud_JSON 已提交
87 88


DCloud_JSON's avatar
1.0.20  
DCloud_JSON 已提交
89
/* #ifndef APP-NVUE */
DCloud_JSON's avatar
DCloud_JSON 已提交
90 91 92
// 解决小程序端开启虚拟节点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 */
DCloud_JSON's avatar
DCloud_JSON 已提交
93 94

.input-box {
DCloud_JSON's avatar
1.0.20  
DCloud_JSON 已提交
95
  height: 44px;
DCloud_JSON's avatar
DCloud_JSON 已提交
96
  background-color: #F8F8F8 !important;
DCloud_JSON's avatar
DCloud_JSON 已提交
97 98 99 100 101 102
  border-radius: 0;
  font-size: 14px;
  /* #ifndef APP-NVUE */
  display: flex;
  /* #endif */
  flex: 1;
DCloud_JSON's avatar
DCloud_JSON 已提交
103
}
DCloud_JSON's avatar
DCloud_JSON 已提交
104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120

.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;
121 122 123 124 125
}

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