diff --git a/src/App.vue b/src/App.vue
index c0bb9fb65..69aeb1c26 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -180,8 +180,16 @@ export default {
}
}
-/* 列表-操作栏-更多的poppover样式 */
+/* 操作栏-更多的poppover样式 */
.el-popover.btn-popper {
+ min-width: 150px !important;
+ margin-top: 5px !important;
+ padding: 6px !important;
+ background-color: rgb(247, 250, 253);
+}
+
+/* 列表-操作栏-更多的poppover样式 */
+.el-popover.btn-popper-table {
min-width: 80px !important;
margin-top: 5px !important;
padding: 6px !important;
@@ -199,19 +207,18 @@ export default {
// display: none;
width: 8px;
height: 8px;
- background-color: #EBEEF5;
+ background-color: #ebeef5;
}
::-webkit-scrollbar-thumb {
- box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
- -webkit-box-shadow: inset 0 0 6px rgba(243, 236, 236, 0.3);
+ box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+ -webkit-box-shadow: inset 0 0 6px rgba(243, 236, 236, 0.3);
background-color: #ccc;
border-radius: 8px;
}
::-webkit-scrollbar-track {
- box-shadow: inset 0 0 6px rgba(0,0,0, .2);
+ box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
/*滚动条的轨道*/
border-radius: 8px;
background: rgba(255, 255, 255, 1);
}
-
diff --git a/src/assets/scss/buttonstyle.scss b/src/assets/scss/buttonstyle.scss
index 7e9144173..ad6d1f080 100644
--- a/src/assets/scss/buttonstyle.scss
+++ b/src/assets/scss/buttonstyle.scss
@@ -5,62 +5,114 @@
background: linear-gradient(0deg, #7A58D1 0%, #8C91FF 100%) !important;
// border-radius: 3px !important;
color: #fff !important;
- // font-size: 14px !important;
+ font-size: 14px !important;
border-color: #8C91FF !important;
- // width: 83px !important;
- // height: 29px !important;
- // line-height: 19px !important;
+ min-width: 83px !important;
+ height: 29px !important;
+ line-height: 2px !important;
+ padding:0 8px !important;
}
//绿色
.diy-button--green {
background: linear-gradient(0deg, #33A8A6 0%, #29D2CE 100%) !important;
- border-radius: 3px !important;
- color: #fff !important;
- font-size: 14px !important;
border-color: #29D2CE !important;
+ font-size: 14px !important;
+ color: #fff !important;
+ min-width: 83px !important;
+ height: 29px !important;
+ line-height: 2px !important;
+ padding:0 8px !important;
+
+
}
//蓝色
.diy-button--blue {
background: linear-gradient(0deg, #0062BB 0%, #0081EC 100%) !important;
- border-radius: 3px !important;
- color: #fff !important;
- font-size: 14px !important;
border-color: #0081EC !important;
+ font-size: 14px !important;
+ color: #fff !important;
+ min-width: 83px !important;
+ height: 29px !important;
+ line-height: 2px !important;
+ padding:0 8px !important;
+
+
}
//黄色
.diy-button--yellow {
background: linear-gradient(0deg, #FAA700 0%, #FFBF28 100%) !important;
- border-radius: 3px !important;
color: #fff !important;
font-size: 14px !important;
- border-color: #FFBF28 !important;
+ color: #fff !important;
+ min-width: 83px !important;
+ height: 29px !important;
+ line-height: 2px !important;
+ padding:0 8px !important;
}
+
//橙色
.diy-button--orange {
background: linear-gradient(0deg, #EE6436 1%, #FC8C6B 100%) !important;
- border-radius: 3px !important;
- color: #fff !important;
- font-size: 14px !important;
border-color: #FC8C6B !important;
+ font-size: 14px !important;
+ color: #fff !important;
+ min-width: 83px !important;
+ height: 29px !important;
+ line-height: 2px !important;
+ padding:0 8px !important;
+
+
}
//红色
.diy-button--red {
background: linear-gradient(0deg, #DB3B3B 1%, #FF8080 100%) !important;
- border-radius: 3px !important;
+ border-color: #FF8080 !important;
+ font-size: 14px !important;
color: #fff !important;
+ min-width: 83px !important;
+ height: 29px !important;
+ line-height: 2px !important;
+ padding:0 8px !important;
+
+
+}
+//灰色
+.diy-button--gray {
+ background: linear-gradient(0deg, #A6C3D0, #FFFFFF) !important;
+ border-color: #A6C3D0 !important;
+ color: #002765 !important;
font-size: 14px !important;
- border-color: #FF8080 !important;
+ min-width: 83px !important;
+ height: 29px !important;
+ line-height: 2px !important;
+ padding:0 8px !important;
+
}
//白色
.diy-button--white {
- background: linear-gradient(0deg, #A6C3D0, #FFFFFF) !important;
- border-radius: 3px !important;
+ background-color:#fff!important;
+ border: 1px solid #3D77FF !important;
+ color: #0153B2 !important;
+ font-size: 14px !important;
+ min-width: 83px !important;
+ height: 29px !important;
+ line-height: 2px !important;
+ padding:0 8px !important;
+}
+
+//操作栏更多
+.diy-button--other {
+ text-decoration: underline !important;
color: #002765 !important;
font-size: 14px !important;
- border-color: #FFFFFF !important;
+ // min-width: 83px !important;
+ // height: 29px !important;
+ // line-height: 2px !important;
+ // padding:0 8px !important;
+
}
//旧版--------弃用
diff --git a/src/assets/scss/modules/visual/communityManage.scss b/src/assets/scss/modules/visual/communityManage.scss
index a7a7499a1..8c8fbb1a0 100644
--- a/src/assets/scss/modules/visual/communityManage.scss
+++ b/src/assets/scss/modules/visual/communityManage.scss
@@ -50,11 +50,22 @@
.div_btn {
display: flex;
margin-top: 10px;
+ justify-content: space-between;
- .btn_upload {
- margin-left: 10px;
+ .div_btn_left{
display: flex;
+
+ .btn_upload {
+ margin-left: 10px;
+ display: flex;
+ }
}
+
+ .div_btn_right{
+
+ }
+
+
}
.el-row {
diff --git a/src/views/modules/base/community/community.vue b/src/views/modules/base/community/community.vue
index 4507abb30..429c6ee3e 100644
--- a/src/views/modules/base/community/community.vue
+++ b/src/views/modules/base/community/community.vue
@@ -190,11 +190,11 @@