qj-happy-common-zhongjian 1.0.27

package/src/styles/index.scss

@@ -0,0 +1,167 @@
+@import './variables.scss';
+@import './mixin.scss';
+@import './transition.scss';
+@import './element-ui.scss';
+@import './pc-ui.scss';
+@import './sidebar.scss';
+@import './scrollBar.scss';
+
+
+
+
+body {
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  text-rendering: optimizeLegibility;
+  font-family: Microsoft YaHei;
+  // font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
+  //overflow: hidden;
+  padding-right: 0 !important;
+}
+
+html {
+  // box-sizing: border-box;
+}
+
+*,
+*:before,
+*:after {
+  box-sizing: inherit;
+}
+
+div:focus {
+  outline: none;
+}
+
+a:focus,
+a:active {
+  outline: none;
+}
+
+a,
+a:focus,
+a:hover {
+  cursor: pointer;
+  color: inherit;
+  text-decoration: none;
+}
+
+.clearfix {
+  &:after {
+    visibility: hidden;
+    display: block;
+    font-size: 0;
+    content: " ";
+    clear: both;
+    height: 0;
+  }
+}
+
+//main-container全局样式
+.app-main {
+  min-height: 100%;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  background-color: #f8f8f8;
+  padding: 12px;
+  overflow: auto;
+
+  &>div {
+    // background-color: #fff;
+    // padding: 10px 10px 0 10px;
+
+    .search_bar {
+      border: 1px solid #ebeef5;
+      padding: 15px 15px 0 15px;
+      margin-bottom: 15px;
+
+      .el-form {
+        .el-form-item {
+          margin-bottom: 20px;
+        }
+      }
+    }
+  }
+}
+
+* {
+  margin: 0;
+  padding: 0;
+  // -moz-user-select:none;
+  // -webkit-user-select:none;
+  -webkit-tap-highlight-color: transparent;
+}
+
+button,
+fieldset,
+img,
+input {
+  border: none;
+  padding: 0;
+  margin: 0;
+  outline-style: none;
+}
+
+ol,
+ul {
+  list-style: none;
+}
+
+select {
+  vertical-align: middle;
+}
+
+input,
+select,
+textarea {
+  margin: 0;
+}
+
+textarea {
+  resize: none;
+}
+
+img {
+  border: 0;
+  vertical-align: middle;
+}
+
+table {
+  border-collapse: collapse;
+}
+
+i {
+  font-style: normal
+}
+
+.app-container {
+  padding: 20px;
+}
+
+//文字太长换三行，以...结尾
+.long-text {
+  text-overflow: -o-ellipsis-lastline;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+}
+
+// 富文本框
+.w-e-toolbar .w-e-menu {
+  z-index: 2 !important;
+}
+
+.w-e-text-container {
+  z-index: 1 !important;
+}
+
+.dashboard-container {
+  .container-right {
+    .dynamic-list {
+      p:hover {
+        color: $--color-primary;
+      }
+    }
+  }
+}

package/src/styles/mixin.scss

@@ -0,0 +1,27 @@
+@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%;
+}
+