You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
207 lines
4.0 KiB
207 lines
4.0 KiB
|
|
/** |
|
* author: Di (微信小程序开发工程师) |
|
* organization: WeAppDev(微信小程序开发论坛)(http://weappdev.com) |
|
* 垂直微信小程序开发交流社区 |
|
* |
|
* github地址: https://github.com/icindy/wxParse |
|
* |
|
* for: 微信小程序富文本解析 |
|
* detail : http://weappdev.com/t/wxparse-alpha0-1-html-markdown/184 |
|
*/ |
|
|
|
.wxParse{ |
|
margin: 0 5px; |
|
font-family: Helvetica,sans-serif; |
|
font-size: 28rpx; |
|
color: #666; |
|
line-height: 1.8; |
|
} |
|
view{ |
|
word-break:break-all; |
|
/* overflow:auto; */ |
|
} |
|
.wxParse-inline{ |
|
display: inline; |
|
margin: 0; |
|
padding: 0; |
|
} |
|
/*//标题 */ |
|
.wxParse-div{margin: 0;padding: 0;} |
|
.wxParse-h1{ font-size:2em; margin: .67em 0 } |
|
.wxParse-h2{ font-size:1.5em; margin: .75em 0 } |
|
.wxParse-h3{ font-size:1.17em; margin: .83em 0 } |
|
.wxParse-h4{ margin: 1.12em 0} |
|
.wxParse-h5 { font-size:.83em; margin: 1.5em 0 } |
|
.wxParse-h6{ font-size:.75em; margin: 1.67em 0 } |
|
|
|
.wxParse-h1 { |
|
font-size: 18px; |
|
font-weight: 400; |
|
margin-bottom: .9em; |
|
} |
|
.wxParse-h2 { |
|
font-size: 16px; |
|
font-weight: 400; |
|
margin-bottom: .34em; |
|
} |
|
.wxParse-h3 { |
|
font-weight: 400; |
|
font-size: 15px; |
|
margin-bottom: .34em; |
|
} |
|
.wxParse-h4 { |
|
font-weight: 400; |
|
font-size: 14px; |
|
margin-bottom: .24em; |
|
} |
|
.wxParse-h5 { |
|
font-weight: 400; |
|
font-size: 13px; |
|
margin-bottom: .14em; |
|
} |
|
.wxParse-h6 { |
|
font-weight: 400; |
|
font-size: 12px; |
|
margin-bottom: .04em; |
|
} |
|
|
|
.wxParse-h1, .wxParse-h2, .wxParse-h3, .wxParse-h4, .wxParse-h5, .wxParse-h6, .wxParse-b, .wxParse-strong { font-weight: bolder } |
|
|
|
.wxParse-i,.wxParse-cite,.wxParse-em,.wxParse-var,.wxParse-address{font-style:italic} |
|
.wxParse-pre,.wxParse-tt,.wxParse-code,.wxParse-kbd,.wxParse-samp{font-family:monospace} |
|
.wxParse-pre{white-space:pre} |
|
.wxParse-big{font-size:1.17em} |
|
.wxParse-small,.wxParse-sub,.wxParse-sup{font-size:.83em} |
|
.wxParse-sub{vertical-align:sub} |
|
.wxParse-sup{vertical-align:super} |
|
.wxParse-s,.wxParse-strike,.wxParse-del{text-decoration:line-through} |
|
/*wxparse-自定义个性化的css样式*/ |
|
/*增加video的css样式*/ |
|
.wxParse-strong,.wxParse-s{display: inline} |
|
.wxParse-a{ |
|
color: deepskyblue; |
|
word-break:break-all; |
|
overflow:auto; |
|
} |
|
|
|
.wxParse-video{ |
|
text-align: center; |
|
margin: 10px 0; |
|
} |
|
|
|
.wxParse-video-video{ |
|
width:100%; |
|
} |
|
|
|
.wxParse-img{ |
|
/*background-color: #efefef;*/ |
|
overflow: hidden; |
|
} |
|
|
|
.wxParse-blockquote { |
|
margin: 0; |
|
padding:10px 0 10px 5px; |
|
font-family:Courier, Calibri,"宋体"; |
|
background:#f5f5f5; |
|
border-left: 3px solid #dbdbdb; |
|
} |
|
|
|
.wxParse-code,.wxParse-wxxxcode-style{ |
|
display: inline; |
|
background:#f5f5f5; |
|
} |
|
.wxParse-ul{ |
|
margin: 20rpx 10rpx; |
|
} |
|
|
|
.wxParse-li,.wxParse-li-inner{ |
|
display: flex; |
|
align-items: baseline; |
|
margin: 10rpx 0; |
|
} |
|
.wxParse-li-text{ |
|
|
|
align-items: center; |
|
line-height: 20px; |
|
} |
|
|
|
.wxParse-li-circle{ |
|
display: inline-flex; |
|
width: 5px; |
|
height: 5px; |
|
background-color: #333; |
|
margin-right: 5px; |
|
} |
|
|
|
.wxParse-li-square{ |
|
display: inline-flex; |
|
width: 10rpx; |
|
height: 10rpx; |
|
background-color: #333; |
|
margin-right: 5px; |
|
} |
|
.wxParse-li-ring{ |
|
display: inline-flex; |
|
width: 10rpx; |
|
height: 10rpx; |
|
border: 2rpx solid #333; |
|
border-radius: 50%; |
|
background-color: #fff; |
|
margin-right: 5px; |
|
} |
|
|
|
/*.wxParse-table{ |
|
width: 100%; |
|
height: 400px; |
|
} |
|
.wxParse-thead,.wxParse-tfoot,.wxParse-tr{ |
|
display: flex; |
|
flex-direction: row; |
|
} |
|
.wxParse-th,.wxParse-td{ |
|
display: flex; |
|
width: 580px; |
|
overflow: auto; |
|
}*/ |
|
|
|
.wxParse-u { |
|
text-decoration: underline; |
|
} |
|
.wxParse-hide{ |
|
display: none; |
|
} |
|
.WxEmojiView{ |
|
align-items: center; |
|
} |
|
.wxEmoji{ |
|
width: 16px; |
|
height:16px; |
|
} |
|
.wxParse-tr{ |
|
display: flex; |
|
border-right:1px solid #e0e0e0; |
|
border-bottom:1px solid #e0e0e0; |
|
border-top:1px solid #e0e0e0; |
|
} |
|
.wxParse-th, |
|
.wxParse-td{ |
|
flex:1; |
|
padding:5px; |
|
font-size:28rpx; |
|
border-left:1px solid #e0e0e0; |
|
word-break: break-all; |
|
} |
|
.wxParse-td:last{ |
|
border-top:1px solid #e0e0e0; |
|
} |
|
.wxParse-th{ |
|
background:#f0f0f0; |
|
border-top:1px solid #e0e0e0; |
|
} |
|
.wxParse-del{ |
|
display: inline; |
|
} |
|
.wxParse-figure { |
|
overflow: hidden; |
|
}
|
|
|