fanruan
/
fineui
4
1
Fork 3
Code Issues 1 Pull Requests Releases Wiki Activity
Browse Source

BI-25057

es6
windy 7 years ago
parent
37d307d52f
commit
36f5c249fe
9 changed files with 106 additions and 109 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. 3
      demo/js/case/combo/demo.bubble_combo.js
  2. 41
      dist/base.css
  3. 41
      dist/bundle.css
  4. 2
      dist/bundle.min.css
  5. 3
      dist/demo.js
  6. 41
      dist/fineui.css
  7. 2
      dist/fineui.min.css
  8. 41
      src/css/base/combo/combo.css
  9. 41
      src/less/visual.less

3
demo/js/case/combo/demo.bubble_combo.js
Unescape View File

@ -30,6 +30,7 @@ Demo.Func = BI.inherit(BI.Widget, {
}); });
var combo2 = BI.createWidget({ var combo2 = BI.createWidget({
type: "bi.bubble_combo", type: "bi.bubble_combo",
direction: "right",
el: { el: {
type: "bi.button", type: "bi.button",
text: "测试", text: "测试",
@ -104,7 +105,7 @@ Demo.Func = BI.inherit(BI.Widget, {
}, { }, {
el: combo2, el: combo2,
left: 10, left: 10,
bottom: 10 bottom: 200
}, { }, {
el: combo3, el: combo3,
right: 10, right: 10,

41
dist/base.css vendored
Unescape View File

@ -59,26 +59,26 @@
.bi-bubble-combo .bubble-combo-triangle-left { .bi-bubble-combo .bubble-combo-triangle-left {
z-index: 1; z-index: 1;
position: absolute; position: absolute;
width: 16px; width: 5px;
height: 10px; height: 16px;
border-bottom: 1px solid #f5f5f5; border-left: 1px solid #f5f5f5;
} }
.bi-bubble-combo .bubble-combo-triangle-left:before { .bi-bubble-combo .bubble-combo-triangle-left:before {
position: absolute; position: absolute;
left: 0px;
top: 0px; top: 0px;
right: 0px; right: 0px;
bottom: 0px; border-left: 7px solid #ccc;
border-bottom: 10px solid #ccc; border-top: 8px solid transparent;
border-left: 8px solid transparent; border-bottom: 8px solid transparent;
border-right: 8px solid transparent;
content: ""; content: "";
} }
.bi-bubble-combo .bubble-combo-triangle-left:after { .bi-bubble-combo .bubble-combo-triangle-left:after {
position: absolute; position: absolute;
right: 1px;
top: 1px; top: 1px;
bottom: 0px; left: 1px;
border-bottom: 9px solid #ffffff; right: 0px;
border-bottom: 6px solid #ffffff;
border-left: 7px solid transparent; border-left: 7px solid transparent;
border-right: 7px solid transparent; border-right: 7px solid transparent;
content: ""; content: "";
@ -86,28 +86,27 @@
.bi-bubble-combo .bubble-combo-triangle-right { .bi-bubble-combo .bubble-combo-triangle-right {
z-index: 1; z-index: 1;
position: absolute; position: absolute;
width: 16px; width: 7px;
height: 6px; height: 16px;
border-bottom: 1px solid #f5f5f5;
} }
.bi-bubble-combo .bubble-combo-triangle-right:before { .bi-bubble-combo .bubble-combo-triangle-right:before {
position: absolute; position: absolute;
top: 0px; top: 0px;
right: 0px; right: 0px;
bottom: 0px; bottom: 0px;
border-bottom: 10px solid #ccc; border-right: 7px solid #ccc;
border-left: 8px solid transparent; border-top: 7px solid transparent;
border-right: 8px solid transparent; border-bottom: 8px solid transparent;
content: ""; content: "";
} }
.bi-bubble-combo .bubble-combo-triangle-right:after { .bi-bubble-combo .bubble-combo-triangle-right:after {
position: absolute; position: absolute;
right: 1px; right: 0px;
top: 1px; top: 0px;
bottom: 0px; bottom: 0px;
border-bottom: 9px solid #ffffff; border-right: 7px solid #ffffff;
border-left: 7px solid transparent; border-top: 7px solid transparent;
border-right: 7px solid transparent; border-bottom: 8px solid transparent;
content: ""; content: "";
} }
.bi-bubble-combo .bubble-combo-triangle-top { .bi-bubble-combo .bubble-combo-triangle-top {

41
dist/bundle.css vendored
Unescape View File

@ -1756,26 +1756,26 @@ textarea {
.bi-bubble-combo .bubble-combo-triangle-left { .bi-bubble-combo .bubble-combo-triangle-left {
z-index: 1; z-index: 1;
position: absolute; position: absolute;
width: 16px; width: 5px;
height: 10px; height: 16px;
border-bottom: 1px solid #f5f5f5; border-left: 1px solid #f5f5f5;
} }
.bi-bubble-combo .bubble-combo-triangle-left:before { .bi-bubble-combo .bubble-combo-triangle-left:before {
position: absolute; position: absolute;
left: 0px;
top: 0px; top: 0px;
right: 0px; right: 0px;
bottom: 0px; border-left: 7px solid #ccc;
border-bottom: 10px solid #ccc; border-top: 8px solid transparent;
border-left: 8px solid transparent; border-bottom: 8px solid transparent;
border-right: 8px solid transparent;
content: ""; content: "";
} }
.bi-bubble-combo .bubble-combo-triangle-left:after { .bi-bubble-combo .bubble-combo-triangle-left:after {
position: absolute; position: absolute;
right: 1px;
top: 1px; top: 1px;
bottom: 0px; left: 1px;
border-bottom: 9px solid #ffffff; right: 0px;
border-bottom: 6px solid #ffffff;
border-left: 7px solid transparent; border-left: 7px solid transparent;
border-right: 7px solid transparent; border-right: 7px solid transparent;
content: ""; content: "";
@ -1783,28 +1783,27 @@ textarea {
.bi-bubble-combo .bubble-combo-triangle-right { .bi-bubble-combo .bubble-combo-triangle-right {
z-index: 1; z-index: 1;
position: absolute; position: absolute;
width: 16px; width: 7px;
height: 6px; height: 16px;
border-bottom: 1px solid #f5f5f5;
} }
.bi-bubble-combo .bubble-combo-triangle-right:before { .bi-bubble-combo .bubble-combo-triangle-right:before {
position: absolute; position: absolute;
top: 0px; top: 0px;
right: 0px; right: 0px;
bottom: 0px; bottom: 0px;
border-bottom: 10px solid #ccc; border-right: 7px solid #ccc;
border-left: 8px solid transparent; border-top: 7px solid transparent;
border-right: 8px solid transparent; border-bottom: 8px solid transparent;
content: ""; content: "";
} }
.bi-bubble-combo .bubble-combo-triangle-right:after { .bi-bubble-combo .bubble-combo-triangle-right:after {
position: absolute; position: absolute;
right: 1px; right: 0px;
top: 1px; top: 0px;
bottom: 0px; bottom: 0px;
border-bottom: 9px solid #ffffff; border-right: 7px solid #ffffff;
border-left: 7px solid transparent; border-top: 7px solid transparent;
border-right: 7px solid transparent; border-bottom: 8px solid transparent;
content: ""; content: "";
} }
.bi-bubble-combo .bubble-combo-triangle-top { .bi-bubble-combo .bubble-combo-triangle-top {

2
dist/bundle.min.css vendored
View File

File diff suppressed because one or more lines are too long

3
dist/demo.js vendored
Unescape View File

@ -1845,6 +1845,7 @@ BI.shortcut("demo.tree_view", Demo.Func);Demo.Func = BI.inherit(BI.Widget, {
}); });
var combo2 = BI.createWidget({ var combo2 = BI.createWidget({
type: "bi.bubble_combo", type: "bi.bubble_combo",
direction: "right",
el: { el: {
type: "bi.button", type: "bi.button",
text: "测试", text: "测试",
@ -1919,7 +1920,7 @@ BI.shortcut("demo.tree_view", Demo.Func);Demo.Func = BI.inherit(BI.Widget, {
}, { }, {
el: combo2, el: combo2,
left: 10, left: 10,
bottom: 10 bottom: 200
}, { }, {
el: combo3, el: combo3,
right: 10, right: 10,

41
dist/fineui.css vendored
Unescape View File

@ -1756,26 +1756,26 @@ textarea {
.bi-bubble-combo .bubble-combo-triangle-left { .bi-bubble-combo .bubble-combo-triangle-left {
z-index: 1; z-index: 1;
position: absolute; position: absolute;
width: 16px; width: 5px;
height: 10px; height: 16px;
border-bottom: 1px solid #f5f5f5; border-left: 1px solid #f5f5f5;
} }
.bi-bubble-combo .bubble-combo-triangle-left:before { .bi-bubble-combo .bubble-combo-triangle-left:before {
position: absolute; position: absolute;
left: 0px;
top: 0px; top: 0px;
right: 0px; right: 0px;
bottom: 0px; border-left: 7px solid #ccc;
border-bottom: 10px solid #ccc; border-top: 8px solid transparent;
border-left: 8px solid transparent; border-bottom: 8px solid transparent;
border-right: 8px solid transparent;
content: ""; content: "";
} }
.bi-bubble-combo .bubble-combo-triangle-left:after { .bi-bubble-combo .bubble-combo-triangle-left:after {
position: absolute; position: absolute;
right: 1px;
top: 1px; top: 1px;
bottom: 0px; left: 1px;
border-bottom: 9px solid #ffffff; right: 0px;
border-bottom: 6px solid #ffffff;
border-left: 7px solid transparent; border-left: 7px solid transparent;
border-right: 7px solid transparent; border-right: 7px solid transparent;
content: ""; content: "";
@ -1783,28 +1783,27 @@ textarea {
.bi-bubble-combo .bubble-combo-triangle-right { .bi-bubble-combo .bubble-combo-triangle-right {
z-index: 1; z-index: 1;
position: absolute; position: absolute;
width: 16px; width: 7px;
height: 6px; height: 16px;
border-bottom: 1px solid #f5f5f5;
} }
.bi-bubble-combo .bubble-combo-triangle-right:before { .bi-bubble-combo .bubble-combo-triangle-right:before {
position: absolute; position: absolute;
top: 0px; top: 0px;
right: 0px; right: 0px;
bottom: 0px; bottom: 0px;
border-bottom: 10px solid #ccc; border-right: 7px solid #ccc;
border-left: 8px solid transparent; border-top: 7px solid transparent;
border-right: 8px solid transparent; border-bottom: 8px solid transparent;
content: ""; content: "";
} }
.bi-bubble-combo .bubble-combo-triangle-right:after { .bi-bubble-combo .bubble-combo-triangle-right:after {
position: absolute; position: absolute;
right: 1px; right: 0px;
top: 1px; top: 0px;
bottom: 0px; bottom: 0px;
border-bottom: 9px solid #ffffff; border-right: 7px solid #ffffff;
border-left: 7px solid transparent; border-top: 7px solid transparent;
border-right: 7px solid transparent; border-bottom: 8px solid transparent;
content: ""; content: "";
} }
.bi-bubble-combo .bubble-combo-triangle-top { .bi-bubble-combo .bubble-combo-triangle-top {

2
dist/fineui.min.css vendored
View File

File diff suppressed because one or more lines are too long

41
src/css/base/combo/combo.css
Unescape View File

@ -5,26 +5,26 @@
.bi-bubble-combo .bubble-combo-triangle-left { .bi-bubble-combo .bubble-combo-triangle-left {
z-index: 1; z-index: 1;
position: absolute; position: absolute;
width: 16px; width: 5px;
height: 10px; height: 16px;
border-bottom: 1px solid #f5f5f5; border-left: 1px solid #f5f5f5;
} }
.bi-bubble-combo .bubble-combo-triangle-left:before { .bi-bubble-combo .bubble-combo-triangle-left:before {
position: absolute; position: absolute;
left: 0px;
top: 0px; top: 0px;
right: 0px; right: 0px;
bottom: 0px; border-left: 7px solid #ccc;
border-bottom: 10px solid #ccc; border-top: 8px solid transparent;
border-left: 8px solid transparent; border-bottom: 8px solid transparent;
border-right: 8px solid transparent;
content: ""; content: "";
} }
.bi-bubble-combo .bubble-combo-triangle-left:after { .bi-bubble-combo .bubble-combo-triangle-left:after {
position: absolute; position: absolute;
right: 1px;
top: 1px; top: 1px;
bottom: 0px; left: 1px;
border-bottom: 9px solid #ffffff; right: 0px;
border-bottom: 6px solid #ffffff;
border-left: 7px solid transparent; border-left: 7px solid transparent;
border-right: 7px solid transparent; border-right: 7px solid transparent;
content: ""; content: "";
@ -32,28 +32,27 @@
.bi-bubble-combo .bubble-combo-triangle-right { .bi-bubble-combo .bubble-combo-triangle-right {
z-index: 1; z-index: 1;
position: absolute; position: absolute;
width: 16px; width: 7px;
height: 6px; height: 16px;
border-bottom: 1px solid #f5f5f5;
} }
.bi-bubble-combo .bubble-combo-triangle-right:before { .bi-bubble-combo .bubble-combo-triangle-right:before {
position: absolute; position: absolute;
top: 0px; top: 0px;
right: 0px; right: 0px;
bottom: 0px; bottom: 0px;
border-bottom: 10px solid #ccc; border-right: 7px solid #ccc;
border-left: 8px solid transparent; border-top: 7px solid transparent;
border-right: 8px solid transparent; border-bottom: 8px solid transparent;
content: ""; content: "";
} }
.bi-bubble-combo .bubble-combo-triangle-right:after { .bi-bubble-combo .bubble-combo-triangle-right:after {
position: absolute; position: absolute;
right: 1px; right: 0px;
top: 1px; top: 0px;
bottom: 0px; bottom: 0px;
border-bottom: 9px solid #ffffff; border-right: 7px solid #ffffff;
border-left: 7px solid transparent; border-top: 7px solid transparent;
border-right: 7px solid transparent; border-bottom: 8px solid transparent;
content: ""; content: "";
} }
.bi-bubble-combo .bubble-combo-triangle-top { .bi-bubble-combo .bubble-combo-triangle-top {

41
src/less/visual.less
Unescape View File

@ -240,54 +240,53 @@
.triangle-left() { .triangle-left() {
position: absolute; position: absolute;
width: 16px; width: 7px;
height: 6px; height: 16px;
border-bottom: 1px solid #f5f5f5;
&:before { &:before {
position: absolute; position: absolute;
top: 0px; top: 0px;
right: 0px; right: 0px;
bottom: 0px; bottom: 0px;
border-bottom: 10px solid #ccc; border-right: 7px solid #ccc;
border-left: 8px solid transparent; border-top: 7px solid transparent;
border-right: 8px solid transparent; border-bottom: 8px solid transparent;
content: ""; content: "";
} }
&:after { &:after {
position: absolute; position: absolute;
right: 1px; right: 0px;
top: 1px; top: 0px;
bottom: 0px; bottom: 0px;
border-bottom: 9px solid #ffffff; border-right: 7px solid #ffffff;
border-left: 7px solid transparent; border-top: 7px solid transparent;
border-right: 7px solid transparent; border-bottom: 8px solid transparent;
content: ""; content: "";
} }
} }
.triangle-right() { .triangle-right() {
position: absolute; position: absolute;
width: 16px; width: 5px;
height: 10px; height: 16px;
border-bottom: 1px solid #f5f5f5; border-left: 1px solid #f5f5f5;
&:before { &:before {
position: absolute; position: absolute;
left: 0px;
top: 0px; top: 0px;
right: 0px; right: 0px;
bottom: 0px; border-left: 7px solid #ccc;
border-bottom: 10px solid #ccc; border-top: 8px solid transparent;
border-left: 8px solid transparent; border-bottom: 8px solid transparent;
border-right: 8px solid transparent;
content: ""; content: "";
} }
&:after { &:after {
position: absolute; position: absolute;
right: 1px;
top: 1px; top: 1px;
bottom: 0px; left: 1px;
border-bottom: 9px solid #ffffff; right: 0px;
border-bottom: 6px solid #ffffff;
border-left: 7px solid transparent; border-left: 7px solid transparent;
border-right: 7px solid transparent; border-right: 7px solid transparent;
content: ""; content: "";

Write Preview
Loading…
Cancel
Save