首页和自由行

app.json

 {
   "pages": [
+    "pages/freeTravel/free",
+    "pages/Home/home",
     "pages/product/product",
     "pages/product/productAll/productAll",
     "pages/product/productCheck/productCheck",
@@ -16,32 +18,43 @@
     "pages/product/SametradeZW/Successview/Successview",
     "pages/product/SametradeZW/luckdraw/luckdraw",
     "pages/product/SametradeZW/prizelist/prizelist"
-        
   ],
   "window": {
     "backgroundTextStyle": "light",
-    "navigationBarBackgroundColor": "#5F96FF",
+    "navigationBarBackgroundColor": "#FFFFFF",
     "navigationBarTitleText": "印象之旅",
-    "navigationBarTextStyle": "white",
+    "navigationBarTextStyle": "black",
     "enablePullDownRefresh": true,
     "onReachBottomDistance": 20
   },
   "tabBar": {
-    "color": "#8daaff",
-    "selectedColor": "#257bf1",
+    "color": "#000000",
+    "selectedColor": "#EE4454",
     "backgroundColor": "#FFFFFF",
     "list": [
       {
-        "pagePath": "pages/product/product",
-        "iconPath": "images/tarbar/ico_product_n.png",
-        "selectedIconPath": "images/tarbar/ico_product_h.png",
-        "text": "产品"
+        "pagePath": "pages/Home/home",
+        "iconPath": "images/tarbar/index1.png",
+        "selectedIconPath": "images/tarbar/index11.png",
+        "text": "首页"
       },
       {
         "pagePath": "pages/mine/mine",
-        "iconPath": "images/tarbar/ico_me_n.png",
-        "selectedIconPath": "images/tarbar/ico_me_h.png",
-        "text": "个人中心"
+        "iconPath": "images/tarbar/index2.png",
+        "selectedIconPath": "images/tarbar/index22.png",
+        "text": "目的地"
+      },
+      {
+        "pagePath": "pages/mine/mine",
+        "iconPath": "images/tarbar/index3.png",
+        "selectedIconPath": "images/tarbar/index33.png",
+        "text": "积分商城"
+      },
+      {
+        "pagePath": "pages/mine/mine",
+        "iconPath": "images/tarbar/index4.png",
+        "selectedIconPath": "images/tarbar/index44.png",
+        "text": "我的"
       }
     ]
   },

component/Search/search.js

+// component/Search/search.js
+Component({
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+
+  },
+
+  /**
+   * 组件的初始数据
+   */
+  data: {
+    array: ['美国', '中国', '巴西', '日本'],
+  },
+
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+    bindPickerChange: function (e) {
+      console.log('picker发送选择改变，携带值为', e.detail.value)
+      this.setData({
+        index: e.detail.value
+      })
+    },
+  }
+})

component/Search/search.json

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

component/Search/search.wxml

+<!--component/Search/search.wxml-->
+<view class='cityView'>
+  <view class="head1" style="width:100rpx">
+  <image src="../../images/home/location.png"></image>
+  成都</view>
+  <view style="color:#CCCCCC">|</view>
+  <view class="head3">
+  <image src="../../images/home/search.png"></image>
+  搜索目的地/交通/景点/酒店</view>
+</view>

component/Search/search.wxss

+/* component/Search/search.wxss */
+.cityView{
+ width: 94%;
+ margin:15px auto;
+  background: #F2F2F2;
+  border-radius: 30rpx;
+  padding: 15rpx 10rpx;
+  box-sizing: border-box;
+  display:flex;
+  align-items: center;
+  margin-bottom:0;
+}
+.cityView .head1{
+  color:#EE4454;
+}
+.cityView .head1 image{
+  width: 19rpx;
+  height: 24rpx;
+}
+.cityView view{
+  display: inline-block;
+  font-size: 26rpx;
+}
+.cityView .head3{
+  padding-left: 15px;
+  display: inline-flex;
+  align-items: center;
+  color: #888888;
+}
+.cityView .head3 image{
+  width: 26rpx;
+  height: 26rpx;
+  margin-right: 6rpx;
+}
\ No newline at end of file

pages/Home/home.js

+// pages/Home/home.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/Home/home.json

+{
+  "navigationBarTitleText": "首页",
+  "usingComponents": {
+    "search": "/component/Search/search"
+  }
+}
\ No newline at end of file

pages/Home/home.wxss

