100 lines
2.1 KiB
Plaintext
100 lines
2.1 KiB
Plaintext
page{
|
||
background: #ccc;
|
||
}
|
||
.container {
|
||
position: relative;
|
||
width: 100%;
|
||
height: 100%;
|
||
font-size: 14px;
|
||
color: #000;
|
||
}
|
||
.shopping_container{
|
||
position: relative;
|
||
padding: 20rpx;
|
||
width:100%;
|
||
background-color:#fff;
|
||
box-sizing: border-box;
|
||
}
|
||
.shopping_container .title{
|
||
margin: 40rpx 0 30rpx 0;
|
||
width:100%;
|
||
text-align: center;
|
||
font-weight: bold;
|
||
font-size: 40rpx;
|
||
color: #222;
|
||
letter-spacing: 2rpx;
|
||
}
|
||
.shopping_container .wxParse{
|
||
position: relative;
|
||
padding: 0;
|
||
width:100%;
|
||
text-align: left;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
/* h1标题居中 - 使用flex布局确保子元素同行 */
|
||
.shopping_container .wxParse .wxParse-h1 {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
justify-content: center;
|
||
align-items: baseline;
|
||
margin: 10px 0 !important;
|
||
padding: 0 !important;
|
||
}
|
||
|
||
.shopping_container .wxParse .wxParse-h1 view,
|
||
.shopping_container .wxParse .wxParse-h1 .wxParse-inline,
|
||
.shopping_container .wxParse .wxParse-h1 .WxEmojiView {
|
||
display: inline-block !important;
|
||
}
|
||
|
||
/* h2标题 */
|
||
.shopping_container .wxParse .wxParse-h2 {
|
||
text-align: left !important;
|
||
font-size: 36rpx !important;
|
||
font-weight: bold !important;
|
||
margin: 40rpx 0 20rpx 0 !important;
|
||
color: #222;
|
||
letter-spacing: 1rpx;
|
||
}
|
||
|
||
/* 正文段落 - 优化排版 */
|
||
.shopping_container .wxParse .wxParse-p {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
align-items: baseline;
|
||
text-align: justify;
|
||
line-height: 2.2;
|
||
margin: 32rpx 0;
|
||
font-size: 32rpx;
|
||
color: #333;
|
||
letter-spacing: 1rpx;
|
||
}
|
||
|
||
/* 段落内的所有view都使用inline-block,防止flex干扰 */
|
||
.shopping_container .wxParse .wxParse-p view,
|
||
.shopping_container .wxParse .wxParse-p .wxParse-inline,
|
||
.shopping_container .wxParse .wxParse-p .WxEmojiView {
|
||
display: inline-block !important;
|
||
float: none !important;
|
||
line-height: 2.2;
|
||
}
|
||
|
||
.shopping_container .wxParse image{
|
||
position: relative;
|
||
float: left;
|
||
width:100%;
|
||
}
|
||
.shopping_container .wxParse img{
|
||
width:100%;
|
||
}
|
||
.shopping_container .wxParse video{
|
||
float: left;
|
||
width:100%;
|
||
height:18em;
|
||
background-color: #000;
|
||
}
|
||
.shopping_container .wxParse.shuping video{
|
||
height:35em;
|
||
}
|