jsasg/orico-official-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 3 Wiki Activity

style:产品详情样式

Browse Source
This commit is contained in:
liangjiami
2025-07-30 15:35:16 +08:00
parent a2af83a68f
commit 1f391124ef
2 changed files with 57 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/index/view/pc/product/detail.html
View File

@@ -133,10 +133,12 @@
{/notempty} {/notempty}
</div> </div>
<!-- 富文本渲染--> <!-- 富文本渲染-->
<div class="products_des" id="detail"> <div class="ql-container">
<div class="products_des ql-editor" id="detail">
{$product.detail|default=''|raw} {$product.detail|default=''|raw}
</div> </div>
</div> </div>
</div>
<!-- 关联产品 --> <!-- 关联产品 -->
{notempty name="product_related"} {notempty name="product_related"}
<div class="glcpmain" id="related"> <div class="glcpmain" id="related">

59
public/static/index/pc/css/public.css
View File

@@ -1567,11 +1567,56 @@ div{
width: 80%; width: 80%;
margin: auto; margin: auto;
} }
.star {
position: absolute; .products_des {
top: 0; width: 100%;
width: 40%; margin-bottom: 50px;
height: 15px; }
background-image: url(../images/star_orange.png); .products_des img {
background-position: 0 0; width: 100%;
}
.de_t_n {
font-size: 1.5em;
color: #333;
}
.detail_title {
text-align: center;
padding: 2% 0;
}
.detail_title p {
line-height: 2em;
}
.detail_con_a {
margin: auto;
overflow: hidden;
}
.lj_detail_text,
.lj_detail_texts {
font-size: 0.875em;
}
.lj_detail_text p {
line-height: 1.6em;
padding: 0.5% 0;
}
/*seo-pro*/
.seo-pro h3 {
font-size: 1.5em;
text-align: center;
color: #333;
margin: 2% 0 1%;
line-height: 1.2;
font-weight: 400;
}
.seo-pro p {
text-align: center;
margin: 0 0 11px;
}
.seo-pro a {
color: #333;
text-decoration: none;
}
.sa_blue,
.sa_blue a,
.seo-pro a:hover {
color: #009fdf;
} }