-
-
{{ index + 1 }}
-
-
-
{{ item.userName }}
-
-
-
-
-
{{ item.userIntegral }}
-
-
-
{{ index + 1 }}
-
-
-
{{ item.userName }}
-
-
-
-
-
{{ item.changeIntegral }}
+
+
+ {{ item.name || '未命名群聊' }}
+ {{ item.ownerName }}
+ {{ item.personCount }}
@@ -229,7 +213,6 @@
data () {
return {
leftIndex: 0,
- rightIndex: 0,
dlIndex: 0,
qlIndex: 0,
currGirdName: '',
@@ -241,9 +224,7 @@
groupNumber: {},
replyPercentage: {},
groupChatNumber: {},
- dynamicList: [],
- rankList: [],
- pointList: []
+ dynamicList: []
}
},
@@ -1120,9 +1101,6 @@
}
}
- .middle-wrapper {
- margin-bottom: 23px;
-
.item-table {
position: relative;
height: 240px;
@@ -1194,106 +1172,46 @@
}
}
}
+
+ .middle-wrapper {
+ margin-bottom: 23px;
}
.bottom-wrapper {
- .tab {
- display: flex;
- align-items: center;
- height: 32px;
- margin-bottom: 15px;
- border: 1px solid #0E6EB5;
-
- div {
- flex: 1;
- line-height: 32px;
- text-align: center;
- color: #fff;
- font-size: 14px;
- cursor: pointer;
- user-select: none;
-
- &.active {
- background: #0F93B8;
- }
- }
- }
-
- .tab-content {
- height: 230px;
- overflow-y: auto;
- .tab-item {
+ .item-table {
+ .item-table__header {
display: flex;
align-items: center;
- margin-bottom: 8px;
+ justify-content: space-between;
+ height: 40px;
+ padding: 0 24px;
+ color: #82C5FF;
+ font-size: 14px;
+ background: rgba(35,160,172,0.2000);
+ }
- &:last-child {
- margin-bottom: 0;
- }
+ .item-table__body {
+ height: 280px;
+ overflow-y: overlay;
- .left {
- width: 22px;
- height: 24px;
- line-height: 24px;
- text-align: center;
+ .item-table__item {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ height: 40px;
+ padding: 0 24px;
color: #fff;
font-size: 14px;
- background: url(https://cdn.cunwuyun.cn/dvcp/dv/pddv/right-icon3.png);
- background-size: 100% 100%;
+ background: rgba(35,160,172,0.2000);
- &.left0 {
- background: url(https://cdn.cunwuyun.cn/dvcp/dv/pddv/right-icon1.png);
- background-size: 100% 100%;
+ &:nth-of-type(2n - 1) {
+ background: transparent;
}
- &.left1 {
- background: url(https://cdn.cunwuyun.cn/dvcp/dv/pddv/right-icon2.png);
- background-size: 100% 100%;
- }
- }
-
- i {
- position: relative;
- color: #fff;
- font-size: 12px;
- font-style: normal;
- transform: translateY(50%);
- }
-
- .middel {
- width: 250px;
- margin: 0 8px;
-
- p {
- width: 100%;
- height: 8px;
- background: linear-gradient(270deg, #51BF34 0%, #257718 100%);
- border: 1px solid;
- border-image: linear-gradient(270deg, rgba(96, 255, 99, 1), rgba(13, 156, 17, 1)) 1 1;
- }
-
- .top {
- display: flex;
- align-items: center;
- margin-bottom: 4px;
-
- h2 {
- margin-right: 4px;
- color: #FFFFFF;
- font-size: 14px;
- }
-
- span {
- width: 48px;
- height: 20px;
- line-height: 20px;
- text-align: center;
- color: #2AF0F8;
- font-size: 12px;
- background: linear-gradient(180deg, rgba(69,210,218,0.2500) 0%, rgba(69,210,218,0.1000) 100%);
- border: 1px solid;
- border-image: linear-gradient(180deg, rgba(5, 185, 203, 1), rgba(73, 214, 207, 1)) 1 1;
- }
+ span {
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
}
}
}