bootstrap3 商品列表_用一下午写了一个仿美团app产品列表，用weui(bootstrap可去掉)写成...

// 静态路径用的cdn，直接可用。iconfont图标本地，自己下载即可

附近

body{font-family: "微软雅黑";background-color: #eeeeee;}

.has-max{max-width: 640px;}

/*搜索栏*/

.header-search{position: fixed!important;z-index: 9;width: 100%;top: 0;max-width: 640px;background-color: #F9FAFA;height: 70px;}

.search-form:after{border-radius: 50px;}

.search-address{margin-top: 23px;font-size: 16px;width: 35%;}

.search-icon{margin-top: 23px;font-size: 16px;margin-right: 5%;}

.icon-jiantou{font-size: 13px;margin-left: 4px;}

.search-border{width: 60%;}

.search-form{border-radius: 50%;height: 35px;margin-top: 18px;}

.search-chacun{height: 35px;line-height: 35px!important;}

.search-input{height: 35px!important;padding: 0!important;}

.open-popup{color: #000000;}

.open-popup:hover{color: #000000;text-decoration: none;}

.weui_search_outer:after{background: #EAECED;}

.nearby_address{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}

/*选择地址*/

.weui_search_bar:before{border: 0;}

/*分类*/

.header-classify{position: fixed!important;z-index: 9;width: 100%;top: 0;max-width: 640px;margin-top: 70px;}

.weui_navbar_item.weui_bar_item_on{color: #FF566D;background-color: #fafafa;text-decoration: none;border-bottom: 3px solid #FF566D;}

.weui_navbar_item:after{border: 0;}

.weui_grids:before{border: 0;}

.weui_navbar:after{border: 0;}

.weui_grid:before{border: 0;}

.two-border{background-color: #F2F2F5;}

.two-level{width: 25%;padding: 8px 5px;}

.two-level:hover{text-decoration: none;}

.two-level-name{margin-bottom: 0;border: 1px solid #fafafa;background-color: #FFFFFF;border-radius: 20px;padding: 3px;color: #888;}

.two-active{background-color: #FF566D;color: #fff;}

/*产品分类展示*/

.product-show-padding{padding: 10px;}

.product-show-thumb{width: 80px!important;height: 80px!important;}

.product-show-title{font-size: 15px;float: left;width: 78%;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}

.product-show-distance{font-size: 12px;float: right;color: #999;}

.product-show-introduce{-webkit-line-clamp: 1!important;color: #666!important;margin-bottom: 5px;}

.product-show-price{color: #000000;}

.product-show-discount{font-size: 12px;}

.product-buttom{margin-bottom: 5px;}

.product-show-dist{font-size: 12px;float: right;background-color: #eeeeee;border-radius: 2px;padding: 2px 3px;}

.small-icon{width: 18px;}

.small-icon2{width: 18px;margin-right: 5px;margin-top: -2px;}

.wujiaoxing{width: 14px;}

.small-zan{width: 15px;float: left;margin-right: 4px;}

.interval{height: 10px;background-color: #eee;}

/*底部菜单栏*/

.footer-menu{position: fixed!important;z-index: 9;bottom: 0;width: 100%;height: 58px;max-width: 640px;}

.weui_tabbar_item.weui_bar_item_on .weui_tabbar_label{color: #05C1AE;}

sud舞蹈工作室

享美食

住酒店

爱玩乐

全部

热门

小吃快餐

面包甜点

川菜

西北菜

湘菜

东北菜

日本料理

正新鸡排(盛龙广场店)

￥11/人

小吃快餐 | 未央路

251m

7100人消费

5.9元美味特饮，6.9元卡布奇诺

15代20元

每满20减5(买单立享)

向大大会所

￥33/人

咖啡厅 | 未央路

311m

95人消费

5.9元美味特饮，6.9元卡布奇诺

15代20元

每满20减5(买单立享)

金妈家韩式烤肉(龙首店)

￥53/人

韩国菜 | 未央路

467m

123人消费

5.9元美味特饮，6.9元卡布奇诺

15代20元

每满20减5(买单立享)

页面四

首页

附近

我的