Skip to content

D
DoorLock
Commit 15b516a2 by 朱建香
Options

Merge remote-tracking branch 'remotes/origin/wangying' into zjx 

# Conflicts:
#	dev/src/lang/zh.json
#	web/lib/less/device/notify.less
#	web/lib/less/doorlockUsers/doorlockUser.less
#	web/view/device/index.html
#	web/view/device/notify.css
#	web/view/device/notify.html
#	web/view/doorlockUsers/doorlockUser.css
#	web/view/doorlockUsers/inviteBind.html
parents c6e15c32 9aa6832b
Showing with 188 additions and 44 deletions
dev/src/view/myInfo/v_help.js 0 → 100644
/**
* v_help.js
* Version: 0.1
* User: wy
* Date: 2017-12-27
* Copyright(c) 2017. U-GEN Tech.Co,Ltd. All Rights Reserved.
* 帮助页面
*/
import config from '../../public/config.js';
import {iot, uPublic, uComponents} from '../../public/public.js';
iot.ready(init);
function init() {
//通用 组件
uPublic.componentsInit(['u-button','u-dialog','u-loading']);
const app = new Vue({
data:{
//配置组件
componentsConfig: initComponentsConfig()
},
mounted(){
},
methods:{
//tap 完成
onFinishButtonTap(){
finishButtonTap();
}
}
}).$mount('#app');
}
//配置组件参数
function initComponentsConfig() {
return {
finishButton: {
initParam: {
class: 'custom-button',
text: Vue.t('btn.finish')
}
},
dialog: {
initParam: {
class: 'custom-dialog'
}
},
loading: {
initParam: {
class: 'custom-loading'
}
}
}
}
//tap 完成
function finishButtonTap(){
}
\ No newline at end of file
web/lib/less/device/notify.less
...@@ -42,12 +42,13 @@ ...@@ -42,12 +42,13 @@
position: absolute; position: absolute;
left: 0; left: 0;
display: inline-block; display: inline-block;
width: 22px; // width: 22px;
height: 22px; // height: 22px;
border: 1px solid;/*no*/ border: 1px solid;/*no*/
border-radius: 50%; border-radius: 50%;
text-align: center; text-align: center;
.iconfont(12px,22px); .iconfont(12px);
padding: 4px;
background-color: #242635; background-color: #242635;
outline: 3px solid #242635;/*no*/ outline: 3px solid #242635;/*no*/
} }
......
web/lib/less/doorlockUsers/doorlockUser.less
...@@ -148,8 +148,8 @@ ...@@ -148,8 +148,8 @@
font-size: @INVITEBIND-TEXT-FONTSIZE; font-size: @INVITEBIND-TEXT-FONTSIZE;
position: relative; position: relative;
&.qrcode{ &.qrcode{
width: 200px; width: 160px;
height: 200px; height: 160px;
margin: 0 auto; margin: 0 auto;
position: relative; position: relative;
} }
...@@ -166,18 +166,19 @@ ...@@ -166,18 +166,19 @@
//1、2、3 //1、2、3
> span{ > span{
display: inline-block; display: inline-block;
width: 22px;/*no*/ // width: 22px;/*no*/
height: 22px;/*no*/ // height: 22px;/*no*/
border: 1px solid;/*no*/ border: 1px solid;/*no*/
border-radius: 50%; border-radius: 50%;
text-align: center; text-align: center;
.iconfont(12px,1); .iconfont(12px,1);
line-height: 22px;/*no*/ // line-height: 22px;/*no*/
background-color: #242635; background-color: #242635;
outline: 3px solid #242635;/*no*/ outline: 3px solid #242635;/*no*/
color: #00ffff; color: #00ffff;
margin-right: 14px; margin-right: 14px;
position: relative; position: relative;
padding: 4px;
} }
//二维码已过期，请重新生成 //二维码已过期，请重新生成
p{ p{
...@@ -198,7 +199,7 @@ ...@@ -198,7 +199,7 @@
&:before{ &:before{
content: ''; content: '';
position: absolute; position: absolute;
top: 0; top: 2px;
bottom: 0; bottom: 0;
left: 11px; left: 11px;
width: 1px;/*no*/ width: 1px;/*no*/
......
web/lib/less/doorlockUsers/unlockInfo.less
...@@ -142,7 +142,11 @@ ...@@ -142,7 +142,11 @@
.u-select(); .u-select();
.custom-select{ .custom-select{
height: 170px; position: absolute;
top: 266px;
bottom: 211px;
left: 0;
height: auto;
.u-select-scroll{ .u-select-scroll{
.u-select-row{ .u-select-row{
display: block; display: block;
...@@ -180,10 +184,16 @@ ...@@ -180,10 +184,16 @@
} }
} }
.position{
position: absolute;
bottom: 122px;
left: 0;
width: 100%;
}
.tip{ .tip{
text-align: center; text-align: center;
color: #A0A0A7; color: #A0A0A7;
margin-top: 3px;
} }
.u-switch(); .u-switch();
...@@ -248,7 +258,7 @@ ...@@ -248,7 +258,7 @@
.mask(1051,@CUSTOM-BACKDROP-BG); .mask(1051,@CUSTOM-BACKDROP-BG);
.guideStep1{ .guideStep1{
position: absolute; position: absolute;
top: 44px; top: 46px;
left: 0; left: 0;
width: 100%; width: 100%;
.modeSelect:after{ .modeSelect:after{
...@@ -353,7 +363,7 @@ ...@@ -353,7 +363,7 @@
} }
.guideStep5{ .guideStep5{
position: absolute; position: absolute;
top: 248px; bottom: 116px;
left: 0; left: 0;
width: 100%; width: 100%;
.guideStep5Tip{ .guideStep5Tip{
......
web/lib/less/public/core.less
...@@ -200,17 +200,24 @@ p{ ...@@ -200,17 +200,24 @@ p{
&when(@guideStepBool){ &when(@guideStepBool){
.guide-dialog{ .guide-dialog{
.guideStep5{ .guideStep5{
top: 228px; bottom: 96px;
.guideStep5Cont p{ // .guideStep5Cont p{
padding: 12px 0; // padding: 12px 0;
} // }
} }
} }
} }
&when(@switchBool){ &when(@switchBool){
.custom-select{
bottom: 178px;
}
.position{
bottom: 102px;
}
.custom-setHijack-switch{ .custom-setHijack-switch{
margin-top: 0; margin-top: 14px;
} }
} }
......
web/lib/less/public/public.less
...@@ -283,7 +283,7 @@ ...@@ -283,7 +283,7 @@
} }
} }
@media (max-height: 400px/*no*/){ @media (max-height: 450px/*no*/){
#app{ #app{
height: 647px; height: 647px;
position: relative; position: relative;
......
web/view/addDevice/addDevice.css
...@@ -806,7 +806,7 @@ p { ...@@ -806,7 +806,7 @@ p {
background: #bbb; background: #bbb;
} }
@media (max-height: 400px /*no*/) { @media (max-height: 450px /*no*/) {
#app { #app {
height: 17.253rem; height: 17.253rem;
position: relative; position: relative;
......
web/view/bindUser/bindUser.css
...@@ -643,7 +643,7 @@ p { ...@@ -643,7 +643,7 @@ p {
background: #bbb; background: #bbb;
} }
@media (max-height: 400px /*no*/) { @media (max-height: 450px /*no*/) {
#app { #app {
height: 17.253rem; height: 17.253rem;
position: relative; position: relative;
......
web/view/device/device.css
...@@ -537,7 +537,7 @@ p { ...@@ -537,7 +537,7 @@ p {
background: #bbb; background: #bbb;
} }
@media (max-height: 400px /*no*/) { @media (max-height: 450px /*no*/) {
#app { #app {
height: 17.253rem; height: 17.253rem;
position: relative; position: relative;
......
web/view/device/notify.css
...@@ -499,15 +499,14 @@ p { ...@@ -499,15 +499,14 @@ p {
position: absolute; position: absolute;
left: 0; left: 0;
display: inline-block; display: inline-block;
width: 0.587rem;
height: 0.587rem;
border: 1px solid; border: 1px solid;
border-radius: 50%; border-radius: 50%;
text-align: center; text-align: center;
font-family: iconfont; font-family: iconfont;
font-size: 0.32rem; font-size: 0.32rem;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
line-height: 0.587rem; line-height: 1;
padding: 0.107rem;
background-color: #242635; background-color: #242635;
outline: 3px solid #242635; outline: 3px solid #242635;
} }
......
web/view/doorlockManage/doorlockManage.css
...@@ -759,7 +759,7 @@ p { ...@@ -759,7 +759,7 @@ p {
background: #bbb; background: #bbb;
} }
@media (max-height: 400px /*no*/) { @media (max-height: 450px /*no*/) {
#app { #app {
height: 17.253rem; height: 17.253rem;
position: relative; position: relative;
......
web/view/doorlockUsers/doorlockUser.css
...@@ -531,7 +531,7 @@ p { ...@@ -531,7 +531,7 @@ p {
background: #bbb; background: #bbb;
} }
@media (max-height: 400px /*no*/) { @media (max-height: 450px /*no*/) {
#app { #app {
height: 17.253rem; height: 17.253rem;
position: relative; position: relative;
...@@ -811,8 +811,8 @@ p { ...@@ -811,8 +811,8 @@ p {
} }
.inviteBind li.qrcode { .inviteBind li.qrcode {
width: 5.333rem; width: 4.267rem;
height: 5.333rem; height: 4.267rem;
margin: 0 auto; margin: 0 auto;
position: relative; position: relative;
} }
...@@ -831,8 +831,6 @@ p { ...@@ -831,8 +831,6 @@ p {
.inviteBind li > span { .inviteBind li > span {
display: inline-block; display: inline-block;
width: 22px;
height: 22px;
border: 1px solid; border: 1px solid;
border-radius: 50%; border-radius: 50%;
text-align: center; text-align: center;
...@@ -840,12 +838,12 @@ p { ...@@ -840,12 +838,12 @@ p {
font-size: 0.32rem; font-size: 0.32rem;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
line-height: 1; line-height: 1;
line-height: 22px;
background-color: #242635; background-color: #242635;
outline: 3px solid #242635; outline: 3px solid #242635;
color: #00ffff; color: #00ffff;
margin-right: 0.373rem; margin-right: 0.373rem;
position: relative; position: relative;
padding: 0.107rem;
} }
.inviteBind li p { .inviteBind li p {
...@@ -874,7 +872,7 @@ p { ...@@ -874,7 +872,7 @@ p {
.inviteBind li:not(.qrcode):not(.title):not(.tip):not(.noBorder):before { .inviteBind li:not(.qrcode):not(.title):not(.tip):not(.noBorder):before {
content: ''; content: '';
position: absolute; position: absolute;
top: 0; top: 0.053rem;
bottom: 0; bottom: 0;
left: 0.293rem; left: 0.293rem;
width: 1px; width: 1px;
......
web/view/doorlockUsers/unlockInfo.css
...@@ -824,7 +824,11 @@ p { ...@@ -824,7 +824,11 @@ p {
} }
.custom-select { .custom-select {
height: 4.533rem; position: absolute;
top: 7.093rem;
bottom: 5.627rem;
left: 0;
height: auto;
} }
.custom-select .u-select-scroll .u-select-row { .custom-select .u-select-scroll .u-select-row {
...@@ -882,10 +886,16 @@ p { ...@@ -882,10 +886,16 @@ p {
padding-top: 1.52rem; padding-top: 1.52rem;
} }
.position {
position: absolute;
bottom: 3.253rem;
left: 0;
width: 100%;
}
.tip { .tip {
text-align: center; text-align: center;
color: #A0A0A7; color: #A0A0A7;
margin-top: 0.08rem;
} }
.u-switch { .u-switch {
...@@ -1063,7 +1073,7 @@ p { ...@@ -1063,7 +1073,7 @@ p {
.guide-dialog .guideStep1 { .guide-dialog .guideStep1 {
position: absolute; position: absolute;
top: 1.173rem; top: 1.227rem;
left: 0; left: 0;
width: 100%; width: 100%;
} }
...@@ -1186,7 +1196,7 @@ p { ...@@ -1186,7 +1196,7 @@ p {
.guide-dialog .guideStep5 { .guide-dialog .guideStep5 {
position: absolute; position: absolute;
top: 6.613rem; bottom: 3.093rem;
left: 0; left: 0;
width: 100%; width: 100%;
} }
...@@ -1283,14 +1293,18 @@ p { ...@@ -1283,14 +1293,18 @@ p {
} }
.guide-dialog .guideStep5 { .guide-dialog .guideStep5 {
top: 6.08rem; bottom: 2.56rem;
}
.custom-select {
bottom: 4.747rem;
} }
.guide-dialog .guideStep5 .guideStep5Cont p { .position {
padding: 0.32rem 0; bottom: 2.72rem;
} }
.custom-setHijack-switch { .custom-setHijack-switch {
margin-top: 0; margin-top: 0.373rem;
} }
} }
\ No newline at end of file
web/view/doorlockUsers/userList.css
...@@ -695,7 +695,7 @@ p { ...@@ -695,7 +695,7 @@ p {
background: #bbb; background: #bbb;
} }
@media (max-height: 400px /*no*/) { @media (max-height: 450px /*no*/) {
#app { #app {
height: 17.253rem; height: 17.253rem;
position: relative; position: relative;
......
web/view/login/login.css
...@@ -564,7 +564,7 @@ p { ...@@ -564,7 +564,7 @@ p {
background: #bbb; background: #bbb;
} }
@media (max-height: 400px /*no*/) { @media (max-height: 450px /*no*/) {
#app { #app {
height: 17.253rem; height: 17.253rem;
position: relative; position: relative;
......
web/view/myInfo/help.html 0 → 100644
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
<meta name="format-detection" content="telephone=no"/>
<title></title>
<link rel="stylesheet" type="text/css" href="../../lib/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="./help.css">
<style type="text/css">
[v-cloak]{
display: none;
}
</style>
<script type="text/javascript" src="../../lib/js/p.js"></script>
<script type="text/javascript" src="../../lib/js/UIOT.js"></script>
</head>
<body ontouchstart="">
<div id="app" v-cloak>
<div class="content">
<p class="title"><span>&#xe606;</span>{{ $t('help.title') }}</p>
<ul class="helpCont">
<li class="white">{{ $t('help.contTip') }}</li>
<li class="white contTitle">{{ $t('help.contTitle') }}</li>
<li>
<p class="contSubtitle white">{{ $t('help.contSubtitle1') }}</p>
<p>{{ $t('help.contText1-1') }}</p>
<p><span class="white">{{ $t('help.step') }}</span>{{ $t('help.contText1-2') }}</p>
</li>
<li>
<p class="contSubtitle white">{{ $t('help.contSubtitle2') }}</p>
<p>{{ $t('help.contText2-1') }}</p>
<p><span class="white">{{ $t('help.step') }}</span>{{ $t('help.contText2-2') }}</p>
</li>
<li>
<p class="contSubtitle white">3.添加应用白名单</p>
<p>{{ $t('help.contText3-1') }}</p>
<p><span class="white">{{ $t('help.step') }}</span>{{ $t('help.contText3-2') }}</p>
</li>
</ul>
<u-button :init-param="componentsConfig.finishButton.initParam" v-on:u-button-tap="onFinishButtonTap"></u-button>
</div>
<u-dialog ref="udialog" :init-param="componentsConfig.dialog.initParam"></u-dialog>
<u-loading ref="uloading" :init-param="componentsConfig.loading.initParam"></u-loading>
</div>
<script type="text/javascript" src="./help.js" defer async></script>
</body>
</html>
\ No newline at end of file
web/view/myInfo/myInfo.css
...@@ -622,7 +622,7 @@ p { ...@@ -622,7 +622,7 @@ p {
background: #bbb; background: #bbb;
} }
@media (max-height: 400px /*no*/) { @media (max-height: 450px /*no*/) {
#app { #app {
height: 17.253rem; height: 17.253rem;
position: relative; position: relative;
......
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