LiuZhengYu/KunWeb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

upciyon

This commit is contained in:
boi 2025-05-17 04:08:29 +08:00
parent 068008b677
commit 3eb6ee9c8e
6 changed files with 116 additions and 95 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
web/admin/demo/demo_css.html
View File

@ -7,10 +7,34 @@
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<link href="/jscss/style.css" rel="stylesheet" type="text/css" /> <link href="/jscss/style.css" rel="stylesheet" type="text/css" />
<style> <style>
#class1 {
font-size:0.8em;
}
#class1 .fs1 {
font-size:1.5em;
}
.class2{
font-size:0.6em;
}
.class2 .fs2{
font-size:2em;
}
.tw-txt{
font-size:5em;
}
</style> </style>
</head> </head>
<body class="px4 py4"> <body class="px4 py4">
<blockquote>css优先级</blockquote>
<div id="class1" class="class2">
<div>no fs</div>
<div class="fs1">fs1 1.5em</div>
<div class="fs2">fs2 2em</div>
<div class="fs2 tw-txt">fs2 tw-txt 5em</div>
<div class="tw-txt">tw-txt 5em</div>
<div class="txt-lggg">txt-lggg 0.5em</div>
</div>
<blockquote>hr横线</blockquote> <blockquote>hr横线</blockquote>
<div class="ciy-hr"></div> <div class="ciy-hr"></div>

4
web/admin/demo/demo_dom.html
View File

@ -14,10 +14,6 @@
margin: 1em; margin: 1em;
transition: all 0.5s; transition: all 0.5s;
} }
#class1.rad {
border-radius: 1em;
}
</style> </style>
</head> </head>

2
web/admin/demo/form_selcas.html
View File

