Commit f659d378 by wangying

上传样式

parent 09a9dcd5
......@@ -2,7 +2,7 @@
@import "../public/header.less";
//添加设备
.noBottomGradient();
// .noBottomGradient();
.addDevice li{
margin: 10px;
......
......@@ -158,13 +158,21 @@
vertical-align: middle;
}
&:nth-child(2){
width: 40px;
width: 35px;
display: inline-block;
vertical-align: middle;
text-align: right;
font-size: 13px;
text-align: left;
font-size: 13px;
line-height: 1;
margin-left: 6px;
}
}
&.yellowWarning span:nth-child(1){
color: #f99b22;
}
&.redWarning span:nth-child(1){
color: #fc2168;
}
}
.bindDoorlock{
......
......@@ -29,7 +29,6 @@
//门锁用户
.userInfoLink{
margin-top: 20px;
li{
&:not(.userInfo){
height: 52px;
......@@ -162,9 +161,10 @@
&:nth-child(2){
color: inherit;
font-size: @INVITEBIND-TITLE-FONTSIZE;
margin-top: 33px;
margin-top: 32px;
}
}
//二维码已过期,请重新生成
p{
position: absolute;
top: 0;
......@@ -172,7 +172,7 @@
width: 100%;
height: 100%;
text-align: center;
background-color: rgba(255, 255, 255, 0.1);
background-color: @INVITEBIND-QRCODEEXPIRE-BACKDROP;
span{
.transformV_center(left,0);
width: 100%;
......
......@@ -2,7 +2,7 @@
@import "../public/header.less";
//引导页
.noBottomGradient();
// .noBottomGradient();
#app{
width: 100%;
......
......@@ -13,12 +13,12 @@ body{
color: @BODY-TEXT-COLOR;
font-size: @BODY-TEXT-FONTSIZE;
//font-family: @BODY-TEXT-FONTFAMILY;
.white_gradient_border();
// .white_gradient_border();
background-color: @BODY-BG-COLOR;
-webkit-background-size: 100% 1px;/*no*/
background-size: 100% 1px;/*no*/
background-repeat: no-repeat;
background-position: bottom center;
// -webkit-background-size: 100% 1px;
// background-size: 100% 1px;
// background-repeat: no-repeat;
// background-position: bottom center;
}
ul{
......
......@@ -275,6 +275,7 @@
@INVITEBIND-TEXT-COLOR: @C_GRAY_3;
@INVITEBIND-TEXT-FONTSIZE: @F_SIZE_16;
@INVITEBIND-TITLE-FONTSIZE: @F_SIZE_18;
@INVITEBIND-QRCODEEXPIRE-BACKDROP: @CUSTOM-BACKDROP-BG;
//绑定开锁信息
@UNLOCKINFO-TITLE-FONTSIZE: @F_SIZE_16;
......
......@@ -24,13 +24,7 @@ body {
user-select: none;
color: #fff;
font-size: 0.373rem;
background: -webkit-linear-gradient(left, #242635, #fff, #242635);
background: linear-gradient(to right, #242635, #fff, #242635);
background-color: #242635;
-webkit-background-size: 100% 1px;
background-size: 100% 1px;
background-repeat: no-repeat;
background-position: bottom center;
}
ul {
......@@ -452,10 +446,6 @@ p {
padding-top: 1.173rem;
}
.noBottomGradient {
background-image: none;
}
.addDevice li {
margin: 0.267rem;
border: 1px solid;
......
......@@ -17,7 +17,7 @@
<script type="text/javascript" src="../../lib/js/p.js"></script>
<script type="text/javascript" src="../../lib/js/UIOT.js"></script>
</head>
<body ontouchstart="" class="noBottomGradient">
<body ontouchstart="">
<div id="app" v-cloak>
<div class="header">
......
......@@ -24,13 +24,7 @@ body {
user-select: none;
color: #fff;
font-size: 0.373rem;
background: -webkit-linear-gradient(left, #242635, #fff, #242635);
background: linear-gradient(to right, #242635, #fff, #242635);
background-color: #242635;
-webkit-background-size: 100% 1px;
background-size: 100% 1px;
background-repeat: no-repeat;
background-position: bottom center;
}
ul {
......
......@@ -24,13 +24,7 @@ body {
user-select: none;
color: #fff;
font-size: 0.373rem;
background: -webkit-linear-gradient(left, #242635, #fff, #242635);
background: linear-gradient(to right, #242635, #fff, #242635);
background-color: #242635;
-webkit-background-size: 100% 1px;
background-size: 100% 1px;
background-repeat: no-repeat;
background-position: bottom center;
}
ul {
......@@ -1137,11 +1131,21 @@ p {
}
.batteryState span:nth-child(2) {
width: 1.067rem;
width: 0.933rem;
display: inline-block;
vertical-align: middle;
text-align: right;
text-align: left;
font-size: 0.347rem;
line-height: 1;
margin-left: 0.16rem;
}
.batteryState.yellowWarning span:nth-child(1) {
color: #f99b22;
}
.batteryState.redWarning span:nth-child(1) {
color: #fc2168;
}
.bindDoorlock {
......
......@@ -24,13 +24,7 @@ body {
user-select: none;
color: #fff;
font-size: 0.373rem;
background: -webkit-linear-gradient(left, #242635, #fff, #242635);
background: linear-gradient(to right, #242635, #fff, #242635);
background-color: #242635;
-webkit-background-size: 100% 1px;
background-size: 100% 1px;
background-repeat: no-repeat;
background-position: bottom center;
}
ul {
......
......@@ -24,13 +24,7 @@ body {
user-select: none;
color: #fff;
font-size: 0.373rem;
background: -webkit-linear-gradient(left, #242635, #fff, #242635);
background: linear-gradient(to right, #242635, #fff, #242635);
background-color: #242635;
-webkit-background-size: 100% 1px;
background-size: 100% 1px;
background-repeat: no-repeat;
background-position: bottom center;
}
ul {
......
......@@ -24,13 +24,7 @@ body {
user-select: none;
color: #fff;
font-size: 0.373rem;
background: -webkit-linear-gradient(left, #242635, #fff, #242635);
background: linear-gradient(to right, #242635, #fff, #242635);
background-color: #242635;
-webkit-background-size: 100% 1px;
background-size: 100% 1px;
background-repeat: no-repeat;
background-position: bottom center;
}
ul {
......@@ -649,10 +643,6 @@ p {
color: #999;
}
.userInfoLink {
margin-top: 0.533rem;
}
.userInfoLink li:not(.userInfo) {
height: 1.387rem;
line-height: 1.387rem;
......@@ -833,7 +823,7 @@ p {
.inviteBind li:not(:first-child):nth-child(2) {
color: inherit;
font-size: 0.48rem;
margin-top: 0.88rem;
margin-top: 0.853rem;
}
.inviteBind li p {
......@@ -843,7 +833,7 @@ p {
width: 100%;
height: 100%;
text-align: center;
background-color: rgba(255, 255, 255, 0.1);
background-color: rgba(36, 38, 53, 0.9);
}
.inviteBind li p span {
......
......@@ -27,6 +27,7 @@
<div class="content">
<ul class="inviteBind">
<li>
<img src="../../resources/image/qrcode.png" width="100%" height="100%">
<p>
<span>{{ $t('inviteBind.qrcodeExpireTip') }}</span>
</p>
......
......@@ -24,13 +24,7 @@ body {
user-select: none;
color: #fff;
font-size: 0.373rem;
background: -webkit-linear-gradient(left, #242635, #fff, #242635);
background: linear-gradient(to right, #242635, #fff, #242635);
background-color: #242635;
-webkit-background-size: 100% 1px;
background-size: 100% 1px;
background-repeat: no-repeat;
background-position: bottom center;
}
ul {
......
......@@ -24,13 +24,7 @@ body {
user-select: none;
color: #fff;
font-size: 0.373rem;
background: -webkit-linear-gradient(left, #242635, #fff, #242635);
background: linear-gradient(to right, #242635, #fff, #242635);
background-color: #242635;
-webkit-background-size: 100% 1px;
background-size: 100% 1px;
background-repeat: no-repeat;
background-position: bottom center;
}
ul {
......
......@@ -17,7 +17,7 @@
<script type="text/javascript" src="../../lib/js/p.js"></script>
<script type="text/javascript" src="../../lib/js/UIOT.js"></script>
</head>
<body ontouchstart="" class="noBottomGradient">
<body ontouchstart="">
<div id="app" v-cloak>
<div class="guideBg">
......
......@@ -24,13 +24,7 @@ body {
user-select: none;
color: #fff;
font-size: 0.373rem;
background: -webkit-linear-gradient(left, #242635, #fff, #242635);
background: linear-gradient(to right, #242635, #fff, #242635);
background-color: #242635;
-webkit-background-size: 100% 1px;
background-size: 100% 1px;
background-repeat: no-repeat;
background-position: bottom center;
}
ul {
......@@ -452,10 +446,6 @@ p {
padding-top: 1.173rem;
}
.noBottomGradient {
background-image: none;
}
#app {
width: 100%;
height: 100%;
......
......@@ -24,13 +24,7 @@ body {
user-select: none;
color: #fff;
font-size: 0.373rem;
background: -webkit-linear-gradient(left, #242635, #fff, #242635);
background: linear-gradient(to right, #242635, #fff, #242635);
background-color: #242635;
-webkit-background-size: 100% 1px;
background-size: 100% 1px;
background-repeat: no-repeat;
background-position: bottom center;
}
ul {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment