dgf 8 lat temu
rodzic
commit
90486b57b6

+ 1 - 2
dist/bower.json

@@ -30,7 +30,6 @@
     "ngInfiniteScroll": "^1.3.4",
     "jquery": "^3.2.1",
     "ngDraggable": "^0.1.11",
-    "bootstrap-material-design": "^4.0.2",
-    "photoswipe": "^4.1.2"
+    "bootstrap-material-design": "^4.0.2"
   }
 }

BIN
dist/img/程昌福-仙宫湖1.jpg


Plik diff jest za duży
+ 1 - 1
dist/web12345/app-d15814b4be.css


Plik diff jest za duży
+ 1 - 1
dist/web12345/app-47873901c4.js


+ 2 - 7
dist/web12345/index.html

@@ -8,9 +8,7 @@
     <!-- 新 Bootstrap 核心 CSS 文件 -->
     <link rel="stylesheet" href="../bower_components/bootstrap/dist/css/bootstrap.min.css">
     <link rel="stylesheet" href="../bower_components/animate.css/animate.min.css">
-    <link rel="stylesheet prefetch" href="../bower_components/photoswipe/dist/photoswipe.css">
-    <link rel="stylesheet prefetch" href="../bower_components/photoswipe/dist/default-skin/default-skin.css">
-    <link rel="stylesheet" href="app-d15814b4be.css">
+    <link rel="stylesheet" href="app-7df27d12bf.css">
 
     <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
     <!--<script src="js/jquery.min.js"></script>-->
@@ -22,11 +20,8 @@
     <script src="../bower_components/angular-ui-router/release/angular-ui-router.min.js"></script>
     <script src="../bower_components/angular-bootstrap/ui-bootstrap-tpls.min.js"></script>
     <script src="../bower_components/angular-animate/angular-animate.min.js"></script>
-    <script src="../bower_components/photoswipe/dist/photoswipe.js"></script>
-    <script src="../bower_components/photoswipe/dist/photoswipe-ui-default.min.js"></script>
-    <script src="../img/js/photo.js"></script>
 
-    <script src="app-47873901c4.js"></script>
+    <script src="app-92c4d480ea.js"></script>
 </head>
 
 <body ng-app="app">

+ 0 - 5
web12345/src/html/index.html

@@ -8,8 +8,6 @@
     <!-- 新 Bootstrap 核心 CSS 文件 -->
     <link rel="stylesheet" href="../bower_components/bootstrap/dist/css/bootstrap.min.css">
     <link rel="stylesheet" href="../bower_components/animate.css/animate.min.css">
-    <link rel="stylesheet prefetch" href="../bower_components/photoswipe/dist/photoswipe.css">
-    <link rel="stylesheet prefetch" href="../bower_components/photoswipe/dist/default-skin/default-skin.css">
     <link rel="stylesheet" href="app.css">
 
     <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
@@ -22,9 +20,6 @@
     <script src="../bower_components/angular-ui-router/release/angular-ui-router.min.js"></script>
     <script src="../bower_components/angular-bootstrap/ui-bootstrap-tpls.min.js"></script>
     <script src="../bower_components/angular-animate/angular-animate.min.js"></script>
-    <script src="../bower_components/photoswipe/dist/photoswipe.js"></script>
-    <script src="../bower_components/photoswipe/dist/photoswipe-ui-default.min.js"></script>
-    <script src="../img/js/photo.js"></script>
 
     <script src="app.js"></script>
 </head>

+ 9 - 7
web12345/src/js/controller/webController.js

