Главная Обзор Помощь
Вход
lqq
/
LxtalkUIView
Следить 2
В избранное 1
Ответвить 1
Файлы Обсуждения 0 Запросы на слияние 0 Вики
Просмотр исходного кода

微信界面

dgf лет назад: 8
Родитель
c0e808edaa
Сommit
89ab97c8ca
17 измененных файлов с 933 добавлено и 162 удалено
Разделённый вид Показать статистику Diff
  1. 1 1
      dist/bower.json
  2. BIN
      dist/img/webChatImg.rar
  3. 0 1
      dist/web12345-new/app-07f41165da.js
  4. 1 0
      dist/web12345-new/app-918a660316.css
  5. 545 0
      dist/web12345-new/app-e517899670.js
  6. 0 1
      dist/web12345-new/app-f69d9d0595.css
  7. 5 2
      dist/web12345-new/index.html
  8. 1 1
      package.json
  9. BIN
      web12345-new.rar
  10. 1 1
      web12345-new/Gulpfile.js
  11. 3 0
      web12345-new/src/html/index.html
  12. 100 1
      web12345-new/src/js/controller/homeController.js
  13. 16 0
      web12345-new/src/js/controller/webController.js
  14. 2 2
      web12345-new/src/js/router.js
  15. 199 98
      web12345-new/src/less/app.home.less
  16. 8 6
      web12345-new/src/less/app.main.less
  17. 51 48
      web12345-new/src/templates/home.html

+ 1 - 1
dist/bower.json
Просмотреть файл 

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

BIN
dist/img/webChatImg.rar
Просмотреть файл


Разница между файлами не показана из-за своего большого размера
+ 0 - 1
dist/web12345-new/app-07f41165da.js


Разница между файлами не показана из-за своего большого размера
+ 1 - 0
dist/web12345-new/app-918a660316.css


Разница между файлами не показана из-за своего большого размера
+ 545 - 0
dist/web12345-new/app-e517899670.js


Разница между файлами не показана из-за своего большого размера
+ 0 - 1
dist/web12345-new/app-f69d9d0595.css


+ 5 - 2
dist/web12345-new/index.html
Просмотреть файл 

@@ -8,7 +8,8 @@
 
     <!-- 新 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" href="app-f69d9d0595.css">
 
+    <link rel="stylesheet" href="../bower_components/swiper/dist/css/swiper.min.css">
 
+    <link rel="stylesheet" href="app-918a660316.css">
 
 
     <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
 
     <!--<script src="js/jquery.min.js"></script>-->
 
@@ -16,15 +17,17 @@
 
     <script src="../bower_components/lodash/dist/lodash.js"></script>
 
     <script src="../bower_components/jquery/dist/jquery.min.js"></script>
 
     <script src="../bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
 
+    <script src="../bower_components/swiper/dist/js/swiper.jquery.min.js"></script>
 
     <script src="../bower_components/angular/angular.js"></script>
 
     <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="app-07f41165da.js"></script>
 
+    <script src="app-e517899670.js"></script>
 
 </head>
 
 
 <body ng-app="app">
 
+    <script src="https://qiyukf.com/script/e52a7ac21a88369ef6c38c56b54c810e.js"></script>
 
     <ui-view></ui-view>
 
 
 </body>

+ 1 - 1
package.json
Просмотреть файл 

@@ -27,4 +27,4 @@
 
   },
 
   "author": "luququ",
 
   "license": "ISC"
 
-}
 
+}

BIN
web12345-new.rar
Просмотреть файл


+ 1 - 1
web12345-new/Gulpfile.js
Просмотреть файл 

@@ -68,7 +68,7 @@ gulp.task('js', ['template'], function() {
 
 
     return gulp.src(paths.frontend.scripts)
 
         .pipe(concat('app.js'))
 
-        .pipe(minifyjs())
 
+        // .pipe(minifyjs())
 
         .pipe(rev())
 
         .pipe(gulp.dest(distpath))
 
         .pipe(rev.manifest('app-js-manifest.json'))

+ 3 - 0
web12345-new/src/html/index.html
Просмотреть файл 

@@ -8,6 +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" href="../bower_components/swiper/dist/css/swiper.min.css">
 
     <link rel="stylesheet" href="app.css">
 
 
     <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
 
@@ -16,6 +17,7 @@
 
     <script src="../bower_components/lodash/dist/lodash.js"></script>
 
     <script src="../bower_components/jquery/dist/jquery.min.js"></script>
 
     <script src="../bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
 
+    <script src="../bower_components/swiper/dist/js/swiper.jquery.min.js"></script>
 
     <script src="../bower_components/angular/angular.js"></script>
 
     <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>
 
@@ -25,6 +27,7 @@
 
 </head>
 
 
 <body ng-app="app">
 
+    <script src="https://qiyukf.com/script/e52a7ac21a88369ef6c38c56b54c810e.js"></script>
 
     <ui-view></ui-view>
 
 
 </body>

+ 100 - 1
web12345-new/src/js/controller/homeController.js
Просмотреть файл 

@@ -1,8 +1,27 @@
 
 'use strict';
 
 
-angular.module('app').controller('HomeController', ['$scope', '$state', function($scope, $state) {
 
+angular.module('app').controller('HomeController', ['$scope', '$state', '$timeout', function($scope, $state, $timeout) {
 
+    $scope.getAddSuccess = true;
 
 
     $scope.$on('$viewContentLoaded', function() {
 
+        //加载轮播
 
+        var swiper = new Swiper('.swiper-container', {
 
+            pagination: '.swiper-pagination',
 
+            loop: true,
 
+            autoplayDisableOnInteraction: false,
 
+            autoplay: 5000,
 
+            effect: 'coverflow',
 
+            slidesPerView: 2,
 
+            centeredSlides: true,
 
+            coverflow: {
 
+                rotate: -10,
 
+                stretch: 10,
 
+                depth: 100,
 
+                modifier: 1,
 
+                slideShadows: false
 
+            }
 
+        });
 
+        //加载字体适应
 
         var clientWidth = document.documentElement.clientWidth || window.innerWidth;
 
         var innerWidth = Math.max(Math.min(clientWidth, 480), 320);
 
         console.log(innerWidth);
 
@@ -13,6 +32,86 @@ angular.module('app').controller('HomeController', ['$scope', '$state', function
 
             angular.element(".explain").removeClass("font-12");
 
             angular.element(".explain").addClass("font-15");
 
         }
 
+        //加载地图，调用浏览器定位服务
 
+        var map, geolocation, marker, geocoder, regeocoder;
 
+        map = new AMap.Map('', {
 
+            resizeEnable: true,
 
+            zoom: 17
 
+        });
 
+        map.plugin('AMap.Geolocation', function() {
 
+            geolocation = new AMap.Geolocation({
 
+                enableHighAccuracy: true, //是否使用高精度定位，默认:true
 
+                timeout: 10000, //超过10秒后停止定位，默认：无穷大
 
+                maximumAge: 0, //定位结果缓存0毫秒，默认：0
 
+                convert: true, //自动偏移坐标，偏移后的坐标为高德坐标，默认：true
 
+                showButton: true, //显示定位按钮，默认：true
 
+                buttonPosition: 'RB', //定位按钮停靠位置，默认：'LB'，左下角
 
+                buttonOffset: new AMap.Pixel(10, 20), //定位按钮与设置的停靠位置的偏移量，默认：Pixel(10, 20)
 
+                showMarker: true, //定位成功后在定位到的位置显示点标记，默认：true
 
+                showCircle: true, //定位成功后用圆圈表示定位精度范围，默认：true
 
+                panToLocation: true, //定位成功后将定位到的位置作为地图中心点，默认：true
 
+                zoomToAccuracy: true, //定位成功后调整地图视野范围使定位位置及精度范围视野内可见，默认：false
 
+                useNative: true
 
+            });
 
+            map.addControl(geolocation);
 
+            geolocation.getCurrentPosition();
 
+            AMap.event.addListener(geolocation, 'complete', onComplete); //返回定位信息
 
+            AMap.event.addListener(geolocation, 'error', onError); //返回定位出错信息
 
+
 
+            function onComplete(data) {
 
+                $scope.getAddSuccess = true;
 
+                var geocoder = new AMap.Geocoder({
 
+                    radius: 1000,
 
+                    extensions: "all"
 
+                });
 
+                console.log("获取地址");
 
+                geocoder.getAddress(data.position, function(status, result) {
 
+                    if (status === 'complete' && result.info === 'OK') {
 
+                        $scope.addr = result;
 
+                        $timeout();
 
+                    }
 
+                });
 
+            };
 
+
 
+            function onError(data) {
 
+                $scope.getAddSuccess = false;
 
+            };
 
+        });
 
     });
 
 
+    $scope.onOnlineClick = function(e) {
 
+        $scope.mobile = "";
 
+        var activeClick = $(e.target);
 
+        console.log(activeClick);
 
+        if (!$scope.getAddSuccess) {
 
+            alert("获取地址失败，请开启手机GPS定位功能，并允许获取地理位置授权");
 
+            window.location.reload();
 
+        } else if (!$scope.addr && $scope.getAddSuccess) {
 
+            alert("地理位置获取中，请稍后");
 
+        } else if ($scope.addr.regeocode.addressComponent.district === '莲都区') {
 
+            //activeClick[0].parentElement.parentElement.dataset.target = "#phoneLoginModal";
 
+            activeClick[0].parentElement.dataset.target = "#phoneLoginModal";
 
+        } else {
 
+            //activeClick[0].parentElement.parentElement.dataset.target = "#errorLoginModal";
 
+            activeClick[0].parentElement.dataset.target = "#errorLoginModal";
 
+        }
 
+    };
 
+
 
+    $scope.onlineService = function() {
 
+        console.log($scope.mobile.length);
 
+        if ($scope.mobile.length == 11) {
 
+            ysf.config({
 
+                mobile: $scope.mobile,
 
+                success: function() { // 成功回调
 
+                    ysf.open();
 
+                },
 
+                error: function() { // 错误回调
 
+                    // handle error
 
+                    ysf.open();
 
+                }
 
+            });
 
+        } else {
 
+            alert("请正确输入手机号码");
 
+        }
 
+    };
 
 }]);

+ 16 - 0
web12345-new/src/js/controller/webController.js
Просмотреть файл 

@@ -2,6 +2,22 @@
 
 
 angular.module('app').controller('WebController', ['$scope', '$timeout', function($scope, $timeout) {
 
     //lxtalkClient.Invoke('{FB60F992-A0FD-47B3-AAA7-E80DF209C5A4}', '_Register', '', $scope);
 
+
 
+    $scope.$on('$viewContentLoaded', function() {
 
+        var clientWidth = document.documentElement.clientWidth || window.innerWidth;
 
+        var innerWidth = Math.max(Math.min(clientWidth, 480), 320);
 
+        console.log(innerWidth);
 
+        if (innerWidth > 350) {
 
+            angular.element(".userInfo>div>span").addClass("font-14");
 
+            angular.element(".certificate").addClass("font-14");
 
+            angular.element(".userInfo .input-sm ").addClass("font-13");
 
+            angular.element(".userInfo .text-message").addClass("font-13");
 
+        } else {
 
+            angular.element(".font-13").removeClass("font-13");
 
+            angular.element(".font-14").removeClass("font-14");
 
+        }
 
+    });
 
+
 
     $scope.imgView = function(event) {
 
         angular.element(".onView").removeClass("onView");
 
         var img = $(event.target);

+ 2 - 2
web12345-new/src/js/router.js
Просмотреть файл 

@@ -31,8 +31,8 @@ angular.module('app').run(['$rootScope', '$state', '$stateParams',
 
                 templateUrl: 'templates/webChat-3.html',
 
                 controller: 'WebController'
 
             })
 
-            .state('webChat-4', {
 
-                url: '/webChat-4',
 
+            .state('webChat.phoneLogin', {
 
+                url: '/phoneLogin',
 
                 templateUrl: 'templates/webChat-4.html',
 
                 controller: 'WebController'
 
             }).state('webChat.online', {

+ 199 - 98
web12345-new/src/less/app.home.less
Просмотреть файл 

@@ -26,6 +26,16 @@ content {
 
           width: 100%;
 
         }
 
       }
 
+    .swiper-container {
 
+        margin-left: 0%;
 
+        width: 100%;
 
+        .swiper-wrapper {
 
+            margin: 0% 11.5% 0% -17.5%;
 
+        }
 
+        img {
 
+            width: 170%;
 
+        }
 
+    }  
 }
 
 
 footer {
 
@@ -55,66 +65,50 @@ footer {
 
         }
 
       .inquire{
 
         position: absolute;
 
-        top: 2%;
 
+        top: 1%;
 
         left: 30%;
 
-        width: 44.53%;
 
-        img {
 
-            width: 33%;
 
-            border-radius: 100%;
 
-            border: none;
 
-            }
 
+        width: 45%;
 
+        padding: 1%;
 
         .explain {
 
             margin-left: 9%;
 
             }
 
         }
 
       .call{
 
-          position: absolute;
 
-          top: 18%;
 
-          left: 48%;
 
-          width: 44.53%;
 
-        img {
 
-            width: 33%;
 
-            border-radius: 100%;
 
-            }
 
+        position: absolute;
 
+        top: 17%;
 
+        left: 48%;
 
+        width: 45%;
 
+        padding: 1%;
 
         .explain {
 
             margin-left: 9%;
 
             }
 
         }
 
       .online{
 
         position: absolute;
 
-        top: 41%;
 
+        top: 40%;
 
         left: 57%;
 
-        width: 44.53%;
 
-        img {
 
-            width: 33%;
 
-            border-radius: 100%;
 
-            }
 
+        width: 45%;
 
+        padding: 1%;
 
         .explain {
 
             margin-left: 9%;
 
             }
 
         }
 
       .email{
 
         position: absolute;
 
-        top: 64%;
 
+        top: 63%;
 
         left: 48%;
 
-        width: 44.53%;
 
-        img {
 
-            width: 33%;
 
-            border-radius: 100%;
 
-            }
 
+        width: 45%;
 
+        padding: 1%;
 
         .explain {
 
             margin-left: 9%;
 
             }
 
         }
 
       .result{
 
         position: absolute;
 
-        top: 81%;
 
+        top: 80%;
 
         left: 30%;
 
-        width: 44.53%;
 
-        img {
 
-            width: 33%;
 
-            border-radius: 100%;
 
-            }
 
+        width: 45%;
 
+        padding: 1%;
 
         .explain {
 
             margin-left: 9%;
 
             }
 
@@ -129,91 +123,198 @@ footer {
 
           width: 100%;
 
           }
 
       }
 
+      a:focus {
 
+          border: none;
 
+          outline: none;
 
+          text-decoration: none;
 
+      }
 
+    }
 
+}
 
+
 
+.fade {
 
+    top: 0%;
 
+    margin: 0px;
 
+    padding: 0px;
 
+    background-color: #FFF;
 
+    .modal-info {
 
+        position: absolute;
 
+        top: 100px;
 
+        width: 80%;
 
+        margin: 0px 10%;
 
+        padding: 10% 15%;
 
+        text-align: center;
 
+        border: 1px solid #bbb;
 
+        background-color: #FFF;
 
+        box-shadow: 0px 2px 5px #888;
 
+        border-radius: 4px;
 
+        >input {
 
+            text-align: center;
 
+            margin-bottom: 30px;
 
+            height: 28px;
 
+            font-size: 14px;
 
+        }
 
+        >p {
 
+            font-size: 16px;
 
+            color: #000;
 
+            margin-bottom: 20px;
 
+        }
 
+        >a {
 
+            margin: 10px 5px;
 
+            padding: 4px 15px;
 
+            font-size: 13px;
 
+            text-decoration: none;
 
+            border-radius: 4px;
 
+            color: white;
 
+            background: #40A1E6;
 
+            border: none;
 
+            outline: none;
 
+            &:hover{
 
+                background: #1F83C6;
 
+            }
 
+        }
 
     }
 
 }
 
 
+.breath{
 
+    display: inline-block;
 
+    width: 31%;
 
+    border-radius: 100%;
 
+    animation-duration: 3s;     /*人的普通呼吸时间是3秒每次，深呼吸时间是6秒每次*/
 
+    animation-timing-function: linear;
 
+    animation-iteration-count: infinite;
 
+    animation-direction:alternate;
 
+    /* Safari and Chrome: */
 
+    -webkit-animation-duration: 3s;
 
+    -webkit-animation-timing-function:linear;
 
+    -webkit-animation-iteration-count:infinite;
 
+    -webkit-animation-direction:alternate;
 
+    -webkit-transform:translate3d(0,0,0);
 
+}
 
+
 
  .size1{ 
-     box-shadow: 0  0 10px #FFC547;  //#40A1E6
 
-     animation-duration: 3s;     /*人的普通呼吸时间是3秒每次，深呼吸时间是6秒每次*/
 
-     animation-timing-function: ease-in-out;
 
-     animation-iteration-count: infinite;
 
-     animation-direction:alternate;
 
      animation-name: breath1;
 
+     /* Safari and Chrome: */
 
+    -webkit-animation-name: breath1;
 
  }
 
+    @keyframes breath1
 
+    {
 
+        0% {
 
+            box-shadow: 0 0 5px #FFC547;
 
+        }
 
+        100%{
 
+            box-shadow: 0 0 30px #F29505;
 
+        }
 
+    }
 
 
- @-webkit-keyframes breath1 {
 
-     0% {
 
-         box-shadow: 0 0 10px #FFC547;
 
-     }
 
-    100%{
 
-         box-shadow: 0 0 30px #FFC547;
 
-     }
 
- }
 
+    @-webkit-keyframes breath1 /* Safari and Chrome */
 
+    {
 
+        0% {
 
+            box-shadow: 0 0 5px #FFC547;
 
+        }
 
+        100%{
 
+            box-shadow: 0 0 30px #F29505;
 
+        }
 
+    }
 
  .size2{ 
-     box-shadow: 0  0 10px #71D5A6;  //#40A1E6
 
-     animation-duration: 3s;     /*人的普通呼吸时间是3秒每次，深呼吸时间是6秒每次*/
 
-     animation-timing-function: ease-in-out;
 
-     animation-iteration-count: infinite;
 
-     animation-direction:alternate;
 
      animation-name: breath2;
 
+     /* Safari and Chrome: */
 
+    -webkit-animation-name: breath2;
 
  }
 
+    @keyframes breath2
 
+    {
 
+        0% {
 
+            box-shadow: 0 0 5px #71D5A6;
 
+        }
 
+        100%{
 
+            box-shadow: 0 0 30px #4DB983;
 
+        }
 
+    }
 
 
- @-webkit-keyframes breath2 {
 
-     0% {
 
-         box-shadow: 0 0 10px #71D5A6;
 
-     }
 
-    100%{
 
-         box-shadow: 0 0 30px #71D5A6;
 
-     }
 
- } .size3{ 
-     box-shadow: 0  0 10px #FFC547;  //#40A1E6
 
-     animation-duration: 3s;     /*人的普通呼吸时间是3秒每次，深呼吸时间是6秒每次*/
 
-     animation-timing-function: ease-in-out;
 
-     animation-iteration-count: infinite;
 
-     animation-direction:alternate;
 
+    @-webkit-keyframes breath2 /* Safari and Chrome */
 
+    {
 
+        0% {
 
+            box-shadow: 0 0 5px #71D5A6;
 
+        }
 
+        100%{
 
+            box-shadow: 0 0 30px #4DB983;
 
+        }
 
+    }
 
+  .size3{ 
      animation-name: breath3;
 
+     /* Safari and Chrome: */
 
+    -webkit-animation-name: breath3;
 
  }
 
+    @keyframes breath3
 
+    {
 
+        0% {
 
+            box-shadow: 0 0 5px #FFC547;
 
+        }
 
+        100%{
 
+            box-shadow: 0 0 30px #F29505;
 
+        }
 
+    }
 
 
- @-webkit-keyframes breath3 {
 
-     0% {
 
-         box-shadow: 0 0 10px #FFC547;
 
-     }
 
-    100%{
 
-         box-shadow: 0 0 30px #FFC547;
 
-     }
 
- } .size4{ 
-     box-shadow: 0  0 10px #40A1E6;  //#40A1E6
 
-     animation-duration: 3s;     /*人的普通呼吸时间是3秒每次，深呼吸时间是6秒每次*/
 
-     animation-timing-function: ease-in-out;
 
-     animation-iteration-count: infinite;
 
-     animation-direction:alternate;
 
+    @-webkit-keyframes breath3 /* Safari and Chrome */
 
+    {
 
+        0% {
 
+            box-shadow: 0 0 5px #FFC547;
 
+        }
 
+        100%{
 
+            box-shadow: 0 0 30px #F29505;
 
+        }
 
+    }
 
+ .size4{ 
      animation-name: breath4;
 
+     /* Safari and Chrome: */
 
+    -webkit-animation-name: breath4;
 
  }
 
+    @keyframes breath4
 
+    {
 
+        0% {
 
+            box-shadow: 0 0 5px #40A1E6;
 
+        }
 
+        100%{
 
+            box-shadow: 0 0 30px #279BE5;
 
+        }
 
+    }
 
 
- @-webkit-keyframes breath4 {
 
-     0% {
 
-         box-shadow: 0 0 10px #40A1E6;
 
-     }
 
-    100%{
 
-         box-shadow: 0 0 30px #40A1E6;
 
-     }
 
- } .size5{ 
-     box-shadow: 0  0 10px #FA7471;  //#40A1E6
 
-     animation-duration: 3s;     /*人的普通呼吸时间是3秒每次，深呼吸时间是6秒每次*/
 
-     animation-timing-function: ease-in-out;
 
-     animation-iteration-count: infinite;
 
-     animation-direction:alternate;
 
+    @-webkit-keyframes breath4 /* Safari and Chrome */
 
+    {
 
+        0% {
 
+            box-shadow: 0 0 5px #40A1E6;
 
+        }
 
+        100%{
 
+            box-shadow: 0 0 30px #279BE5;
 
+        }
 
+    }
 
+ .size5{ 
      animation-name: breath5;
 
+     /* Safari and Chrome: */
 
+    -webkit-animation-name: breath5;
 
  }
 
+    @keyframes breath5
 
+    {
 
+        0% {
 
+            box-shadow: 0 0 5px #FA7471;
 
+        }
 
+        100%{
 
+            box-shadow: 0 0 30px #F75250;
 
+        }
 
+    }
 
 
- @-webkit-keyframes breath5 {
 
-     0% {
 
-         box-shadow: 0 0 10px #FA7471;
 
-     }
 
-    100%{
 
-         box-shadow: 0 0 30px #FA7471;
 
-     }
 
- }
 
+    @-webkit-keyframes breath5 /* Safari and Chrome */
 
+    {
 
+        0% {
 
+            box-shadow: 0 0 5px #FA7471;
 
+        }
 
+        100%{
 
+            box-shadow: 0 0 30px #F75250;
 
+        }
 
+    }
 
+
 
+#YSF-BTN-HOLDER {
 
+    display: none !important;
 
+}
 
 //////////////////////////////////////////////////
 
 
 /* 代码整理：大头网 www.datouwang.com */

+ 8 - 6
web12345-new/src/less/app.main.less
Просмотреть файл 

@@ -165,34 +165,36 @@ content {
 
             font-family: "微软雅黑","宋体";
 
             font-size: 12px;
 
         }
 
+        .font-14{
 
+            font-size: 14px;
 
+        }
 
+        .font-13{
 
+            font-size: 13px;
 
+            height: 26px;
 
+        }
 
         >div>span {
 
             float: left;
 
             margin-top: 3px;
 
             color: #333;
 
-            font-size: 14px;
 
             font-weight: 600;
 
         }
 
         .certificate {
 
             float: right;
 
             margin: 5px -72% 0px 0px;
 
-            font-size: 14px;
 
             font-weight: 600;
 
             color: #E35850;
 
         }
 
         .input-sm {
 
-            font-size: 13px;
 
             width: 65%;
 
-            height: 26px;
 
             float: right;
 
             margin-right: 10%;
 
             font-weight: 500;
 
             font-family: "微软雅黑","宋体";
 
         }
 
         .text-message {
 
-            font-size: 13px;
 
             white-space: normal;
 
             width: 65%;
 
-            min-height: 70px;
 
+            min-height: 70px !important;
 
             float: right;
 
             margin-right: 10%;
 
             margin-top: 3px;

+ 51 - 48
web12345-new/src/templates/home.html
Просмотреть файл 

@@ -1,74 +1,77 @@
 
 <div class="main">
 
     <header>
 
-        <div class="header111">
 
+        <!--<div class="header111">
 
             <img src="../img/webChatImg/banner.png" alt="">
 
+        </div>-->
 
+        <div class="swiper-container">
 
+            <div class="swiper-wrapper">
 
+                <div class="swiper-slide"><img src="../img/webChatImg/banner.png" alt=""></div>
 
+                <div class="swiper-slide"><img src="../img/webChatImg/banner.png" alt=""></div>
 
+                <div class="swiper-slide"><img src="../img/webChatImg/banner.png" alt=""></div>
 
+            </div>
 
+            <!-- 如果需要分页器 -->
 
+            <!--<div class="swiper-pagination"></div>-->
 
+            <!-- 如果需要导航按钮 -->
 
+            <!--<div class="swiper-button-prev"></div>
 
+            <div class="swiper-button-next"></div>-->
 
+            <!-- 如果需要滚动条 -->
 
+            <!--<div class="swiper-scrollbar"></div>-->
 
         </div>
 
     </header>
 
+
 
     <content>
 
         <div>
 
         </div>
 
     </content>
 
-    <!--<div class="poster-main" id="carousel" data-setting='{
 
-        "width":860,
 
-        "height":380,
 
-        "posterWidth":320,
 
-        "posterHeight":420,
 
-        "scale":0.8,
 
-        "speed":1000,
 
-        "autoPlay":true,
 
-        "delay":3000,
 
-        "verticalAlign":"middle"
 
-        }'>
 
-        <div class="poster-btn poster-prev-btn"></div>
 
-        <ul class="poster-list">
 
-            <li class="poster-item">
 
-                <a href="#"><img src="../img/banner.png" alt="" width="100%" /></a>
 
-            </li>
 
-            <li class="poster-item">
 
-                <a href="#"><img src="../img/banner.png" alt="" width="100%" /></a>
 
-            </li>
 
-            <li class="poster-item">
 
-                <a href="#"><img src="../img/banner.png" alt="" width="100%" /></a>
 
-            </li>
 
-        </ul>
 
-        <div class="poster-btn poster-next-btn"></div>
 
-    </div>
 
 
-
 
-    <script type="text/javascript">
 
-        $(function() {
 
-            Carousel.init($("#carousel"));
 
-            $("#carousel").init();
 
-        });
 
-    </script>-->
 
     <footer>
 
         <div class="bg">
 
             <img src="../img/webChatImg/bg2.jpg" alt="">
 
         </div>
 
-        <div class="contain">
 
-            <div class="inquire">
 
-                <a href=""><img class="breath size1" src="../img/webChatImg/自助咨询.png" alt=""><span class="explain">自助咨询</span></a>
 
+        <div class="contain" ng-cloak>
 
+            <div class="inquire" ng-cloak>
 
+                <a href="">
 
+                    <img class="breath size1" src="../img/webChatImg/自助咨询.png" alt=""><span class="explain">自助咨询</span>
 
+                </a>
 
             </div>
 
-            <div class="call">
 
-                <a href="tel:057812345"><img class="breath size2" src="../img/webChatImg/12345.png" alt=""><span class="explain">拨打12345</span></a>
 
+            <div class="call" ng-cloak>
 
+                <a href="tel:057812345">
 
+                    <img class="breath size2" src="../img/webChatImg/12345.png" alt=""><span class="explain">拨打12345</span>
 
+                </a>
 
             </div>
 
-            <div class="online">
 
-                <a href="https://zjwskj.qiyukf.com/client?k=e52a7ac21a88369ef6c38c56b54c810e&wp=1"><img class="breath size3" src="../img/webChatImg/在线服务.png" alt=""><span class="explain">在线服务</span></a>
 
+            <div class="online" ng-cloak>
 
+                <a data-toggle="modal" href="">
 
+                    <img class="breath size3" ng-click="onOnlineClick($event)" src="../img/webChatImg/在线服务.png" alt=""><span ng-click="onOnlineClick($event)" class="explain">在线服务</span>
 
+                </a>
 
             </div>
 
-            <div class="email">
 
-                <a ui-sref="webChat.online"><img class="breath size4" src="../img/webChatImg/网上信箱.png" alt=""><span ui-sref="webChat.online" class="explain">网上信箱</span></a>
 
+            <div class="email" ng-cloak>
 
+                <a ui-sref="webChat.online">
 
+                    <img class="breath size4" src="../img/webChatImg/网上信箱.png" alt=""><span class="explain">网上信箱</span>
 
+                </a>
 
             </div>
 
-            <div class="result">
 
-                <a href=""><img class="breath size5" src="../img/webChatImg/结果查询.png" alt=""><span class="explain">结果查询</span></a>
 
+            <div class="result" ng-cloak>
 
+                <a href="">
 
+                    <img class="breath size5" src="../img/webChatImg/结果查询.png" alt=""><span class="explain">结果查询</span>
 
+                </a>
 
             </div>
 
 
             <div class="logo">
 
                 <img src="../img/webChatImg/logo.png" alt="">
 
             </div>
 
-            <!-- <canvas id="logo">
 
-                <img src="../img/logo.png" alt="">
 
-        </canvas> -->
 
         </div>
 
     </footer>
 
-
 
+    <div class="modal fade errorLogin" id="errorLoginModal" tabindex="-2" data-backdrop="static" role="dialog" aria-labelledby="errorLoginModalLabel" aria-hidden="true">
 
+        <div class="modal-info">
 
+            <p>{{addr.regeocode.addressComponent.district}}暂不支持此功能</p>
 
+            <a href="" data-dismiss="modal">关 闭</a>
 
+        </div>
 
+    </div>
 
+    <div class="modal fade phoneLogin" id="phoneLoginModal" tabindex="-2" data-backdrop="static" role="dialog" aria-labelledby="phoneLoginModalLabel" aria-hidden="true">
 
+        <div class="modal-info">
 
+            <p>请输入手机号码</p>
 
+            <input class="form-control input-sm" type="text" ng-model="mobile">
 
+            <a ng-click="onlineService()">确 定</a>
 
+            <a href="" data-dismiss="modal">关 闭</a>
 
+        </div>
 
+    </div>
 
 </div>