合并代码

Common.wxss

+
+.commonF .f12{
+    font-size: 12rpx;
+}
+.commonF .f14{
+    font-size: 14rpx;
+}
+.commonF .f18{
+    font-size: 18rpx;
+}
+.commonF .f20{
+    font-size: 20rpx;
+}
+.commonF .f22{
+    font-size: 22rpx;
+}
+.commonF .f24{
+    font-size: 24rpx;
+}
+.commonF .f26{
+    font-size: 26rpx;
+}
+.commonF .f28{
+    font-size: 26rpx;
+}
+.commonF .f30{
+    font-size:30rpx;
+}
+.commonF .f32{
+    font-size:32rpx;
+}
+.commonF .f40{
+    font-size:40rpx;
+}
+.commonF .bold{
+    font-weight: 600;
+}
+
+.commonF .basefix:after {
+    clear: both;
+    content: '.';
+    display: block;
+    height: 0;
+    overflow: hidden;
+}
+.commonF .text1{
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 1;
+    -webkit-box-orient: vertical;
+}
+.commonF .text2{
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+}
+.commonF .text3{
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 3;
+    -webkit-box-orient: vertical;
+}
+.commonF .c33{
+  color: #333333;
+}
+.commonF .cee{
+  color: #EE4454;
+}
+image{
+  width: 100%;
+  height: 100%;
+}
\ No newline at end of file

app.json

@@ -5,7 +5,9 @@
     "pages/Voucher/VoucherDetails/VoucherDetails",
     "pages/Voucher/rating/rating",
     "pages/freeTravel/free",
+    "pages/visa/visa",
     "pages/Home/home",
+    "pages/local/localhome",
     "pages/product/product",
     "pages/product/productAll/productAll",
     "pages/product/productCheck/productCheck",
@@ -22,6 +24,7 @@
     "pages/product/SametradeZW/Successview/Successview",
     "pages/product/SametradeZW/luckdraw/luckdraw",
     "pages/product/SametradeZW/prizelist/prizelist"
