2023-11-24 10:51:45 +00:00
<!DOCTYPE html>
< html lang = "en" >
< head >
< meta charset = "UTF-8" >
< meta http-equiv = "X-UA-Compatible" content = "IE=edge" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
< title > Document< / title >
< link rel = "stylesheet" href = "./css/index.css" >
2023-11-29 04:28:01 +00:00
< script src = "./js/vue@3.2.36.js" > < / script >
< script src = "https://app.gter.net/bottom?tpl=header&menukey=ask" > < / script >
< script src = "https://cdn.jsdelivr.net/npm/marked/marked.min.js" > < / script >
2023-11-24 10:51:45 +00:00
< / head >
< body >
< div class = "" id = "answer-app" >
< header class = "flexacenter" id = "pageHeader" >
< div class = "flexacenter top" >
< img class = "logo" src = "./img/logo.png" >
< div class = "right flexacenter flex1" >
< div class = "searchInput flexacenter" >
< input class = "input flex1" placeholder = "输入搜索关键词" v-model = "keyword" @ keydown . enter = "searchClick()" @ focus = "searchFocus" @ blur = "searchBlur" / >
< img class = "input-icon" src = "./img/input-icon.png" @ click = "searchClick()" >
< div class = "history-box" v-if = "historicalSearchState" @ click . stop = "" >
< div class = "history-title" > 历史搜索< / div >
< div class = "history-list" >
2023-11-29 04:28:01 +00:00
< div class = "history-item ellipsis" v-for = "(item,index) in historicalSearchList" :key = "index" @ click . stop = "handleClickHistoricalItem(item)" > {{ item }}< / div >
2023-11-24 10:51:45 +00:00
< / div >
< / div >
< / div >
< div class = "btn-list flexacenter" >
< div class = "item flex1" @ click = "handleMy('collect')" > 我的收藏< / div >
< div class = "item flex1" @ click = "handleMy('questions')" > 我的提问< / div >
< div class = "item flex1" @ click = "handleMy('answers')" > 我的回答< / div >
< / div >
< div class = "add-btn flexcenter" @ click = "questionsInit()" >
< img class = "add-icon" src = "./img/add-icon.svg" >
我要提问
< / div >
< / div >
< / div >
< div class = "tab-box flexcenter" :class = "{'tab-list-fixed': tabListFixeState}" >
< div class = "tab-list flexacenter" >
2023-11-29 04:28:01 +00:00
< div class = "item flexcenter" :class = "{'pitch': typePitch === null }" @ click = "cutType(null)" > All< / div >
< template v-for = "(item,index) in typeList" :key = "index" >
< div class = "halving-line" > |< / div >
< div class = "item flexcenter" :class = "{'pitch': typePitch === it['id'] }" v-for = "(it,i) in item" :key = "it" @ click = "cutType(it.id)" > {{ it['name'] }}< / div >
< / template >
2023-11-24 10:51:45 +00:00
< / div >
< / div >
< / header >
< div class = "main flexflex" :class = "{'mode-list': type == 'list'}" >
2023-11-29 04:28:01 +00:00
< div class = "list-box" @ scroll = "handleListScroll" >
2023-11-24 10:51:45 +00:00
< div class = "main-header " :style = "{paddingLeft: type == 'list' ? 0 : 'calc((100vw - 1200px) / 2)'}" >
< div class = "search-keyword flexacenter" v-if = "isSearchMode" @ click = "handleClickClear()" >
2023-11-29 04:28:01 +00:00
< div class = "flex1 ellipsis" > {{ keywordText }}< / div >
< img class = "search-keyword-cross" src = "./img/cross-circle-icon.png" >
2023-11-24 10:51:45 +00:00
< / div >
2023-11-29 04:28:01 +00:00
< div class = "total grid-item" @ click = "cut" > 共 {{ total }} 条问答< / div >
2023-11-24 10:51:45 +00:00
< / div >
< div class = "list" id = "list" :style = "listStyle()" >
2023-11-29 04:28:01 +00:00
< div class = "item grid-item flexflex" v-for = "(item, index) in list" :key = "index" :style = "itemStyle(index,item['content'])" :class = "{'pitch': index === pitchIndex,'upLevel': index === pitchIndex - 1}" @ click . stop = "getDetails(item['uniqid'],index)" >
2023-11-24 10:51:45 +00:00
< img class = "dot" src = "./img/dot.svg" >
< div class = "content" :style = "{width: type == 'list' ? '531px' : '430px'}" >
2023-11-29 04:28:01 +00:00
< div class = "issue-title flexcenter" >
< img class = "hot-icon" src = "./img/hot-icon.png" >
< div class = "issue ellipsis flex1" v-html = "item['title']" > < / div >
< / div >
< div class = "answer ellipsis" v-html = "item['content']" > < / div >
2023-11-24 10:51:45 +00:00
< div class = "bottom flexacenter" >
< div class = "quantity" > {{ item['answers'] == 0 ? '暂无回答' : `共${ item['answers'] }个回答` }}< / div >
< div class = "longString" > < / div >
2023-11-29 04:28:01 +00:00
< div class = "answer-btn" @ click . stop = "getDetails(item['uniqid'],index,true)" > 我来回答< / div >
2023-11-24 10:51:45 +00:00
< / div >
< / div >
< / div >
< / div >
< div class = "empty-box flexcenter" v-if = "isSearchMode && list.length == 0" >
< div class = "dot-list flexacenter" > < img class = "item" src = "./img/dot-yellow.svg" > < img class = "item" src = "./img/dot-yellow.svg" > < img class = "item" src = "./img/dot-yellow.svg" > < img class = "item" src = "./img/dot-gray.svg" > < img class = "item" src = "./img/dot-gray.svg" > < img class = "item" src = "./img/dot-gray.svg" > < / div > < img class = "empty-icon" src = "./img/empty-icon.svg" >
< div class = "empty-hint" > 没有找到相关结果，请更换搜索关键词< / div >
< / div >
< / div >
2023-11-29 04:28:01 +00:00
< div class = "details-area-box flexflex" v-if = "type == 'details'" @ scroll = "handleDetailsScroll" >
2023-11-24 10:51:45 +00:00
< div class = "details-box flexflex" >
2023-11-29 04:28:01 +00:00
< div class = "transmit-mask" v-if = "questionsTransmitMaskState" @ click = "closeAllTransmitState()" > < / div >
2023-11-24 10:51:45 +00:00
< div class = "close-box" >
< div class = "close-circle flexcenter" @ click = "closeDetailMode()" >
< img class = "close-icon" src = "./img/close-icon.svg" / >
< img class = "details-cross-icon" src = "./img/cross-icon.png" / >
< / div >
< / div >
<!-- 提问信息 -->
< div class = "details-issue" >
2023-11-24 10:54:23 +00:00
< div class = "icon q flexcenter" > Q< / div >
2023-11-24 10:51:45 +00:00
< div class = "title" > {{ detailsInfo['title'] }}< / div >
2023-11-29 04:28:01 +00:00
< div class = "hint" @ click = "handleAnswerText" v-html = "detailsInfo['content']" > < / div >
2023-11-24 10:51:45 +00:00
< div class = "info-box flexacenter" >
< div class = "user-info flexacenter" >
< img class = "avatar" :src = "detailsInfo['avatar']" >
< div class = "user-name" > {{ detailsInfo['nickname'] }}< / div >
< / div >
< div class = "time" > {{ handleDate(detailsInfo['publicationdate']) }}< / div >
< / div >
< div class = "operate-box flexacenter" >
< div class = "answer-btn flexcenter" :class = "{'white': detailsInfo['answers'] == 0}" @ click = "openIAnswer()" >
< img class = "answer-btn-icon answer-icon-edit" src = "./img/edit-icon.png" >
< img class = "answer-btn-icon answer-icon-white" src = "./img/edit-icon-white.svg" >
我来回答
< / div >
< div class = "operate-list flexacenter" >
< div class = "operate-item flexacenter" @ click = "operateCollect()" >
< img class = "operate-icon operate-collect-icon" :src = "detailsIscollection == 0 ? './img/collect-icon.png' : './img/collect-icon-colours.svg'" >
收藏
< / div >
2023-11-29 04:28:01 +00:00
< div class = "operate-item flexacenter operate-transmit" @ click = "closeTransmitState()" >
2023-11-24 10:51:45 +00:00
< img class = "operate-icon operate-transmit-icon" src = "./img/transmit-icon.png" >
转发
2023-11-29 04:28:01 +00:00
< div class = "transmit-box flexflex" v-if = "questionsTransmitState" @ click . stop = "" style = "z-index: 1;" >
2023-11-24 10:51:45 +00:00
< div class = "transmit-left transmit-web" >
< div class = "transmit-title" > 转发网页版< / div >
< div class = "transmit-content" >
2023-11-29 04:28:01 +00:00
< div class = "transmit-headline" > {{ detailsInfo['title'] }}< / div >
< div class = "transmit-url" > {{ getCurrentUrl() }}< / div >
2023-11-24 10:51:45 +00:00
< / div >
2023-11-29 04:28:01 +00:00
< div class = "transmit-web-btn flexcenter" @ click = "copyText(detailsInfo['title'] + getCurrentUrl())" > 复制链接< / div >
2023-11-24 10:51:45 +00:00
< / div >
< div class = "transmit-right transmit-mini" >
< div class = "transmit-title" > 转发小程序版< / div >
< div class = "transmit-content flexcenter" >
< img class = "transmit-mini-img" :src = "detailShare['qrcode']" >
< div class = "flexcenter" >
< img class = "give-sweep" src = "./img/give-sweep.png" >
扫码转发该问答
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
<!-- 一共多少 -->
< div class = "answer-total-amount" > 共 {{ detailsInfo['answers'] }} 个回答< / div >
<!-- 回答 - 没有数据 -->
2023-11-29 04:28:01 +00:00
< div class = "answer-empty-box flexcenter" v-if = "answerList.length == 0 && answerPage == 0" >
2023-11-24 10:51:45 +00:00
< div class = "empty-box flexcenter" >
< div class = "dot-list flexacenter" >
< img class = "dot-item" src = "./img/dot-yellow.svg" v-for = "item in 3" >
< img class = "dot-item" src = "./img/dot-gray.svg" v-for = "item in 3" >
< / div >
< img class = "empty-icon" src = "./img/empty-icon.svg" >
< / div >
< div class = "empty-hint" > 我在等待你的回答< / div >
< / div >
<!-- 回答 - 数据 -->
2023-11-29 04:28:01 +00:00
<!-- <div class="answer - box - item" v - for="(item,index) in answerList" :style="{zIndex: item['transmitState'] ? 1 : 0}"> -->
< div class = "answer-box-item" v-for = "(item,index) in answerList" >
< div class = "icon-circle-box" >
< div class = "icon-box flexcenter" > A< / div >
< / div >
2023-11-24 10:51:45 +00:00
2023-11-29 04:28:01 +00:00
< div class = "answer-text" v-html = "item['content']" @ click = "handleAnswerText" > < / div >
2023-11-24 10:51:45 +00:00
< div class = "info-box flexacenter" >
< div class = "user-info flexacenter" >
< img class = "avatar" :src = "item['avatar']" >
< div class = "user-name" > {{ item['nickname'] }}< / div >
< img class = "homeShare" src = "./img/title.png" v-if = "item['groupid'] == 14" / >
< / div >
< div class = "time" > {{ handleDate(item['publicationdate']) }}< / div >
< / div >
< div class = "operate-box flexacenter" >
< div class = "edit-box" >
< div class = "edit-btn flexcenter" v-if = "item['ismyself'] == 1" @ click = "openIAnswer(index)" >
< img class = "edit-icon" src = "./img/edit-icon.png" >
< / div >
< / div >
< div class = "operate-list flexacenter" >
< div class = "operate-item flexacenter" @ click = "operateLike(item['token'],index)" >
< img class = "operate-icon operate-like-icon" :src = "item['islike'] == 1 ? './img/like-icon-colours.png' : './img/like-icon.png'" >
{{ item['likenum'] }}
< / div >
< div class = "operate-item flexacenter " :class = "{'commentnum': item['commentState'] }" @ click = "openCommentState(index)" >
< img class = "operate-icon operate-comment-icon" src = "./img/comment-icon.png" >
{{ item['commentnum'] }}
< / div >
< div class = "operate-item flexacenter" @ click = "operateCollect(item['token'],index)" >
< img class = "operate-icon operate-collect-icon" :src = "item['iscollection'] == 1 ? './img/collect-icon-colours.svg' : './img/collect-icon.png'" >
{{ item['collectionnum'] == 0 ? '收藏' : item['collectionnum'] }}
< / div >
< div class = "operate-item operate-transmit flexacenter" @ click = "handleAnswerTransmitList(index)" >
< img class = "operate-icon operate-transmit-icon" src = "./img/transmit-icon.png" >
转发
< div class = "transmit-box flexflex" v-if = "item['transmitState']" @ click . stop = "" >
<!-- <div class="transmit - mask" @click="handleAnswerTransmitList(index)"></div> -->
< div class = "transmit-left transmit-web" >
< div class = "transmit-title" > 转发网页版< / div >
< div class = "transmit-content" >
2023-11-29 04:28:01 +00:00
< div class = "transmit-headline" > {{ detailsInfo['title'] }}< / div >
< div class = "transmit-url" > {{ getCurrentUrl() }}< / div >
2023-11-24 10:51:45 +00:00
< / div >
2023-11-29 04:28:01 +00:00
< div class = "transmit-web-btn flexcenter" @ click = "copyText(detailsInfo['title'] + getCurrentUrl())" > 复制链接< / div >
2023-11-24 10:51:45 +00:00
< / div >
< div class = "transmit-right transmit-mini" >
< div class = "transmit-title" > 转发小程序版< / div >
< div class = "transmit-content flexcenter" >
< img class = "transmit-mini-img" src = "./img/mini-code.png" >
< div class = "flexcenter" >
< img class = "give-sweep" src = "./img/give-sweep.png" >
扫码转发该问答
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< template v-if = "item['commentState']" >
< div class = "post-comment flexacenter" >
< input class = "post-input flex1" placeholder = "说点什么…" v-model = "item['commentInput']" / >
< div class = "post-ok flexcenter" @ click = "submitAnswerComments(index)" > OK< / div >
< / div >
<!-- 评论 -->
< div class = "comments-box" v-if = "item['commentList'] && item['commentList'].length != 0" >
< div class = "comments-item" v-for = "(it , ind) in item['commentList']" :key = "ind" >
< div class = "comments-header flexacenter" >
< div class = "comments-header-left flexacenter" >
< img class = "comments-avatar" :src = "it['avatar']" >
< div class = "comments-username" > {{ it['nickname'] }}< / div >
< div class = "comments-time" > {{ handleDate(it['timestamp']) }}< / div >
<!-- <div class="comments - identity">提问者</div> -->
< div class = "comments-identity" v-if = "item['isauthor']" > 提问者< / div >
< / div >
< div class = "comments-header-right flexacenter" >
< div class = "menu-box flexacenter" >
< img class = "menu-icon" src = "./img/menu-icon-gray.svg" >
< div class = "report-box flexcenter" v-if = "false" > 举报< / div >
< / div >
< img class = "comment-icon" @ click = "openAnswerCommentsChild(index,ind)" src = "./img/comment-icon-gray.svg" >
< div class = "flexacenter like-box" @ click = "operateAnswerCommentsLike(it['token'],index,ind)" >
< img class = "like-icon" :src = " it['islike'] == 0 ? './img/like-icon-gray.png' : './img/like-icon-colours.png'" >
< div class = "like-quantity" > {{ it['likenum'] || 0 }}< / div >
< / div >
< / div >
< / div >
< div class = "comments-content" >
< div class = "comments-text" > {{ it['content'] }}< / div >
< div class = "comments-input-box flexacenter" v-if = "it['childState']" >
< div class = "comments-input flexflex" >
< textarea class = "flex1" placeholder = "回复" v-model = "it['commentInput']" > < / textarea >
< div class = "comments-btn flexcenter" @ click = "submitAnswerComments(index,ind)" > 发送< / div >
< / div >
< img class = "forkfork" src = "./img/cross-icon.png" @ click = "closeAnswerCommentsChild(index,ind)" >
< / div >
< / div >
< div class = "child-comments" v-if = "it['child'].length != 0" >
< div class = "comments-item" v-for = "(ite, i) in it['child']" :key = "i" >
< div class = "comments-header flexacenter" >
< div class = "comments-header-left flexacenter" >
< img class = "comments-avatar" :src = "ite['avatar']" >
< div class = "comments-username" > {{ ite['nickname'] }}< / div >
< div class = "comments-time" > {{ handleDate(ite['timestamp']) }}< / div >
<!-- <div class="comments - identity">提问者</div> -->
< / div >
< div class = "comments-header-right flexacenter" >
< div class = "menu-box flexacenter" >
< img class = "menu-icon" src = "./img/menu-icon-gray.svg" >
< div class = "report-box flexcenter" v-if = "false" > 举报< / div >
< / div >
< img class = "comment-icon" @ click = "openAnswerCommentsChild(index,ind,i)" src = "./img/comment-icon-gray.svg" >
< div class = "flexacenter like-box" @ click = "operateAnswerCommentsLike(ite['token'],index,ind,i)" >
< img class = "like-icon" :src = " ite['islike'] == 0 ? './img/like-icon-gray.png' : './img/like-icon-colours.png'" >
< div class = "like-quantity" > {{ ite['likenum'] || 0 }}< / div >
< / div >
< / div >
< / div >
< div class = "comments-content" >
< div class = "comments-text" >
< div class = "comments-reply" v-if = "JSON.stringify(ite['reply']) != '[]'" > @{{ ite['reply']['nickname'] }} < / div >
{{ ite['content'] }}
< / div >
< div class = "comments-input-box flexacenter" v-if = "ite['childState']" >
< div class = "comments-input flexflex" >
< textarea class = "flex1" placeholder = "回复" v-model = "ite['commentInput']" > < / textarea >
< div class = "comments-btn flexcenter" @ click = "submitAnswerComments(index,ind,i)" > 发送< / div >
< / div >
< img class = "forkfork" src = "./img/cross-icon.png" @ click = "closeAnswerCommentsChild(index,ind,i)" >
< / div >
< / div >
< / div >
< div class = "comments-also flexacenter" v-if = "it['childnum'] >= 3 && it['childnum'] != it['child'].length" @ click = "alsoCommentsData(index,ind)" >
2023-11-29 04:28:01 +00:00
< div class = "" > 还有{{ it['childnum'] - 1 }}条回复< / div >
2023-11-24 10:51:45 +00:00
< img class = "also-icon" src = "./img/arrow-circular-gray.png" / >
< / div >
< / div >
< / div >
< div class = "reverl-all flexcenter" @ click = "handleAllComment(index)" v-if = "item['commentCount'] != item['commentList'].length" >
显示全部
< img class = "arrow-circular" src = "./img/arrow-circular-gray.png" >
< / div >
< / div >
<!-- 评论为空时 -->
<!-- <div class="comments - empty - box flexflex" v - if="item['commentnum'] == 0"> -->
< div class = "comments-empty-box flexflex" v-else >
< div class = "empty-box flexcenter" >
< div class = "dot-list flexacenter" >
< img class = "dot-item" src = "./img/dot-yellow.svg" v-for = "item in 3" >
< img class = "dot-item" src = "./img/dot-gray.svg" v-for = "item in 3" >
< / div >
< img class = "empty-icon" src = "./img/empty-icon.svg" >
< / div >
< div class = "empty-hint" > 和我说说你的想法或疑问吧< / div >
< / div >
< / template >
< / div >
<!-- · 著作权归作者所有 · -->
< div class = "copyright" > · 著作权归作者所有 ·< / div >
<!-- div -->
< div class = "mobile-phone-check flexcenter" >
< img class = "QRCode-icon" src = "./img/QRCode-icon.svg" alt = "" >
手机查看该问答
< div class = "QRCode-pop flexcenter" >
< img class = "offer-mini-QRcode" src = "./img/offer-mini-QRcode.png" >
< div class = "QRCode-hint flexacenter" >
< img class = "QRCode-img" src = "./img/give-sweep.png" / >
微信扫一扫
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
<!-- 我的弹窗 -->
< div class = "popover-mask my-popover flexcenter" v-if = "myType" >
< div class = "popover-box flexflex" >
< img class = "cross-icon" src = "./img/cross-icon.png" @ click = "myType = ''" >
< div class = "tab-list flexcenter" >
2023-11-29 04:28:01 +00:00
< div class = "tab-item flexacenter" :class = "{'pitch': myType == 'collect'}" @ click = "handleMy('collect')" > 我的收藏 < div class = "quantity" > {{ myCollectionCount || myCount['collect'] || 0 }}< / div >
2023-11-24 10:51:45 +00:00
< / div >
< div class = "long-string" > < / div >
2023-11-29 04:28:01 +00:00
< div class = "tab-item flexacenter" :class = "{'pitch': myType == 'answers'}" @ click = "handleMy('answers')" > 我的回答 < div class = "quantity" > {{ myAnswerCount || myCount['answer'] || 0 }}< / div >
2023-11-24 10:51:45 +00:00
< / div >
< div class = "long-string" > < / div >
2023-11-29 04:28:01 +00:00
< div class = "tab-item flexacenter" :class = "{'pitch': myType == 'questions'}" @ click = "handleMy('questions')" > 我的提问 < div class = "quantity" > {{ myQuestionsCount || myCount['questions'] || 0 }}< / div >
2023-11-24 10:51:45 +00:00
< / div >
< / div >
< div class = "empty-box flexcenter" v-if = "(myType == 'collect' && myCollectionList.length == 0) || (myType == 'answers' && myAnswerList.length == 0) || (myType == 'questions' && myQuestionsList.length == 0)" >
< div class = "dot-list flexacenter" >
< img class = "item" src = "./img/dot-yellow.svg" >
< img class = "item" src = "./img/dot-yellow.svg" >
< img class = "item" src = "./img/dot-yellow.svg" >
< img class = "item" src = "./img/dot-gray.svg" >
< img class = "item" src = "./img/dot-gray.svg" >
< img class = "item" src = "./img/dot-gray.svg" >
< / div >
< img class = "empty-icon" src = "./img/empty-icon.svg" >
< div class = "empty-hint" > 暂无内容< / div >
< / div >
2023-11-29 04:28:01 +00:00
< div class = "content-box collect-list" v-if = "myType == 'collect' && myCollectionList.length != 0" @ scroll = "handleCollectionScroll" >
< div class = "item flexflex" v-for = "(item,index) in myCollectionList" :key = "item" @ click . stop = "myOpenDetails(item)" >
2023-11-24 10:51:45 +00:00
< template v-if = "item.type == 'askanswercollection'" >
< div class = "icon a flexcenter" > A< / div >
< div class = "centre flexflex flex1" >
< div class = "title ellipsis" v-html = "item['data']['content']" > < / div >
< div class = "text ellipsis" > 提问：{{ item['data']['title'] }}< / div >
< / div >
< div class = "delete-box flexacenter" >
2023-11-29 04:28:01 +00:00
< img class = "delete-icon" @ click . stop = "cancelCollection(item['token'],index)" src = "./img/delete-icon.svg" >
2023-11-24 10:51:45 +00:00
< / div >
< / template >
< template v-else >
< div class = "icon q flexcenter" > Q< / div >
< div class = "centre flexflex flex1" >
< div class = "title ellipsis" > {{ item['data']['title'] }}< / div >
< div class = "text ellipsis" > {{ item['data']['answers'] > 0 ? `共${ item['data']['answers'] }个回答` : '暂无回答'}}< / div >
< / div >
< div class = "delete-box flexacenter" >
2023-11-29 04:28:01 +00:00
< img class = "delete-icon" @ click . stop = "cancelCollection(item['token'],index)" src = "./img/delete-icon.svg" >
2023-11-24 10:51:45 +00:00
< / div >
< / template >
< / div >
< / div >
2023-11-29 04:28:01 +00:00
< div class = "content-box answers-list" v-if = "myType == 'answers' && myAnswerList.length != 0" @ scroll = "handleAnswersScroll" >
< div class = "item flexflex" v-for = "(item,index) in myAnswerList" :key = "item" @ click . stop = "myOpenDetails(item)" >
2023-11-24 10:51:45 +00:00
< div class = "icon a flexcenter" > A< / div >
<!-- <div class="icon a flexcenter">A</div> -->
< div class = "centre flexflex flex1" >
< div class = "info flexacenter" >
< div class = "name" > {{ item['nickname'] }}< / div >
< div class = "time" > {{ item['publicationdate'] }}< / div >
< / div >
< div class = "title ellipsis" v-html = "item['content']" > < / div >
< div class = "text ellipsis" > 提问：{{ item['title'] }}< / div >
< / div >
< div class = "operate-box flexacenter" >
2023-11-29 04:28:01 +00:00
< div class = "state-box flexacenter" @ click . stop = "cutAnswerPopupState(index)" >
2023-11-24 10:51:45 +00:00
< div class = "text" > {{ item['anonymous'] == 0 ? '公开' : '匿名' }}< / div >
< img class = "arrows" src = "./img/arrows-icon.svg" >
< div class = "state-popup flexflex" v-if = "item['popupState']" >
< div class = "state-popup-mask" @ click . stop = "cutAnswerPopupState(index)" > < / div >
< div class = "state-popup-item flexacenter flex1" :class = "{'pitch': item['anonymous'] == 0 }" @ click . stop = "changeAnonymous(item['token'], 0,index)" >
< div class = "" > 公开发表< / div >
< img class = "state-popup-icon" src = "./img/tick-orange.svg" >
< / div >
< div class = "state-popup-item flexacenter flex1" :class = "{'pitch': item['anonymous'] == 1 }" @ click . stop = "changeAnonymous(item['token'], 1,index)" >
< div class = "" > 匿名发表< / div >
< img class = "state-popup-icon" src = "./img/tick-orange.svg" >
< / div >
< / div >
< / div >
2023-11-29 04:28:01 +00:00
< img class = "edit-icon" @ click . stop = "openIAnswer(index,'my')" src = "./img/edit-icon.png" >
2023-11-24 10:51:45 +00:00
< / div >
< / div >
< / div >
2023-11-29 04:28:01 +00:00
< div class = "content-box questions-list" v-if = "myType == 'questions' && myQuestionsList.length != 0" @ scroll = "handleQuestionsScroll" >
< div class = "item flexflex" v-for = "(item,index) in myQuestionsList" :key = "item" @ click . stop = "myOpenDetails(item)" >
2023-11-24 10:51:45 +00:00
< div class = "icon q flexcenter" > Q< / div >
< div class = "centre flexflex flex1" >
< div class = "info flexacenter" >
2023-11-29 04:28:01 +00:00
< div class = "name" > {{ item['nickname'] }}< / div >
< div class = "time" > {{ handleDate(item['publicationdate']) }}< / div >
2023-11-24 10:51:45 +00:00
< / div >
2023-11-29 04:28:01 +00:00
< div class = "title ellipsis" > {{ item['title'] }}< / div >
2023-11-24 10:51:45 +00:00
< div class = "text flexacenter" >
2023-11-29 04:28:01 +00:00
< div class = "new-answer flexacenter" v-if = "item['authornewnum'] > 0" > 有{{ item['authornewnum'] }}个新回答 < div class = "long-string" > < / div >
2023-11-24 10:51:45 +00:00
< / div >
2023-11-29 04:28:01 +00:00
{{ item['answers'] == 0 ? '暂无回答' : `共${item['answers']}个回答`}}
2023-11-24 10:51:45 +00:00
< / div >
< / div >
< div class = "operate-box flexacenter" >
2023-11-29 04:28:01 +00:00
< div class = "state-box flexacenter" @ click . stop = "cutQuestionsPopupState(index)" >
< div class = "text" > {{ item['anonymous'] == 0 ? '公开' : '匿名' }}< / div >
2023-11-24 10:51:45 +00:00
< img class = "arrows" src = "./img/arrows-icon.svg" >
2023-11-29 04:28:01 +00:00
< div class = "state-popup flexflex" v-if = "item['popupState']" >
< div class = "state-popup-item flexacenter flex1" :class = "{'pitch': item['anonymous'] == 0 }" @ click . stop = "changeAnonymousQuestions(item['token'], 0,index)" >
2023-11-24 10:51:45 +00:00
< div class = "" > 公开发表< / div >
< img class = "state-popup-icon" src = "./img/tick-orange.svg" >
< / div >
2023-11-29 04:28:01 +00:00
< div class = "state-popup-item flexacenter flex1" :class = "{'pitch': item['anonymous'] == 1 }" @ click . stop = "changeAnonymousQuestions(item['token'], 1,index)" >
< div class = "" > 匿名发表< / div >
2023-11-24 10:51:45 +00:00
< img class = "state-popup-icon" src = "./img/tick-orange.svg" >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
<!-- 我要提问 -->
< div class = "popover-mask flexcenter issue-box" v-if = "questionsSetp" >
<!-- 第一步 -->
2023-11-29 04:28:01 +00:00
<!-- <div class="choosing - theme" v - if="questionsSetp == 1">
2023-11-24 10:51:45 +00:00
< div class = "title" > 选择提问所属主题< / div >
< div class = "theme-list flexflex" >
< div class = "theme-item flexcenter" v-for = "item in questionsTypeList" :key = "item.id" @ click = "choosingTheme(item.id)" > {{ item.name }}< / div >
< / div >
2023-11-29 04:28:01 +00:00
< / div > -->
< div class = "choosing-theme" v-if = "questionsSetp == 1" >
< div class = "title" > 选择提问所属主题< / div >
< div class = "theme-list flexflex" >
< div class = "theme-stair-box flexflex" v-for = "(item,index) in questionsTypeList" >
< div class = "theme-item flexcenter" v-for = "item in item" :key = "item.id" @ click = "choosingTheme(item.id)" > {{ item.name }}< / div >
<!-- <div class="halving - line"></div> -->
< / div >
< / div >
2023-11-24 10:51:45 +00:00
< / div >
<!-- 第二步 -->
< div class = "issue-form" v-else >
2023-11-29 04:28:01 +00:00
<!-- <img class="issue - bj" src="./img/issue - bj.png"> -->
< img class = "issue-bj" src = "./img/issue-bj.svg" >
< div class = "flexcenter q" > Q< / div >
2023-11-24 10:51:45 +00:00
< img class = "cross-icon" @ click = "cutQuestionsSetp(0)" src = "./img/cross-icon.png" >
< div class = "issue-input" >
2023-11-29 04:28:01 +00:00
< textarea v-model = "questionsObj.title" placeholder = "一句话描述问题，以问号结尾" > < / textarea >
<!-- <input class="" v - model="questionsObj.title" placeholder="一句话描述问题，以问号结尾" /> -->
2023-11-24 10:51:45 +00:00
< / div >
< textarea class = "issue-replenish" v-model = "questionsObj.content" placeholder = "欢迎对问题补充说明，清晰表达问题的关键点，可获得更有效的解答（非必填）" > < / textarea >
< div class = "issue-bottom flexacenter" >
< div class = "option-box flexacenter" @ click = "cutAnonymous" >
< img class = "option-icon" v-if = "questionsObj.anonymous == 0" src = "./img/tick-no.svg" >
< img class = "option-icon" v-else src = "./img/tick-option.svg" >
匿名发表
< / div >
< div class = "issue-btn flexcenter" @ click = "postingIssue" > 发布问题< / div >
< / div >
< / div >
< / div >
<!-- 编辑回答 -->
< div class = "popover-mask flexcenter" v-if = "IAnswerEditState" >
< div class = "edit-answers" >
< img class = "close-icon" src = "./img/cross-icon.png" @ click = "closeIAnswer" >
< div class = "title" > 编辑回答< / div >
2023-11-29 04:28:01 +00:00
<!-- <textarea placeholder="输入图文内容回答提问" v - model="IAnswerInfo['text']"></textarea> -->
< div class = "question-textarea" :class = "{'placeholder': questionPlaceholderState}" contenteditable = "true" @ paste = "handlePaste" v-html = "IAnswerInfo['text']" @ input = "handleInput" > < / div >
2023-11-24 10:51:45 +00:00
< div class = "issue-bottom flexacenter" >
2023-11-29 04:28:01 +00:00
< div class = "option-box flexacenter" @ click = "amendIAnswer" >
2023-11-24 10:51:45 +00:00
< img class = "option-icon" v-if = "IAnswerInfo['anonymous'] == 0" src = "./img/tick-no.svg" >
< img class = "option-icon" v-else src = "./img/tick-option.svg" >
匿名发表
< / div >
< div class = "issue-btn flexcenter" @ click = "submitAnswer" > 提交回答< / div >
< / div >
< / div >
< / div >
<!-- 我来回答 -->
< div class = "popover-mask flexcenter" v-if = "IAnswerState" >
< div class = "i-answer-box flexflex" >
< img class = "close-icon" src = "./img/cross-icon.png" @ click = "closeIAnswer" >
< div class = "question-header" >
< div class = "question-title flexflex" >
< div class = "question-icon flexcenter" > Q< / div >
< div class = "flex1" > {{ IAnswerInfo['title'] }}< / div >
< / div >
< div class = "question-replenish" v-html = "IAnswerInfo['content']" > < / div >
< / div >
< div class = "question-middle flexflex" >
< div class = "question-icon flexcenter" > A< / div >
< div class = "question-textarea" :class = "{'placeholder': questionPlaceholderState}" contenteditable = "true" @ paste = "handlePaste" v-html = "IAnswerInfo['text']" @ input = "handleInput" > < / div >
< / div >
< div class = "issue-bottom flexacenter" >
< div class = "option-box flexacenter" @ click = "amendIAnswer" >
< img class = "option-icon" v-if = "IAnswerInfo['anonymous'] == 0" src = "./img/tick-no.svg" >
< img class = "option-icon" v-else src = "./img/tick-option.svg" >
匿名发表
< / div >
< div class = "issue-btn flexcenter" @ click = "submitAnswer" > 提交回答< / div >
< / div >
< / div >
< / div >
2023-11-29 04:28:01 +00:00
<!-- 提示框 -->
< transition name = "msg" appear v-show = "msg['state']" >
<!-- <div :class="['box - item', boxClass]" v - if="" :style="{top: info.top + 'px'}"> -->
< div class = "box-item" :class = "boxClass()" :style = "{top: 20 + 'px'}" >
< div class = "msg-container" >
<!-- <i :class="['iconfont', iconClass]"></i> -->
{{ msg['text'] }}
< / div >
< / div >
< / transition >
<!-- 大图 -->
< div class = "detail-image-mask flexcenter" v-if = "dialogSrc" @ click = "dialogSrc = ''" >
< div class = "detail-image flexcenter" >
< img class = "detail-img" :src = "dialogSrc" >
< / div >
< / div >
2023-11-24 10:51:45 +00:00
< / div >
2023-11-29 04:28:01 +00:00
< script src = "./js/axios.min.js" > < / script >
2023-11-24 10:51:45 +00:00
< script src = "./js/index.js" > < / script >
2023-11-29 04:28:01 +00:00
< script src = "https://app.gter.net/bottom?tpl=footer" > < / script >
2023-11-24 10:51:45 +00:00
< / body >
< / html >
