feat:样式bug移动端修改

app/index/view/mobile/article/detail.html

@@ -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">

app/index/view/mobile/index/index.html

@@ -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}

app/index/view/mobile/product/category.html

@@ -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>

app/index/view/mobile/product/search.html

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

app/index/view/mobile/topic_nas/cooperation.html

@@ -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">
-            <div class="narshzhb-banner-content">
+            <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 介绍 -->

public/static/index/mobile/css/article_detail.css

@@ -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 .pl_box .blog_pl .plitem{
-.oricoEGapp-articledetail .content .share_box .blog_share h3 {
+  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;
 }
 

public/static/index/mobile/css/index.css

@@ -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;

public/static/index/mobile/css/style.css

@@ -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;

public/static/index/mobile/css/topic_nas_cooperation.css

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

public/static/index/mobile/css/topic_nas_help-detail.css

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