更换版本

packageA/pages/caresgznew/selectTime/selectTime.js

@@ -0,0 +1,56 @@
+Page({
+  data: {
+    winHeight: 0,
+    two_none: "none",
+    hasback: "none",
+    year_list: [],
+    mouth_list: [
+      "01",
+      "02",
+      "03",
+      "04",
+      "05",
+      "06",
+      "07",
+      "08",
+      "09",
+      "10",
+      "11",
+      "12",
+    ],
+    year: "",
+  },
+  onLoad: function () {
+    var t = wx.getSystemInfoSync().windowHeight;
+    this.setData({ winHeight: t, year_list: this.getsortyear() });
+  },
+  getsortyear: function () {
+    var t = [],
+      e = wx.getStorageSync("carvehicle"),
+      a = new Date().getFullYear();
+    if (null != e && "" != e && null != e.makeyear)
+      for (var n = 0; n < a && a - n >= parseInt(e.makeyear); n++)
+        t.push(a - n);
+    else for (var o = 0; o < 18; o++) t.push(a--);
+    return t;
+  },
+  btn_pinpai: function (t) {
+    this.setData({
+      two_none: "block",
+      hasback: "block",
+      year: t.currentTarget.dataset.year,
+    });
+  },
+  btn_sel_name: function (t) {
+    var e = t.currentTarget.dataset.mouth;
+    wx.setStorageSync("cartime", this.data.year + "-" + e),
+      wx.navigateBack({ delta: 1 });
+  },
+  goback: function () {
+    "block" == this.data.three_none
+      ? this.setData({ three_none: "none" })
+      : "block" == this.data.two_none
+      ? this.setData({ two_none: "none", hasback: "none" })
+      : this.setData({ hasback: "none" });
+  },
+});

packageA/pages/caresgznew/selectTime/selectTime.json

@@ -0,0 +1,3 @@
+ {
+   "usingComponents": {}
+ }

packageA/pages/caresgznew/selectTime/selectTime.wxml

@@ -0,0 +1,15 @@
+<view>
+    <scroll-view scrollY="true" style="height:{{winHeight}}px">
+        <view class="selection" wx:for="{{year_list}}" wx:key="index">
+            <view bindtap="btn_pinpai" class="item_city" data-year="{{item}}"> {{item}} </view>
+        </view>
+    </scroll-view>
+    <scroll-view class="scoll_car_service" scrollY="true" style="height:{{car_type_hight}};display:{{two_none}}">
+        <view class="selection" wx:for="{{mouth_list}}" wx:key="index">
+            <label bindtap="btn_sel_name" class="tab2" data-mouth="{{item}}"> {{item}} </label>
+        </view>
+    </scroll-view>
+</view>
+<view bindtap="goback" class="goback" style="display:{{hasback}}">
+    <text class="arrow"></text>
+</view>

packageA/pages/caresgznew/selectTime/selectTime.wxss

@@ -0,0 +1,125 @@
+.searchLetter {
+  color: #666;
+  display: -webkit-flex;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  justify-content: center;
+  position: fixed;
+  right: 0;
+  text-align: center;
+  width: 40px;
+  z-index: 1;
+}
+.tab2 {
+  height: 80rpx;
+  line-height: 80rpx;
+  width: 560rpx;
+}
+.tab2,
+.tab3 {
+  border-bottom: 1px solid #eaeaea;
+  color: #2a2a2a;
+  font-size: 30rpx;
+  padding-left: 30rpx;
+}
+.tab3 {
+  word-wrap: break-word;
+  display: block;
+  overflow: hidden;
+  padding-bottom: 20rpx;
+  padding-top: 20rpx;
+}
+.scoll_car_service {
+  left: 25%;
+  width: 75%;
+  z-index: 5;
+}
+.scoll_car_service,
+.scoll_vender_service {
+  background-color: #f5f5f5;
+  box-shadow: 0 0 3px 3px #999;
+  display: -webkit-flex;
+  display: flex;
+  height: 100%;
+  position: fixed;
+  top: 1px;
+}
+.scoll_vender_service {
+  left: 50%;
+  width: 50%;
+  z-index: 10;
+}
+.searchLetter view {
+  height: 70rpx;
+}
+.touchClass {
+  color: #a56e0a;
+  font-size: 28rpx;
+}
+.showSlectedLetter {
+  align-items: center;
+  background-color: rgba(0, 0, 0, 0.5);
+  border-radius: 10px;
+  color: #fff;
+  font-size: 26px;
+  height: 100px;
+  justify-content: center;
+  left: 50%;
+  margin: -50px;
+  position: fixed;
+  top: 50%;
+  width: 100px;
+  z-index: 1;
+}
+.selection,
+.showSlectedLetter {
+  display: -webkit-flex;
+  display: flex;
+}
+.selection {
+  flex-direction: column;
+  width: 100%;
+}
+.item_letter {
+  align-items: center;
+  background-color: #f8f8f8;
+  color: #896a0d;
+  display: -webkit-flex;
+  display: flex;
+  font-size: 26rpx;
+  height: 30px;
+  padding-left: 10px;
+}
+.item_city {
+  background-color: #f5f5f5;
+  border-bottom: 1px solid #eaeaea;
+  color: #2a2a2a;
+  font-size: 30rpx;
+  height: 34px;
+  line-height: 34px;
+  padding-left: 10px;
+}
+.car_img {
+  height: 80rpx;
+  width: 100rpx;
+}
+.goback {
+  border: 2rpx solid #aaa;
+  border-radius: 50%;
+  bottom: 60rpx;
+  height: 80rpx;
+  position: fixed;
+  right: 40rpx;
+  width: 80rpx;
+  z-index: 99;
+}
+.arrow {
+  border-bottom: 3px solid #999;
+  border-left: 3px solid #999;
+  display: block;
+  height: 14px;
+  margin: 24rpx 30rpx;
+  transform: rotate(45deg);
+  width: 14px;
+}