<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>在线学习课程详情页介绍页面模板</title>
<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta content="telephone=no" name="format-detection">
<link href="static/css/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<!--
* Copyright , 温州易站网络科技有限公司版权所有
*
* 请尊重原创,未经允许请勿转载。
* 在保留版权的前提下可应用于个人或商业用途
-->
<section class="aui-flexView">
<header class="aui-navBar aui-navBar-fixed">
<a href="javascript:;" class="aui-navBar-item">
<i class="icon icon-return"></i>
</a>
<div class="aui-center">
<span class="aui-center-title">商品详情</span>
</div>
<a href="javascript:;" class="aui-navBar-item" data-ydui-actionsheet="{target:'#actionSheet',closeElement:'#cancel'}">
<i class="icon icon-share"></i>
</a>
</header>
<section class="aui-scrollView">
<div class="aui-ad-img">
<img src="static/picture/banner.png" alt="">
</div>
<div class="aui-flex b-line">
<div class="aui-flex-box">
<h1>2020年高考六科VIP卡</h1>
<h2><i class="icon icon-time"></i>2019-03-02 -2020-09-20</h2>
<span>
<em>高三</em>
<em>全程版</em>
</span>
<h3><i>¥</i>1588 <em>限时优惠</em> <b>商城价¥130000</b></h3>
</div>
</div>
<div class="aui-flex">
<div class="aui-flex-box">
<h4>优惠 <em>直降</em> <i>限时优惠</i></h4>
</div>
</div>
<div class="divHeight"></div>
<div class="aui-tab" data-ydui-tab="">
<ul class="tab-nav b-line">
<li class="tab-nav-item tab-active">
<a href="javascript:;">
<span>详情</span>
</a>
</li>
<li class="tab-nav-item">
<a href="javascript:;">
<span>课程</span>
</a>
</li>
<li class="tab-nav-item">
<a href="javascript:;">
<span>老师</span>
</a>
</li>
</ul>
<div class="tab-panel">
<div class="tab-panel-item tab-active">
<div class="aui-page-text">
<p>课程简介</p>
<p>2020年高考六科VIP卡</p>
</div>
<div class="aui-page-img">
<img src="static/picture/page.png" alt="">
</div>
</div>
<div class="tab-panel-item">
<div class="aui-page-text">
<p>课程介绍</p>
<p>高三全程课</p>
</div>
<div class="aui-page-img">
<img src="static/picture/page1.jpg" alt="">
</div>
</div>
<div class="tab-panel-item">
<div class="aui-page-text">
<p>2019年金牌讲师</p>
<p>善明宇</p>
</div>
<div class="aui-page-img">
<img src="static/picture/page2.jpg" alt="">
</div>
</div>
</div>
</div>
</section>
<footer class="aui-footer-button aui-footer-flex aui-footer-fixed">
<div class="aui-footer-wrap">
<div>
<i class="icon icon-news"></i>
</div>
<span>咨询</span>
</div>
<div class="aui-footer-wrap">
<div>
<i class="icon icon-car"></i>
</div>
<span>购课单</span>
</div>
<div class="aui-footer-group aui-footer-flex1">
<div class="aui-footer-flex">
<div class="aui-btn aui-btn-gray">
<h2>加入购课单</h2>
</div>
<div class="aui-btn ">
<h2>立即购买</h2>
</div>
</div>
</div>
</footer>
</section>
</body>
<div class="m-actionsheet" id="actionSheet">
<div class="aui-show-box">
<div class="aui-show-box-title aui-footer-flex">
<div class="b-line aui-coll-share-box">
<a href="javascript:;" class="aui-coll-share-item">
<div class="aui-coll-share-img">
<img src="static/picture/icon-wx.png" alt="">
</div>
<div class="aui-coll-share-text">微信好友</div>
</a>
<a href="javascript:;" class="aui-coll-share-item">
<div class="aui-coll-share-img">
<img src="static/picture/icon-pyq.png" alt="">
</div>
<div class="aui-coll-share-text">朋友圈</div>
</a>
<a href="javascript:;" class="aui-coll-share-item">
<div class="aui-coll-share-img">
<img src="static/picture/icon-qq.png" alt="">
</div>
<div class="aui-coll-share-text">QQ</div>
</a>
<a href="javascript:;" class="aui-coll-share-item">
<div class="aui-coll-share-img">
<img src="static/picture/icon-kj.png" alt="">
</div>
<div class="aui-coll-share-text">QQ空间</div>
</a>
<a href="javascript:;" class="aui-coll-share-item">
<div class="aui-coll-share-img">
<img src="static/picture/icon-txw.png" alt="">
</div>
<div class="aui-coll-share-text">腾讯微博</div>
</a>
<a href="javascript:;" class="aui-coll-share-item">
<div class="aui-coll-share-img">
<img src="static/picture/icon-wb.png" alt="">
</div>
<div class="aui-coll-share-text">新浪微博</div>
</a>
</div>
<div class="aui-coll-cancel">
<a href="javascript:;" id="cancel" class="">取消
</a>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="static/js/jquery.min.js"></script>
<script type="text/javascript" src="static/js/tab.js"></script>
<script type="text/javascript" src="static/js/layer.js"></script>
</html>