first commit

src/components/Divider/index.vue

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

src/components/Divider/styles/index.scss

@@ -0,0 +1,36 @@
+.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;
+  // }
+}