@toolspack/ttd-pdfjs 0.0.0

package/src/styles/element-variables.scss

@@ -0,0 +1,220 @@
+/* 改变主题色变量 */
+$--color-primary: #336FFF;
+$--color-text-primary: #222222 !default;
+$--color-text-regular: #606266 !default;
+$--color-text-secondary: #909399 !default;
+// $--color-text-placeholder: #C9C9C9 !default;
+$--color-text-placeholder: #cccccc !default;
+$--input-focus-border: #3388FF;
+$--border-color-base: #ccc !default;
+
+/* 改变 icon 字体路径变量，必需 */
+$--font-path: '~element-ui/lib/theme-chalk/fonts';
+
+$--input-color: $--color-text-primary !default;
+$--input-border-color: $--border-color-base !default;
+
+
+.el-form-item__label {
+  color: #666666;
+}
+
+/* 产品创设， 为了使label和title的间距 减小 */
+.el-form--label-top .el-form-item__label {
+  padding: 0 0 3px 0;
+}
+
+.el-form--inline .el-form-item {
+  margin-right: 16px;
+}
+
+.el-radio__input.is-checked+.el-radio__label {
+  color: inherit
+}
+
+
+/*  为了使MessageBox 的按钮 变大 (element-ui 使用small) */
+.el-message-box {
+  .el-message-box__btns {
+    .el-button {
+      padding: 12px 23px
+    }
+  }
+}
+
+.el-checkbox__input.is-disabled.is-checked {
+  .el-checkbox__inner::after {
+    border-color: #336FFF;
+  }
+}
+
+.el-checkbox.no-label {
+  .el-checkbox__label {
+    display: none;
+  }
+}
+
+.el-radio {
+  .el-radio__inner {
+    width: 20px;
+    height: 20px;
+
+    &:after {
+      width: 10px;
+      height: 10px
+    }
+  }
+
+  .el-radio__input.is-checked:not(.is-disabled) {
+    .el-radio__inner {
+      background: #fff;
+    }
+
+    .el-radio__inner:after {
+      background: #336FFF;
+    }
+  }
+}
+
+/*  修改按钮组的圆角 */
+.el-radio-group {
+
+  // .el-radio-button:first-child {
+  //   .el-radio-button__inner {
+  //     border-radius: 22px 0 0 22px
+  //   }
+  // }
+
+  // .el-radio-button:last-child {
+  //   .el-radio-button__inner {
+  //     border-radius: 0 22px 22px 0
+  //   }
+  // }
+}
+
+.el-dialog {
+  /*  为了不让继承 容器元素的值 （page-bottom）  */
+  text-align: left;
+  line-height: initial;
+  border-radius: 10px;
+
+  .el-dialog__header {
+    padding: 30px 30px 10px 30px
+  }
+
+  .el-dialog__body {
+    padding: 10px 30px 20px 30px
+  }
+
+  .el-dialog__footer {
+    border-radius: 0 0 10px 10px;
+  }
+}
+
+.el-message-box {
+  height: 300px;
+  width: 400px;
+  position: relative;
+  color: #222;
+
+  .el-message-box__content {
+    font-size: 16px;
+    color: #222;
+    position: absolute;
+    top: 40%;
+    transform: translate(0, -40%);
+    left: 0;
+    right: 0;
+  }
+
+  .el-message-box__btns {
+    position: absolute;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    padding: 15px 30px;
+    background: #F5F5F5;
+  }
+}
+
+.messageMaxWith {
+  max-width: 300px;
+
+  .el-message__content {
+    line-height: 1.5em;
+  }
+}
+
+.el-upload--picture-card,
+.el-upload-list--picture-card .el-upload-list__item {
+  width: 120px;
+  height: 120px;
+  text-align: center;
+}
+
+.el-upload--picture-card {
+  line-height: 120px;
+
+  .el-icon-plus {
+    font-size: 36px;
+  }
+}
+
+.avatar-uploade {
+  overflow: hidden;
+
+  .avatar-uploade-img {
+    width: 120px;
+    height: 120px;
+  }
+}
+
+
+.plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] {
+  background: $--color-primary !important;
+}
+.plyr--full-ui input[type=range] {
+  color: $--color-primary !important;
+}
+
+.el-alert--primary.is-light {
+  color: $--color-primary !important;
+  background-color: rgba(51, 111, 255, 0.1);
+}
+
+.alert-reset {
+  .el-alert__icon{
+    width: 16px;
+    font-size: 20px;
+    align-self: flex-start;
+  }
+  .el-alert__title {
+    font-size: 16px;
+    font-weight: 600;
+  }
+  .el-alert__description {
+    font-size: 14px;
+    line-height: 22px;
+    word-break: break-word;
+  }
+}
+
+.alert-reset.el-alert--error {
+  .el-alert__description {
+    color: #9E9494;
+  }
+}
+
+// 自定义el-tab样式
+.custom-tab .el-tabs__item {
+  padding: 14px 0 0 0;
+  width: 184px;
+  height: 56px;
+  line-height: 24px;
+  font-size: 16px;
+  font-weight: 600;
+  text-align: center;
+}
+.custom-tab .el-tabs__header {
+  margin: 0 0 24px;
+}

package/src/styles/input.less

@@ -0,0 +1,59 @@
+/* input 和 button 的样式控制 */
+
+
+.gray-btn {
+  color: #222222;
+  border-color: #cccccc;
+
+  &:hover {
+    color: #38f;
+    border-color: #38f;
+    background-color: #fff;
+  }
+
+  &:active {
+    color: #fff;
+    background-color: #38f;
+    border-color: #38f;
+  }
+
+  &:disabled {
+    color: #ccc;
+    background-color: #F5F5F5;
+    border: 1px solid #E0E0E0;
+  }
+}
+
+.el-button--danger {
+  border-color: #FF3838;
+  background: #ffffff;
+  color: #FF3838;
+
+  &:hover {
+    color: #FF0511;
+  }
+}
+
+
+.el-input__inner {
+  border-radius: 2px;
+  padding: 0 10px;
+
+}
+
+.el-input__inner::-ms-reveal {
+  display: none;
+}
+
+
+.el-form-item.is-success .el-input__inner,
+.el-form-item.is-success .el-input__inner:focus,
+.el-form-item.is-success .el-textarea__inner,
+.el-form-item.is-success .el-textarea__inner:focus {
+  border-color: #E0E0E0
+}
+
+.el-input.is-disabled .el-input__inner {
+  border: 1px solid #E0E0E0;
+  color: #CCCCCC;
+}