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

feat:样式bug移动端修改

Browse Source
This commit is contained in:
liangjiami
2025-06-24 17:51:29 +08:00
parent 80dbc75c73
commit 35329b25e8
10 changed files with 75 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
app/index/view/mobile/article/detail.html
View File

@@ -25,6 +25,20 @@
</div>
<div class="blog_content">{$detail.content|raw}</div>
</div>
<div class="pl_box">
<div class="blog_pl">
<h3>评论</h3>
<div class="plitem">
<div class="pl_name">王麻子:</div>
<div class="pl_text">水电费水电费水电费水电费</div>
</div>
<div class="plitem">
<div class="pl_name">王麻子:</div>
<div class="pl_text">水电费水电费水电费水电费</div>
</div>
</div>
</div>
<div class="share_box">
{notempty name="share_config"}
<div class="blog_share">

10
app/index/view/mobile/index/index.html
View File

@@ -310,6 +310,16 @@
icon.removeClass('icon-jian-svg').addClass('icon-add-svg');
}
});
// 判断年份
// 计算.timeline下的li元素数量
var liCount = $('.timeline ol li').length;
// 如果有li元素，则设置a标签的宽度
if (liCount > 0) {
var widthPerItem = (100 / liCount-0.3) + '%';
$('.timeline ol li a').css('width', widthPerItem);
}
});
</script>
{/block}

2
app/index/view/mobile/product/category.html
View File

@@ -9,7 +9,7 @@
<div>
{volist name="focus_image" id="fi"}
<a {notempty name="fi.link" }href="{$fi.link}"{/notempty}>
<img src="{$fi.image}" />
<img src="{$fi.image}" style="width: 100%;margin-top: 3.5rem;"/>
</a>
{/volist}
</div>

1
app/index/view/mobile/product/search.html
View File

@@ -28,6 +28,7 @@
<!-- 分页 -->
<div>{$page|raw}</div>
{/notempty}
<div style=" text-align: center;padding: 10%;">暂无数据</div>
</div>
</div>
{/block}

7
app/index/view/mobile/topic_nas/cooperation.html
View File

@@ -7,8 +7,9 @@
<div class="narshzhbMbpage">
<!-- banner -->
{notempty name="focus_image"}
<div class="narshzhb-banner" style="margin-top: 13%; background: url({$focus_image.image});background-repeat: no-repeat;background-size: 100% 100%;">
<div class="narshzhb-banner-content">
<div class="narshzhb-banner">
<img src="{$focus_image.image}" style="margin-top: 3.7rem;">
<!-- <div class="narshzhb-banner-content">
<span class="t1">{:lang_i18n('成为ORICO合作伙伴')}</span>
<h2><strong style="color: #004BFA;">NAS</strong>{:lang_i18n('合作伙伴招募')}</h2>
<div class="narshzhb-banner-btct">
@@ -17,7 +18,7 @@
<span>{:lang_i18n('代理经销合作')}</span>
<span>{:lang_i18n('ODM合作')}</span>
</div>
</div>
</div> -->
</div>
{/notempty}
<!-- top 介绍 -->

22
public/static/index/mobile/css/article_detail.css
View File

@@ -53,24 +53,36 @@
margin-bottom: 0.5rem;
}
.oricoEGapp-articledetail .content .share_box {
.oricoEGapp-articledetail .content .share_box, .oricoEGapp-articledetail .content .pl_box{
width: 100%;
}
.oricoEGapp-articledetail .content .share_box .blog_share {
.oricoEGapp-articledetail .content .share_box .blog_share ,.oricoEGapp-articledetail .content .pl_box .blog_pl {
width: 100%;
height: auto;
background: #ffffff;
border: 1px solid #e8e8e8;
margin: 1rem 0;
}
.oricoEGapp-articledetail .content .share_box .blog_share h3 {
.oricoEGapp-articledetail .content .pl_box .blog_pl .plitem{
margin: 15px;
border-bottom: 1px solid #e8e8e8;
padding-bottom: 8px;
}
.oricoEGapp-articledetail .content .pl_box .blog_pl .plitem .pl_name{
color: #004bfa;
padding-bottom: 5px;
padding-right: 0.625rem;
}
.oricoEGapp-articledetail .content .pl_box .blog_pl .plitem:last-child{
border-bottom:none;
}
.oricoEGapp-articledetail .content .share_box .blog_share h3,.oricoEGapp-articledetail .content .pl_box .blog_pl h3 {
font-size: 1rem;
line-height: 2.125rem;
color: #959595;
font-weight: bold;
padding: 0.25rem 1.875rem 0.75rem;
padding: 0.25rem 1.875rem 0;
border-bottom: 1px solid #e8e8e8;
}

2
public/static/index/mobile/css/index.css
View File

@@ -31,6 +31,8 @@
}
.oricoEGapp .oricoEGapp-index .oidx-cate .cateit {
margin: 0 5%;
}
.oricoEGapp .oricoEGapp-index .oidx-cate .cateit a{
display: flex;
flex-direction: column;
justify-content: center;

25
public/static/index/mobile/css/style.css
View File

@@ -29,6 +29,7 @@ body {
max-width: 750px;
}
img {
max-width: 100%;
border: none;
border: 0;
vertical-align: top;
@@ -100,6 +101,7 @@ address {
list-style: none;
padding: 0px;
margin: 0px;
word-break: break-all;
}
a {
text-decoration: none;
@@ -813,6 +815,7 @@ video img {
border-radius: 5px;
margin: 1rem auto 0;
position: relative;
margin-top: 8rem;
}
.ac-popup-btn {
padding: 40px 0 0;
@@ -1623,6 +1626,7 @@ video img {
}
.goods_all_title .title {
font-size: 0.7rem;
text-align: center;
color: #333333;
margin: 2rem 0 0;
}
@@ -2386,6 +2390,9 @@ video img {
display: inline-block;
vertical-align: top;
}
.hd .co-bg img{
border-radius: 7px;
}
/*add 产品详情*/
.hd .clearfix {
display: -webkit-inline-box;
@@ -2398,7 +2405,6 @@ video img {
font-size: 14px;
margin-right: 0px;
line-height: 40px;
width: 125px !important;
font-weight: 600;
font-family: Montserrat !important;
color: #666;
@@ -2434,6 +2440,23 @@ video img {
border-radius: 16px !important;
margin-right: 4px;
}
.attr_item_defalut {
float: left;
background: #fff;
border: 1px solid #d4d4d4;
margin-right: 4px;
padding: 0px 15px;
border-radius: 40px;
line-height: 30px;
}
.attr_item_on {
border: 1px solid #004BFA;
}
.attr_item_defalut span{
font-size: 11px;
color: #333;
font-weight: bold;
}
.on {
border: 1px solid #737373 !important;
color: #666 !important;

2
public/static/index/mobile/css/topic_nas_cooperation.css
View File

@@ -8,7 +8,7 @@
.narshzhbMbpage .narshzhb-banner {
width: 100%;
height: 8.5625rem;
/* height: 8.5625rem; */
display: flex;
flex-direction: column;
align-items: center;

1
public/static/index/mobile/css/topic_nas_help-detail.css
View File

@@ -8,6 +8,7 @@
width: 100%;
display: flex;
flex-direction: column;
background: #fff;
}
.narshelpCenterdetail-app .headtop {