forked from fanruan/fineui
qcc
6 years ago
9 changed files with 1463 additions and 1 deletions
@ -0,0 +1,20 @@
|
||||
Demo.Html = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-html" |
||||
}, |
||||
render: function () { |
||||
return { |
||||
type: "bi.vertical", |
||||
items: [{ |
||||
type: "bi.html", |
||||
text: "<h1>在bi.html标签中使用html原生标签</h1>" |
||||
}, { |
||||
type: "bi.html", |
||||
text: "<ul>ul列表<li>list item1</li><li>list item2</li></ul>" |
||||
}], |
||||
hgap: 300, |
||||
vgap: 20 |
||||
}; |
||||
} |
||||
}); |
||||
BI.shortcut("demo.html", Demo.Html); |
||||
@ -0,0 +1,235 @@
|
||||
.bi-html article, |
||||
.bi-html aside, |
||||
.bi-html details, |
||||
.bi-html figcaption, |
||||
.bi-html figure, |
||||
.bi-html footer, |
||||
.bi-html header, |
||||
.bi-html hgroup, |
||||
.bi-html nav, |
||||
.bi-html section, |
||||
.bi-html summary { |
||||
display: block; |
||||
} |
||||
.bi-html audio, |
||||
.bi-html canvas, |
||||
.bi-html video { |
||||
display: inline-block; |
||||
*display: inline; |
||||
*zoom: 1; |
||||
} |
||||
.bi-html audio:not([controls]) { |
||||
display: none; |
||||
height: 0; |
||||
} |
||||
.bi-html [hidden] { |
||||
display: none; |
||||
} |
||||
.bi-html html { |
||||
font-size: 100%; |
||||
-webkit-text-size-adjust: 100%; |
||||
-ms-text-size-adjust: 100%; |
||||
} |
||||
.bi-html html, |
||||
.bi-html button, |
||||
.bi-html input, |
||||
.bi-html select, |
||||
.bi-html textarea { |
||||
font-family: sans-serif; |
||||
} |
||||
.bi-html body { |
||||
margin: 0; |
||||
} |
||||
.bi-html a:focus { |
||||
outline: thin dotted; |
||||
} |
||||
.bi-html a:active, |
||||
.bi-html a:hover { |
||||
outline: 0; |
||||
} |
||||
.bi-html h1 { |
||||
font-size: 2em; |
||||
margin: 0.67em 0; |
||||
} |
||||
.bi-html h2 { |
||||
font-size: 1.5em; |
||||
margin: 0.83em 0; |
||||
} |
||||
.bi-html h3 { |
||||
font-size: 1.17em; |
||||
margin: 1em 0; |
||||
} |
||||
.bi-html h4 { |
||||
font-size: 1em; |
||||
margin: 1.33em 0; |
||||
} |
||||
.bi-html h5 { |
||||
font-size: .83em; |
||||
margin: 1.67em 0; |
||||
} |
||||
.bi-html h6 { |
||||
font-size: .75em; |
||||
margin: 2.33em 0; |
||||
} |
||||
.bi-html abbr[title] { |
||||
border-bottom: 1px dotted; |
||||
} |
||||
.bi-html b, |
||||
.bi-html strong { |
||||
font-weight: bold; |
||||
} |
||||
.bi-html blockquote { |
||||
margin: 1em 40px; |
||||
} |
||||
.bi-html dfn { |
||||
font-style: italic; |
||||
} |
||||
.bi-html mark { |
||||
background: #ff0; |
||||
color: #000; |
||||
} |
||||
.bi-html p, |
||||
.bi-html pre { |
||||
margin: 1em 0; |
||||
} |
||||
.bi-html code, |
||||
.bi-html kbd, |
||||
.bi-html pre, |
||||
.bi-html samp { |
||||
font-family: monospace, serif; |
||||
_font-family: 'courier new', monospace; |
||||
font-size: 1em; |
||||
} |
||||
.bi-html pre { |
||||
white-space: pre; |
||||
white-space: pre-wrap; |
||||
word-wrap: break-word; |
||||
} |
||||
.bi-html q { |
||||
quotes: none; |
||||
} |
||||
.bi-html q:before, |
||||
.bi-html q:after { |
||||
content: ''; |
||||
content: none; |
||||
} |
||||
.bi-html small { |
||||
font-size: 75%; |
||||
} |
||||
.bi-html sub, |
||||
.bi-html sup { |
||||
font-size: 75%; |
||||
line-height: 0; |
||||
position: relative; |
||||
vertical-align: baseline; |
||||
} |
||||
.bi-html sup { |
||||
top: -0.5em; |
||||
} |
||||
.bi-html sub { |
||||
bottom: -0.25em; |
||||
} |
||||
.bi-html dl, |
||||
.bi-html menu, |
||||
.bi-html ol, |
||||
.bi-html ul { |
||||
margin: 1em 0; |
||||
} |
||||
.bi-html dd { |
||||
margin: 0 0 0 40px; |
||||
} |
||||
.bi-html menu, |
||||
.bi-html ol, |
||||
.bi-html ul { |
||||
padding: 0 0 0 40px; |
||||
} |
||||
.bi-html nav ul, |
||||
.bi-html nav ol { |
||||
list-style: none; |
||||
list-style-image: none; |
||||
} |
||||
.bi-html ul { |
||||
list-style: disc; |
||||
} |
||||
.bi-html li { |
||||
list-style-type: disc; |
||||
} |
||||
.bi-html img { |
||||
border: 0; |
||||
-ms-interpolation-mode: bicubic; |
||||
} |
||||
.bi-html svg:not(:root) { |
||||
overflow: hidden; |
||||
} |
||||
.bi-html figure { |
||||
margin: 0; |
||||
} |
||||
.bi-html form { |
||||
margin: 0; |
||||
} |
||||
.bi-html fieldset { |
||||
border: 1px solid #c0c0c0; |
||||
margin: 0 2px; |
||||
padding: 0.35em 0.625em 0.75em; |
||||
} |
||||
.bi-html legend { |
||||
border: 0; |
||||
padding: 0; |
||||
white-space: normal; |
||||
*margin-left: -7px; |
||||
} |
||||
.bi-html button, |
||||
.bi-html input, |
||||
.bi-html select, |
||||
.bi-html textarea { |
||||
font-size: 100%; |
||||
margin: 0; |
||||
vertical-align: baseline; |
||||
*vertical-align: middle; |
||||
} |
||||
.bi-html button, |
||||
.bi-html input { |
||||
line-height: normal; |
||||
} |
||||
.bi-html button, |
||||
.bi-html html input[type="button"], |
||||
.bi-html input[type="reset"], |
||||
.bi-html input[type="submit"] { |
||||
-webkit-appearance: button; |
||||
cursor: pointer; |
||||
*overflow: visible; |
||||
} |
||||
.bi-html button[disabled], |
||||
.bi-html input[disabled] { |
||||
cursor: default; |
||||
} |
||||
.bi-html input[type="checkbox"], |
||||
.bi-html input[type="radio"] { |
||||
box-sizing: border-box; |
||||
padding: 0; |
||||
*height: 13px; |
||||
*width: 13px; |
||||
} |
||||
.bi-html input[type="search"] { |
||||
-webkit-appearance: textfield; |
||||
-moz-box-sizing: content-box; |
||||
-webkit-box-sizing: content-box; |
||||
box-sizing: content-box; |
||||
} |
||||
.bi-html input[type="search"]::-webkit-search-cancel-button, |
||||
.bi-html input[type="search"]::-webkit-search-decoration { |
||||
-webkit-appearance: none; |
||||
} |
||||
.bi-html button::-moz-focus-inner, |
||||
.bi-html input::-moz-focus-inner { |
||||
border: 0; |
||||
padding: 0; |
||||
} |
||||
.bi-html textarea { |
||||
overflow: auto; |
||||
vertical-align: top; |
||||
} |
||||
.bi-html table { |
||||
border-collapse: collapse; |
||||
border-spacing: 0; |
||||
} |
||||
@ -0,0 +1,240 @@
|
||||
@import "../../index"; |
||||
|
||||
.bi-html { |
||||
article, |
||||
aside, |
||||
details, |
||||
figcaption, |
||||
figure, |
||||
footer, |
||||
header, |
||||
hgroup, |
||||
nav, |
||||
section, |
||||
summary { |
||||
display: block |
||||
} |
||||
audio, |
||||
canvas, |
||||
video { |
||||
display: inline-block; |
||||
*display: inline; |
||||
*zoom: 1 |
||||
} |
||||
audio:not([controls]) { |
||||
display: none; |
||||
height: 0 |
||||
} |
||||
[hidden] { |
||||
display: none |
||||
} |
||||
html { |
||||
font-size: 100%; |
||||
-webkit-text-size-adjust: 100%; |
||||
-ms-text-size-adjust: 100% |
||||
} |
||||
html, |
||||
button, |
||||
input, |
||||
select, |
||||
textarea { |
||||
font-family: sans-serif |
||||
} |
||||
body { |
||||
margin: 0 |
||||
} |
||||
a:focus { |
||||
outline: thin dotted |
||||
} |
||||
a:active, |
||||
a:hover { |
||||
outline: 0 |
||||
} |
||||
h1 { |
||||
font-size: 2em; |
||||
margin: .67em 0 |
||||
} |
||||
h2 { |
||||
font-size: 1.5em; |
||||
margin: .83em 0 |
||||
} |
||||
h3 { |
||||
font-size: 1.17em; |
||||
margin: 1em 0 |
||||
} |
||||
h4 { |
||||
font-size: 1em; |
||||
margin: 1.33em 0 |
||||
} |
||||
h5 { |
||||
font-size: .83em; |
||||
margin: 1.67em 0 |
||||
} |
||||
h6 { |
||||
font-size: .75em; |
||||
margin: 2.33em 0 |
||||
} |
||||
abbr[title] { |
||||
border-bottom: 1px dotted |
||||
} |
||||
b, |
||||
strong { |
||||
font-weight: bold |
||||
} |
||||
blockquote { |
||||
margin: 1em 40px |
||||
} |
||||
dfn { |
||||
font-style: italic |
||||
} |
||||
mark { |
||||
background: #ff0; |
||||
color: #000 |
||||
} |
||||
p, |
||||
pre { |
||||
margin: 1em 0 |
||||
} |
||||
code, |
||||
kbd, |
||||
pre, |
||||
samp { |
||||
font-family: monospace, serif; |
||||
_font-family: 'courier new', monospace; |
||||
font-size: 1em |
||||
} |
||||
pre { |
||||
white-space: pre; |
||||
white-space: pre-wrap; |
||||
word-wrap: break-word |
||||
} |
||||
q { |
||||
quotes: none |
||||
} |
||||
q:before, |
||||
q:after { |
||||
content: ''; |
||||
content: none |
||||
} |
||||
small { |
||||
font-size: 75% |
||||
} |
||||
sub, |
||||
sup { |
||||
font-size: 75%; |
||||
line-height: 0; |
||||
position: relative; |
||||
vertical-align: baseline |
||||
} |
||||
sup { |
||||
top: -0.5em |
||||
} |
||||
sub { |
||||
bottom: -0.25em |
||||
} |
||||
dl, |
||||
menu, |
||||
ol, |
||||
ul { |
||||
margin: 1em 0 |
||||
} |
||||
dd { |
||||
margin: 0 0 0 40px |
||||
} |
||||
menu, |
||||
ol, |
||||
ul { |
||||
padding: 0 0 0 40px |
||||
} |
||||
nav ul, |
||||
nav ol { |
||||
list-style: none; |
||||
list-style-image: none |
||||
} |
||||
ul { |
||||
list-style: disc; |
||||
} |
||||
li { |
||||
list-style-type: disc; |
||||
} |
||||
|
||||
img { |
||||
border: 0; |
||||
-ms-interpolation-mode: bicubic |
||||
} |
||||
svg:not(:root) { |
||||
overflow: hidden |
||||
} |
||||
figure { |
||||
margin: 0 |
||||
} |
||||
form { |
||||
margin: 0 |
||||
} |
||||
fieldset { |
||||
border: 1px solid #c0c0c0; |
||||
margin: 0 2px; |
||||
padding: .35em .625em .75em |
||||
} |
||||
legend { |
||||
border: 0; |
||||
padding: 0; |
||||
white-space: normal; |
||||
*margin-left: -7px |
||||
} |
||||
button, |
||||
input, |
||||
select, |
||||
textarea { |
||||
font-size: 100%; |
||||
margin: 0; |
||||
vertical-align: baseline; |
||||
*vertical-align: middle |
||||
} |
||||
button, |
||||
input { |
||||
line-height: normal |
||||
} |
||||
button, |
||||
html input[type="button"], |
||||
input[type="reset"], |
||||
input[type="submit"] { |
||||
-webkit-appearance: button; |
||||
cursor: pointer; |
||||
*overflow: visible |
||||
} |
||||
button[disabled], |
||||
input[disabled] { |
||||
cursor: default |
||||
} |
||||
input[type="checkbox"], |
||||
input[type="radio"] { |
||||
box-sizing: border-box; |
||||
padding: 0; |
||||
*height: 13px; |
||||
*width: 13px |
||||
} |
||||
input[type="search"] { |
||||
-webkit-appearance: textfield; |
||||
-moz-box-sizing: content-box; |
||||
-webkit-box-sizing: content-box; |
||||
box-sizing: content-box |
||||
} |
||||
input[type="search"]::-webkit-search-cancel-button, |
||||
input[type="search"]::-webkit-search-decoration { |
||||
-webkit-appearance: none |
||||
} |
||||
button::-moz-focus-inner, |
||||
input::-moz-focus-inner { |
||||
border: 0; |
||||
padding: 0 |
||||
} |
||||
textarea { |
||||
overflow: auto; |
||||
vertical-align: top |
||||
} |
||||
table { |
||||
border-collapse: collapse; |
||||
border-spacing: 0 |
||||
} |
||||
} |
||||
Loading…
Reference in new issue