11

app.json

@@ -11,7 +11,8 @@
     "pages/video/index",
     "components/emoji/emoji",
     "components/inputclear/inputclear",
-    "components/inputmodal/inputmodal"
+    "components/inputmodal/inputmodal",
+    "pages/index/tripDay/tripDay"
   ],
   "window": {
     "backgroundTextStyle": "light",

app.wxss

@@ -26,6 +26,9 @@
 .c99{
   color:#999999;
 }
+.c66{
+  color:#666666;
+}
 .text1 {
     overflow: hidden;
     text-overflow: ellipsis;
@@ -40,4 +43,13 @@
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
+}
+.center{
+  text-align: center;
+}
+.left{
+  text-align: left;
+}
+.right{
+  text-align: right;
 }
\ No newline at end of file

pages/index/index.js

@@ -27,6 +27,7 @@ Page({
     todayList:[],
     contactState:true,
     contactInfo:{},
+    airState:false,
   },
   //事件处理函数
   bindViewTap: function() {
@@ -72,6 +73,12 @@ Page({
     }
     that.getData();
   },
+  makePhone(e){
+    let phone = e.currentTarget.dataset.item.MobilePhone;
+    wx.makePhoneCall({
+      phoneNumber: phone,
+    })
+  },
   closeState(e){
     this.setData({
       contactState:true,
@@ -139,6 +146,7 @@ Page({
         dataInfo:res,
         todayMsg: todayMsg
       })
+      console.log("dataInfo", this.data.dataInfo.FlightList)
       this.getToday();
     }).catch(err => { })
   },

pages/index/index.wxml

@@ -48,10 +48,10 @@
     </scroll-view>
   </view>
   <view class="timeView">
-    <view style="font-size:30rpx;font-weight:700">重要时间</view>
+    <view style="font-size:30rpx;font-weight:700;padding-left:30rpx">重要时间</view>
     <swiper class="swiper-box" style="height:240rpx" indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}">
       <block>
-        <swiper-item>
+        <swiper-item style="padding: 0 30rpx;box-sizing: border-box;">
           <view class="item">
             <view class="itemView">
               <image style="width:44rpx;height:44rpx" src="../../images/index/time.png"></image>
@@ -72,7 +72,7 @@
         </swiper-item>
       </block>
       <block>
-        <swiper-item>
+        <swiper-item style="padding: 0 30rpx;box-sizing: border-box;">
           <view class="item">
             <!-- <view class="itemView">
               <image style="width:44rpx;height:44rpx" src="../../images/index/time.png"></image>
@@ -147,6 +147,8 @@
       <view class="imgLeft">
         <image wx:if="{{item.ImgCover && item.ImgCover!=''}}" src="{{item.ImgCover}}"></image>
         <image wx:else src="../../images/index/default1.png"></image>
+        <image class="img1" src="{{item.ImgCover}}"></image>
+        <image class="img2" src="{{item.ImgCover}}"></image>
       </view>
       <view class="right">
         <view style="margin-top:10rpx" class="text2 c11 f30">{{item.Name}}</view>
@@ -206,11 +208,35 @@
     <view style="margin:30rpx 0 30rpx 0" class="f32 bold">30</view>
     <view wx:if="{{contactInfo.type==3}}" class="f22">报名数量</view>
     <view wx:else class="f22">带团次数</view>
-    <view class="lxView">
+    <view bindtap="makePhone" data-item="{{contactInfo}}" class="lxView">
       <image style="width:30rpx;height:30rpx;position: relative;top:4rpx" src="../../images/index/lx.png"></image>
       联系他
     </view>
 
   </view>
 
+</view>
+<!-- 航班详情 -->
+<view catchtap="closeState" data-self="self" hidden="{{airState}}" class="ContactTc AirTc">
+  <view catchtap="noThing" data-self="no" class="contentView">
+    <image class="photo" src="../../images/index/air.png"></image>
+    <view style="padding-top:85rpx">
+      <view class="title"><text>去程</text></view>
+      <view class="fightitem">
+        <view style="width:120rpx" class="time f32 right">00:35</view>
+        <view style="width:240rpx;position:relative;top:15rpx" class="hr f22 c66 center">韩亚航空 OZ324(OK)</view>
+        <view style="width:120rpx" class="time f32 left">00:35</view>
+      </view>
+      <view class="fightitem">
+        <view style="width:120rpx" class="time f24 right ">00:35</view>
+        <view style="width:240rpx" class="hr f22 c66">
+          <image style="width:100%;height:8rpx" src="../../images/index/hr.png"></image>
+        </view>
+        <view style="width:120rpx" class="time f24 left">00:35</view>
+      </view>
+    </view>
+
+
+  </view>
+
 </view>
\ No newline at end of file

pages/index/index.wxss

@@ -87,7 +87,7 @@
   height: 24rpx;
 }
 .timeView{
-  padding: 0 30rpx;
+  
   box-sizing: border-box;
 }
 .timeView .item .itemView{
@@ -213,12 +213,35 @@
   border-radius:20rpx;
 }
 .toDayView .ListItem .imgLeft image{
-  width: 100%;
-  height: 100%;
+  width:200rpx;
+  height:260rpx;
+  z-index: 3;
+  border-radius:20rpx;
+}
+.toDayView .ListItem .imgLeft .img1{
+  position: absolute;
+  width: 200rpx;
+  height: 220rpx;
+  left: 40rpx;
+  opacity: 0.6;
+  top: 20rpx;
+  z-index:-1;
+  border-radius:20rpx; 
+}
+.toDayView .ListItem .imgLeft .img2{
+  position: absolute;
+  width: 200rpx;
+  height: 180rpx;
+  left: 66rpx;
+  opacity: 0.6;
+  top: 40rpx;
+  z-index:-2;
+  border-radius:20rpx;
+  display: inline-block;
 }
 .toDayView .ListItem .right{
   width: 100%;
-  padding-left: 230rpx;
+  padding-left: 290rpx;
   box-sizing: border-box;
 }
 .toDayView .daka{
@@ -304,4 +327,29 @@
   margin-left: 15rpx;
 
 }
+.AirTc .contentView{
+  text-align: left;
+  padding: 0 30rpx;
+  box-sizing: border-box;
+}
+.AirTc .contentView .title{
+  margin-bottom: 15rpx;
+}
+.AirTc .contentView .title text{
+  padding: 8rpx 20rpx;
+  background:rgba(255,49,102,0.3);
+  border-radius:26rpx;
+  font-size: 22rpx;
+}
+.AirTc .contentView .fightitem{
+  display: flex;
+  justify-content: space-around;
+}
+.AirTc .contentView .fightitem>view{
+  display: inline-block;
+}
+.AirTc .contentView .fightitem .hr{
+  padding: 0 10rpx;
+  box-sizing: border-box;
+}
 

pages/index/tripDay/tripDay.js

+// pages/index/tripDay/tripDay.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})
\ No newline at end of file

pages/index/tripDay/tripDay.json

+{
+  "usingComponents": {}
+}
\ No newline at end of file

pages/index/tripDay/tripDay.wxml

+<!--pages/index/tripDay/tripDay.wxml-->
+<text>pages/index/tripDay/tripDay.wxml</text>

pages/index/tripDay/tripDay.wxss

+/* pages/index/tripDay/tripDay.wxss */
\ No newline at end of file

project.config.json

@@ -83,6 +83,12 @@
 					"pathName": "pages/webview/webview",
 					"query": "",
 					"scene": null
+				},
+				{
+					"id": -1,
+					"name": "行程概览",
+					"pathName": "pages/index/tripDay/tripDay",
+					"scene": null
 				}
 			]
 		}