mirror of
https://shylinux.com/x/volcanos
synced 2025-04-29 18:29:21 +08:00
opt word
This commit is contained in:
shaoying
parent
a46de11e6d
commit
d224fcca43
@ -1,90 +1,72 @@
|
|||||||
body fieldset.plugin.word h1:hover {
|
fieldset.word h1.story {
|
||||||
background:green;
|
|
||||||
cursor:pointer;
|
|
||||||
}
|
|
||||||
body fieldset.plugin.word h2:hover {
|
|
||||||
background:green;
|
|
||||||
cursor:pointer;
|
|
||||||
}
|
|
||||||
body fieldset.plugin.word h3:hover {
|
|
||||||
background:green;
|
|
||||||
cursor:pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
body fieldset p.story[data-name=inner] {
|
|
||||||
padding:4px;
|
|
||||||
background-color:#4b6c8a;
|
|
||||||
border-left:solid 4px blue;
|
|
||||||
}
|
|
||||||
body fieldset p.story[data-name=inner]:hover {
|
|
||||||
cursor:copy;
|
|
||||||
}
|
|
||||||
body div.story[data-type=spark] {
|
|
||||||
background-color:#2169a9; color:white;
|
|
||||||
box-shadow: 4px 4px 10px 1px #626bd0;
|
|
||||||
border-left:solid 4px blue;
|
|
||||||
padding:4px 10px; margin:10px 0px;
|
|
||||||
}
|
|
||||||
body div.story[data-type=spark] span:hover {
|
|
||||||
background-color:#c10c8a;
|
|
||||||
cursor:copy;
|
|
||||||
box-shadow: 4px 4px 10px 1px #626bd0;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.white fieldset p.story[data-name=inner] {
|
|
||||||
/* background-color:#bad8f7; */
|
|
||||||
border-left:solid 4px blue;
|
|
||||||
}
|
|
||||||
body.white fieldset div.story[data-type=spark] {
|
|
||||||
/* background-color:#c2daef; */
|
|
||||||
clear:both;
|
clear:both;
|
||||||
}
|
}
|
||||||
body.white fieldset div.story[data-type=spark] span:hover {
|
fieldset.word h2.story {
|
||||||
background-color:blue;
|
clear:both;
|
||||||
/* background-color:white; */
|
}
|
||||||
|
fieldset.word h3.story {
|
||||||
|
clear:both;
|
||||||
}
|
}
|
||||||
|
|
||||||
fieldset ul.story[data-type=premenu] {
|
fieldset.word h1:hover {
|
||||||
|
background:green;
|
||||||
cursor:pointer;
|
cursor:pointer;
|
||||||
}
|
}
|
||||||
fieldset ul.story[data-type=premenu] li:hover {
|
fieldset.word h2:hover {
|
||||||
|
background:green;
|
||||||
|
cursor:pointer;
|
||||||
|
}
|
||||||
|
fieldset.word h3:hover {
|
||||||
|
background:green;
|
||||||
|
cursor:pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
fieldset.word ul.story[data-type=premenu] {
|
||||||
|
cursor:pointer;
|
||||||
|
}
|
||||||
|
fieldset.word ul.story[data-type=premenu] li:hover {
|
||||||
background:cyan;
|
background:cyan;
|
||||||
}
|
}
|
||||||
|
fieldset.word li.H2 {
|
||||||
fieldset.plugin.word fieldset.story {
|
|
||||||
margin:10px; clear:both; float:left;
|
|
||||||
border:0;
|
|
||||||
box-shadow: 4px 4px 10px 1px #626bd0;
|
|
||||||
}
|
|
||||||
|
|
||||||
fieldset h1.story {
|
|
||||||
clear:both;
|
|
||||||
}
|
|
||||||
fieldset h2.story {
|
|
||||||
clear:both;
|
|
||||||
}
|
|
||||||
fieldset h3.story {
|
|
||||||
clear:both;
|
|
||||||
}
|
|
||||||
fieldset li.H2 {
|
|
||||||
font-weight:bold;
|
font-weight:bold;
|
||||||
font-size:20px;
|
font-size:20px;
|
||||||
}
|
}
|
||||||
fieldset br.story {
|
fieldset.word br.story {
|
||||||
clear:both;
|
clear:both;
|
||||||
}
|
}
|
||||||
fieldset p.story {
|
|
||||||
|
fieldset.word p.story {
|
||||||
white-space:pre;
|
white-space:pre;
|
||||||
}
|
}
|
||||||
fieldset p.story.shell {
|
fieldset.word p.story[data-name=inner] {
|
||||||
padding:4px;
|
padding:4px 10px; margin:10px 0px;
|
||||||
|
background-color:#4b6c8a7a;
|
||||||
border-left:solid 4px blue;
|
border-left:solid 4px blue;
|
||||||
background-color:#c2daef;
|
|
||||||
}
|
}
|
||||||
fieldset svg.story {
|
fieldset.word p.story[data-name=inner]:hover {
|
||||||
|
background-color:#c10c8a;
|
||||||
|
cursor:copy;
|
||||||
|
}
|
||||||
|
fieldset.word div.story[data-type=spark] {
|
||||||
|
background-color:#2169a9a6; color:white;
|
||||||
|
box-shadow: 4px 4px 10px 1px #626bd0;
|
||||||
|
padding:4px 10px; margin:10px 0px;
|
||||||
|
border-left:solid 4px blue;
|
||||||
|
}
|
||||||
|
fieldset.word div.story[data-type=spark] span:hover {
|
||||||
|
box-shadow: 4px 4px 10px 1px #29318e;
|
||||||
|
background-color:#c10c8a;
|
||||||
|
cursor:copy;
|
||||||
|
}
|
||||||
|
fieldset.word svg.story {
|
||||||
display:block; float:left;
|
display:block; float:left;
|
||||||
}
|
}
|
||||||
fieldset code.story {
|
fieldset.word fieldset.story {
|
||||||
|
margin:10px; border:0;
|
||||||
|
clear:both; float:left;
|
||||||
|
box-shadow: 4px 4px 10px 1px #626bd0;
|
||||||
|
}
|
||||||
|
fieldset.word code.story {
|
||||||
display:block; border:solid 3px green;
|
display:block; border:solid 3px green;
|
||||||
color:white; background-color:#272822;
|
color:white; background-color:#272822;
|
||||||
font-size:14px; font-family:monospace;
|
font-size:14px; font-family:monospace;
|
||||||
@ -93,22 +75,39 @@ fieldset code.story {
|
|||||||
clear:both;
|
clear:both;
|
||||||
}
|
}
|
||||||
|
|
||||||
div.show {
|
fieldset.word.float {
|
||||||
position:absolute; top:0;
|
width:-webkit-fill-available;
|
||||||
|
height:-webkit-fill-available;
|
||||||
|
position:absolute; left:0; top:0;
|
||||||
|
background-color:aliceblue;
|
||||||
color:black;
|
color:black;
|
||||||
}
|
}
|
||||||
div.show table {
|
fieldset.word.float div.project {
|
||||||
color:black;
|
background-color:aliceblue;
|
||||||
|
padding:10px;
|
||||||
}
|
}
|
||||||
|
fieldset.word.float div.content div.page {
|
||||||
|
margin-top:30px;
|
||||||
|
display:none;
|
||||||
|
}
|
||||||
|
fieldset.word.float div.content div.page.select {
|
||||||
|
display:block;
|
||||||
|
}
|
||||||
|
|
||||||
|
fieldset.word.float h1 {
|
||||||
|
text-align:center;
|
||||||
|
}
|
||||||
|
fieldset.word.float h2 {
|
||||||
|
text-align:center;
|
||||||
|
}
|
||||||
|
fieldset.word.float h3 {
|
||||||
|
text-align:center;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
div.show>div.control {
|
div.show>div.control {
|
||||||
background-color:aliceblue;
|
background-color:aliceblue;
|
||||||
}
|
}
|
||||||
div.show>div.project {
|
|
||||||
background-color:aliceblue;
|
|
||||||
position:absolute;
|
|
||||||
padding:10px;
|
|
||||||
z-index:10;
|
|
||||||
}
|
|
||||||
div.show>div.project div.item {
|
div.show>div.project div.item {
|
||||||
cursor:pointer;
|
cursor:pointer;
|
||||||
}
|
}
|
||||||
@ -161,3 +160,17 @@ div.show>div.content div.page code.story {
|
|||||||
padding:10px; white-space:pre;
|
padding:10px; white-space:pre;
|
||||||
clear:both;
|
clear:both;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
body.white fieldset.word p.story[data-name=inner] {
|
||||||
|
/* background-color:#bad8f7; */
|
||||||
|
border-left:solid 4px blue;
|
||||||
|
}
|
||||||
|
body.white fieldset.word div.story[data-type=spark] {
|
||||||
|
/* background-color:#c2daef; */
|
||||||
|
clear:both;
|
||||||
|
}
|
||||||
|
body.white fieldset.word div.story[data-type=spark] span:hover {
|
||||||
|
background-color:blue;
|
||||||
|
/* background-color:white; */
|
||||||
|
}
|
||||||
|
|
||||||
|
|||||||
@ -14,7 +14,9 @@ Volcanos("onimport", {help: "导入数据", list: [], _init: function(can, msg,
|
|||||||
can.page.Select(can, can._output, "h2.story, h3.story", function(item) {
|
can.page.Select(can, can._output, "h2.story, h3.story", function(item) {
|
||||||
can.page.Append(can, target, [{text: [item.innerHTML, "li", item.tagName], onclick: function() {
|
can.page.Append(can, target, [{text: [item.innerHTML, "li", item.tagName], onclick: function() {
|
||||||
item.scrollIntoView()
|
item.scrollIntoView()
|
||||||
}}]), item.onclick = function(event) { target.scrollIntoView() }
|
}}]), item.onclick = function(event) {
|
||||||
|
target.scrollIntoView()
|
||||||
|
}
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
spark: function(can, item, target) {
|
spark: function(can, item, target) {
|
||||||
@ -42,8 +44,7 @@ Volcanos("onimport", {help: "导入数据", list: [], _init: function(can, msg,
|
|||||||
|
|
||||||
table: function(can, list, target) {
|
table: function(can, list, target) {
|
||||||
can.page.Select(can, target, "td", function(item) {
|
can.page.Select(can, target, "td", function(item) {
|
||||||
item.title = "点击复制"
|
item.title = "点击复制", item.onclick = function(event) {
|
||||||
item.onclick = function(event) {
|
|
||||||
can.user.copy(event, can, item.innerText)
|
can.user.copy(event, can, item.innerText)
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
@ -98,8 +99,8 @@ Volcanos("onaction", {help: "控件交互", list: [],
|
|||||||
})
|
})
|
||||||
|
|
||||||
can.onappend._init(can, {type: "story word float"}, [], function(sub) {
|
can.onappend._init(can, {type: "story word float"}, [], function(sub) {
|
||||||
|
sub.ui = sub.page.Append(sub, sub._output, [{view: "project"}, {view: "content"}])
|
||||||
sub.run = function(event, cmds, cb) { can.run(event, cmds, cb, true) }
|
sub.run = function(event, cmds, cb) { can.run(event, cmds, cb, true) }
|
||||||
sub.ui = sub.onlayout.profile(sub)
|
|
||||||
|
|
||||||
sub.onappend._action(sub, [
|
sub.onappend._action(sub, [
|
||||||
["布局", "开讲", "快闪", "网格", "层叠"],
|
["布局", "开讲", "快闪", "网格", "层叠"],
|
||||||
@ -113,18 +114,20 @@ Volcanos("onaction", {help: "控件交互", list: [],
|
|||||||
"层叠": function(event) { sub.onaction.spring(sub) },
|
"层叠": function(event) { sub.onaction.spring(sub) },
|
||||||
|
|
||||||
"大纲": function(event) { sub.page.Toggle(sub, sub.ui.project) },
|
"大纲": function(event) { sub.page.Toggle(sub, sub.ui.project) },
|
||||||
"首页": function(event) { can.onaction.show(can, 0) },
|
|
||||||
|
|
||||||
"上一页": function(event) { can.onaction.prev(can) },
|
"首页": function(event) { can.onaction.show(sub, 0) },
|
||||||
"菜单": function(event) { can.onaction.prev(can) },
|
"上一页": function(event) { can.onaction.prev(sub, sub.ui.content) },
|
||||||
"下一页": function(event) { can.onaction.next(can) },
|
"菜单": function(event) { can.onaction.show(sub, event.target.selectedIndex) },
|
||||||
"隐藏": function(event) { can.page.Toggle(can, sub.ui.content) },
|
"下一页": function(event) { can.onaction.next(sub, sub.ui.content) },
|
||||||
"结束": function(event) { can.page.Remove(can, sub._target) },
|
|
||||||
|
"隐藏": function(event) { sub.page.Toggle(sub, sub._output) },
|
||||||
|
"结束": function(event) { sub.page.Remove(sub, sub._target) },
|
||||||
})
|
})
|
||||||
|
|
||||||
can.page.Select(can, can._output, "h1.story,h2.story,h3.story", function(item) {
|
can.onmotion.hidden(can, sub.ui.project)
|
||||||
|
can.page.Select(can, can._output, "h1.story,h2.story,h3.story", function(item, index) {
|
||||||
can.onappend.item(can, "item", {name: item.innerHTML}, function(event) {
|
can.onappend.item(can, "item", {name: item.innerHTML}, function(event) {
|
||||||
|
can.onaction.show(sub, index)
|
||||||
}, function(event) {
|
}, function(event) {
|
||||||
|
|
||||||
}, sub.ui.project)
|
}, sub.ui.project)
|
||||||
@ -143,48 +146,45 @@ Volcanos("onaction", {help: "控件交互", list: [],
|
|||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
sub.page.Append(sub, sub.ui.content, {view: "page "+(index==0?"show": "")+(index==0? " first": ""), list: items})
|
sub.page.Append(sub, sub.ui.content, [{view: "page "+(index==0?"select": "")+(index==0? " first": ""), list: items}])
|
||||||
})
|
})
|
||||||
}, document.body)
|
}, document.body)
|
||||||
},
|
},
|
||||||
|
|
||||||
show: function(can, which) {
|
show: function(can, which) {
|
||||||
can.page.Select(can, can.ui.content, "div.page.show", function(page) {
|
|
||||||
can.page.ClassList.del(can, page, "show")
|
|
||||||
})
|
|
||||||
can.page.Select(can, can.ui.content, "div.page", function(page, index) {
|
can.page.Select(can, can.ui.content, "div.page", function(page, index) {
|
||||||
index == which && can.page.ClassList.add(can, page, "show"), can.page.Modify(can, page, {style: {
|
if (index == which) {
|
||||||
"position": "absolute", "float": "none",
|
can.page.ClassList.add(can, page, "select")
|
||||||
"margin-left": 20, "margin-top": 40,
|
can.page.Select(can, page, "h1,h2,h3", function(item) {
|
||||||
"width": document.body.offsetWidth, "height": document.body.offsetHeight,
|
can.Action("菜单", item.innerHTML)
|
||||||
"overflow": "auto",
|
})
|
||||||
"border": "",
|
} else {
|
||||||
}, })
|
can.page.ClassList.del(can, page, "select")
|
||||||
})
|
}
|
||||||
can.page.Select(can, can.ui.content, "h1,h2,h3", function(item) {
|
|
||||||
item.innerHTML == which && can.page.ClassList.add(can, item.parentNode, "show")
|
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
next: function(can) {
|
next: function(can, target) {
|
||||||
can.page.Select(can, can.ui.content, "div.page.show", function(page) {
|
can.page.Select(can, target, "div.page.select", function(page) {
|
||||||
if (page.nextSibling) {
|
if (page.nextSibling) {
|
||||||
can.page.ClassList.del(can, page, "show")
|
can.page.ClassList.del(can, page, "select")
|
||||||
can.page.ClassList.add(can, page.nextSibling, "show")
|
can.page.ClassList.add(can, page.nextSibling, "select")
|
||||||
can.page.Select(can, page.nextSibling, "h2,h3", function(item) {
|
|
||||||
can.ui.menu.value = item.innerHTML
|
can.page.Select(can, page.nextSibling, "h1,h2,h3", function(item) {
|
||||||
|
can.Action("菜单", item.innerHTML)
|
||||||
})
|
})
|
||||||
} else {
|
} else {
|
||||||
can.user.toast(can, "end")
|
can.user.toast(can, "end")
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
prev: function(can) {
|
prev: function(can, target) {
|
||||||
can.page.Select(can, can.ui.content, "div.page.show", function(page) {
|
can.page.Select(can, target, "div.page.select", function(page) {
|
||||||
if (page.previousSibling) {
|
if (page.previousSibling) {
|
||||||
can.page.ClassList.del(can, page, "show")
|
can.page.ClassList.del(can, page, "select")
|
||||||
can.page.ClassList.add(can, page.previousSibling, "show")
|
can.page.ClassList.add(can, page.previousSibling, "select")
|
||||||
can.page.Select(can, page.nextSibling, "h2,h3", function(item) {
|
|
||||||
can.ui.menu.value = item.innerHTML
|
can.page.Select(can, page.previousSibling, "h1,h2,h3", function(item) {
|
||||||
|
can.Action("菜单", item.innerHTML)
|
||||||
})
|
})
|
||||||
} else {
|
} else {
|
||||||
can.user.toast(can, "end")
|
can.user.toast(can, "end")
|
||||||
@ -269,6 +269,3 @@ Volcanos("onaction", {help: "控件交互", list: [],
|
|||||||
},
|
},
|
||||||
})
|
})
|
||||||
|
|
||||||
Volcanos("onfigure", {help: "控件交互", list: [],
|
|
||||||
|
|
||||||
})
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user