ylyx-cli 1.0.0

package/templates/vue-app/files/src/assets/styles/eladmin.scss

@@ -0,0 +1,124 @@
+.head-container {
+  padding-bottom: 10px;
+  .filter-item {
+    display: inline-block;
+    vertical-align: middle;
+    margin: 0 3px 10px 0;
+    input {
+      height: 30.5px;
+      line-height: 30.5px;
+    }
+  }
+  .el-form-item-label {
+    margin: 0 3px 9px 0;
+    display: inline-block;
+    text-align: right;
+    vertical-align: middle;
+    font-size: 14px;
+    color: #606266;
+    line-height: 30.5px;
+    padding: 0 7px 0 7px;
+  }
+  .el-button + .el-button {
+    margin-left: 0 !important;
+  }
+  .el-select__caret.el-input__icon.el-icon-arrow-up {
+    line-height: 30.5px;
+  }
+  .date-item {
+    display: inline-block;
+    vertical-align: middle;
+    margin-bottom: 10px;
+    height: 30.5px !important;
+    width: 230px !important;
+  }
+}
+.el-avatar {
+  display: inline-block;
+  text-align: center;
+  background: #ccc;
+  color: #fff;
+  white-space: nowrap;
+  position: relative;
+  overflow: hidden;
+  vertical-align: middle;
+  width: 32px;
+  height: 32px;
+  line-height: 32px;
+  border-radius: 16px;
+}
+
+.logo-con {
+  height: 60px;
+  padding: 13px 0 0;
+  img {
+    height: 32px;
+    width: 135px;
+    display: block;
+    //margin: 0 auto;
+  }
+}
+
+#el-login-footer {
+  // height: 40px;
+  padding: 15px 0 5px;
+  background-color: rgba(0, 0, 0, 0.3);
+  line-height: 1.75em;
+  position: fixed;
+  bottom: 0;
+  width: 100%;
+  text-align: center;
+  color: #fff;
+  font-family: Arial, serif;
+  font-size: 13px;
+  letter-spacing: 1px;
+  span {
+    padding-right: 10px;
+  }
+}
+
+#el-main-footer {
+  background: none repeat scroll 0 0 white;
+  border-top: 1px solid #e7eaec;
+  overflow: hidden;
+  padding: 10px 6px 0 6px;
+  height: 33px;
+  font-size: 0.7rem !important;
+  color: #7a8b9a;
+  letter-spacing: 0.8px;
+  font-family: Arial, sans-serif !important;
+  position: fixed;
+  bottom: 0;
+  z-index: 99;
+  width: 100%;
+}
+.eladmin-upload {
+  border: 1px dashed #c0ccda;
+  border-radius: 5px;
+  height: 45px;
+  line-height: 45px;
+  width: 368px;
+}
+.my-blockquote {
+  margin: 0 0 10px;
+  padding: 15px;
+  line-height: 22px;
+  border-left: 5px solid #00437b;
+  border-radius: 0 2px 2px 0;
+  background-color: #f2f2f2;
+}
+.my-code {
+  position: relative;
+  padding: 15px;
+  line-height: 20px;
+  border-left: 5px solid #ddd;
+  color: #333;
+  font-family:
+    Courier New,
+    serif;
+  font-size: 12px;
+}
+
+.el-tabs {
+  margin-bottom: 15px;
+}

package/templates/vue-app/files/src/assets/styles/element-ui.scss

