first commit

项目合集/校园失物招领/min-tpl/miniprogram_npm/wux-weapp/timeline-item/.pydio

@@ -0,0 +1 @@
+52f37dc8-cdf5-4d0d-aa63-ca745ef9e235

项目合集/校园失物招领/min-tpl/miniprogram_npm/wux-weapp/timeline-item/index.js

@@ -0,0 +1 @@
+"use strict";var _baseComponent=_interopRequireDefault(require("../helpers/baseComponent")),_classNames4=_interopRequireDefault(require("../helpers/classNames")),_styleToCssString=_interopRequireDefault(require("../helpers/styleToCssString"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}(0,_baseComponent.default)({relations:{"../timeline/index":{type:"parent"}},properties:{prefixCls:{type:String,value:"wux-timeline-item"},content:{type:String,value:""},dotStyle:{type:[String,Object],value:"",observer:function(e){this.setData({extStyle:(0,_styleToCssString.default)(e)})}},custom:{type:Boolean,value:!1}},data:{isLast:!1,isPending:!1,pending:!1,className:"",extStyle:""},computed:{classes:["prefixCls, isLast, pending, isPending, custom",function(e,t,n,a,i){var s;return{wrap:(0,_classNames4.default)(e,(_defineProperty(s={},"".concat(e,"--last"),t),_defineProperty(s,"".concat(e,"--pending"),n),s)),tail:(0,_classNames4.default)("".concat(e,"__tail"),_defineProperty({},"".concat(e,"__tail--pending"),a)),dot:(0,_classNames4.default)("".concat(e,"__dot"),_defineProperty({},"".concat(e,"__dot--custom"),i)),content:"".concat(e,"__content")}}]},methods:{updateIsLastElement:function(e){var t=e.index,n=e.isLast,a=e.isPending,i=e.pending,s=e.position,r=this.data.prefixCls,o="alternate"===s?t%2==0?"".concat(r,"--alternate ").concat(r,"--left"):"".concat(r,"--alternate ").concat(r,"--right"):"right"===s?"".concat(r,"--right"):"";this.setData({isLast:n,isPending:a,pending:i,className:o})}}});

项目合集/校园失物招领/min-tpl/miniprogram_npm/wux-weapp/timeline-item/index.json

@@ -0,0 +1,3 @@
+{
+    "component": true
+}

项目合集/校园失物招领/min-tpl/miniprogram_npm/wux-weapp/timeline-item/index.wxml

@@ -0,0 +1,10 @@
+<view class="wux-class {{ classes.wrap }} {{ className }}">
+    <view class="{{ classes.tail }}"></view>
+    <view class="{{ classes.dot }}" style="{{ extStyle }}">
+    	<slot wx:if="{{ custom }}" name="dot"></slot>
+    </view>
+    <view class="{{ classes.content }}">
+    	<text>{{ content }}</text>
+        <slot></slot>
+    </view>
+</view>

项目合集/校园失物招领/min-tpl/miniprogram_npm/wux-weapp/timeline-item/index.wxss

@@ -0,0 +1 @@
+.wux-timeline-item{position:relative;padding:0 0 24rpx;margin:0;font-size:28rpx;box-sizing:border-box}.wux-timeline-item__tail{height:100%;border-left:4rpx solid #e8e8e8;position:absolute;left:10rpx;top:0;box-sizing:border-box}.wux-timeline-item__dot{width:24rpx;height:24rpx;background-color:#fff;border-radius:50%;border:4rpx solid #387ef5;position:absolute;color:#387ef5;box-sizing:border-box}.wux-timeline-item__dot--custom{margin-left:2rpx!important;left:10rpx;top:16rpx;border:0;border-radius:0;width:auto;height:auto;background-color:transparent;text-align:center;transform:translate(-50%,-50%)}.wux-timeline-item__content{padding:0 0 20rpx 40rpx;position:relative;top:-10rpx;width:100%;box-sizing:border-box}.wux-timeline-item--last .wux-timeline-item__tail,.wux-timeline-item--pending .wux-timeline-item__tail--pending{display:none}.wux-timeline-item--last.wux-timeline-item--pending .wux-timeline-item__tail{display:block;border-left-style:dotted}.wux-timeline-item--right .wux-timeline-item__tail{left:100%}.wux-timeline-item--right .wux-timeline-item__dot{left:100%;margin-left:-10rpx}.wux-timeline-item--right .wux-timeline-item__content{text-align:right;right:0;left:-40rpx}.wux-timeline-item--alternate.wux-timeline-item--left .wux-timeline-item__tail,.wux-timeline-item--alternate.wux-timeline-item--right .wux-timeline-item__tail{left:50%}.wux-timeline-item--alternate.wux-timeline-item--left .wux-timeline-item__dot,.wux-timeline-item--alternate.wux-timeline-item--right .wux-timeline-item__dot{left:50%;margin-left:-10rpx}.wux-timeline-item--alternate.wux-timeline-item--right .wux-timeline-item__content{text-align:right;right:50%;width:50%}.wux-timeline-item--alternate.wux-timeline-item--left .wux-timeline-item__content{text-align:left;left:50%;width:50%}