feat: 新增订单列表交互

components/Divider/index.vue

@@ -0,0 +1,7 @@
+<template>
+  <view class="divider"></view>
+</template>
+
+<style scoped lang="scss">
+@import "./styles/index.scss";
+</style>

components/Divider/styles/index.scss

@@ -0,0 +1,30 @@
+.divider {
+  height: 1px;
+  margin: 0 10px;
+  background: linear-gradient(to right, #eee, #eee 5px, transparent 5px, transparent);
+  background-size: 10px 100%;
+  position: relative;
+
+  &::before, &::after { 
+    position: absolute;
+    content: '';
+    height: 12px;
+    width: 6px;
+    
+    background-color: #E2EDF2;
+    top: 50%;
+    transform: translateY(-50%);
+  }
+
+  &::before {
+    border-radius: 0 20px 20px 0;
+    top: 0;
+    left: -10px;
+  }
+
+  &::after {
+    border-radius: 20px 0 0 20px;
+    top: 0;
+    right: -10px;
+  }
+}