Skip to content

D
DoorLock
Commit f659d378 by wangying
Options

上传样式

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