diff --git a/src/assets/images/case/Frame(1).png b/src/assets/images/case/Frame(1).png new file mode 100644 index 00000000..90d9a104 Binary files /dev/null and b/src/assets/images/case/Frame(1).png differ diff --git a/src/assets/images/case/Frame(10).png b/src/assets/images/case/Frame(10).png new file mode 100644 index 00000000..1f8c9a64 Binary files /dev/null and b/src/assets/images/case/Frame(10).png differ diff --git a/src/assets/images/case/Frame(11).png b/src/assets/images/case/Frame(11).png new file mode 100644 index 00000000..faed6b48 Binary files /dev/null and b/src/assets/images/case/Frame(11).png differ diff --git a/src/assets/images/case/Frame(12).png b/src/assets/images/case/Frame(12).png new file mode 100644 index 00000000..91676aa0 Binary files /dev/null and b/src/assets/images/case/Frame(12).png differ diff --git a/src/assets/images/case/Frame(13).png b/src/assets/images/case/Frame(13).png new file mode 100644 index 00000000..45d0ec2d Binary files /dev/null and b/src/assets/images/case/Frame(13).png differ diff --git a/src/assets/images/case/Frame(14).png b/src/assets/images/case/Frame(14).png new file mode 100644 index 00000000..ace9d192 Binary files /dev/null and b/src/assets/images/case/Frame(14).png differ diff --git a/src/assets/images/case/Frame(15).png b/src/assets/images/case/Frame(15).png new file mode 100644 index 00000000..86fdb8a9 Binary files /dev/null and b/src/assets/images/case/Frame(15).png differ diff --git a/src/assets/images/case/Frame(16).png b/src/assets/images/case/Frame(16).png new file mode 100644 index 00000000..3196a8b2 Binary files /dev/null and b/src/assets/images/case/Frame(16).png differ diff --git a/src/assets/images/case/Frame(17).png b/src/assets/images/case/Frame(17).png new file mode 100644 index 00000000..a267fc85 Binary files /dev/null and b/src/assets/images/case/Frame(17).png differ diff --git a/src/assets/images/case/Frame(2).png b/src/assets/images/case/Frame(2).png new file mode 100644 index 00000000..db89dcba Binary files /dev/null and b/src/assets/images/case/Frame(2).png differ diff --git a/src/assets/images/case/Frame(3).png b/src/assets/images/case/Frame(3).png new file mode 100644 index 00000000..4d1f7349 Binary files /dev/null and b/src/assets/images/case/Frame(3).png differ diff --git a/src/assets/images/case/Frame(4).png b/src/assets/images/case/Frame(4).png new file mode 100644 index 00000000..fd03bac6 Binary files /dev/null and b/src/assets/images/case/Frame(4).png differ diff --git a/src/assets/images/case/Frame(5).png b/src/assets/images/case/Frame(5).png new file mode 100644 index 00000000..e2145e80 Binary files /dev/null and b/src/assets/images/case/Frame(5).png differ diff --git a/src/assets/images/case/Frame(6).png b/src/assets/images/case/Frame(6).png new file mode 100644 index 00000000..ffb2b7fd Binary files /dev/null and b/src/assets/images/case/Frame(6).png differ diff --git a/src/assets/images/case/Frame(7).png b/src/assets/images/case/Frame(7).png new file mode 100644 index 00000000..28483b66 Binary files /dev/null and b/src/assets/images/case/Frame(7).png differ diff --git a/src/assets/images/case/Frame(8).png b/src/assets/images/case/Frame(8).png new file mode 100644 index 00000000..ef20612e Binary files /dev/null and b/src/assets/images/case/Frame(8).png differ diff --git a/src/assets/images/case/Frame(9).png b/src/assets/images/case/Frame(9).png new file mode 100644 index 00000000..57dabd5e Binary files /dev/null and b/src/assets/images/case/Frame(9).png differ diff --git a/src/assets/images/case/Frame.png b/src/assets/images/case/Frame.png new file mode 100644 index 00000000..c7409f2f Binary files /dev/null and b/src/assets/images/case/Frame.png differ diff --git a/src/components/Portal/authorInfo.vue b/src/components/Portal/authorInfo.vue index 159bade5..bb6f8001 100644 --- a/src/components/Portal/authorInfo.vue +++ b/src/components/Portal/authorInfo.vue @@ -15,7 +15,7 @@
{{userName}} {{userInfo}} - {{tag}} + {{tag}}
diff --git a/src/components/Portal/comments.vue b/src/components/Portal/comments.vue index 54c9fd15..3c925e0f 100644 --- a/src/components/Portal/comments.vue +++ b/src/components/Portal/comments.vue @@ -92,11 +92,19 @@
-
+
- 回复 + + +
+ 回复 +
- 删除 + + +
+ 删除 +
全部
@@ -960,6 +968,28 @@ line-height: 35px; a{ margin-right:15px; + &:hover{ + .is_comment{ + background: url('../../assets/images/case/Frame(9).png'); + background-size: 100%; + } + .is_remove{ + background: url('../../assets/images/case/Frame(15).png'); + background-size: 100%; + } + } + .is_comment{ + width: 16px; + height: 16px; + background: url('../../assets/images/case/Frame.png'); + background-size: 100%; + } + .is_remove{ + width: 16px; + height: 16px; + background: url('../../assets/images/case/Frame(8).png'); + background-size: 100%; + } span{ margin-left: 6px; color: #8590A6; diff --git a/src/components/Portal/interactBar.vue b/src/components/Portal/interactBar.vue index 9391f64e..a47ff5d9 100644 --- a/src/components/Portal/interactBar.vue +++ b/src/components/Portal/interactBar.vue @@ -10,7 +10,8 @@ - + +
{{ data.answers? data.answers:0}}
@@ -23,14 +24,16 @@
- + +
{{data.comments? data.comments:0}}
- + +
{{ data.praises? data.praises:0}}
@@ -38,19 +41,22 @@
- + +
{{ data.favorites? data.favorites:0}}
- + +
{{data.shares}}
- + +
{{ formatNum(data.views)}} @@ -713,6 +719,77 @@ export default { justify-content: flex-end; .interact-bar-btn { margin: 0 0 0 15px; + display: flex; + justify-content: end; + align-items: center; + &:hover{ + .is_praise{ + background: url('../../assets/images/case/Frame\(10\).png'); + } + .is_favorite{ + background: url('../../assets/images/case/Frame\(11\).png'); + background-size: 100%; + } + .is_share{ + background: url('../../assets/images/case/Frame\(14\).png'); + background-size: 100%; + } + .is_view{ + background: url('../../assets/images/case/Frame\(12\).png'); + background-size: 100%; + } + .is_comment{ + background: url('../../assets/images/case/Frame\(9\).png'); + background-size: 100%; + } + } + .is_comment{ + width: 16px; + height: 16px; + background: url('../../assets/images/case/Frame.png'); + background-size: 100%; + margin-right: 4px; + } + .is_view{ + width: 17px; + height: 17px; + background: url('../../assets/images/case/Frame\(5\).png'); + background-size: 100%; + margin-right: 4px; + } + .is_share{ + width: 16px; + height: 16px; + background: url('../../assets/images/case/Frame\(7\).png'); + background-size: 100%; + margin-right: 4px; + } + .is_praise{ + width: 14px; + height: 14px; + background: url('../../assets/images/case/Frame\(1\).png'); + margin-right: 4px; + } + .is_praise_a{ + width: 14px; + height: 14px; + background: url('../../assets/images/case/Frame\(10\).png'); + margin-right: 4px; + } + .is_favorite{ + width: 16px; + height: 16px; + background: url('../../assets/images/case/Frame\(2\).png'); + background-size: 100%; + margin-right: 4px; + } + .is_favorite_a{ + width: 16px; + height: 16px; + background: url('../../assets/images/case/Frame\(11\).png'); + background-size: 100%; + margin-right: 4px; + } } .interact-bar-value{ // color:#6E7B84; ui图给的颜色,但是效果于ui图效果不一样,也没有透明度,所以找一个相近的和谐的颜色 diff --git a/src/views/case/ManageList.vue b/src/views/case/ManageList.vue index 96cf5cfa..5b05e653 100644 --- a/src/views/case/ManageList.vue +++ b/src/views/case/ManageList.vue @@ -137,20 +137,20 @@
- 年度 + 年度
- 组织领域 + 组织领域
- 最佳理由 + 最佳理由
+ width="50" + label="排序"> @@ -200,6 +201,7 @@