diff --git a/app/index/view/mobile/product/category.html b/app/index/view/mobile/product/category.html index 6d7dfbe4..0406771d 100644 --- a/app/index/view/mobile/product/category.html +++ b/app/index/view/mobile/product/category.html @@ -221,6 +221,77 @@ display: block; } + /* 全屏侧边菜单 */ + .full-menu { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, .4); + z-index: 9999; + display: none; + } + + .full-menu.show { + display: block; + } + + .menu-wrap { + width: 80%; + height: 100%; + background: #fff; + position: relative; + padding: 20px; + overflow-y: auto; + } + + .menu-close { + position: absolute; + right: 16px; + top: 16px; + font-size: 20px; + cursor: pointer; + } + + .menu-logo { + margin: 30px 0 40px; + } + + .menu-logo img { + height: 24px; + } + + .menu-item { + padding: 14px 0; + border-bottom: 1px solid #eee; + font-size: 15px; + cursor: pointer; + display: flex; + justify-content: space-between; + align-items: center; + } + + .menu-item::after { + content: '>'; + font-size: 12px; + color: #999; + } + + .sub-menu { + padding-left: 16px; + display: none; + } + + .sub-menu.show { + display: block; + } + + .sub-item { + padding: 10px 0; + font-size: 14px; + color: #666; + } @@ -431,80 +502,6 @@ - -