12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970 |
- .com-menus{
- width:100%;
- height:68px;
- overflow: hidden;
- overflow-x: auto;
- background:#f3f3f3;
- padding-top:5px;
- &::-webkit-scrollbar {
- width:5px;
- height:5px;
- background-color: #CCC;
- }
- &::-webkit-scrollbar-thumb{
- background-color:#b9deff;
- }
- .menus-out{
- width:100%;
- height:100%;
- }
- .group-item{
- display:flex;
- flex-direction: row;
- font-size:12px;
- margin-right: 10px;
- float:left;
- /* background:#e2e2e2; */
- margin-left:5px;
- border-radius: 5px;
- padding-top:5px;
- padding-bottom:5px;
- .items-name{
- font-size:14px;
- display: flex;
- width:25px;
- justify-content: center;
- align-items: center;
- margin-left:10px;
- border-right:1px solid #CCC;
- font-weight: bold;
- }
- .menus{
- display: flex;
- justify-content:center;
- align-items: center;
- .menu{
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content:center;
- width:60px;
- .icon{
- width:32px;
- height:32px;
- display: flex;
- align-items: center;
- justify-content:center;
- .svg-style{
- width:24px;
- height:24px;
- }
- }
- }
- }
- }
- .group-item0{
- /* width:500px; */
- overflow: hidden;
- }
- }
|