<!DOCTYPE html>
<html>
<head>
<title>汽车商城</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<link rel="stylesheet" href="static/css/weui.min.css">
<link rel="stylesheet" href="static/css/jquery-weui.css">
<link rel="stylesheet" href="static/css/style.css">
</head>
<body ontouchstart="">
<div class="indexpic">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<a href="javascript:;"><img src="static/picture/1.jpg" alt=""></a>
</div>
<div class="swiper-slide">
<a href="javascript:;"><img src="static/picture/2.jpg" alt=""></a>
</div>
<div class="swiper-slide">
<a href="javascript:;"><img src="static/picture/3.jpg" alt=""></a>
</div>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
<div class="weui-flex weui-flex_index weui-flex_index_top">
<div class="weui-flex__item">
<a href="store.html">
<div class="weui-grid__icon">
<img src="static/picture/index_1_2x.png" alt="">
</div>
<p class="weui-grid__label">
汽车美容
</p>
</a>
</div>
<div class="weui-flex__item">
<a href="service.html">
<div class="weui-grid__icon man-flex__icon_2">
<img src="static/picture/index_2_2x.png" alt="">
</div>
<p class="weui-grid__label">
服务进度
</p>
</a>
</div>
<div class="weui-flex__item">
<a href="javascript:;">
<div class="weui-grid__icon man-flex__icon_3">
<img src="static/picture/index_3_2x.png" alt="">
</div>
<p class="weui-grid__label">
违章查询
</p>
</a>
</div>
<div class="weui-flex__item">
<a href="javascript:;">
<div class="weui-grid__icon man-flex__icon_4">
<img src="static/picture/index_4_2x.png" alt="">
</div>
<p class="weui-grid__label">
年审预约
</p>
</a>
</div>
</div>
<div class="weui-flex weui-flex_index weui-flex_index_top" style="border-bottom:8px solid #F3F3F3;padding-bottom:10px">
<div class="weui-flex__item">
<a href="javascript:;">
<div class="weui-grid__icon man-flex__icon_5">
<img src="static/picture/index_5_2x.png" alt="">
</div>
<p class="weui-grid__label">
特价车险
</p>
</a>
</div>
<div class="weui-flex__item">
<a href="javascript:;">
<div class="weui-grid__icon man-flex__icon_6">
<img src="static/picture/index_6_2x.png" alt="">
</div>
<p class="weui-grid__label">
一键投诉
</p>
</a>
</div>
<div class="weui-flex__item">
<a href="javascript:;">
<div class="weui-grid__icon man-flex__icon_7">
<img src="static/picture/index_7_2x.png" alt="">
</div>
<p class="weui-grid__label">
升级会员
</p>
</a>
</div>
<div class="weui-flex__item">
<a href="javascript:;">
<div class="weui-grid__icon man-flex__icon_8">
<img src="static/picture/index_8_2x.png" alt="">
</div>
<p class="weui-grid__label">
持续更新
</p>
</a>
</div>
</div>
<!--good start-->
<div class="man-flex-content">
<div class="man-flex-content-title">
<img class="man-flex-content-title_select" src="static/picture/index_icon_2_2x.png">
<a href="lists.html">更多 >></a>
</div>
<div class="man-flex-content-good">
<div class="man-flex__good">
<a href="">
<img src="static/picture/1.jpg" class="man-flex__good_pic" alt="">
<div class="man-flex__good_desc">
<div class="man-flex__good_desc-t">皇家御洗</div>
<div class="man-flex__good_desc-f">原价:<span>¥418</span></div>
<div class="man-flex__good_desc-p"><span>¥366.00</span><div>到店服务</div></div>
</div>
</a>
</div>
<div class="man-flex__good">
<a href="">
<img src="static/picture/1.jpg" class="man-flex__good_pic" alt="">
<div class="man-flex__good_desc">
<div class="man-flex__good_desc-t">空调深度护理</div>
<div class="man-flex__good_desc-f">原价:<span>¥518</span></div>
<div class="man-flex__good_desc-p"><span>¥366.00</span><div>到店服务</div></div>
</div>
</a>
</div>
<div class="man-flex__good">
<a href="">
<img src="static/picture/1.jpg" class="man-flex__good_pic" alt="">
<div class="man-flex__good_desc">
<div class="man-flex__good_desc-t">皇家御洗</div>
<div class="man-flex__good_desc-f">原价:<span>¥418</span></div>
<div class="man-flex__good_desc-p"><span>¥366.00</span><div>到店服务</div></div>
</div>
</a>
</div>
<div class="man-flex__good">
<a href="">
<img src="static/picture/1.jpg" class="man-flex__good_pic" alt="">
<div class="man-flex__good_desc">
<div class="man-flex__good_desc-t">空调深度护理</div>
<div class="man-flex__good_desc-f">原价:<span>¥518</span></div>
<div class="man-flex__good_desc-p"><span>¥366.00</span><div>到店服务</div></div>
</div>
</a>
</div>
<div class="man-clearfix"></div>
</div>
</div>
<!--good end-->
<!--tech start-->
<div class="man-flex-content" style="border-bottom:6px solid #F3F3F3">
<div class="man-flex-content-title">
<img class="man-flex-content-title_select" src="static/picture/index_icon_1_2x.png">
<a href="javascript:;">更多 >></a>
</div>
<div class="man-flex-content-tech">
<div class="man-flex__tech">
<a href="javascript:;">
<img src="static/picture/1.jpg" class="man-tech-pic">
<div class="man-tech-desc">
<div class="man-tech-name">维修师傅<div class="man-tech-tab">高级技师</div></div>
<p>主修:洗车美容</p>
<p>服务单数:99</p>
<div class="man-tech-wechat" data-href="">立即沟通</div>
</div>
</a>
</div>
<div class="man-flex__tech">
<a href="javascript:;">
<img src="static/picture/1.jpg" class="man-tech-pic">
<div class="man-tech-desc">
<div class="man-tech-name">维修师傅<div class="man-tech-tab">高级技师</div></div>
<p>主修:洗车美容</p>
<p>服务单数:99</p>
<div class="man-tech-wechat" data-href="">立即沟通</div>
</div>
</a>
</div>
<div class="man-flex__tech">
<a href="javascript:;">
<img src="static/picture/1.jpg" class="man-tech-pic">
<div class="man-tech-desc">
<div class="man-tech-name">维修师傅<div class="man-tech-tab">高级技师</div></div>
<p>主修:洗车美容</p>
<p>服务单数:99</p>
<div class="man-tech-wechat" data-href="">立即沟通</div>
</div>
</a>
</div>
<div class="man-clearfix"></div>
</div>
</div>
<!--tech end-->
<div class="clearfix"></div>
<!--footer start-->
<div class="man-footer">
<div class="man-tabbar">
<a href="" class="man-tabbar__item man-tabbar__item_on">
<div class="man-tabbar__icon">
<img src="static/picture/index_on@2x.png">
</div>
<p>首页</p>
</a>
<a href="store.html" class="man-tabbar__item-store">
<img src="static/picture/store@2x.png">
</a>
<a href="myinfo.html" class="man-tabbar__item">
<div class="man-tabbar__icon">
<img src="static/picture/my@2x.png">
</div>
<p>我的</p>
</a>
</div>
</div>
<!--footer end-->
<!--底部菜单-->
<script src="static/js/jquery-2.1.4.js"></script>
<script src="static/js/fastclick.js"></script>
<script>
$(function() {
FastClick.attach(document.body);
});
</script>
<script src="static/js/jquery-weui.js"></script>
<script src="static/js/swiper.js"></script>
<script type="text/javascript">
certifySwiper = new Swiper('.indexpic .swiper-container', {
watchSlidesProgress: true,
slidesPerView: 'auto',
centeredSlides: true,
loop: true,
loopedSlides: 5,
autopla
汽车美容维修综合服务app页面模板
版权申诉
170 浏览量
2022-07-14
02:44:52
上传
评论
收藏 530KB RAR 举报
![avatar](https://profile-avatar.csdnimg.cn/default.jpg!1)
你热爱好热啊
- 粉丝: 2
- 资源: 1385
最新资源
- 使用HTML来构建的时间同步的简单日历
- 第3题_于诗宁_20240512_NN&DL 实验11 搭建 Unet 语义分割 学生_1.ipynb
- 简单弹珠游戏(示例),简单的HTML弹珠游戏涉及到HTML、CSS用于构建界面
- 头歌之计算机组成原理之单总线CPU设计(定长指令周期3级时序)(HUST)实验运行代码
- c语言基础-prediction-maste开发笔记
- 俄罗斯方块c 语言ime-series-mast笔记
- 头歌之计算机组成原理实验之存储系统设计实验运行代码
- 使用hadoop进行数据分析diction-mas开发笔记
- html+js+cssl-time-series-m开发笔记
- 1719856762160904_download.jsp
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
![feedback](https://img-home.csdnimg.cn/images/20220527035711.png)
![feedback](https://img-home.csdnimg.cn/images/20220527035711.png)
![feedback-tip](https://img-home.csdnimg.cn/images/20220527035111.png)