Commit e5e0f217 by lmf

优化顶部标题样式

parent d7576396
<?php
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
/**
* @var \Magento\Theme\Block\Html\Header $block
* @var \Magento\Framework\Escaper $escaper
*/
$welcomeMessage = $block->getWelcome();
?>
<?php if ($block->getShowPart() == 'welcome') : ?>
<li class="greet welcome" data-bind="scope: 'customer'">
<!-- ko if: customer().fullname -->
<span class="logged-in"
data-bind="text: new String('<?= $escaper->escapeHtml(__('Welcome, %1!', '%1')) ?>').replace('%1', customer().fullname)">
</span>
<!-- /ko -->
<!-- ko ifnot: customer().fullname -->
<span class="not-logged-in"
data-bind="html: '<?= $escaper->escapeHtmlAttr($welcomeMessage) ?>'"></span>
<?= $block->getBlockHtml('header.additional') ?>
<!-- /ko -->
</li>
<script type="text/x-magento-init">
{
"*": {
"Magento_Ui/js/core/app": {
"components": {
"customer": {
"component": "Magento_Customer/js/view/customer"
}
}
}
}
}
</script>
<?php elseif ($block->getShowPart() == 'other') :?>
<?= $block->getChildHtml() ?>
<?php endif ?>
<div class="header_bar" >
</div>
<style>
.header_bar {
width: 100%;
height: 60px;
background: url(https://media.joshine.com/wysiwyg/tonglan_2_.jpg) no-repeat center;
background-size: 100%;
}
@media(max-width:789px){
.header_bar {
width: 100%;
height: 40px;
background: url(https://media.joshine.com/wysiwyg/tongtiao_M.jpg) no-repeat center;
background-size: 100%;
}
}
</style>
...@@ -68,21 +68,3 @@ script; ...@@ -68,21 +68,3 @@ script;
</div> </div>
</div> </div>
<?php endif; ?> <?php endif; ?>
<div class="header_bar" >
</div>
<style>
.header_bar {
width: 100%;
height: 60px;
background: url(https://media.joshine.com/wysiwyg/tonglan_2_.jpg) no-repeat center;
background-size: 100%;
}
@media(max-width:789px){
.header_bar {
width: 100%;
height: 40px;
background: url(https://media.joshine.com/wysiwyg/tongtiao_M.jpg) no-repeat center;
background-size: 100%;
}
}
</style>
\ No newline at end of file
...@@ -96,7 +96,7 @@ ...@@ -96,7 +96,7 @@
width: 100%; width: 100%;
} }
.block .block-content,#search_mini_form{ .block .block-content,#search_mini_form{
display: none; display: ba;
} }
.header.content{ .header.content{
......
#maincontent .page-title-wrapper #page-title-heading > span{ #maincontent .page-title-wrapper .page-title .base{
display: none; display: none;
} }
*{ *{
padding: 0; padding: 0;
margin: 0; margin: 0;
...@@ -115,7 +116,7 @@ footer a{ ...@@ -115,7 +116,7 @@ footer a{
width: 100%; width: 100%;
display: inline-block; display: inline-block;
color: #222222; color: #222222;
margin-top: 5px; margin-top: 15px;
font-family: Outfit-Regular; font-family: Outfit-Regular;
font-size: 16px; font-size: 16px;
} }
...@@ -134,7 +135,7 @@ footer a{ ...@@ -134,7 +135,7 @@ footer a{
padding-top: 10px; padding-top: 10px;
} }
#maincontent > .columns > .column .main > .product-info-wrapper > .page-title-wrapper .product{ #maincontent .columns .column .main .product-info-wrapper .page-title-wrapper .product{
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
...@@ -210,7 +211,7 @@ ul { ...@@ -210,7 +211,7 @@ ul {
width: 100%; width: 100%;
display: inline-block; display: inline-block;
color: #222222; color: #222222;
margin-top: 5px; margin-top: 15px;
font-family: Outfit-Regular; font-family: Outfit-Regular;
font-size: 16px; font-size: 16px;
} }
...@@ -228,6 +229,17 @@ ul { ...@@ -228,6 +229,17 @@ ul {
background: #fff; background: #fff;
padding-top: 10px; padding-top: 10px;
} }
#maincontent .columns .column .main .product-info-wrapper .page-title-wrapper .product{
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
cursor: pointer;
width: 100%;
display: inline-block;
color: #222222;
margin-top: 5px;
}
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment