YanaDH 7 年之前
父节点
当前提交
cb9431e26b

+ 6 - 6
miaomiao/www/css/style.css

xqd
@@ -141,16 +141,16 @@ overflow:auto;
     /*border: 2px solid #fboxff;*/
 /*}*/
 .screenWidth2{
-    padding-top: 40px;
-    padding-bottom: 28px;
+    padding-bottom: 25px;
 }
 .screenWidth1{
-    padding-top: 25px;
-    padding-bottom: 20px;
+    padding-bottom: 19px;
 }
 .screenWidth0{
-    padding-top: 5px;
-    padding-bottom: 22px;
+    padding-bottom: 7px;
+}
+.screenWidthX{
+    padding-bottom: 43%;
 }
 .chosenClass{
     border: 2px solid #FE3939;

二进制
miaomiao/www/img/dream1.png


二进制
miaomiao/www/img/dream2.png


二进制
miaomiao/www/img/dream3.png


二进制
miaomiao/www/img/home1.png


二进制
miaomiao/www/img/home2.png


+ 3 - 3
miaomiao/www/index.html

xqd
@@ -40,9 +40,9 @@
   </head>
   <body ng-app="app">
     <ion-nav-bar class="calm-bg">
-      <ion-nav-back-button>
-        返回
-      </ion-nav-back-button>
+        <ion-nav-back-button>
+            返回
+        </ion-nav-back-button>
     </ion-nav-bar>
     <ion-nav-view></ion-nav-view>
   </body>

+ 25 - 11
miaomiao/www/js/controllers/home.js

xqd xqd xqd
@@ -2,19 +2,26 @@
     app.controller('homeCtrl', ["$scope", "$ionicTabsDelegate","storage", "$http", 'config', 'myService', "$state", "$ionicSlideBoxDelegate", "msg", "$ionicPopover", "homeService", "$ionicPopup", "$timeout", "$ionicSideMenuDelegate", "$rootScope"
         , function ($scope, $ionicTabsDelegate,storage, $http, config,  myService, $state, $ionicSlideBoxDelegate, msg, $ionicPopover, homeService, $ionicPopup, $timeout, $ionicSideMenuDelegate, $rootScope) {
         $scope.$on('$ionicView.enter', function () {
-            $ionicTabsDelegate.showBar(true);
+            $ionicTabsDelegate.showBar(false);
             $scope.load(false);
             $ionicSlideBoxDelegate.start();
             $scope.step = storage.getObject('user').step;
+            if($scope.step > 1){
+                $ionicTabsDelegate.showBar(true);
+            }
             var width = window.screen.width;
-            if(width>300&width<370){
-                $scope.screenWidth = 0;
+            var height = window.screen.height;
+            if(width==375 && height==812){
+                $scope.screenWidth = "screenWidthX";
+            }
+            else if(width>300 && width<370){
+                $scope.screenWidth = "screenWidth0";
             }
-            else if(width>=370&width<400){
-                $scope.screenWidth = 1;
+            else if(width>=370 && width<400){
+                $scope.screenWidth = "screenWidth1";
             }
             else{
-                $scope.screenWidth = 2;
+                $scope.screenWidth = "screenWidth2";
             }
             homeService.messageInfo().then(function(result){
                 $scope.infos = result.data.data;
@@ -35,6 +42,9 @@
 
         $scope.changeStep = function(){
             $scope.step = $scope.step + 1;
+            if($scope.step > 1){
+                $ionicTabsDelegate.showBar(true);
+            }
             homeService.changeStep().then(function(result){
                 if(result.data.status_code==0){
                     storage.setObject('user', result.data.data);
@@ -292,14 +302,18 @@
             $scope.$on('$ionicView.beforeEnter', function () {
                 $scope.step = storage.getObject('user').step;
                 var width = window.screen.width;
-                if(width>300&width<370){
-                    $scope.screenWidth = 0;
+                var height = window.screen.height;
+                if(width==375 && height==812){
+                    $scope.screenWidth = "screenWidthX";
+                }
+                else if(width>300 && width<370){
+                    $scope.screenWidth = "screenWidth0";
                 }
-                else if(width>=370&width<400){
-                    $scope.screenWidth = 1;
+                else if(width>=370 && width<400){
+                    $scope.screenWidth = "screenWidth1";
                 }
                 else{
-                    $scope.screenWidth = 2;
+                    $scope.screenWidth = "screenWidth2";
                 }
                 $scope.video = {};
                 msg.loading();

+ 3 - 4
miaomiao/www/templates/home/dream-detail.html

xqd xqd
@@ -23,13 +23,13 @@
     </div>
     <ion-content style="background: #fff" ng-click="cancelSupport()">
         <!-- 新手引导 开始 -->
-        <div ng-if="step==2" ng-click="changeStep()" style="background: #252525; z-index: 999999;">
+        <div ng-if="step==2" ng-click="changeStep()" ng-class="screenWidth" style="background: #252525; z-index: 999999;">
             <img src="img/dream1.png" style="width: 100%;" alt="">
         </div>
-        <div ng-if="step==3" ng-click="changeStep()" style="background: #252525; z-index: 999999;">
+        <div ng-if="step==3" ng-click="changeStep()" ng-class="screenWidth" style="background: #252525; z-index: 999999;">
             <img src="img/dream2.png" style="width: 100%;" alt="">
         </div>
-        <div ng-if="step==4" ng-click="changeStep()" style="background: #252525; z-index: 999999;">
+        <div ng-if="step==4" ng-click="changeStep()" ng-class="screenWidth" style="background: #252525; z-index: 999999;">
             <img src="img/dream3.png" style="width: 100%;" alt="">
         </div>
         <!-- 新手引导 结束 -->
@@ -314,7 +314,6 @@
             </div>
         </div>
     </ion-content>
-    
             <script id="interaction-modal.html" type="text/ng-template">
                 <div class="modal">
                     <ion-header-bar class="bar-calm bar bar-header has-tabs-top">

+ 3 - 3
miaomiao/www/templates/home/index.html

xqd
@@ -30,10 +30,10 @@
         <ion-side-menu-content drag-content="false">
             <ion-content>
                 <!-- 新手引导 开始 -->
-                <div ng-if="step==0" ng-click="changeStep()" ng-class="{'screenWidth2':screenWidth==2,'screenWidth1':screenWidth==1,'screenWidth0':screenWidth==0}" style="background: #252525; z-index: 999999;">
-                    <img src="img/home1.png" style="width: 100%;" alt="">
+                <div ng-if="step==0" ng-click="changeStep()" ng-class="screenWidth" style="background: #252525; z-index: 999999;">
+                    <img src="img/home1.png" style="width: 100%; height: 100%;" alt="">
                 </div>
-                <div ng-if="step==1" ng-click="changeStep()" ng-class="{'screenWidth2':screenWidth==2,'screenWidth1':screenWidth==1,'screenWidth0':screenWidth==0}" style="background: #252525; z-index: 999999;">
+                <div ng-if="step==1" ng-click="changeStep()" ng-class="screenWidth" style="background: #252525; z-index: 999999;">
                     <img src="img/home2.png" style="width: 100%;" alt="">
                 </div>
                 <!-- 新手引导 结束 -->