@@ -0,0 +1,217 @@
+// cover some element-ui styles
+
+.el-breadcrumb__inner,
+.el-breadcrumb__inner a {
+  font-weight: 400 !important;
+}
+
+.el-upload {
+  input[type='file'] {
+    display: none !important;
+  }
+}
+
+.el-upload__input {
+  display: none;
+}
+
+.cell {
+  .el-tag {
+    margin-right: 0;
+  }
+}
+
+.small-padding {
+  .cell {
+    padding-left: 5px;
+    padding-right: 5px;
+  }
+}
+
+.fixed-width {
+  .el-button--mini {
+    padding: 7px 10px;
+    width: 60px;
+  }
+}
+
+.status-col {
+  .cell {
+    padding: 0 10px;
+    text-align: center;
+
+    .el-tag {
+      margin-right: 0;
+    }
+  }
+}
+
+// to fixed https://github.com/ElemeFE/element/issues/2461
+.el-dialog {
+  transform: none;
+  left: 0;
+  position: relative;
+  margin: 0 auto;
+}
+.el-table > .el-table__fixed-right {
+  height: 100% !important; //设置高优先，以覆盖内联样式
+}
+.el-table__fixed-right::before {
+  content: none;
+}
+// refine element ui upload
+.upload-container {
+  .el-upload {
+    width: 100%;
+
+    .el-upload-dragger {
+      width: 100%;
+      height: 200px;
+    }
+  }
+}
+
+// dropdown
+.el-dropdown-menu {
+  a {
+    display: block;
+  }
+}
+
+// fix date-picker ui bug in filter-item
+.el-range-editor.el-input__inner {
+  display: inline-flex !important;
+}
+
+.el-loading-mask {
+  z-index: 100 !important;
+}
+
+.el-table {
+  border: 1px solid rgba(238, 238, 238, 1);
+  &:before {
+    display: none;
+  }
+  thead {
+    th {
+      color: rgba(0, 0, 0, 0.85);
+      &.el-table__cell {
+        background-color: rgba(0, 0, 0, 0.02);
+      }
+    }
+  }
+  tbody {
+    tr {
+      &:last-child {
+        td.el-table__cell {
+          border: 0;
+        }
+      }
+      td {
+        &.el-table__cell {
+          padding: 7px 0;
+        }
+      }
+    }
+  }
+  &.el-table--small .el-table__cell {
+    padding: 5px 0;
+  }
+}
+
+.el-button--warning {
+  color: #fff;
+  background-color: #e6a23c;
+  border-color: #e6a23c;
+}
+.el-button--warning:focus,
+.el-button--warning:hover {
+  color: #fff;
+  background-color: #ebb563;
+  border-color: #ebb563;
+}
+.el-button--warning.is-disabled,
+.el-button--warning.is-disabled:active,
+.el-button--warning.is-disabled:focus,
+.el-button--warning.is-disabled:hover {
+  color: #fff;
+  background-color: #f3d19e;
+  border-color: #f3d19e;
+}
+
+.el-form-item__content {
+  .el-input-number--small {
+    width: 100%;
+  }
+}
+.el-table--bigger,
+.el-button--bigger {
+  font-size: 16px;
+}
+.el-tooltip__popper {
+  font-size: 14px;
+  line-height: 1.5em;
+  max-width: 55%;
+}
+.el-input.is-disabled .el-input__inner {
+  color: #606266;
+}
+.clearfix {
+  zoom: 1;
+  &:after {
+    content: '.';
+    display: block;
+    visibility: hidden;
+    height: 0;
+    clear: both;
+  }
+}
+
+.mb0 {
+  margin-bottom: 0 !important;
+}
+
+.tags-view-container {
+  .tags-view-wrapper {
+    .tags-view-item {
+      &.active {
+        background-color: transparent !important;
+        color: #1890ff !important;
+        border-color: #1890ff !important;
+        &::before {
+          display: none !important;
+          background: #1890ff !important;
+        }
+      }
+      .el-icon-close:before {
+        transform: scale(1) !important;
+        -webkit-transform: scale(1) !important;
+        -moz-transform: scale(1) !important;
+        -ms-transform: scale(1) !important;
+        -o-transform: scale(1) !important;
+      }
+    }
+  }
+}
+.el-dialog__header {
+  border-bottom: 1px solid #eee;
+}
+.el-range-separator {
+  width: 25px !important;
+}
+
+.el-form--inline .el-form-item {
+  margin-right: 2px;
+  .el-button + .el-button {
+    margin-left: 2px;
+  }
+  .el-cascader,
+  .el-select {
+    margin-right: 0;
+  }
+}
+
+.blueBorder {
+  color: #1989fa;
+  border-color: #1989fa;
+}

package/templates/vue-app/files/src/assets/styles/element-variables.scss

