v2.0.2

v2.0.2 2.0版本上线

demo/pages/component/timeline/timeline.js

@@ -0,0 +1,9 @@
+const app = getApp();
+Page({
+  data: {
+    StatusBar: app.globalData.StatusBar,
+    CustomBar: app.globalData.CustomBar
+  },
+  onLoad: function () { },
+
+});

demo/pages/component/timeline/timeline.json

@@ -0,0 +1 @@
+{}

demo/pages/component/timeline/timeline.wxml

@@ -0,0 +1,90 @@
+<custom style="height:{{CustomBar}}px;">
+  <bar class="fixed gradual-pink" style="height:{{CustomBar}}px;padding-top:{{StatusBar}}px;">
+    <navigator class='action' open-type="navigateBack" delta="1" hover-class="none">
+      <icon class='icon-back'/>
+      时间轴
+    </navigator>
+  </bar>
+</custom>
+<timeline>
+  <time>昨天</time>
+  <item class='cur icon-noticefill'>
+    <view class="content bg-green shadow-blur">
+      <text>22:22</text> 【广州市】快件已到达地球
+    </view>
+  </item>
+  <item class='text-red icon-attentionforbidfill'>
+    <view class="content bg-red shadow-blur">
+      这是第一次，我家的铲屎官走了这么久。久到足足有三天！！
+    </view>
+  </item>
+  <item class='text-grey icon-evaluate_fill'>
+    <view class="content bg-grey shadow-blur">
+      这是第一次，我家的铲屎官走了这么久。
+    </view>
+  </item>
+  <item class='text-blue'>
+    <view class="bg-blue content">
+      <text>20:00</text> 【月球】快件已到达月球，准备发往地球
+    </view>
+    <view class="bg-cyan content">
+      <text>10:00</text> 【银河系】快件已到达银河系，准备发往月球
+    </view>
+  </item>
+</timeline>
+
+<timeline>
+  <time>06-17</time>
+  <item>
+    <view class="content">
+      <text>01:30</text> 【喵星】 MX-12138 已揽收，准备发往银河系
+    </view>
+  </item>
+</timeline>
+
+<timeline>
+  <time>06-17</time>
+  <item>
+    <view class="content">
+      <capsule class="radius">
+        <tag class="bg-cyan">上午</tag>
+        <tag class="line-cyan">10:00</tag>
+      </capsule>
+      <view class='margin-top'>这是第一次，我家的铲屎官走了这么久。久到足足有三天！！ 在听到他的脚步声响在楼梯间的那一刻，我简直想要破门而出，对着他狠狠地吼上10分钟，然后再看心情要不要他进门。</view>
+    </view>
+  </item>
+  <item class='text-blue'>
+    <view class="bg-blue shadow-blur content">
+      <list class="menu menu-avatar radius">
+        <item>
+          <avatar class="round lg" style="background-image:url(https://image.weilanwl.com/img/square-1.jpg);"></avatar>
+          <view class='content'>
+            <view class='text-grey'>文晓港</view>
+            <view class='text-gray text-sm'>
+              <icon class='icon-infofill text-red'/> 消息未送达</view>
+          </view>
+          <view class='action'>
+            <view class='text-grey text-xs'>22:20</view>
+            <tag class="round grey sm">5</tag>
+          </view>
+        </item>
+        <item>
+          <avatar class="round lg" style="background-image:url(https://image.weilanwl.com/img/square-2.jpg);">
+            <tag class="badge">99+</tag>
+          </avatar>
+          <view class='content'>
+            <view class='text-grey'>文晓港
+              <tag class="round orange sm">SVIP</tag>
+            </view>
+            <view class='text-gray text-sm'>
+              <icon class='icon-redpacket_fill text-red'/> 收到红包</view>
+          </view>
+          <view class='action'>
+            <view class='text-grey text-xs'>22:20</view>
+            <icon class='icon-notice_forbid_fill text-gray'/>
+          </view>
+        </item>
+      </list>
+    </view>
+  </item>
+</timeline>

demo/pages/component/timeline/timeline.wxss

@@ -0,0 +1 @@
+/* pages/component/timeline/timeline.wxss */