| 12345678910111213141516171819202122232425262728293031323334353637383940 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title>照片查看</title>
- <link rel="stylesheet" type="text/css" href="../../../css/bootstrap.min.css" />
- <link rel="stylesheet" type="text/css" href="../../../css/cross.css"/>
- <link rel="stylesheet" type="text/css" href="../../../css/style.min.css" />
- <link href="../../../plugins/toastr/toastr.min.css" rel="stylesheet">
- <style>
- .img_list { position: fixed; bottom: 0; wdith: 100%; height: 40px;}
- .img_list img {opacity: 0.4;}
- .img_list img.active, .img_list img:hover {opacity: 1;}
- .w-20 {width: 20%;}
- .h100 {height: 100px;}
- .w-100 {width: 100%;}
- .h-100 {height: 100%;}
- [v-cloak]{display: none;}
- </style>
- </head>
- <body>
- <div id="app" v-cloak class="c-position-r h-100 bgc-999">
- <div class="h-100">
- <div class="h-100 c-t-center">
- <img class="h-100 w-100" :src="setImg(src)" alt="图片">
- </div>
- </div>
- </div>
- <script src="../../../js/vue.js" type="text/javascript" charset="utf-8"></script>
- <script src="../../../js/jquery-2.2.4.js"></script>
- <script src="../../../plugins/layer/layer.min.js"></script>
- <script src="../../../js/bootstrap.min.js"></script>
- <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
- <script src="../../../plugins/toastr/toastr.min.js"></script>
- <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
- <script src="../../../js/util.js" type="text/javascript" charset="utf-8"></script>
- <script src="../../../api/http-request.js" type="text/javascript"></script>
- <script src="../js/photo_show.js" type="text/javascript"></script>
- </body>
- </html>
|
