手机端轮播图，点击图片显示预览大图

页面上方显示图片，可以滑动，点击图片，弹出一个遮罩层，将完整的图片显示出来。
一、 引入的样式文件

    <link rel="stylesheet" href="weixin/css/weui.min.css" />
    <link rel="stylesheet" href="weixin/css/jquery-weui.min.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/css/bootstrap.min.css">
    <script src="weixin/js/jquery-2.1.4.js"></script>
    <script src="weixin/js/jquery-weui.min.js"></script>
    <script src="weixin/js/swiper.js"></script>

二、css样式

<style>
        #box-god{
            width:100%;
        }
        .header {
            text-align: center;
            width:100%;
            height: 40px;
            background-color:#fff;
            position: fixed;
            top: 42px;
        }