@@ -0,0 +1,31 @@
+/**
+* I think element-ui's default theme color is too light for long-term use.
+* So I modified the default color and you can modify it to your liking.
+**/
+
+/* theme color */
+$--color-primary: #1890ff;
+$--color-success: #00a27c;
+$--color-warning: #ffba00;
+$--color-danger: #ff4949;
+// $--color-info: #1E1E1E;
+
+$--button-font-weight: 400;
+
+// $--color-text-regular: #1f2d3d;
+
+$--border-color-light: #dfe4ed;
+$--border-color-lighter: #e6ebf5;
+
+$--table-border: 1px solid#dfe6ec;
+
+/* icon font path, required */
+$--font-path: '~element-ui/lib/theme-chalk/fonts';
+
+@import '../../../node_modules/element-ui/packages/theme-chalk/src/index';
+
+// the :export directive is the magic sauce for webpack
+// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
+:export {
+  theme: $--color-primary;
+}

package/templates/vue-app/files/src/assets/styles/global.scss

@@ -0,0 +1,73 @@
+.el-form--inline .el-form-item {
+  margin-right: 4px;
+}
+.assistBtn {
+  background-color: #f1f9ff;
+  border: 1px solid #0081e3;
+  color: #0081e3;
+}
+.el-dialog__body {
+  padding: 20px;
+}
+.el-dialog__footer {
+  padding-top: 4px;
+}
+.el-dialog__header {
+  padding: 14px 20px;
+}
+.app-container {
+  padding: 8px;
+  height: 100%;
+  min-height: calc(100vh - 100px);
+  background: #fff;
+  border: 1px solid #dcdfe6;
+  overflow: hidden;
+}
+.container {
+  min-height: calc(100vh - 84px);
+  padding: 8px;
+  background: #f6f6f6;
+}
+.el-form-item--small.el-form-item {
+  //   margin-bottom: 8px;
+}
+.el-table thead {
+  height: 38px;
+  font-size: 14px;
+  font-color: #111111;
+  font-weight: bold;
+  font-family: 'Microsoft YaHei';
+}
+.el-table__row {
+  height: 38px;
+}
+.el-table.el-table--small .el-table__cell {
+  padding: 4px 0;
+  font-size: 14px;
+  color: #606266;
+  font-family: 'Microsoft YaHei';
+}
+.has-gutter tr {
+  color: rgba(0, 0, 0, 0.2);
+}
+.cell {
+  .el-button--mini {
+    font-size: 14px;
+  }
+}
+.warningStyle {
+  height: 34px;
+  background-color: #fff7f3;
+  font-size: 13px;
+  line-height: 34px;
+  color: #ff7b35;
+  padding: 0 12px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 8px;
+
+  .warning-icon {
+    color: #ff7b35;
+  }
+}

package/templates/vue-app/files/src/assets/styles/index.scss

