v2.0.2

v2.0.2 2.0版本上线

demo/pages/plugin/home/home.js

@@ -0,0 +1,24 @@
+const app = getApp();
+Page({
+  data: {
+    StatusBar: app.globalData.StatusBar,
+    CustomBar: app.globalData.CustomBar,
+    list: [{
+        title: '索引列表',
+        img: 'https://image.weilanwl.com/color2.0/plugin/sylb2244.jpg',
+        url: '../indexes/indexes'
+      },
+      {
+        title: '微动画',
+        img: 'https://image.weilanwl.com/color2.0/plugin/wdh2236.jpg',
+        url: '../animation/animation'
+      }
+    ]
+  },
+  toChild(e) {
+    wx.navigateTo({
+      url: e.currentTarget.dataset.url
+    })
+  },
+
+});

demo/pages/plugin/home/home.json

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

demo/pages/plugin/home/home.wxml

@@ -0,0 +1,14 @@
+<custom style="height:{{CustomBar}}px;">
+  <bar class="fixed none-bg text-white bg-img" style="height:{{CustomBar}}px;padding-top:{{StatusBar}}px;background-image:url(https://image.weilanwl.com/color2.0/plugin/cjkz2329.jpg);">
+    <view class='content' open-type="navigateBack" delta="1" hover-class="none">
+      <image src="/images/cjkz.png" mode='widthFix'></image>
+    </view>
+  </bar>
+</custom>
+<card>
+  <item class="bg-img shadow-blur" style="background-image:url({{item.img}})" bindtap="toChild" data-url="{{item.url}}" wx:for="{{list}}" wx:key>
+    <view class="cardTitle">
+      {{item.title}}
+    </view>
+  </item>
+</card>

demo/pages/plugin/home/home.wxss

@@ -0,0 +1,41 @@
+
+bar .content image{
+  height: 30px;
+  width: 120px;
+}
+
+.cardTitle{
+  color: #fff;
+  padding: 45px 30px;
+  font-size: 20px;
+  font-weight: 300;
+  transform: skew(-10deg, 0deg);
+  position: relative;
+  text-shadow: 0px 0px 3px rgba(0,0,0,0.3)
+}
+
+.cardTitle::before{
+  content: "";
+  position: absolute;
+  width: 30px;
+  height: 3px;
+  border-radius: 10px;
+  background-color: #fff;
+  display: block;
+  top: 30px;
+  left: 25px;  
+  transform: skew(10deg, 0deg);
+}
+.cardTitle::after{
+  content: "";
+  position: absolute;
+  width: 70px;
+  border-radius: 3px;
+  height: 12px;
+  background-color: #fff;
+  display: block;
+  bottom: 38px;
+  left: 45px;  
+  transform: skew(10deg, 0deg);
+  opacity: 0.1;
+}