ww--UI修改

pages/home/guide/js/point.js

@@ -24,7 +24,7 @@ let output = [
         name: '海错图1号馆',
         icon: './image/icon/03.png',
         card: 'guide/card/03.png',
-        detail: '/pages/play/service-detail/service-detail?id=1',
+        detail: '/pages/play/service-detail/service-detail?id=1&type=4',
         isActive: false,
     }, {
         x: 1303,
@@ -51,7 +51,7 @@ let output = [
         name: '元养水韵SPA',
         icon: './image/icon/06.png',
         card: 'guide/card/06.png',
-        detail: '/pages/play/service-detail/service-detail?id=7',
+        detail: '/pages/play/service-detail/service-detail?id=7&type=2',
         isActive: false,
     }, {
         x: 1370,

pages/play/movie/movie.js

@@ -12,7 +12,12 @@ Page({
             pageNo: '1',
             pageSize: '-1'
         },
-
+        loading: true,
+        marginTop: '',
+        // 屏幕显示高度
+        windowHeight: 0,
+        // 底部图片是否固定
+        footerFixed: true,
         // 导航栏相关属性
         navigationStyle: {
             normal: {
@@ -55,8 +60,14 @@ Page({
         }
     },
     onLoad: function() {
+        let marginTop = wx.getStorageSync('navigationStatusHeight') + wx.getStorageSync('navigationCapsuleHeight') + 20
+        this.setData({
+            marginTop
+        })
+        this.setShowHeight()
+        this.setFooterLocation()
         this.getTodayFilm()
-        this.getAllFilm()
+        // this.getAllFilm()
     },
     onPageScroll: function(funcEvent) {
         // console.log(funcEvent)
@@ -74,6 +85,32 @@ Page({
             clearTimeout(logicData.pageScrollTimer)
         }, 10)
     },
+    setShowHeight: function () {
+        wx.getSystemInfo({
+            success: (result) => {
+                this.setData({
+                    windowHeight: result.windowHeight
+                })
+            },
+        })
+    },
+    setFooterLocation: function () {
+        let that = this
+        let { windowHeight, marginTop, footerFixed } = this.data
+        let footerHeight = Math.floor(214 * wx.getStorageSync('unitProportion'))
+        // 显示高度
+        let showHeight = windowHeight - footerHeight - marginTop
+        let query = wx.createSelectorQuery()
+        query.select('#page').boundingClientRect()
+        query.exec(function(res){
+            if (res[0].height > showHeight) {
+                footerFixed = false
+            }
+            that.setData({
+                footerFixed
+            })
+        })
+    },
     /**
      *  查询今日放映
      *  @function
@@ -81,6 +118,10 @@ Page({
      *  @returns
      */
     getTodayFilm: function() {
+        wx.showLoading({
+            title: '加载中...',
+            success: () => {this.setData({loading: true})}
+        })
         App.wxRequest({
             url: '/api/v1/film/getTodayFilm',
             data: {
@@ -115,6 +156,11 @@ Page({
                 })
                 this.setData({
                     movieToday
+                }, function () {
+                    this.setFooterLocation()
+                })
+                wx.hideLoading({
+                    success: () => {this.setData ({loading: false})},
                 })
             }
         })
@@ -126,6 +172,10 @@ Page({
      *  @returns
      */
     getAllFilm: function() {
+        wx.showLoading({
+            title: '加载中...',
+            success: () => {this.setData({loading: true})}
+        })
         // weekType: 0本周热映 1下周
         let movieWeek = []
         let movieNextWeek = []
@@ -166,6 +216,11 @@ Page({
                         title: '本周热映',
                         list: movieWeek
                     }
+                }, function () {
+                    this.setFooterLocation()
+                })
+                wx.hideLoading({
+                    success: () => {this.setData ({loading: false})},
                 })
             }
         })
@@ -205,6 +260,11 @@ Page({
                         title: '下周热映',
                         list: movieNextWeek
                     }
+                }, function () {
+                    this.setFooterLocation()
+                })
+                wx.hideLoading({
+                    success: () => {this.setData ({loading: false})},
                 })
             }
         })

pages/play/movie/movie.wxml

 <navigation class="navigation" titleText="所有影片" color="#ffffff" backIcon="/image/back-w.png" scrollStyle="{{navigationStyle}}" scrollHeight="{{navigationScroll}}"></navigation>
 
-<view class="contaniner con-s">
+<view id="page" class="contaniner con-s" style="margin-top: {{marginTop + 'px'}}">
     <view class="status row align-c">
         <block wx:for="{{statusList}}" wx:for-index="index" wx:for-item="item" wx:key="index">
             <view class="status-item row con-c align-c" data-type="{{index}}" bindtap="onSelectionStatus">
@@ -33,7 +33,7 @@
                                 <text>{{item.filmName}}</text>
                             </view>
                             <view class="movie-tags row">
-                                <text wx:if="{{item.tags}}">{{item.tags[0]}}</text>
+                                <text wx:if="{{item.tags[0]}}">{{item.tags[0]}}</text>
                             </view>
                         </view>
                         <view class="movie-info row">
@@ -80,14 +80,14 @@
             </view>
         </block>
 
-        <block wx:if="{{movieToday.length === 0}}">
+        <block wx:if="{{movieToday.length === 0 && !loading}}">
             <view class="show-end col align-c">
                 <image src="/image/no-movie.png"></image>
                 <text>观影已结束，请期待后续排片</text>
             </view>
         </block>
     </view>
-   <view wx:else>
+   <view wx:if="{{statusActive === 1}}">
         <block wx:for="{{movieAll}}" wx:for-index="key" wx:for-item="movieList" wx:key="key" wx:if="{{movieAll.movieWeek.list.length > 0 || movieAll.movieNextWeek.list.length > 0}}">
             <view class="movie-week row align-c con-c" wx:if="{{movieList.list.length > 0}}">
                 <view class="line"></view>
@@ -109,7 +109,7 @@
                                 <text>{{item.filmName}}</text>
                             </view>
                             <view class="movie-tags row">
-                                <text wx:if="{{item.tags}}">{{item.tags[0]}}</text>
+                                <text wx:if="{{item.tags[0]}}">{{item.tags[0]}}</text>
                             </view>
                         </view>
                         <view class="movie-info row">
@@ -152,14 +152,14 @@
                 </view>
             </block>
         </block>
-        <block wx:if="{{movieAll.movieWeek.list.length === 0 && movieAll.movieNextWeek.list.length === 0}}">
+        <block wx:if="{{movieAll.movieWeek.list.length === 0 && movieAll.movieNextWeek.list.length === 0 && !loading}}">
             <view class="show-end col align-c">
                 <image src="/image/no-movie.png"></image>
                 <text>观影已结束，请期待后续排片</text>
             </view>
         </block>
    </view>
-   <view class="footer-img {{movieToday.length > 3 || movieAll.movieWeek.list.length > 3 || movieAll.movieNextWeek.list.length > 3 ? '' : 'footer-fixed'}}">
+   <view class="footer-img {{footerFixed ? 'footer-fixed' : ''}}">
         <image src="/image/movie-bottom.png"></image>
    </view>
 </view>
\ No newline at end of file

pages/play/movie/movie.wxss

@@ -17,26 +17,26 @@ page {
     width: 200rpx;
     height: 60rpx;
 }
-.contaniner {
+/* .contaniner {
     margin-top: 200rpx;
-}
+} */
 
 /* 状态筛选菜单 */
 .status {
     width: 750rpx;
-    height: 112rpx;
+    height: 72rpx;
     border-bottom: 1px #3A3A40 solid;
 }
 .status-item {
     flex: 1;
-    height: 112rpx;
+    height: 72rpx;
     font-size: 26rpx;
     font-weight: 400;
     line-height: 36rpx;
     color: #959DA9;
 }
 .status-item-active {
-    height: 112rpx;
+    height: 72rpx;
     color: #fff;
     font-weight: 600;
     border-bottom: 4rpx #fff solid;

pages/play/service-detail/service-detail.wxml

@@ -185,7 +185,7 @@
     </view>
 
     <!-- 简介 -->
-    <view class="detail" wx:if="{{contentType === 'detail'}}">
+    <view class="detail {{option.id === '1' || option.id === '4' || option.id === '6' ? 'detail-bottom' : ''}}" wx:if="{{contentType === 'detail'}}">
         <block wx:for="{{info.describe}}" wx:for-index="index" wx:for-item="item" wx:key="index">
             <image src="{{item}}" mode="widthFix"></image>
         </block>
@@ -392,9 +392,9 @@
         </view>
     </view>
 
-    <view class="movie-footer">
+    <!-- <view class="movie-footer">
         <image src="/image/movie-bottom.png"></image>
-    </view>
+    </view> -->
       
     <!-- 简介，评价 -->
     <view class="selection-content movie-border row">

pages/play/service-detail/service-detail.wxss

@@ -310,6 +310,7 @@
 .commodity-card-item > image {
     width: 562rpx;
     height: 316rpx;
+    background: #F5F6F8;
 }
 
 .commodity-card-item-cover {
@@ -320,10 +321,12 @@
 .commodity-card-item-cover image {
     max-width: 562rpx;
     height: 316rpx;
+    background: #F5F6F8;
 }
 .movie-card-item > image {
     width: 300rpx;
     height: 369rpx;
+    background: #F5F6F8;
 }
 
 .commodity-card-item-title {
@@ -425,9 +428,8 @@
     height: 33rpx;
     font-size: 22rpx;
     font-weight: 400;
-    color: #959DA9;
+    color: #585B6B;
     line-height: 32rpx;
-
 }
 .movie-card-item-info-right {
     flex: 1;
@@ -435,7 +437,7 @@
     margin-left: 8rpx;
     font-size: 22rpx;
     font-weight: 400;
-    color: #C2C7CF;
+    color: #878A96;
     line-height: 32rpx;
     overflow: hidden;
     text-overflow: ellipsis;
@@ -648,6 +650,8 @@
 /* 详情 */
 .detail {
     margin-top: 62rpx;
+}
+.detail-bottom {
     padding-bottom: 160rpx;
 }