This repository has been archived on 2023-08-30. You can view files and clone it, but cannot push or open issues/pull-requests.
bytedo
/
wcui
Archived
1
0
Fork 0
Code Issues Pull Requests Wiki Activity

优化layer组件的样式;优化meditor的样式

old
宇天 2018-07-30 13:27:28 +08:00
parent 6488a2ea35
commit 5d8b44ea67
2 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/js/layer/skin/normal.scss
View File

@ -39,9 +39,7 @@
.layer-title {width:100%;height:43px;padding:0 10px;line-height:43px;font-size:16px;color:nth($cd, 2);} .layer-title {width:100%;height:43px;padding:0 10px;line-height:43px;font-size:16px;color:nth($cd, 2);}
/* 弹层主体内容 */ /* 弹层主体内容 */
.layer-content {position:relative;width:100%;height:auto;min-height:50px;padding:10px;word-break:break-all;word-wrap: break-word; .layer-content {position:relative;width:100%;height:auto;min-height:50px;word-break:break-all;word-wrap: break-word;
// .msg-icon {position:absolute;left:10px;top:10px;width:50px;height:auto;line-height:40px;font-size:35px;text-align:center;}
.prompt-value {width: 100%;height: 30px;padding: 0 8px;border: 1px solid #ddd;border-radius: 3px; .prompt-value {width: 100%;height: 30px;padding: 0 8px;border: 1px solid #ddd;border-radius: 3px;
@ -71,12 +69,14 @@
/* ;alert/confirm/prompt 3类弹层 */ /* ;alert/confirm/prompt 3类弹层 */
&.type-1, &.type-1,
&.type-2, &.type-2,
&.type-3 {max-width:600px;min-width:300px;} &.type-3 {max-width:600px;min-width:300px;
.layer-content {padding:10px;}
}
&.type-4 {padding:0; &.type-4 {padding:0;
.layer-content {padding:0;}
.frame-box {display:block;width:100%;height:100%;margin:0;padding:0;border:0;resize: none;} .frame-box {display:block;width:100%;height:100%;margin:0;padding:0;border:0;resize: none;}
} }
@ -89,7 +89,7 @@
i.offset-top-left {right:5px;bottom:-14px;border-top:8px solid rgba(0,0,0,.5);} i.offset-top-left {right:5px;bottom:-14px;border-top:8px solid rgba(0,0,0,.5);}
i.offset-bottom-left {right:5px;top:-14px;border-bottom:8px solid rgba(0,0,0,.5);} i.offset-bottom-left {right:5px;top:-14px;border-bottom:8px solid rgba(0,0,0,.5);}
.layer-content {min-height:20px;margin:0;padding:0} .layer-content {min-height:20px;margin:0;}
} }
@ -100,7 +100,7 @@
/* 特殊类弹层(toast弹层) */ /* 特殊类弹层(toast弹层) */
&.type-toast {position:fixed;min-width:10px;padding:0;background:transparent; &.type-toast {position:fixed;min-width:10px;padding:0;background:transparent;
.layer-content {min-height:40px;height:40px;padding:0} .layer-content {min-height:40px;height:40px;}
.toast-box {display:inline-block;position:relative;min-height:40px;padding:5px 12px 5px 50px;line-height:28px;border-radius:3px;word-break: break-all; .toast-box {display:inline-block;position:relative;min-height:40px;padding:5px 12px 5px 50px;line-height:28px;border-radius:3px;word-break: break-all;
@ -209,7 +209,7 @@
i.offset-top-left {right:5px;bottom:-14px;border-top:8px solid rgba(0,0,0,.5);} i.offset-top-left {right:5px;bottom:-14px;border-top:8px solid rgba(0,0,0,.5);}
i.offset-bottom-left {right:5px;top:-14px;border-bottom:8px solid rgba(0,0,0,.5);} i.offset-bottom-left {right:5px;top:-14px;border-bottom:8px solid rgba(0,0,0,.5);}
.layer-content {min-height:20px;margin:0;padding:0} .layer-content {min-height:20px;margin:0;}
} }

2
src/js/meditor/skin/main.scss
View File

@ -34,7 +34,7 @@
} }
} }
.editor-body{overflow:hidden;overflow-y:auto;float:left;width:100%;height:100%;padding:5px 5px 50px;line-height:1.5;border:0;outline:none;resize:none;color:nth($cgr, 1);background:#fff;font-size:13px;font-family:"Courier New", "Courier";} .editor-body{overflow:hidden;overflow-y:auto;float:left;width:100%;height:100%;padding:5px 5px 50px;line-height:1.5;border:0;outline:none;resize:none;color:nth($cgr, 1);background:#fff;font-size:13px;}
.md-preview {float:right;overflow:hidden;overflow-y:auto;display:block;width:50%;height:100%;padding:10px 10px 50px;line-height:1.5;border-left:1px solid nth($cp, 2);color:nth($cd, 1);font-size:14px;background:#fff;} .md-preview {float:right;overflow:hidden;overflow-y:auto;display:block;width:50%;height:100%;padding:10px 10px 50px;line-height:1.5;border-left:1px solid nth($cp, 2);color:nth($cd, 1);font-size:14px;background:#fff;}