init

uni_modules/oct-logistics/components/oct-logistics/oct-logistics.vue

@@ -0,0 +1,132 @@
+<template>
+	<view class="">
+		<view class="logistics--header">
+			<image class="logo" :src="info.logo" mode="aspectFill"></image>
+			<view class="info">
+				<view class="info--company">快递公司：{{info.company}}</view>
+				<view class="info--no" @click="copyNo">{{info.no}}<text>复制</text></view>
+			</view>
+		</view>
+		<view class="logistics--logs">
+			<block v-for="(log, logIndex) in logs" :key="logIndex">
+				<view class="item">
+					<view class="">{{log.status}}</view>
+					<view class="">{{log.time}}</view>
+					<view class="">{{log.context}}</view>
+				</view>
+			</block>
+		</view>
+	</view>
+</template>
+<script>
+	export default{
+		props: {
+			logs: {
+				type: Array,
+				default: () => {
+					return []
+				}
+			},
+			info: {
+				type: Object,
+				default: () => {
+					return {
+						logo	: "",
+						no		: "",
+						company	: ""
+					}
+				}
+			}
+		},
+		methods:{
+			copyNo(){
+				uni.setClipboardData({
+					data: this.info.no,
+					success: res => {
+						uni.showToast({
+							title: "单号已复制",
+							icon : "none"
+						})
+					}
+				})
+			}
+		}
+	}
+</script>
+<style lang="scss" scoped>
+	$margin: 30rpx;
+	$radius: 10rpx;
+	.logistics--header{
+		position: relative;
+		background: linear-gradient(to right, #34ce98, #22aa98);
+		color: white;
+		padding: $margin $margin $margin*2;
+		min-height: 88rpx;
+		.logo{
+			width: 88rpx;
+			height: 88rpx;
+			background: white;
+			vertical-align: top;
+		}
+		.info{
+			position: absolute;
+			left: $margin * 2 + 88rpx;
+			top: $margin;
+			font-size: 28rpx;
+			&--no{
+				line-height: 44rpx;
+				font-weight: normal;
+				text{
+					margin-left: $margin/2;
+				}
+			}
+			&--company{
+				height: 44rpx;
+				line-height: 40rpx;
+				font-weight: normal;
+			}
+		}
+	}
+	.logistics--logs{
+		position: relative;
+		margin-top: -$margin;
+		background: white;
+		border-radius: $radius $radius 0 0;
+		z-index: 9;
+		padding: $margin;
+		overflow: hidden;
+		.item{
+			position: relative;
+			margin-top: $margin;
+			padding-left: 50rpx;
+			font-size: 28rpx;
+			color: #444;
+			&::after,
+			&::before{
+				position: absolute;
+				content: " ";
+			}
+			&::before{
+				top: 10rpx;
+				left: 10rpx;
+				background-color: #ddd;
+				height: 200%;
+				width: 2rpx;
+			}
+			&::after{
+				width: 22rpx;
+				height: 22rpx;
+				background-color: #ddd;
+				left: 0;
+				top: 10rpx;
+				border-radius: 50%;
+			}
+			&:first-child{
+				margin-top: 0;
+				&::after{
+					background-color: #34CE98;
+				}
+			}
+		}
+	}
+</style>

uni_modules/oct-logistics/package.json

@@ -0,0 +1,80 @@
+{
+  "id": "oct-logistics",
+  "displayName": "oct-logistics",
+  "version": "1.0.0",
+  "description": "oct-logistics",
+  "keywords": [
+    "oct-logistics"
+],
+  "repository": "",
+  "engines": {
+    "HBuilderX": "^3.1.0"
+  },
+  "dcloudext": {
+    "category": [
+        "前端组件",
+        "通用组件"
+    ],
+    "sale": {
+      "regular": {
+        "price": "0.00"
+      },
+      "sourcecode": {
+        "price": "0.00"
+      }
+    },
+    "contact": {
+      "qq": ""
+    },
+    "declaration": {
+      "ads": "",
+      "data": "",
+      "permissions": ""
+    },
+    "npmurl": ""
+  },
+  "uni_modules": {
+    "dependencies": [],
+    "encrypt": [],
+    "platforms": {
+      "cloud": {
+        "tcb": "u",
+        "aliyun": "u"
+      },
+      "client": {
+        "Vue": {
+          "vue2": "u",
+          "vue3": "u"
+        },
+        "App": {
+          "app-vue": "u",
+          "app-nvue": "u"
+        },
+        "H5-mobile": {
+          "Safari": "u",
+          "Android Browser": "u",
+          "微信浏览器(Android)": "u",
+          "QQ浏览器(Android)": "u"
+        },
+        "H5-pc": {
+          "Chrome": "u",
+          "IE": "u",
+          "Edge": "u",
+          "Firefox": "u",
+          "Safari": "u"
+        },
+        "小程序": {
+          "微信": "u",
+          "阿里": "u",
+          "百度": "u",
+          "字节跳动": "u",
+          "QQ": "u"
+        },
+        "快应用": {
+          "华为": "u",
+          "联盟": "u"
+        }
+      }
+    }
+  }
+}

uni_modules/oct-logistics/readme.md

@@ -0,0 +1 @@
+# oct-logistics