Forráskód Böngészése

全局颜色和按钮样式

yuhan 9 hónapja%!(EXTRA string=óta)
szülő
commit
fb4a224e5f
3 módosított fájl, 82 hozzáadás és 3 törlés
  1. 69 0
      src/assets/less/common.css
  2. 8 1
      src/assets/less/common.less
  3. 5 2
      vue.config.js

+ 69 - 0
src/assets/less/common.css

@@ -0,0 +1,69 @@
+/*列表上方操作按钮区域*/
+.ant-card-body .table-operator {
+  margin-bottom: 8px;
+}
+/** Button按钮间距 */
+.table-operator .ant-btn {
+  margin: 0 8px 8px 0;
+}
+.table-operator .ant-btn-group .ant-btn {
+  margin: 0;
+}
+.table-operator .ant-btn-group .ant-btn:last-child {
+  margin: 0 8px 8px 0;
+}
+/*列表td的padding设置 可以控制列表大小*/
+.ant-table-tbody .ant-table-row td {
+  padding-top: 15px;
+  padding-bottom: 15px;
+}
+/*列表页面弹出modal*/
+.ant-modal-cust-warp {
+  height: 100%;
+}
+/*弹出modal Y轴滚动条*/
+.ant-modal-cust-warp .ant-modal-body {
+  height: calc(100% - 110px) !important;
+  overflow-y: auto;
+}
+/*弹出modal 先有content后有body 故滚动条控制在body上*/
+.ant-modal-cust-warp .ant-modal-content {
+  height: 90% !important;
+  overflow-y: hidden;
+}
+/*列表中有图片的加这个样式 参考用户管理*/
+.anty-img-wrap {
+  height: 25px;
+  position: relative;
+}
+.anty-img-wrap > img {
+  max-height: 100%;
+}
+/*列表中范围查询样式*/
+.query-group-cust {
+  width: calc(50% - 10px);
+}
+.query-group-split-cust:before {
+  content: "~";
+  width: 20px;
+  display: inline-block;
+  text-align: center;
+}
+/*erp风格子表外框padding设置*/
+.ant-card-wider-padding.cust-erp-sub-tab > .ant-card-body {
+  padding: 5px 12px;
+}
+/* 内嵌子表背景颜色 */
+.j-inner-table-wrapper /deep/ .ant-table-expanded-row .ant-table-wrapper .ant-table-tbody .ant-table-row {
+  background-color: #FFFFFF;
+}
+/**隐藏样式-modal确定按钮 */
+.jee-hidden {
+  display: none;
+}
+/**IoT Edge 修改框架 */
+.ant-btn-primary {
+  background: linear-gradient(0deg, rgba(1, 159, 243, 0.4), rgba(138, 210, 249, 0.4)) !important;
+  background-color: #0fabfe !important;
+  border-color: #0fabfe !important;
+}

+ 8 - 1
src/assets/less/common.less

@@ -58,4 +58,11 @@
 }
 
 /**隐藏样式-modal确定按钮 */
-.jee-hidden{display: none}
+.jee-hidden{display: none}
+
+/**IoT Edge 修改框架 */
+.ant-btn-primary{
+   background: linear-gradient(0deg,rgba(1,159,243,.4),rgba(138,210,249,.4)) !important;
+   background-color: #0fabfe!important;
+   border-color: #0fabfe!important;
+}

+ 5 - 2
vue.config.js

@@ -76,8 +76,11 @@ module.exports = {
       less: {
         modifyVars: {
           /* less 变量覆盖,用于自定义 ant design 主题 */
-          'primary-color': '#1890FF',
-          'link-color': '#1890FF',
+          // IoT Edge 修改框架
+          'primary-color': '#019ff3',
+          // 'primary-color': '#1890FF',
+          'link-color': '#019ff3',
+          // 'link-color': '#1890FF',
           'border-radius-base': '4px',
         },
         javascriptEnabled: true,