Skip to content

semour / semour_web

Go to a project
Commit 6eb72bfb by 肖康
Options

品牌页面换行问题处理

parent 044beb1e
Inline Side-by-side
Showing with 3 additions and 2 deletions
public/assets/css/brand/list.less
......@@ -23,6 +23,7 @@
.shifth {
margin-top: 20px;
margin-bottom: 15px;
white-space: nowrap;
.sort-item{
height: 32px;
padding:0 24px;
......
public/assets/css/brand/list.min.css
.brandlist .cons .namebox{font-size:36px;color:#333;font-weight:bold;margin-top:20px;margin-bottom:20px}.brandlist .cons .listcon{background:#fff;padding:25px 0}.brandlist .cons .listcon .stbox{padding:0 25px;font-size:16px;color:#555}.brandlist .cons .listcon .stbox .searchCount{color:#164D9A}.brandlist .cons .listcon .stbox .shifth{margin-top:20px;margin-bottom:15px}.brandlist .cons .listcon .stbox .shifth .sort-item{height:32px;padding:0 24px;background:#FAFAFA;border:1px solid #DFEAFA;border-radius:8px;color:#164D9A;text-align:center;line-height:32px;cursor:pointer;margin-right:30px;position:relative}.brandlist .cons .listcon .stbox .shifth .sort-item .icon{font-size:12px;display:none}.brandlist .cons .listcon .stbox .shifth .sort-item.act{background:#DFEAFA;border:1px solid #164D9A}.brandlist .cons .listcon .stbox .shifth .sort-item.act.top .tp .sx{display:inline}.brandlist .cons .listcon .stbox .shifth .sort-item.act.top .bt .kx{display:inline}.brandlist .cons .listcon .stbox .shifth .sort-item.act.bottom .tp .kx{display:inline}.brandlist .cons .listcon .stbox .shifth .sort-item.act.bottom .bt .sx{display:inline}.brandlist .cons .listcon .stbox .shifth .sort-item .tp{position:absolute;right:7px;top:-6px;color:#164D9A}.brandlist .cons .listcon .stbox .shifth .sort-item .bt{position:absolute;right:7px;top:7px;color:#164D9A;transform:rotate(180deg)}.brandlist .cons .listcon .stbox .shifth .check-group{color:#555;font-size:16px;cursor:pointer;margin-right:30px}.brandlist .cons .listcon .stbox .shifth .check-group .check{width:22px;height:22px;background:#FAFAFA;border:1px solid #DFEAFA;border-radius:4px;text-align:center;line-height:20px}.brandlist .cons .listcon .stbox .shifth .check-group .check i{color:#164D9A;font-size:16px;position:relative;top:1px;display:none}.brandlist .cons .listcon .stbox .shifth .check-group p{height:22px;line-height:22px;margin-left:9px}.brandlist .cons .listcon .stbox .shifth .check-group.act .check{background:#DFEAFA;border:1px solid #164D9A}.brandlist .cons .listcon .stbox .shifth .check-group.act .check i{display:inline}.brandlist .cons .listcon .stbox .shifth .search-shit{width:230px;height:32px;background:#FAFAFA;border:1px solid #DFEAFA;border-radius:8px;position:relative;margin-left:112px}.brandlist .cons .listcon .stbox .shifth .search-shit span.icon{position:absolute;right:0px;top:-1px;width:50px;height:32px;background:#164D9A;text-align:center;line-height:32px;border-radius:0px 8px 8px 0px;cursor:pointer}.brandlist .cons .listcon .stbox .shifth .search-shit span.icon i{font-size:18px;color:#fff}.brandlist .cons .listcon .stbox .shifth .search-shit input{background:#fff;display:block;height:30px;line-height:30px;color:#333;padding-left:15px;width:182px}
\ No newline at end of file
.brandlist .cons .namebox{font-size:36px;color:#333;font-weight:bold;margin-top:20px;margin-bottom:20px}.brandlist .cons .listcon{background:#fff;padding:25px 0}.brandlist .cons .listcon .stbox{padding:0 25px;font-size:16px;color:#555}.brandlist .cons .listcon .stbox .searchCount{color:#164D9A}.brandlist .cons .listcon .stbox .shifth{margin-top:20px;margin-bottom:15px;white-space:nowrap}.brandlist .cons .listcon .stbox .shifth .sort-item{height:32px;padding:0 24px;background:#FAFAFA;border:1px solid #DFEAFA;border-radius:8px;color:#164D9A;text-align:center;line-height:32px;cursor:pointer;margin-right:30px;position:relative}.brandlist .cons .listcon .stbox .shifth .sort-item .icon{font-size:12px;display:none}.brandlist .cons .listcon .stbox .shifth .sort-item.act{background:#DFEAFA;border:1px solid #164D9A}.brandlist .cons .listcon .stbox .shifth .sort-item.act.top .tp .sx{display:inline}.brandlist .cons .listcon .stbox .shifth .sort-item.act.top .bt .kx{display:inline}.brandlist .cons .listcon .stbox .shifth .sort-item.act.bottom .tp .kx{display:inline}.brandlist .cons .listcon .stbox .shifth .sort-item.act.bottom .bt .sx{display:inline}.brandlist .cons .listcon .stbox .shifth .sort-item .tp{position:absolute;right:7px;top:-6px;color:#164D9A}.brandlist .cons .listcon .stbox .shifth .sort-item .bt{position:absolute;right:7px;top:7px;color:#164D9A;transform:rotate(180deg)}.brandlist .cons .listcon .stbox .shifth .check-group{color:#555;font-size:16px;cursor:pointer;margin-right:30px}.brandlist .cons .listcon .stbox .shifth .check-group .check{width:22px;height:22px;background:#FAFAFA;border:1px solid #DFEAFA;border-radius:4px;text-align:center;line-height:20px}.brandlist .cons .listcon .stbox .shifth .check-group .check i{color:#164D9A;font-size:16px;position:relative;top:1px;display:none}.brandlist .cons .listcon .stbox .shifth .check-group p{height:22px;line-height:22px;margin-left:9px}.brandlist .cons .listcon .stbox .shifth .check-group.act .check{background:#DFEAFA;border:1px solid #164D9A}.brandlist .cons .listcon .stbox .shifth .check-group.act .check i{display:inline}.brandlist .cons .listcon .stbox .shifth .search-shit{width:230px;height:32px;background:#FAFAFA;border:1px solid #DFEAFA;border-radius:8px;position:relative;margin-left:112px}.brandlist .cons .listcon .stbox .shifth .search-shit span.icon{position:absolute;right:0px;top:-1px;width:50px;height:32px;background:#164D9A;text-align:center;line-height:32px;border-radius:0px 8px 8px 0px;cursor:pointer}.brandlist .cons .listcon .stbox .shifth .search-shit span.icon i{font-size:18px;color:#fff}.brandlist .cons .listcon .stbox .shifth .search-shit input{background:#fff;display:block;height:30px;line-height:30px;color:#333;padding-left:15px;width:182px}
\ No newline at end of file
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 sign in to comment