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.
40 lines
1.1 KiB
40 lines
1.1 KiB
/* 商品详情页面的整体样式 */
|
|
.details {
|
|
background: #fff; /* 设置背景颜色为白色 */
|
|
}
|
|
|
|
/* 商品顶部图片的样式 */
|
|
.details .topimage {
|
|
width: 100%; /* 图片宽度占满父容器 */
|
|
}
|
|
|
|
/* 商品基本信息容器的样式 */
|
|
.details .content {
|
|
margin: 10px; /* 设置外边距为 10px */
|
|
}
|
|
|
|
/* 商品价格的样式 */
|
|
.details .content .price {
|
|
color: #f2270c; /* 设置价格文字颜色为红色 */
|
|
}
|
|
|
|
/* 商品价格中的文本样式 */
|
|
.details .content .price text {
|
|
color: #f2270c; /* 设置价格文字颜色为红色 */
|
|
display: inline-block; /* 使文本块级显示，方便设置其他样式 */
|
|
font-family: JDZH-Regular; /* 设置字体为 JDZH-Regular */
|
|
font-size: 20px; /* 设置字体大小为 20px */
|
|
line-height: 30px; /* 设置行高为 30px */
|
|
}
|
|
|
|
/* 商品标题的样式 */
|
|
.details .content .title {
|
|
font-size: 15px; /* 设置字体大小为 15px */
|
|
font-weight: 700; /* 设置字体加粗 */
|
|
}
|
|
|
|
/* 商品详细介绍图片的样式 */
|
|
.details .introduce image {
|
|
width: 100%; /* 图片宽度占满父容器 */
|
|
}
|