页面上方显示图片,可以滑动,点击图片,弹出一个遮罩层,将完整的图片显示出来。
一、 引入的样式文件
<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;
}