Quellcode durchsuchen

增加广告提示!

Administrator vor 7 Jahren
Ursprung
Commit
756e15e8f3

+ 11 - 4
src/main/webapp/resources/js/index/app.js

@@ -1579,14 +1579,21 @@ define(['toaster', 'charts', 'ngTable', 'common/services', 'common/directives',
         }
             $modal.open({
                 templateUrl: 'static/tpl/index/home/modal/notice.html',
-                controller: 'NotifyCtrl',
-                size: 'lg'
+                controller: 'NotifyCtrl'
             }).result.then(function (s) {
             });
     }]);
 
-    app.controller('NotifyCtrl', ['$scope', '$modalInstance',
-        function($scope, $modalInstance) {
+    app.controller('NotifyCtrl', ['$scope', '$modalInstance', '$interval', function($scope, $modalInstance, $interval) {
+        $scope.count = 5;
+        $scope.intervalTime = $interval(function () {
+                $scope.count--;
+                if ($scope.count === 0) {
+                    $scope.lockstatus = false;
+                    $interval.cancel($scope.intervalTime)
+                    $scope.close()
+                }
+            }, 1000);
         $scope.close = function() {
             $modalInstance.close();
         }

+ 61 - 3
src/main/webapp/resources/tpl/index/home/modal/notice.html

@@ -1,3 +1,61 @@
-<div class="modal-header">消息通知<a ng-click="close()">X</a></div>
-<div class="modal-body">通知内容</div>
-<div class="modal-footer"><a class="btn btn-danger" ng-click="close()">关闭</a></div>
+<div class="modal-body" style="width:590px;">
+    <div class="notice">
+        <span>{{count}} S</span>
+        <h3>遵敬用户:</h3>
+        <p>为了让您有更多元化的服务体验!</p>
+        <p><span>B2B商务</span>将于<span>8月1号</span>合并到<span>优软商城</span>,原B2B商务的访问入口将暂停使用,届时您可以通过访问<span>优软商城官网 <a
+                href="https://www.usoftmall.com">www.usoftmall.com</a></span>使用B2B商务。</p>
+        <h3>敬请期待!</h3>
+    </div>
+    <a class="btn-close" ng-click="close()">我知道了</a>
+</div>
+<style>
+    .notice{
+        position:relative;
+        padding:30px 25px;
+        border:0;
+        margin:0;
+        height:auto;
+    }
+    .notice > span{
+        position:absolute;
+        top: -40px;
+        right: -10px;
+        color:#ccc;
+        font-size: 16px;
+    }
+    .notice h3{
+        margin: 0 0 15px;
+        font-size: 16px;
+        color:#333;
+    }
+    .notice p{
+        font-size: 16px;
+        color:#333;
+        text-indent: 30px;
+    }
+    .notice p span{
+        color:#2496f1;
+    }
+    .notice p span a{
+        color:#2496f1;
+        text-decoration: underline;
+    }
+    .btn-close{
+        display:block;
+        width:140px;
+        height:36px;
+        line-height: 36px;
+        color:#fff;
+        background: #2496f1;
+        margin: 0 auto 20px;
+        text-align: center;
+        font-size: 16px;
+        border-radius:5px;
+    }
+    .btn-close:hover{
+       cursor:pointer;
+        color:#fff;
+        background: #2496f1;
+    }
+</style>