签证

Common.wxss

@@ -63,4 +63,14 @@
     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

 {
   "pages": [
-    "pages/local/localHome/localhome",
-    "pages/freeTravel/free",
+    "pages/visa/visa",
     "pages/Home/home",
+    "pages/freeTravel/free",
+    "pages/local/localhome",
+    
+    
     "pages/product/product",
     "pages/product/productAll/productAll",
     "pages/product/productCheck/productCheck",

pages/freeTravel/free.wxss

@@ -7,10 +7,6 @@
   width: 100%;
   height: 315rpx;
 }
-.free image{
-  width: 100%;
-  height: 100%;
-}
 .free ._top{
   display: inline-block;
   width: 104rpx;

pages/local/localHome/localhome.wxml → 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>
+    <image src='/images/local/top1.png'></image>
   </view>
   <view class="ban">
     <view>
-      <image src='../../../images/local/b1.png'></image>
+      <image src='/images/local/b1.png'></image>
       <text>一日游</text>
     </view>
     <view>
-      <image style="height:52rpx;" src='../../../images/local/b2.png'></image>
+      <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>
+      <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>
+      <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>
+      <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>
+      <image style="width:78rpx;height:80rpx;" src='/images/local/b6.png'></image>
       <text>特色\n体验</text>
     </view>
   </view>

pages/local/localHome/localhome.wxss → pages/local/localhome.wxss

 .localhome{
   background: #fff;
 }
-.localhome image{
-  width: 100%;
-  height: 100%;
-}
 .ban image{
   width: 94rpx;
   height: 58rpx;

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;
+}