栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > Html/CSS > CSS教程

用一下午写了一个仿美团app产品列表,用weui(bootstrap可去掉)写成

CSS教程 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

用一下午写了一个仿美团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(买单立享)

页面四

首页

附近

我的

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/243088.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号