sileya-ai
/
vr-shopxo-source
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

分类展示优化

feat/task1-c-wallet
devil_gong 2019-12-16 11:34:55 +08:00
parent 440f79daaf
commit 0ff81b948a
2 changed files with 15 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
application/index/view/default/category/index.html
View File

@ -25,7 +25,7 @@
{{/foreach}}
</ul>
{{foreach $goods_category_list as $k=>$v}}
<div class="category-content category-content-{{$k}} am-fr am-padding-top-xs {{if $k neq 0}} none{{/if}}">
<div class="category-content category-content-{{$k}} am-fr am-padding-vertical-xs {{if $k neq 0}} none{{/if}}">
{{foreach $v.items as $vs}}
<div class="category-item am-padding-sm">
<div class="title">

16
public/static/index/default/css/category.css
View File

@ -4,7 +4,7 @@
overflow-x: hidden;
}
.category-list .category-content {
width: calc(100% - 120px);
width: calc(100% - 110px);
}
.category-list ul.category-nav {
width: 100px;
@ -38,7 +38,7 @@
margin-bottom: 15px;
}
.category-list .category-content ul {
border-top: 1px dotted #f4f4f4;
border-top: 1px dotted #e5e5e5;
}
.category-list ul.category-nav li,
.category-list .category-content .title,
@ -58,6 +58,12 @@
line-height: 22px;
}
@media only screen and (min-width:640px) {
.category-list {
margin-top: 10px;
}
.category-list .category-content {
padding-top: 0;
}
.category-list ul.category-nav,
.category-list .category-content {
height: 100vh;
@ -67,6 +73,7 @@
}
.category-list .category-content {
margin-right: 5px;
width: calc(100% - 120px);
}
}
@media only screen and (min-width:1025px) {
@ -75,6 +82,7 @@
}
.category-list .category-content {
margin-right: 0;
width: calc(100% - 110px);
}
}
@media only screen and (max-width:640px) {
@ -84,4 +92,8 @@
.category-list .category-content {
height: calc(100vh - 97px);
}
.category-list .category-content .category-item {
margin-right: 10px;
}
}