From 18d31fffb0f7d1dcb6b6f015eb93f8d5c2698e9f Mon Sep 17 00:00:00 2001 From: zhaofang <752743406@qq.com> Date: Tue, 18 Oct 2022 18:53:01 +0800 Subject: [PATCH] =?UTF-8?q?=E6=88=91=E7=9A=84=E9=97=AE=E7=AD=94=E6=A0=B7?= =?UTF-8?q?=E5=BC=8F=E4=BF=AE=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/Article/ucItems.vue | 51 +++++++++--------------------- src/components/PortalHeader.vue | 2 +- src/components/Qa/replyList.vue | 40 ++++++++++++++++------- src/components/Qa/ucList.vue | 14 ++++---- src/views/article/MyList.vue | 11 ++++--- src/views/qa/MyReplys.vue | 12 ++++--- 6 files changed, 65 insertions(+), 65 deletions(-) diff --git a/src/components/Article/ucItems.vue b/src/components/Article/ucItems.vue index fc75673b..7742bdef 100644 --- a/src/components/Article/ucItems.vue +++ b/src/components/Article/ucItems.vue @@ -2,14 +2,10 @@
-
- - - +
+ {{ item.title }} -
@@ -19,34 +15,11 @@
-
- - - - - - - - - - - -
+ - - -
@@ -60,9 +33,10 @@ import { mapGetters } from "vuex"; import interactBar from '@/components/Portal/interactBar.vue'; import apiArticle from '@/api/modules/article.js'; import editItems from '@/components/Article/editItems.vue'; +import authorInfo from '@/components/Portal/authorInfo.vue'; export default { components: { - interactBar,editItems + interactBar,editItems,authorInfo }, computed: { ...mapGetters(["userInfo"]), @@ -206,6 +180,12 @@ export default { box-sizing: border-box; } .article-info-date { + display: flex; + justify-content: space-between; + ::v-deep .interact-bar-btn{ + min-width: 70px !important; + text-align: right; + } .del{ color: #8590A6; font-size: 14px; @@ -266,8 +246,7 @@ export default { position: relative; margin: 0px 0; border-bottom: 1px solid #E8E8E8; - padding-top: 15px; - padding-bottom: 15px; + padding: 32px 0; cursor: pointer; } @@ -275,7 +254,7 @@ export default { .article-info { .article-info-title { color: #333; -width: 100%; + width: 100%; font-size: 18px; margin-top: 7px; .titleContent{ @@ -294,7 +273,7 @@ width: 100%; flex: 1; color: #333333; margin-left: 5px; - margin-top: 10px; + margin-top: 26px; font-size: 14px; } .art-img{ @@ -326,7 +305,7 @@ width: 100%; } .article-time{ margin-left: -5px; - border:0px; + border:0px; span{ font-size: 14px; } diff --git a/src/components/PortalHeader.vue b/src/components/PortalHeader.vue index 43af4c85..fd6998eb 100644 --- a/src/components/PortalHeader.vue +++ b/src/components/PortalHeader.vue @@ -116,7 +116,7 @@
-
+
登出
diff --git a/src/components/Qa/replyList.vue b/src/components/Qa/replyList.vue index e38cc67b..858fdbfb 100644 --- a/src/components/Qa/replyList.vue +++ b/src/components/Qa/replyList.vue @@ -6,11 +6,11 @@
  • 这里的路由传参存在问题
    • -
    +
    -
    +
    @@ -24,17 +24,18 @@ 我的回答
    - 编辑 - 删除 + 编辑 + 删除
    - +
    - -
    -
    -
    - +
    + + + + {{ item.isAll ? '收起' : '展开全文' }} +
    @@ -42,7 +43,6 @@ 回复时间：{{ item.sysCreateTimeA }}
    -
    @@ -100,6 +100,19 @@ export default { }; }, methods: { + //展示全部 + displayAll(item) { + let content = ''; + content = item.answercontent.replace(/(\n){2,}/,'
    '); + item.answercontent = content; + if (!item.isAll && item.answercontent.length > 170) { + return item.answercontent.slice(0, 170) + "..."; + } + return item.answercontent; + }, + changeIsAll(item) { + item.isAll = !item.isAll; + }, // deleteData(item){ // console.log(item,"我拿到准备删除的数据") // apiQa.delAnswer() @@ -160,6 +173,7 @@ export default { color: #333330; font-weight: 400; margin-bottom: 10px; + word-break:break-all; } .titcontent{ font-size: 14px; @@ -293,6 +307,10 @@ export default { .article-info-tools { height: 30px; position: relative; + ::v-deep .interact-bar-btn{ + min-width: 80px !important; + text-align: right; + } .article-info-tools-auth { float: left; height: 30px; diff --git a/src/components/Qa/ucList.vue b/src/components/Qa/ucList.vue index d5d5e4b3..d0ba0b2a 100644 --- a/src/components/Qa/ucList.vue +++ b/src/components/Qa/ucList.vue @@ -6,7 +6,7 @@ -
    +
    编辑 删除
    @@ -35,12 +35,6 @@
    - - -
    @@ -234,11 +228,15 @@ export default { .button-cla{ position: absolute; right:0px; + ::v-deep .interact-bar-btn{ + min-width: 90px !important; + text-align: right; + } } .edit{ color: #8590A6; font-size: 14px; - margin-right: 10px; + margin-right: 45px; } .del{ color: #8590A6; diff --git a/src/views/article/MyList.vue b/src/views/article/MyList.vue index 51d2e13b..2680c4fe 100644 --- a/src/views/article/MyList.vue +++ b/src/views/article/MyList.vue @@ -46,11 +46,12 @@ :total="total" >
    -
    -
    没有查询到相关内容
    -
    暂无数据
    -
    -
    +
    + +
    没有查询到相关内容
    +
    你还没有发布文章～
    +
    +
    diff --git a/src/views/qa/MyReplys.vue b/src/views/qa/MyReplys.vue index 5fa7a0a3..f491d5c3 100644 --- a/src/views/qa/MyReplys.vue +++ b/src/views/qa/MyReplys.vue @@ -36,9 +36,10 @@ >
    -
    +
    +
    没有查询到相关内容
    -
    暂无数据
    +
    你还没有回答问题哦～
    @@ -78,6 +79,7 @@ export default { }; }, methods: { + getList() { this.queryObj.pageIndex = 1; this.isSearh = true; @@ -90,8 +92,10 @@ export default { .then(res => { if (res.status == 200) { this.total = res.result.count; - res = res.result.list; - this.qaList = res; + res.result.list.forEach(item => { + item.isAll = false; + }); + this.qaList = res.result.list; } }) .catch(err => {