@ -65,7 +65,7 @@
console.log(postparam); console.log(postparam);
} }
function chg() { function chg() {
c.setvalue('2,4,5'); c.setvalue('140215');
} }
function chgrange() { function chgrange() {
var rg = []; var rg = [];

2
web/admin/demo/form_select.html
View File

@ -64,7 +64,7 @@
console.log(postparam); console.log(postparam);
} }
function chg() { function chg() {
c.setvalue('2,4,5'); c.setvalue('2');
} }
function chgrange() { function chgrange() {
var rg = []; var rg = [];

2
web/admin/develop/note.html
View File

@ -12,7 +12,7 @@
<body style="overflow: hidden;height: 100vh;"> <body style="overflow: hidden;height: 100vh;">
<ciy-textarea com="content" minheight="100%"></ciy-textarea> <ciy-textarea com="content" minheight="100%"></ciy-textarea>
<div class="fix b0" style="right:1em"> <div class="fix b0" style="right:1em">
<ciy-select com="id" style="display:inline-block;" minsearch="10"></ciy-select> <ciy-select com="id" initevent style="display:inline-block;" minsearch="10"></ciy-select>
<button onclick="save()" class="btn smmm">保存(Ctrl+S)</button> <button onclick="save()" class="btn smmm">保存(Ctrl+S)</button>
</div> </div>

177
web/jscss/style.css
View File

@ -1230,6 +1230,7 @@ textarea[disabled], select[disabled], input[disabled], input[disabled]+i, .btn.d
overflow-x: overlay; overflow-x: overlay;
overflow-y: hidden; overflow-y: hidden;
} }
.search>ul::-webkit-scrollbar { .search>ul::-webkit-scrollbar {
width: 3px; width: 3px;
height: 3px; height: 3px;
@ -1417,7 +1418,7 @@ textarea[disabled], select[disabled], input[disabled], input[disabled]+i, .btn.d
.gridline .ciy-form>div:first-of-type { .gridline .ciy-form>div:first-of-type {
border-left: 1px solid var(--bg6); border-left: 1px solid var(--bg6);
padding-left:0.5em; padding-left: 0.5em;
} }
.gridline .ciy-form>div { .gridline .ciy-form>div {
@ -1451,6 +1452,7 @@ textarea[disabled], select[disabled], input[disabled], input[disabled]+i, .btn.d
position: relative; position: relative;
min-height: 2.4em; min-height: 2.4em;
} }
.ciy-form.top { .ciy-form.top {
align-items: flex-start; align-items: flex-start;
} }
@ -1468,7 +1470,7 @@ textarea[disabled], select[disabled], input[disabled], input[disabled]+i, .btn.d
.ciy-form.v>label { .ciy-form.v>label {
margin-left: 0.5em; margin-left: 0.5em;
text-align: left; text-align: left;
width: 100% !important; width: 100%;
justify-content: flex-start; justify-content: flex-start;
height: auto; height: auto;
margin-bottom: 0.5em; margin-bottom: 0.5em;
@ -2209,242 +2211,241 @@ fieldset.tips>div>ul>li {
padding: 0.2em 0.4em; padding: 0.2em 0.4em;
border-radius: 3px; border-radius: 3px;
} }
.txt-smmm { .txt-smmm {
font-size: 0.7em!important; font-size: 0.7em;
} }
.txt-smm { .txt-smm {
font-size: 0.8em!important; font-size: 0.8em;
} }
.txt-sm { .txt-sm {
font-size: 0.9em!important; font-size: 0.9em;
} }
.txt-lg { .txt-lg {
font-size: 1.2em!important; font-size: 1.2em;
} }
.txt-lgg { .txt-lgg {
font-size: 1.3em!important; font-size: 1.3em;
} }
.txt-lggg { .txt-lggg {
font-size: 1.5em!important; font-size: 1.5em;
} }
.txt-wb { .txt-wb {
font-weight: bold!important; font-weight: bold;
} }
.txt-wl { .txt-wl {
font-weight: lighter!important; font-weight: lighter;
} }
.txt1 { .txt1 {
color: var(--txt1)!important; color: var(--txt1);
} }
.txt2 { .txt2 {
color: var(--txt2)!important; color: var(--txt2);
} }
.txt3 { .txt3 {
color: var(--txt3)!important; color: var(--txt3);
} }
.txt4 { .txt4 {
color: var(--txt4)!important; color: var(--txt4);
} }
.txt5 { .txt5 {
color: var(--txt5)!important; color: var(--txt5);
} }
.txt6 { .txt6 {
color: var(--txt6)!important; color: var(--txt6);
} }
.txt7 { .txt7 {
color: var(--txt7)!important; color: var(--txt7);
} }
.txt8 { .txt8 {
color: var(--txt8)!important; color: var(--txt8);
} }
.txt9 { .txt9 {
color: var(--txt9)!important; color: var(--txt9);
} }
.bg1 { .bg1 {
background-color: var(--bg1)!important; background-color: var(--bg1);
} }
.bg2 { .bg2 {
background-color: var(--bg2)!important; background-color: var(--bg2);
} }
.bg3 { .bg3 {
background-color: var(--bg3)!important; background-color: var(--bg3);
} }
.bg4 { .bg4 {
background-color: var(--bg4)!important; background-color: var(--bg4);
} }
.bg5 { .bg5 {
background-color: var(--bg5)!important; background-color: var(--bg5);
} }
.bg6 { .bg6 {
background-color: var(--bg6)!important; background-color: var(--bg6);
} }
.bg7 { .bg7 {
background-color: var(--bg7)!important; background-color: var(--bg7);
} }
.bg8 { .bg8 {
background-color: var(--bg8)!important; background-color: var(--bg8);
} }
.bg9 { .bg9 {
background-color: var(--bg9)!important; background-color: var(--bg9);
} }
.px1 { .px1 {
padding-left: 0.25em!important; padding-left: 0.25em;
padding-right: 0.25em!important; padding-right: 0.25em;
} }
.px2 { .px2 {
padding-left: 0.5em!important; padding-left: 0.5em;
padding-right: 0.5em!important; padding-right: 0.5em;
} }
.px3 { .px3 {
padding-left: 0.75em!important; padding-left: 0.75em;
padding-right: 0.75em!important; padding-right: 0.75em;
} }
.px4 { .px4 {
padding-left: 1em!important; padding-left: 1em;
padding-right: 1em!important; padding-right: 1em;
} }
.py1 { .py1 {
padding-top: 0.25em!important; padding-top: 0.25em;
padding-bottom: 0.25em!important; padding-bottom: 0.25em;
} }
.py2 { .py2 {
padding-top: 0.5em!important; padding-top: 0.5em;
padding-bottom: 0.5em!important; padding-bottom: 0.5em;
} }
.py3 { .py3 {
padding-top: 0.75em!important; padding-top: 0.75em;
padding-bottom: 0.75em!important; padding-bottom: 0.75em;
} }
.py4 { .py4 {
padding-top: 1em!important; padding-top: 1em;
padding-bottom: 1em!important; padding-bottom: 1em;
} }
.r1 { .r1 {
border-radius: 0.25em!important; border-radius: 0.25em;
} }
.r2 { .r2 {
border-radius: 0.5em!important; border-radius: 0.5em;
} }
.r3 { .r3 {
border-radius: 0.75em!important; border-radius: 0.75em;
} }
.r4 { .r4 {
border-radius: 1em!important; border-radius: 1em;
} }
.r5 { .r5 {
border-radius: 2em!important; border-radius: 2em;
} }
.txt-un, .target { .txt-un, .target {
text-decoration: underline!important; text-decoration: underline;
} }
.txt-un-hover:hover { .txt-un-hover:hover {
text-decoration: underline!important; text-decoration: underline;
} }
.cursor-p { .cursor-p {
cursor: pointer!important; cursor: pointer;
} }
.cursor-d { .cursor-d {
cursor: default!important; cursor: default;
} }
.txt-left { .txt-left {
text-align: left!important; text-align: left;
} }
.txt-center { .txt-center {
text-align: center!important; text-align: center;
} }
.txt-right { .txt-right {
text-align: right!important; text-align: right;
} }
.txt-just { .txt-just {
text-align: justify!important; text-align: justify;
} }
.block { .block {
display: block!important; display: block;
} }
.flex { .flex {
display: flex!important; display: flex;
} }
.flexcol { .flexcol {
display: flex!important; display: flex;
flex-direction: column!important; flex-direction: column;
} }
.flex1 { .flex1 {
flex: 1!important; flex: 1;
} }
.flexnone { .flexnone {
flex: none!important; flex: none;
} }
.flex-center { .flex-center {
align-items: center!important; align-items: center;
} }
.flex-top { .flex-top {
align-items: flex-start!important; align-items: flex-start;
} }
.auto-w { .auto-w {
width: auto!important; width: auto;
} }
.auto-wmin { .auto-wmin {
min-width: auto!important; min-width: auto;
} }
.txt-nowrap { .txt-nowrap {
white-space: nowrap!important; white-space: nowrap;
} }
.txt-over { .txt-over {
@ -2454,71 +2455,71 @@ fieldset.tips>div>ul>li {
} }
.hide { .hide {
display: none!important; display: none;
} }
.noselect { .noselect {
user-select: none!important; user-select: none;
} }
.tran5 { .tran5 {
transition: all .5s!important; transition: all .5s;
-webkit-transition: all .5s!important; -webkit-transition: all .5s;
} }
.tran1 { .tran1 {
transition: all 1s!important; transition: all 1s;
-webkit-transition: all 1s!important; -webkit-transition: all 1s;
} }
.sta { .sta {
position: static!important; position: static;
} }
.abs { .abs {
position: absolute!important; position: absolute;
} }
.fix { .fix {
position: fixed!important; position: fixed;
} }
.rel { .rel {
position: relative!important; position: relative;
} }
.sti { .sti {
position: sticky!important; position: sticky;
} }
.t0 { .t0 {
top: 0!important; top: 0;
} }
.l0 { .l0 {
left: 0!important; left: 0;
} }
.r0 { .r0 {
right: 0!important; right: 0;
} }
.b0 { .b0 {
bottom: 0!important; bottom: 0;
} }
.t1 { .t1 {
top: 0.5em!important; top: 0.5em;
} }
.l1 { .l1 {
left: 0.5em!important; left: 0.5em;
} }
.r1 { .r1 {
right: 0.5em!important; right: 0.5em;
} }
.b1 { .b1 {
bottom: 0.5em!important; bottom: 0.5em;
} }