@@ -0,0 +1,220 @@
+@import 'variables';
+@import 'mixin';
+@import 'transition';
+@import 'sidebar';
+@import 'btn';
+@import 'eladmin';
+@import 'element-ui';
+@import 'publicStyle';
+
+body {
+  height: 100%;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  text-rendering: optimizeLegibility;
+  font-family:
+    Helvetica Neue,
+    Helvetica,
+    PingFang SC,
+    Hiragino Sans GB,
+    Microsoft YaHei,
+    Arial,
+    sans-serif;
+}
+
+label {
+  font-weight: 700;
+}
+
+html {
+  height: 100%;
+  box-sizing: border-box;
+}
+
+#app {
+  height: 100%;
+}
+
+*,
+*:before,
+*:after {
+  box-sizing: inherit;
+}
+
+.no-padding {
+  padding: 0 !important;
+}
+
+.padding-content {
+  padding: 4px 0;
+}
+
+a:focus,
+a:active {
+  outline: none;
+}
+
+a,
+a:focus,
+a:hover {
+  cursor: pointer;
+  color: inherit;
+  text-decoration: none;
+}
+
+div:focus {
+  outline: none;
+}
+
+.fr {
+  float: right;
+}
+
+.fl {
+  float: left;
+}
+
+.pr-5 {
+  padding-right: 5px;
+}
+
+.pl-5 {
+  padding-left: 5px;
+}
+
+.block {
+  display: block;
+}
+
+.pointer {
+  cursor: pointer;
+}
+
+.inlineBlock {
+  display: block;
+}
+
+.clearfix {
+  &:after {
+    visibility: hidden;
+    display: block;
+    font-size: 0;
+    content: ' ';
+    clear: both;
+    height: 0;
+  }
+}
+
+aside {
+  background: #eef1f6;
+  padding: 8px 24px;
+  margin-bottom: 20px;
+  border-radius: 2px;
+  display: block;
+  line-height: 32px;
+  font-size: 16px;
+  font-family:
+    -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans',
+    'Droid Sans', 'Helvetica Neue', sans-serif;
+  color: #2c3e50;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+
+  a {
+    color: #337ab7;
+    cursor: pointer;
+
+    &:hover {
+      color: rgb(32, 160, 255);
+    }
+  }
+}
+
+//main-container全局样式
+.app-container {
+  padding: 15px 20px 45px 20px;
+}
+
+.components-container {
+  margin: 30px 50px;
+  position: relative;
+}
+
+.pagination-container {
+  margin-top: 30px;
+}
+
+.text-center {
+  text-align: center;
+}
+
+.sub-navbar {
+  height: 50px;
+  line-height: 50px;
+  position: relative;
+  width: 100%;
+  text-align: right;
+  padding-right: 20px;
+  transition: 600ms ease position;
+  background: linear-gradient(
+    90deg,
+    rgba(32, 182, 249, 1) 0%,
+    rgba(32, 182, 249, 1) 0%,
+    rgba(33, 120, 241, 1) 100%,
+    rgba(33, 120, 241, 1) 100%
+  );
+
+  .subtitle {
+    font-size: 20px;
+    color: #fff;
+  }
+
+  &.draft {
+    background: #d0d0d0;
+  }
+
+  &.deleted {
+    background: #d0d0d0;
+  }
+}
+
+.link-type,
+.link-type:focus {
+  color: #337ab7;
+  cursor: pointer;
+
+  &:hover {
+    color: rgb(32, 160, 255);
+  }
+}
+
+//refine vue-multiselect plugin
+.multiselect {
+  line-height: 16px;
+}
+
+.multiselect--active {
+  z-index: 1000 !important;
+}
+
+p,
+h4,
+h3 {
+  margin: 0;
+  padding: 0;
+}
+
+.el-tooltip__popper {
+  max-width: 50%;
+}
+
+// 计数器
+.el-input-number {
+  .el-input-number__decrease,
+  .el-input-number__increase {
+    display: none;
+  }
+  .el-input__inner {
+    text-align: left;
+  }
+}

package/templates/vue-app/files/src/assets/styles/mixin.scss

@@ -0,0 +1,60 @@
+@mixin clearfix {
+  &:after {
+    content: '';
+    display: table;
+    clear: both;
+  }
+}
+
+@mixin scrollBar {
+  &::-webkit-scrollbar-track-piece {
+    background: #d3dce6;
+  }
+
+  &::-webkit-scrollbar {
+    width: 6px;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background: #99a9bf;
+    border-radius: 20px;
+  }
+}
+
+@mixin relative {
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
+
+@mixin pct($pct) {
+  width: #{$pct};
+  position: relative;
+  margin: 0 auto;
+}
+
+@mixin triangle($width, $height, $color, $direction) {
+  $width: $width/2;
+  $color-border-style: $height solid $color;
+  $transparent-border-style: $width solid transparent;
+  height: 0;
+  width: 0;
+
+  @if $direction==up {
+    border-bottom: $color-border-style;
+    border-left: $transparent-border-style;
+    border-right: $transparent-border-style;
+  } @else if $direction==right {
+    border-left: $color-border-style;
+    border-top: $transparent-border-style;
+    border-bottom: $transparent-border-style;
+  } @else if $direction==down {
+    border-top: $color-border-style;
+    border-left: $transparent-border-style;
+    border-right: $transparent-border-style;
+  } @else if $direction==left {
+    border-right: $color-border-style;
+    border-top: $transparent-border-style;
+    border-bottom: $transparent-border-style;
+  }
+}