初始化移动端提交

sheep/scss/style/_button.scss

@@ -0,0 +1,87 @@
+.ui-btn-box {
+  display: inline-block;
+}
+.ui-btn {
+  position: relative;
+  border: 0rpx;
+  display: inline-block;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  padding: 0.7857em 1.5em 0.7857em;
+  font-size: 28rpx;
+  line-height: 1em;
+  text-align: center;
+  text-decoration: none;
+  overflow: visible;
+  margin: 0 0.25em 0 0;
+  transform: translate(0rpx, 0rpx);
+  border-radius: $radius;
+  white-space: nowrap;
+  color: var(--text-a);
+  background-color: var(--ui-BG);
+  vertical-align: baseline;
+  &:first-child:last-child {
+    margin: 0;
+  }
+  &:not([class*='round'])::after {
+    border-radius: calc(#{$radius} * 2);
+  }
+  &:not([class*='border'])::after {
+    // content: ' ';
+    // width: 200%;
+    // height: 200%;
+    // display: block;
+    // position: absolute;
+    // z-index: 0;
+    // top: 0;
+    // left: 0;
+    // transform: scale(0.5);
+    // transform-origin: 0 0;
+    // pointer-events: none;
+    // box-sizing: border-box;
+    display: none;
+  }
+  &.round::after {
+    border-radius: #{$round-pill};
+  }
+  &.icon {
+    padding: 0.8em 0.8em;
+  }
+
+  &.sm {
+    font-size: 24rpx;
+  }
+
+  &.lg {
+    font-size: 32rpx;
+  }
+
+  &.xl {
+    font-size: 36rpx;
+  }
+
+  &.block {
+    width: 100%;
+    display: block;
+    font-size: 32rpx;
+  }
+
+  &[disabled] {
+    opacity: 0.6;
+  }
+
+  &.none-style {
+    background-color: transparent !important;
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    display: flex;
+  }
+}
+
+.ui-btn:not(.icon) [class*='icon-'] {
+  margin: 0 0.25em;
+}

sheep/scss/style/_code.scss

@@ -0,0 +1,55 @@
+.ui-code {
+  font-family: Monaco, Menlo, Consolas, 'Courier New';
+  font-size: 90%;
+  position: relative;
+  z-index: 1;
+  color: var(--ui-TC);
+  .ui-rich-text {
+    display: inline-block;
+  }
+
+  &.code {
+    display: inline-block;
+    padding: 0 10rpx;
+    margin: 0 10rpx;
+    border-radius: $radius-sm;
+    line-height: 1.6;
+    vertical-align: baseline;
+  }
+
+  &.pre {
+    display: block;
+    margin: 1em 0;
+    line-height: 1.6;
+    &.hasTitle {
+      margin: 3.2em 0 1em;
+    }
+    // border-radius: $radius-sm;
+    .ui-code-title {
+      position: absolute;
+      top: -2.2em;
+      color: var(--ui-TC-2);
+      left: 0;
+    }
+    .ui-rich-text {
+      padding: 40rpx;
+      white-space: pre-wrap;
+      word-break: break-all;
+      word-wrap: break-word;
+    }
+    .ui-scroll-view {
+      &.ui-scroll {
+        max-height: 500px;
+        white-space: pre;
+      }
+    }
+    .ui-copy-btn {
+      position: absolute;
+      z-index: 2;
+      top: 0;
+      right: 0;
+      padding: 0.8em;
+      border-radius: 0 $radius-sm 0 $radius-sm;
+    }
+  }
+}

sheep/scss/style/_flex.scss

@@ -0,0 +1,79 @@
+/* ==================
+		弹性布局
+ ==================== */
+.flex {
+  display: flex !important;
+  &-sub {
+    flex: 1 !important;
+  }
+  &-twice {
+    flex: 2 !important;
+  }
+  &-treble {
+    flex: 3 !important;
+  }
+  &-column {
+    flex-direction: column !important;
+  }
+  &-row {
+    flex-direction: row !important;
+  }
+  &-column-reverse {
+    flex-direction: column-reverse !important;
+  }
+  &-row-reverse {
+    flex-direction: row-reverse !important;
+  }
+  &-wrap {
+    flex-wrap: wrap !important;
+  }
+  &-center {
+    @include flex-center;
+  }
+  &-bar {
+    @include flex-bar;
+  }
+}
+.basis {
+  @each $class, $value in (xs: 20%, sm: 40%, df: 50%, lg: 60%, xl: 80%) {
+    &-#{$class} {
+      flex-basis: $value !important;
+    }
+  }
+}
+.align {
+  @each $class,
+    $value
+      in (start: flex-start, end: flex-end, center: center, stretch: stretch, baseline: baseline)
+  {
+    &-#{$class} {
+      align-items: $value !important;
+    }
+  }
+}
+.self {
+  @each $class,
+    $value
+      in (start: flex-start, end: flex-end, center: center, stretch: stretch, baseline: baseline)
+  {
+    &-#{$class} {
+      align-self: $value !important;
+    }
+  }
+}
+.justify {
+  @each $class,
+    $value
+      in (
+        start: flex-start,
+        end: flex-end,
+        center: center,
+        between: space-between,
+        around: space-around
+      )
+  {
+    &-#{$class} {
+      justify-content: $value !important;
+    }
+  }
+}

sheep/scss/style/_markdown.scss

@@ -0,0 +1,62 @@
+.cu-markdown {
+  position: relative;
+  z-index: 1;
+  &.selectable {
+    cursor: auto;
+    user-select: text;
+  }
+  inline {
+    display: inline-block;
+  }
+
+  .list {
+    .list-item {
+      line-height: 1.8;
+      .list {
+        margin-left: 1.28571em;
+        .ui-title {
+          transform: scale(0.6);
+          &:before {
+            content: '\e716';
+          }
+        }
+      }
+    }
+    .list-item-p {
+      position: relative;
+      padding-left: 1.5em;
+      .list-item-t {
+        display: block;
+        width: 1.3em;
+        text-align: center;
+        position: absolute;
+        left: 0;
+      }
+    }
+  }
+  .md-table + .md-table {
+    margin-top: 30rpx;
+  }
+}
+
+.paragraph {
+  margin: 0 0 40rpx;
+  line-height: 1.8;
+}
+
+.blockquote {
+  @extend .paragraph;
+  padding: 20rpx 30rpx;
+  border-left-style: solid;
+  border-left-width: 10rpx;
+  border-color: var(--ui-Border);
+  background: none repeat scroll 0 0 rgba(102, 128, 153, 0.05);
+
+  .paragraph {
+    margin-bottom: 30rpx;
+  }
+
+  .paragraph:last-child {
+    margin-bottom: 0;
+  }
+}