修复h5记事本不显示问题
This commit is contained in:
@@ -1,34 +1,112 @@
|
||||
/**
|
||||
* 富文本 HTML 展示样式(与 platform UmoEditor / TipTap 输出对齐)
|
||||
* 用于 editor 组件、rich-text、v-html 等场景
|
||||
* 全局富文本与表格展示样式
|
||||
* 深度覆盖 editor 原生组件、rich-text、.rich-content、.ql-editor 等所有富文本容器
|
||||
*/
|
||||
|
||||
/* ================= 全局默认表格规范(确保全端、全组件均有明显边框与表头底色) ================= */
|
||||
table {
|
||||
display: table !important;
|
||||
border-collapse: collapse !important;
|
||||
border-spacing: 0 !important;
|
||||
border: 1px solid #dcdfe6 !important;
|
||||
width: 100% !important;
|
||||
margin: 12px 0 !important;
|
||||
table-layout: auto !important;
|
||||
box-sizing: border-box !important;
|
||||
|
||||
tbody {
|
||||
display: table-row-group !important;
|
||||
}
|
||||
|
||||
thead {
|
||||
display: table-header-group !important;
|
||||
}
|
||||
|
||||
tr {
|
||||
display: table-row !important;
|
||||
border-bottom: 1px solid #ebeef5 !important;
|
||||
}
|
||||
|
||||
th,
|
||||
td {
|
||||
display: table-cell !important;
|
||||
border: 1px solid #dcdfe6 !important;
|
||||
background-color: #ffffff;
|
||||
color: #303133 !important;
|
||||
padding: 8px 12px !important;
|
||||
font-size: 26rpx !important;
|
||||
min-width: 50px !important;
|
||||
min-height: 36px !important;
|
||||
line-height: 1.5 !important;
|
||||
vertical-align: top !important;
|
||||
word-break: break-word !important;
|
||||
box-sizing: border-box !important;
|
||||
user-select: text !important;
|
||||
-webkit-user-select: text !important;
|
||||
cursor: text !important;
|
||||
}
|
||||
|
||||
th {
|
||||
background-color: #f5f7fa !important;
|
||||
font-weight: 600 !important;
|
||||
color: #303133 !important;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0 !important;
|
||||
min-height: 1.4em !important;
|
||||
line-height: 1.5 !important;
|
||||
}
|
||||
}
|
||||
|
||||
editor,
|
||||
uni-editor,
|
||||
.ql-editor,
|
||||
.rich-content {
|
||||
.rich-content,
|
||||
.note-rich-editor {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
overflow-x: auto;
|
||||
font-size: 28rpx;
|
||||
line-height: 1.6;
|
||||
color: #303133;
|
||||
|
||||
p {
|
||||
margin: 8px 0;
|
||||
line-height: 1.8;
|
||||
line-height: 1.7;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-weight: 600;
|
||||
color: #303133;
|
||||
margin: 12px 0 8px;
|
||||
}
|
||||
|
||||
h1 { font-size: 36rpx; }
|
||||
h2 { font-size: 32rpx; }
|
||||
h3 { font-size: 30rpx; }
|
||||
|
||||
img,
|
||||
video {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
border-radius: 8rpx;
|
||||
margin: 8px 0;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
border-left: 4px solid #3973ff;
|
||||
border-left: 4px solid #3c9cff;
|
||||
background-color: #f5f7fa;
|
||||
color: #606266;
|
||||
padding: 8px 16px;
|
||||
margin: 12px 0;
|
||||
border-radius: 0 8rpx 8rpx 0;
|
||||
}
|
||||
|
||||
pre {
|
||||
background-color: #f5f7fa;
|
||||
border: 1px solid #e4e7ed;
|
||||
border-radius: 4px;
|
||||
border-radius: 8rpx;
|
||||
padding: 12px 16px;
|
||||
margin: 12px 0;
|
||||
overflow-x: auto;
|
||||
@@ -37,37 +115,11 @@
|
||||
code {
|
||||
background-color: #f5f7fa;
|
||||
border: 1px solid #e4e7ed;
|
||||
border-radius: 3px;
|
||||
border-radius: 6rpx;
|
||||
padding: 2px 6px;
|
||||
font-family: Consolas, Monaco, monospace;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse !important;
|
||||
border: 1px solid #e4e7ed !important;
|
||||
width: 100% !important;
|
||||
margin: 12px 0;
|
||||
table-layout: auto;
|
||||
|
||||
th,
|
||||
td {
|
||||
border: 1px solid #e4e7ed !important;
|
||||
background-color: #ffffff !important;
|
||||
color: #303133 !important;
|
||||
padding: 8px 12px !important;
|
||||
min-width: 60px;
|
||||
vertical-align: top;
|
||||
word-break: break-word;
|
||||
user-select: text;
|
||||
-webkit-user-select: text;
|
||||
cursor: text;
|
||||
}
|
||||
|
||||
th {
|
||||
background-color: #f5f7fa !important;
|
||||
font-weight: 600 !important;
|
||||
}
|
||||
font-size: 24rpx;
|
||||
color: #e6a23c;
|
||||
}
|
||||
|
||||
ul,
|
||||
@@ -77,7 +129,7 @@
|
||||
}
|
||||
|
||||
li {
|
||||
line-height: 1.8;
|
||||
line-height: 1.7;
|
||||
margin: 4px 0;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user