+    
   ],
   "window": {
     "backgroundTextStyle": "light",

app.wxss

@@ -2,6 +2,7 @@
 
 @import "weui.wxss";
 @import '/pages/wxParse/wxParse.wxss';
+@import 'Common.wxss';
 
 view,scroll-view,swiper,swiper-item,movable-area,movable-view,cover-view,cover-image,icon,text,rich-text,progress,button,checkbox-group,checkbox,form,input,label,picker,picker-view,radio-group,radio,slider,switch,textarea,navigator,functional-page-navigator,image,video,camera,live-player,live-pusher,map,canvas,open-data,web-view,ad{
     box-sizing: border-box;

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;
+  margin: 0 auto;
 }
 .cityView .head1{
   color:#EE4454;

pages/Home/home.wxml

@@ -39,7 +39,7 @@
       </view>
       <view class="cztm cztm1">
         <view class="cztmList1">
-          <image src="../../images/home/nlist1.png"></image>
+          <image src="../../images/home/nlist2.png"></image>
           <view class="boxshadow">
             <view style="font-size:30rpx;padding-top:29rpx">夏日协奏曲</view>
             <view style="font-size:22rpx">13日11晚</view>
@@ -155,7 +155,7 @@
     <view>
       <view class="imgView">
         <text class="country">日本</text>
-        <image src="../../images/home/nlist3.png"></image>
+        <image src="../../images/home/nlist2.png"></image>
       </view>
       <view class='pad title'>日本东京大阪</view>
       <view class="pad">
@@ -166,7 +166,7 @@
     <view>
       <view class="imgView">
         <text class="country">日本</text>
-        <image src="../../images/home/nlist3.png"></image>
+        <image src="../../images/home/nlist2.png"></image>
       </view>
       <view class='pad title'>日本东京大阪</view>
       <view class="pad">
@@ -177,7 +177,7 @@
     <view>
       <view class="imgView">
         <text class="country">日本</text>
-        <image src="../../images/home/nlist3.png"></image>
+        <image src="../../images/home/nlist2.png"></image>
       </view>
       <view class='pad title'>日本东京大阪</view>
       <view class="pad">
@@ -188,7 +188,7 @@
     <view>
       <view class="imgView">
         <text class="country">日本</text>
-        <image src="../../images/home/nlist3.png"></image>
+        <image src="../../images/home/nlist2.png"></image>
       </view>
       <view class='pad title'>日本东京大阪</view>
       <view class="pad">
@@ -207,7 +207,7 @@
     <view>
       <view class="imgView">
         <text class="country">日本</text>
-        <image src="../../images/home/nlist3.png"></image>
+        <image src="../../images/home/nlist2.png"></image>
       </view>
       <view class='pad title'>日本东京大阪</view>
       <view class="pad">
@@ -218,7 +218,7 @@
     <view>
       <view class="imgView">
         <text class="country">日本</text>
-        <image src="../../images/home/nlist3.png"></image>
+        <image src="../../images/home/nlist2.png"></image>
       </view>
       <view class='pad title'>日本东京大阪</view>
       <view class="pad">
@@ -229,7 +229,7 @@
     <view>
       <view class="imgView">
         <text class="country">日本</text>
-        <image src="../../images/home/nlist3.png"></image>
+        <image src="../../images/home/nlist2.png"></image>
       </view>
       <view class='pad title'>日本东京大阪</view>
       <view class="pad">
@@ -240,7 +240,7 @@
     <view>
       <view class="imgView">
         <text class="country">日本</text>
-        <image src="../../images/home/nlist3.png"></image>
+        <image src="../../images/home/nlist2.png"></image>
       </view>
       <view class='pad title'>日本东京大阪</view>
       <view class="pad">

pages/freeTravel/free.json

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

pages/freeTravel/free.wxml

-<view class="free">
+<view class="free commonF">
   <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 class="ybg">
+    <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_text">快速</view>
-      <view class="top_text">提交需求单</view>
-    </view>
-    <view class="_top">
-      <view class="_top_item">
-        <image src="../../images/free/2.png"></image>
+      <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_text">免费</view>
-      <view class="top_text">发送方案</view>
-    </view>
-    <view class="_top">
-      <view class="_top_item">
-        <image src="../../images/free/3.png"></image>
+      <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_text">沟通</view>
-      <view class="top_text">确认行程</view>
-    </view>
-    <view class="_top">
-      <view class="_top_item">
-        <image src="../../images/free/4.png"></image>
+      <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 class="top_text">签</view>
-      <view class="top_text">合同出行</view>
+
     </view>
+    <view class="ljdz">立即定制</view>
+    <view>
+      <!-- 当季精选特惠 -->
+      <view class="djjx">
+        <text class="cont_top">当季精选特惠</text>
+        <text class="cont_bottom">Hot Areas In The Season</text>
+      </view>
+      <view class="HotView">
+        <view class="hotItem">
+          <view class="hotImg">
+            <image src="../../images/home/nlist2.png"></image>
+            <view class="price">
+              <view>RMB</view>
+              <view>4889起</view>
+            </view>
+          </view>
+          <view style="padding:0 25rpx;text-align:center">
+            <view class="title bold f26">东京-大阪自由行</view>
+            <view class="text text3 f20">
+              四季变化明显，樱花季节，富士山，银座，新宿，池袋东护城河对岸矗立着一幢标志性建筑 飞檐重阁白墙黑
+            </view>
+            <view class="purchase f22">立即购买</view>
+          </view>
+        </view>
+        <view class="hotItem">
+          <view class="hotImg">
+            <image src="../../images/home/nlist2.png"></image>
+            <view class="price">
+              <view>RMB</view>
+              <view>4889起</view>
+            </view>
+          </view>
+          <view style="padding:0 25rpx;text-align:center">
+            <view class="title bold f26">东京-大阪自由行</view>
+            <view class="text text3 f20">
+              四季变化明显，
+            </view>
+            <view class="purchase f22">立即购买</view>
+          </view>
+        </view>
+      </view>
+      <!-- 热门速成自由行 -->
+      <view class="djjx">
+        <text class="cont_top" style="left:40rpx">热门速成自由行</text>
+        <text class="cont_bottom">Hot Crash Free Rides</text>
+      </view>
+      <view style="padding:0 30rpx;">
+        <view class="CrashView">
+          <view class="CrashImg">
+            <image style="z-index:1" src="../../images/free/t1.png"></image>
+            <image style="z-index:0" src="../../images/home/nlist2.png"></image>
+
+          </view>
+          <view class="f32 bold">
+            东京-大阪-富士山
+            <text class="comp">2人成行</text>
+          </view>
+          <view class="f22" style="color:#666666;padding:20rpx 0">
+            初游推荐，樱花季漫游东京，赠人气药妆三款礼遇任您选，代订富士山/镰仓一日游初游推荐，樱花季漫游东京，赠人气药妆 三款礼遇任您选，代订富士山/镰仓一日游
+          </view>
+          <view>
+            <view class="f20" style="color:#FF6633;display:inline-block">￥
+              <text class="f40">4888</text> 起
+            </view>
+            <view style="display:inline-block;float:right">
+              <image style="display:inline-block;width:14rpx;height:22rpx;margin:0 10rpx" src="../../images/home/location.png"></image>
+              <text class="f22">成都出发</text>
+            </view>
+          </view>
+          <view class="liqg">
+            立即抢购
+          </view>
+        </view>
+        <view style="width:408rpx;height:122rpx;margin:30rpx auto">
+          <image src="../../images/free/more.png"></image>
+
+        </view>
+      </view>
+      <!-- 专业行程定制师 -->
+      <view class="djjx" style="margin:50rpx auto">
+        <text class="cont_top" style="left:40rpx">专业行程定制师</text>
+        <text class="cont_bottom">Professional Trip Maker</text>
+      </view>
+      <view class="Person">
+        <view class="Person_item">
+          <view class="personDes">
+            <view class="bg">
+              <view class="des_item f24" style="padding-top:121rpx;">张帅/90后</view>
+              <view class="des_item bold f30">精通
+                <text class="bold">欧洲线</text>
+              </view>
+            </view>
+
+            <view class="personImg">
+              <image src="../../images/free/bg1.png"></image>
+
+            </view>
+          </view>
+
+        </view>
+        <view class="Person_item">
+          <view class="personDes">
+            <view class="bg">
+              <view class="des_item f24" style="padding-top:121rpx;">张帅/90后</view>
+              <view class="des_item bold f30">精通
+                <text class="bold">欧洲线</text>
+              </view>
+            </view>
+
+            <view class="personImg">
+              <image src="../../images/free/bg1.png"></image>
 
+            </view>
+          </view>
+
+        </view>
+        <view class="Person_item">
+          <view class="personDes">
+            <view class="bg">
+              <view class="des_item f24" style="padding-top:121rpx;">张帅/90后</view>
+              <view class="des_item bold f30">精通
+                <text class="bold">欧洲线</text>
+              </view>
+            </view>
+
+            <view class="personImg">
+              <image src="../../images/free/bg1.png"></image>
+
+            </view>
+          </view>
+
+        </view>
+      </view>
+      <view style="width:408rpx;height:122rpx;margin:30rpx auto">
+        <image src="../../images/free/more.png"></image>
+
+      </view>
+
+
+    </view>
   </view>
-  <view class="ljdz">立即定制</view>
-  <view>
-  <!-- 当季精选特惠 -->
-    <view class="djjx">
-      <text class="cont_top">当季精选特惠</text>
-      <text class="cont_bottom">价格实惠内容更精彩</text>
+
+  <view class="foot">
+
+    <view class="f32 bold" style="color:#000033;text-align:center">我们将提供什么？</view>
+    <view class="porView">
+      <view class="footbg">
+        <image src="../../images/free/footer.png"></image>
+      </view>
+      <view class="proFlex">
+        <view class="proItem">
+          <image src="../../images/free/p1.png"></image>
+          <view class="bold f24">拒绝程式化</view>
+          <view style="color:#999999" class="f20">自己掌握行程定制</view>
+        </view>
+        <view class="proItem">
+          <image src="../../images/free/p2.png"></image>
+          <view class="bold f24">1300+专业定制师</view>
+          <view style="color:#999999" class="f20">获取更高性价比的旅游线路</view>
+        </view>
+        <view class="proItem">
+          <image src="../../images/free/p3.png"></image>
+          <view class="bold f24">免费制作行程方案</view>
+          <view style="color:#999999" class="f20">旅游计划更省心</view>
+        </view>
+        <view class="proItem">
+          <image src="../../images/free/p4.png"></image>
+          <view class="bold f24">一站式服务</view>
+          <view style="color:#999999" class="f20">
+            省去做攻略、预订资源的繁琐流程
+          </view>
+        </view>
+      </view>
     </view>
   </view>
 </view>
\ No newline at end of file

pages/local/localhome.js

+// pages/local/localHome/localhome.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/local/localhome.json

+{
+  "navigationBarTitleText": "当地游",
+  "usingComponents": {
+    "search": "/component/Search/search"
+  }
+}
\ No newline at end of file

pages/local/localhome.wxml

+<view class="localhome commonF">
+  <search></search>
+  <view style="width:100%;height:300rpx;margin-top:36rpx">
+    <image src='/images/local/top1.png'></image>
+  </view>
+  <view class="ban">
+    <view>
+      <image src='/images/local/b1.png'></image>
+      <text>一日游</text>
+    </view>
+    <view>
+      <image style="height:52rpx;" src='/images/local/b2.png'></image>
+      <text>交通\n接驳</text>
+    </view>
+    <view>
+      <image style="width:79rpx;height:80rpx;" src='/images/local/b3.png'></image>
+      <text>游玩\n门票</text>
+    </view>
+    <view>
+      <image style="width:80rpx;height:71rpx;" src='/images/local/b4.png'></image>
+      <text>当地\n美食</text>
+    </view>
+    <view>
+      <image style="width:94rpx;height:52rpx;" src='/images/local/b5.png'></image>
+      <text>精彩\n演出</text>
+    </view>
+    <view>
+      <image style="width:78rpx;height:80rpx;" src='/images/local/b6.png'></image>
+      <text>特色\n体验</text>
+    </view>
+  </view>
+  <view class="ChooseBan" style="margin-top:40rpx">
+    <view class="chooseTitle f22">
+      <text class="active">日本</text>
+      <text>印尼</text>
+      <text>日本</text>
+    </view>
+    <view class="chooseDiv f28" style="height:210rpx;">
+      <text>名古屋一日游</text>
+      <text>东京一日游</text>
+      <text>名古屋一日游</text>
+      <text>名古屋一日游</text>
+      <text>东京一日游</text>
+      <text>名古屋一日游</text>
+    </view>
+  </view>
+  <!-- 为你推荐 -->
+  <view style="margin-top:40rpx">
+    <view style="padding-left:30rpx">
+      <text class="bold" style="font-size:30rpx;color:#000000">为你推荐</text>
+    </view>
+    <view class="likeView">
+      <text class="activeText">境外一日游</text>
+      <text>景点门票</text>
+      <text>当地美食</text>
+    </view>
+
+    <view class="FlTitleView">
+      <text class="text" style="color:#61DCD4"> \ \ \ </text>
+      <text style="font-size:30rpx;color:#000000;font-weight:600;margin:0 12rpx"> 境外一日游          </text>
+      <text class="text" style="color:#61DCD4"> \ \ \</text>
+    </view>
+    <!-- 境外一日游 -->
+    <view class="oneday">
+      <view class="onedayItem">
+        <view class="ImgView" style="height:247rpx;">
+          <image src="/images/home/nlist2.png"></image>
+          <text class="country">日本</text>
+        </view>
+        <view style="padding:0 20rpx">
+          <text class="bold f28">日本名古屋周边一日游</text>
+          <text>\n</text>
+          <text class="f22 price">￥1999起</text>
+        </view>
+      </view>
+      <view class="onedayItem">
+        <view class="ImgView" style="height:247rpx;">
+          <image src="/images/home/nlist2.png"></image>
+          <text class="country">日本</text>
+        </view>
+        <view style="padding:0 20rpx">
+          <text class="bold f28">日本名古屋周边一日游</text>
+          <text>\n</text>
+          <text class="f22 price">￥1999起</text>
+        </view>
+      </view>
+    </view>
+
+    <view class="FlTitleView">
+      <text class="text" style="color:#FD7F56"> \ \ \ </text>
+      <text style="font-size:30rpx;color:#000000;font-weight:600;margin:0 12rpx"> 游玩门票          </text>
+      <text class="text" style="color:#FD7F56"> \ \ \</text>
+    </view>
+    <!-- 游玩门票 -->
+    <view class="ticket">
+      <view class="ticketItem">
+        <view class="ImgView" style="height:247rpx;">
+          <image src="/images/home/nlist2.png"></image>
+          <view class="ticketView" style="padding:0 20rpx">
+            <text style="padding-top:25rpx" class="bold f28">日本名古屋周边一日游\n</text>
+            <text style="text-align:right" class="f22 price">￥1999起</text>
+          </view>
+        </view>
+
+      </view>
+    </view>
+
+    <view class="FlTitleView">
+      <text class="text" style="color:#F9C900"> \ \ \ </text>
+      <text style="font-size:30rpx;color:#000000;font-weight:600;margin:0 12rpx"> 当地美食          </text>
+      <text class="text" style="color:#F9C900"> \ \ \</text>
+    </view>
+    <!-- 当地美食 -->
+    <view class="oneday">
+      <view class="onedayItem">
+        <view class="ImgView" style="height:247rpx;">
+          <image src="/images/home/nlist2.png"></image>
+        </view>
+        <view style="padding:0 20rpx">
+          <text class="bold f28">日本名古屋周边一日游</text>
+          <text>\n</text>
+          <text class="f22 price">￥1999起</text>
+        </view>
+      </view>
+      <view class="onedayItem">
+        <view class="ImgView" style="height:247rpx;">
+          <image src="/images/home/nlist2.png"></image>
+        </view>
+        <view style="padding:0 20rpx">
+          <text class="bold f28">日本名古屋周边一日游</text>
+          <text>\n</text>
+          <text class="f22 price">￥1999起</text>
+        </view>
+      </view>
+    </view>
+  </view>
+</view>
\ No newline at end of file

pages/local/localhome.wxss

+.localhome{
+  background: #fff;
+}
+.ban image{
+  width: 94rpx;
+  height: 58rpx;
+}
+.ban{
+  padding: 0 30rpx;
+  box-sizing: border-box;
+  font-size: 22rpx;
+  color:#666666;
+  display: flex;
+  justify-content: space-around;
+  flex-wrap: wrap;
+}
+.ban>view{
+  width: 210rpx;
+  height: 110rpx;
+  display: inline-flex;
+  align-items: center;
+  background: #F5F5F5;
+  margin-top: 30rpx;
+  padding: 0 0rpx 0 20rpx;
+  box-sizing: border-box;
+  
+}
+.ban>view text{
+  margin-left: 20rpx;
+}
+.ChooseBan{
+  margin: 0 auto;
+  width: 690rpx;
+  height: 306rpx;
+  box-sizing: border-box;
+  box-shadow:0 6rpx 10rpx 0 rgba(76,76,76,0.15);
+  border-radius:12rpx;
+}
+.chooseTitle{
+  border-bottom: 1rpx solid #E9E9E9;
+  height: 89rpx;
+  line-height: 89rpx;
+  font-weight: 600;
+}
+.chooseTitle .active{
+  border-bottom: 2rpx solid #EE4454;
+  color: #EE4454;
+
+}
+.chooseTitle text{
+  display: inline-block;
+  margin: 0 50rpx;
+}
+.chooseDiv{
+  padding: 20rpx 50rpx;
+  box-sizing: border-box;
+}
+.chooseDiv text{
+  display: inline-block;
+  background:rgba(244,244,255,1);
+  border-radius:29rpx;
+  padding: 15rpx 10rpx;
+  margin-right: 30rpx;
+  margin-bottom: 30rpx;
+}
+.localhome .likeView{
+  height:90rpx;
+  line-height:90rpx;
+  font-size: 24rpx;
+  display: flex;
+  justify-content: space-around;
+  
+}
+.localhome .likeView text{
+  display: inline-block;
+}
+.localhome .likeView .activeText{
+  color: #EE4454;
+  border-bottom: 2rpx solid #EE4454;
+}
+.localhome .FlTitleView{
+  display: flex;
+  align-items: center;
+  height:90rpx;
+  background:rgba(245,245,245,1);
+  padding: 0 26rpx;
+}
+.localhome .FlTitleView .text{
+  font-size:20rpx;font-weight:700;
+}
+.oneday{
+  padding: 30rpx;
+  box-sizing: border-box;
+}
+.oneday .onedayItem{
+  display: inline-block;
+  width: 330rpx;
+  height: 360rpx;
+  border-radius:12rpx;
+  border: 1rpx solid #f5f5f5;
+}
+.oneday .onedayItem:nth-child(even){
+  margin-left: 30rpx;
+}
+.oneday .onedayItem .price{
+  color: #EE4454;
+  float: right;
+}
+.oneday .onedayItem .ImgView{
+  position: relative;
+}
+.oneday .onedayItem .ImgView .country{
+  position: absolute;
+  top: 0;
+  left: 0;
+  width:90rpx;
+  height:40rpx;
+  line-height:40rpx;
+  background:rgba(97,220,212,1);
+  border-radius:12rpx 0px 12rpx 0px;
+  text-align: center;
+  color:#fff;
+  font-size: 22rpx;
+}
+
+.ticket{
+  padding: 30rpx;
+  box-sizing: border-box;
+}
+.ticket .ticketItem{
+  display: inline-block;
+  width: 330rpx;
+  height: 247rpx;
+  border-radius:12rpx;
+}
+.ticket .ticketItem:nth-child(even){
+  margin-left: 30rpx;
+}
+.ticket .ticketItem .price{
+  color: #EE4454;
+  float: right;
+}
+.ticket .ticketItem .ImgView{
+  position: relative;
+}
+.ticket .ticketItem .ImgView .ticketView{
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  color:#fff;
+  font-size: 22rpx;
+  height:114rpx;
+  width: 100%;
+  background:rgba(17,17,17,0.5);
+  border-radius:0px 0px 12rpx 12rpx;
+  display: flex;
+  flex-direction: column;
+}

pages/visa/visa.js

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

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

pages/visa/visa.wxml

+<view class="commonF Visa">
+  <search></search>
+  <view style="width:100%;height:300rpx;margin-top:36rpx">
+    <image src='/images/visa/top1.png'></image>
+  </view>
+  <view style="text-align:center;margin:15rpx">
+    <image style="width:55rpx;height:27rpx" src='/images/visa/v0.png'></image>
+    <text class="f30" style="margin-left:5rpx">签证流程</text>
+  </view>
+  <view class="visaPro">
+    <view class="visaProItem">
+      <image src='/images/visa/v1.png'></image>
+      <view>网上提交订单</view>
+    </view>
+    <view class="visaProItem">
+      <text></text>
+      <text></text>
+      <text></text>
+    </view>
+    <view class="visaProItem">
+      <image src='/images/visa/v2.png'></image>
+      <view>寄交签证资料</view>
+    </view>
+    <view class="visaProItem">
+      <text></text>
+      <text></text>
+      <text></text>
+    </view>
+    <view class="visaProItem">
+      <image src='/images/visa/v3.png'></image>
+      <view>送签（免签）</view>
+    </view>
+    <view class="visaProItem">
+      <text></text>
+      <text></text>
+      <text></text>
+    </view>
+    <view class="visaProItem">
+      <image src='/images/visa/v4.png'></image>
+      <view>出签&配送</view>
+    </view>
+  </view>
+  <view class="CommonVTile">
+    <image style="width:30rpx;height:22rpx" src='/images/visa/t1.png'></image>   
+    <text class="f30 bold">限时优惠</text> 
+  </view>
+  <view class="VisaView">
+    <view class="VisaList XianItem">
+      <image src='/images/home/nlist2.png'></image> 
+      <view class="XianDes">
+        <view>
+            <image src='/images/visa/c1.png'></image> 
+        </view>
+        <view style="margin-left:20rpx">
+          <view class="f22 c33">韩国个签</view>
+          <view style="margin-top:25rpx" class="f30 cee">￥12997</view>
+          <view class="text">
+            个签
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+</view>
\ No newline at end of file

pages/visa/visa.wxss

+.Visa {
+  background: #fff;
+}
+
+.visaPro image {
+  width: 66rpx;
+  height: 66rpx;
+}
+
+.visaPro {
+  padding: 0 15rpx;
+  box-sizing: border-box;
+  display: flex;
+  justify-content: space-around;
+  padding-bottom: 40rpx;
+}
+
+.visaPro .visaProItem {
+  text-align: center;
+  display: inline-block;
+}
+
+.visaPro .visaProItem view {
+  color: #666;
+  font-size: 22rpx;
+}
+
+.visaPro .visaProItem text {
+  display: inline-block;
+  width: 6rpx;
+  height: 6rpx;
+  border-radius: 50%;
+  background: #ddd;
+  margin: 0 4rpx;
+}
+
+.CommonVTile {
+  padding-left: 28rpx;
+  height: 90rpx;
+  line-height: 90rpx;
+  background: rgba(245, 245, 245, 1);
+  box-sizing: border-box;
+}
+
+.CommonVTile text {
+  padding-left: 10rpx;
+}
+
+.VisaView {
+  padding: 30rpx;
+  box-sizing: border-box;
+}
+
+.VisaView .VisaList:nth-child(even) {
+  margin-left: 30rpx;
+}
+
+.VisaView .VisaList {
+  display: inline-block;
+  position: relative;
+}
+
+.VisaView .XianItem {
+  width: 330rpx;
+  height: 210rpx;
+}
+
+.VisaView .XianDes {
+  position: absolute;
+  top: 40rpx;
+  left: 32rpx;
+  display: flex;
+}
+
+.VisaView .XianDes image {
+  width: 78rpx;
+  height: 50rpx;
+}
+
+.VisaView .XianDes>view {
+  display: inline-block;
+}
+
+.VisaView .XianDes>view .text {
+  width: 68rpx;
+  height: 30rpx;
+  line-height: 30rpx;
+  background: rgba(110, 163, 241, 1);
+  text-align: center;
+  font-size: 20rpx;
+  color:#fff;
+}