Frank
/
fineui
forked from fanruan/fineui
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

demo变成响应式的

es6
guy 2 years ago
parent
8b9e42fd3a
commit
e5b9db70f4
5 changed files with 36 additions and 10 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  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
Unescape View File

@ -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
Unescape View File

@ -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
Unescape View File

@ -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
Unescape View File

@ -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
Unescape View File

@ -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>

Write Preview
Loading…
Cancel
Save