Browse Source

demo变成响应式的

es6
guy 2 years ago
parent
commit
e5b9db70f4
  1. 2
      demo/less/face.less
  2. 8
      demo/less/main.less
  3. 2
      demo/less/north.less
  4. 4
      src/case/tree/treeexpander/tree.expander.popup.js
  5. 30
      template/index.html

2
demo/less/face.less

@ -3,7 +3,7 @@
.demo-face { .demo-face {
.face-config { .face-config {
.config-label { .config-label {
font-size: 14px; font-size: 1.4rem;
} }
.config-item { .config-item {
} }

8
demo/less/main.less

@ -83,9 +83,7 @@ body {
-moz-transition: all 0.5s ease; -moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease; -o-transition: all 0.5s ease;
background: #3f8ce8; background: #3f8ce8;
-webkit-border-radius: 20px; border-radius: 2rem;
-moz-border-radius: 20px;
border-radius: 20px;
overflow: hidden; overflow: hidden;
overflow-x: hidden; overflow-x: hidden;
overflow-y: hidden; overflow-y: hidden;
@ -99,7 +97,5 @@ body {
} }
.bi-progress-bar-bar { .bi-progress-bar-bar {
-webkit-border-radius: 20px; border-radius: 2rem;
-moz-border-radius: 20px;
border-radius: 20px;
} }

2
demo/less/north.less

@ -6,7 +6,7 @@
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
color: @color-bi-text; color: @color-bi-text;
background-color: #367fa9; background-color: #367fa9;
font-size: 20px; font-size: 2rem;
font-weight: 300; font-weight: 300;
} }
} }

4
src/case/tree/treeexpander/tree.expander.popup.js

@ -25,8 +25,8 @@
}); });
if (o.showLine) { if (o.showLine) {
this.popupView.element.css("margin-left", -offset * (o.layer + 1)); this.popupView.element.css("margin-left", -offset * (o.layer + 1) / BI.pixRatio + BI.pixUnit);
this.element.css("margin-left", offset * (o.layer + 1)); this.element.css("margin-left", offset * (o.layer + 1) / BI.pixRatio + BI.pixUnit);
} }
return { return {

30
template/index.html

@ -7,6 +7,32 @@
<meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Demo</title> <title>Demo</title>
<style>
html {
font-size: 62.5% !important;
}
@media only screen and (min-width: 320px){
html {
font-size: 46.9% !important;
}
}
@media only screen and (min-width: 640px){
html {
font-size: 50.8% !important;
}
}
@media only screen and (min-width: 750px){
html {
font-size: 54.7% !important;
}
}
@media only screen and (min-width: 1242px){
html {
font-size: 62.5% !important;
}
}
</style>
</head> </head>
<body> <body>
@ -14,4 +40,8 @@
<div id="wrapper"></div> <div id="wrapper"></div>
</body> </body>
<script src="../dist/router.js"></script> <script src="../dist/router.js"></script>
<script>
BI.pixUnit = "rem";
BI.pixRatio = 10;
</script>
</html> </html>

Loading…
Cancel
Save