+/* pages/Home/home.wxss */
+.Home{
+  background: #fff;
+}
+.Home .tab1{
+  height: 300rpx;
+  margin: 36rpx 0;
+}
+.Home .tab1 image{
+  width: 100%;
+  height: 100%;
+}
+.Home .tablist{
+  display: flex;
+  justify-content: space-around;
+}
+.Home .tablist>view{
+  width: 18%;
+  text-align: center;
+  font-size: 22rpx;
+  color: #000000;
+}
+.Home .tablist image{
+  width: 96rpx;
+  height: 63rpx;
+}
+.Home .tab2{
+  height: 220rpx;
+  margin: 36rpx 0;
+}
+.Home .tab2 image{
+  width: 100%;
+  height: 100%;
+}
+.Home .CommonMargin{
+  margin: 0 26rpx;
+  box-sizing: border-box;
+}
+.Home .cztm1 .cztmList1{
+  width:450rpx;
+  height:280rpx;
+  border-radius:12rpx;
+}
+.Home .cztm>view{
+  display: inline-block;
+  position: relative;
+}
+.Home .cztm image{
+  width: 100%;
+  height: 100%;
+}
+.Home .cztm .cztmList{
+  width:210rpx;
+  height:280rpx;
+  border-radius:12rpx;
+  margin-left: 30rpx;
+}
+.Home .cztm .cztmList image{
+  width: 100%;
+  height: 100%;
+}
+.Home .cztm .boxshadow{
+  position: absolute;
+  width:100%;
+  bottom: 0;
+  height:120rpx;
+  background:rgba(0,0,0,0.3);
+  border-radius:0px 0px 12rpx 12rpx;
+  padding-left: 29rpx;
+  color:#fff;
+  box-sizing: border-box;
+}
+.Home .cztm1{
+  margin-top: 30rpx;
+}
+.Home .cztm2{
+  margin-left: -30rpx;
+  margin-top: 20rpx;
+}
+.Home .tjTicket{
+  display: inline-block;
+  margin-left:24rpx;
+}
+.Home .tjTicket view{
+  text-align: center;
+}
+.Home .tjTicket .listLeft{
+  color:#ffffff;
+  font-size: 22rpx;
+  width:110rpx;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center; 
+  height:144rpx;
+  background:linear-gradient(0deg,rgba(255,189,30,1),rgba(255,213,103,1));
+  border-radius: 8rpx;
+  
+}
+.Home .tjTicket .listRight{
+  width:220rpx;
+  height:144rpx;
+  font-size: 22rpx;
+  color:#668EFF;
+  display: inline-flex;
+  flex-direction: column;
+  position:relative;
+  top:-19rpx;
+  border-radius: 8rpx;
+  border:1rpx solid #F7F7F7;
+  padding: 0 10rpx;
+  box-sizing: border-box;
+  box-shadow: 0 0 8px #F7F7F7;
+}
+.Home .tjTicket .listRight .icon>view{
+  display: inline-block;
+}
+.Home .likeView{
+  height:90rpx;
+  line-height:90rpx;
+  font-size: 24rpx;
+  
+}
+.Home .likeView text{
+  width:175rpx;
+  display: inline-block;
+  text-align: center;
+}
+.Home .likeView .activeText{
+  color: #EE4454;
+}
+.Home .FlTitleView{
+  display: flex;
+  align-items: center;
+  height:90rpx;
+  background:rgba(245,245,245,1);
+  padding: 0 26rpx;
+}
+.Home .FlTitleView .text{
+  font-size:20rpx;font-weight:700;
+}
+.Home .CommonList{
+  width: 100%;
+  padding:30rpx;
+}
+.Home .CommonList>view{
+  display: inline-block;
+  width:330rpx;
+  border-radius: 12px; 
+  border: 1px solid #EDEDED;
+  padding-bottom:16rpx;
+  margin-bottom: 30rpx;
+}
+.Home .CommonList>view:nth-child(even){
+  margin-left: 30rpx;
+}
+.Home .CommonList>view .pad{
+  padding: 0 20rpx;
+  box-sizing: border-box;
+  
+}
+.Home .CommonList .imgView{
+  width:100%;
+  height:247rpx;
+  position: relative;
+}
+.Home .CommonList .imgView .country{
+  position: absolute;
+  width:90rpx;
+  height:40rpx;
+  background:rgba(249,201,0,1);
+  border-radius:12rpx 0px 12rpx 0px;
+  font-size: 22rpx;
+  text-align: center;
+  color: #fff;
+}
+.Home .CommonList image{
+  width: 100%;
+  height: 100%;
+}
+.Home .CommonList .title{
+  font-size:28rpx;
+  font-weight: 600;
+}
+.Home .CommonList .pad .xl{
+  font-size:22rpx;
+  color: #888888;
+  float: left;  
+  
+}
+.Home .CommonList .pad .price{
+  font-size:22rpx;
+  color: #EE4454;
+  font-weight: 600;
+  float: right;  
+}
+.Home .CommonList .ScenimgView{
+  width:100%;
+  height:452rpx;
+  border-radius:12rpx;
+  position: relative;
+}
+.Home .CommonList .ScenimgView .country{
+  position: absolute;
+  width:90rpx;
+  height:40rpx;
+  background:rgba(249,201,0,1);
+  border-radius:12rpx 0px 12rpx 0px;
+  font-size: 22rpx;
+  text-align: center;
+  color: #fff;
+}
+.Home .CommonList .ScenimgView .DesView{
+  position: absolute;
+  bottom: 0;
+  width:100%;
+  height:114rpx;
+  background:rgba(17,17,17,0.4);
+  border-radius:0 0px 12rpx 12rpx;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+.Home .CommonList .ScenimgView .DesView{
+  color: #fff;
+}
+.Home .CommonList .padScen{
+  padding: 0 20rpx;
+}
+.Home .CommonList .padScen .xl{
+  font-size:22rpx;
+  color: #fff;
+  float: left;  
+  
+}
+.Home .CommonList .padScen .price{
+  font-size:22rpx;
+  color: #EE4454;
+  font-weight: 600;
+  float: right;  
+}
+.Home .Scen>view{
+  padding: 0;
+}
+.Home .Local>view{
+  border: none;
+}
+.Home .CommonList .LocalimgView{
+  width:100%;
+  height:247rpx;
+  border-radius:12px;
+  position: relative;
+}
+.Home .CommonList .LocalimgView .price{
+  position: absolute;
+  bottom: 30rpx;
+  right: 20rpx;
+  color: #EE4454;
+  font-size: 22rpx;
+}
+.Home .CommonList .LocalimgView .title{
+   position: absolute;
+  top: 26rpx;
+  left: 15rpx;
+}
\ No newline at end of file

pages/freeTravel/free.js

+// pages/freeTravel/free.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/freeTravel/free.json

+{
+  "navigationBarTitleText": "首页",
+  "usingComponents": {
+    "search": "/component/Search/search"
+  }
+}
\ No newline at end of file

pages/freeTravel/free.wxml

+<view class="free">
+  <view class="headImg">
+    <image src="../../images/free/bg1.png"></image>
+  </view>
+  <view class="TopView">
+    <view class="_top">
+      <view class="_top_item">
+        <image src="../../images/free/1.png"></image>
+      </view>
+      <view class="top_text">快速</view>
+      <view class="top_text">提交需求单</view>
+    </view>
+    <view class="_top">
+      <view class="_top_item">
+        <image src="../../images/free/2.png"></image>
+      </view>
+      <view class="top_text">免费</view>
+      <view class="top_text">发送方案</view>
+    </view>
+    <view class="_top">
+      <view class="_top_item">
+        <image src="../../images/free/3.png"></image>
+      </view>
+      <view class="top_text">沟通</view>
+      <view class="top_text">确认行程</view>
+    </view>
+    <view class="_top">
+      <view class="_top_item">
+        <image src="../../images/free/4.png"></image>
+      </view>
+      <view class="top_text">签</view>
+      <view class="top_text">合同出行</view>
+    </view>
+
+  </view>
+  <view class="ljdz">立即定制</view>
+  <view>
+  <!-- 当季精选特惠 -->
+    <view class="djjx">
+      <text class="cont_top">当季精选特惠</text>
+      <text class="cont_bottom">价格实惠内容更精彩</text>
+    </view>
+  </view>
+</view>
\ No newline at end of file

pages/freeTravel/free.wxss

+/* pages/freeTravel/free.wxss */
+.free .headImg{
+  width: 100%;
+  height: 315rpx;
+}
+.free image{
+  width: 100%;
+  height: 100%;
+}
+.free ._top{
+  display: inline-block;
+  width: 104rpx;
+}
+.free ._top_item{
+  width: 100%;
+  height: 115rpx;
+}
+.free .top_text{
+  color: #444444;
+  font-size: 20rpx;
+  text-align: center;
+}
+.free .TopView{
+  padding:0 40rpx;
+  display: flex;
+  justify-content: space-around;
+}
+.free .ljdz{
+  width:660rpx;
+  height:90rpx;
+  background:rgba(255,255,255,1);
+  box-shadow:0px 1rpx 8rpx 0px rgba(164, 95, 17, 0.35);
+  border-radius:12rpx;
+  font-size: 30rpx;
+  color: #444444;
+  text-align: center;
+  line-height: 90rpx;
+  margin: 40rpx auto;
+                        
+}
+.djjx .cont_bottom {
+  position: absolute;
+  font-size: 12rpx;
+  bottom: -10rpx;
+  left: 33rpx;
+  background: #fff;
+  padding: 0 35rpx;
+  color: #333333;
+}
+.djjx .cont_top {
+  position: absolute;
+  font-size: 24rpx;
+  top: -15rpx;
+  left: 30rpx;
+  background: #fff;
+  padding: 0 20rpx;
+}
+.djjx .cont_top2 {
+  left: 15rpx;
+}
+.djjx .cont_bottom2 {
+  left: 18rpx;
+}
+.djjx .cont_bottom3{
+    padding: 1rpx;
+}
+.djjx {
+  width: 239rpx;
+  height: 40rpx;
+  background: rgba(255, 255, 255, 1);
+  position: relative;
+  margin: 15rpx auto;
+  background: rgba(0, 0, 0, 0);
+  border: 1rpx solid #313131;
+  border-radius: 10rpx;
+}

pages/wxParse/wxParse.wxss

@@ -18,7 +18,7 @@
     line-height: 1.8;
 }
 view{
-    word-break:break-all; overflow:auto;
+    word-break:break-all;
 }
 .wxParse-inline{
     display: inline;

project.config.json

@@ -13,7 +13,7 @@
 	},
 	"compileType": "miniprogram",
 	"libVersion": "2.0.4",
-	"appid": "wx2e070bb923f858fd",
+	"appid": "wxb25e6cd9b147f76c",
 	"projectname": "FLASHMAN",
 	"debugOptions": {
 		"hidedInDevtools": []