@@ -6,6 +6,12 @@ angular.module('app').controller('WebController', ['$scope', '$timeout', functio
         var img = $(event.target);
         console.log(img);
         img[0].id = "onView";
+        if (img[0].naturalWidth > img[0].naturalHeight) {
+            console.log("111111111");
+            angular.element(".image-view").addClass("width-Img");
+        } else {
+            angular.element(".image-view").removeClass("width-Img");
+        }
         $scope.imgUrl = img[0].src;
         $(".image-big").remove();
         $(".image-view").append('<img class="image-big" src="' + $scope.imgUrl + '" data-dismiss="modal">');
@@ -90,14 +96,14 @@ angular.module('app').controller('WebController', ['$scope', '$timeout', functio
                 drawer.drawImage(img, 0, 0, canvas.width, canvas.height);
                 img.src = canvas.toDataURL("image/jpeg", quality);
                 if (imgNum == 0) {
-                    $("#imgpreview").append('<a data-toggle="modal" data-target="#viewModal" onClick="angular.element(this).scope().imgView(event)" class="thumbnail images"><img src="' + img.src + '"></a>');
+                    $("#imgpreview").append('<a data-toggle="modal" data-target="#viewModal" class="thumbnail images"><img onClick="angular.element(this).scope().imgView(event)" src="' + img.src + '"></a>');
                     angular.element(".images").addClass("one");
                 } else if (imgNum == 1) {
-                    $("#imgpreview").append('<a data-toggle="modal" data-target="#viewModal" onClick="angular.element(this).scope().imgView(event)" class="thumbnail images"><img src="' + img.src + '"></a>');
+                    $("#imgpreview").append('<a data-toggle="modal" data-target="#viewModal" class="thumbnail images"><img onClick="angular.element(this).scope().imgView(event)" src="' + img.src + '"></a>');
                     angular.element(".images").removeClass("one");
                     angular.element(".images").addClass("two");
                 } else if (imgNum >= 2) {
-                    $("#imgpreview").append('<a data-toggle="modal" data-target="#viewModal" onClick="angular.element(this).scope().imgView(event)" class="thumbnail images"><img src="' + img.src + '"></a>');
+                    $("#imgpreview").append('<a data-toggle="modal" data-target="#viewModal" class="thumbnail images"><img onClick="angular.element(this).scope().imgView(event)" src="' + img.src + '"></a>');
                     angular.element(".images").removeClass("two");
                     angular.element(".images").addClass("three");
                 }
@@ -106,8 +112,4 @@ angular.module('app').controller('WebController', ['$scope', '$timeout', functio
         reader.readAsDataURL(file);
     };
 
-    window.onpopstate = function(event) {
-        window.location.reload();
-    };
-
 }]);

+ 20 - 9
web12345/src/less/app.main.less

@@ -158,7 +158,8 @@ body{
             margin: 15px 10%;
             line-height: normal;
             white-space: nowrap; /* 自适应宽度,不换行*/
-            overflow-x: hidden;
+            overflow-x: hidden; /* overflow-x */
+            overflow-y: auto;
             font-family: "微软雅黑","宋体";
             font-size: 12px;
         }
@@ -275,37 +276,47 @@ body{
         .viewModal {
             top: 0%;
             margin: 0px;
-            padding: 0px;
-            padding-top: 10%;
-            padding-right: 0px !important;
+            margin-right: -6px;
+            padding: 0px 3px !important;
+            background-color: #000;
             .thumbnail {
-                margin: 0%;
+                padding: 0px;
+                margin-bottom: 10px;
                 text-align: center;
                 width: 100%;
+                background-color: #000;
+                border: none;
+                border-radius: 0px;
                 >img {
                     width: 100%;
                 }
             }
+            .width-Img {
+                margin-top: 30%;
+            }
             .close {
-                margin-top: 2%;
+                margin-top: 4%;
                 margin-right: 2%;
+                margin-bottom: 2%;
                 font-size: 20px;
-                color: #555;
+                font-weight: normal;
+                color: #FFF;
                 width: 36px;
                 line-height: 30px;
                 opacity: 1;
+                text-shadow: none;
                 &:hover,&:focus {
                     outline: none;
                     color: #aaa;
                 }
                 &:active, .open>.dropdown-toggle.btn-primary{
                     outline: none;
-                    color: #ddd;
+                    color: #999;
                 }
             }
             .modal-info {
                 position: absolute;
-                top: 160px;
+                top: 150px;
                 width: 60%;
                 margin: 0px 20%;
                 padding: 5%;