feat: There is no way the, bug #55665

This commit is contained in:
super_liu
2022-06-15 15:20:50 +08:00
parent a0024b5e1d
commit 9d135cfb72
3 changed files with 46 additions and 17 deletions
@@ -80,7 +80,7 @@
<template slot="label"> <template slot="label">
<questions-item :question="question"></questions-item> <questions-item :question="question"></questions-item>
</template> </template>
<div> <div class="contentClass">
<template v-for="(item, index) in answerList"> <template v-for="(item, index) in answerList">
<div class="clearfix"> <div class="clearfix">
<div class="answer-box" > <div class="answer-box" >
@@ -138,7 +138,7 @@
<template slot="label"> <template slot="label">
<questions-item :question="question"></questions-item> <questions-item :question="question"></questions-item>
</template> </template>
<div> <div class="contentClass">
<template v-for="(item, index) in answerList"> <template v-for="(item, index) in answerList">
<div class="clearfix"> <div class="clearfix">
<div class="answer-box" > <div class="answer-box" >
@@ -196,7 +196,7 @@
<template slot="label"> <template slot="label">
<questions-item :question="question"></questions-item> <questions-item :question="question"></questions-item>
</template> </template>
<div> <div class="contentClass">
<template v-for="(item, index) in answerList"> <template v-for="(item, index) in answerList">
<div class="clearfix"> <div class="clearfix">
<div class="answer-box" > <div class="answer-box" >
@@ -254,7 +254,7 @@
<template slot="label"> <template slot="label">
<questions-item :question="question"></questions-item> <questions-item :question="question"></questions-item>
</template> </template>
<div> <div class="contentClass">
<template v-for="(item, index) in answerList"> <template v-for="(item, index) in answerList">
<div class="clearfix"> <div class="clearfix">
<div class="answer-box" > <div class="answer-box" >
@@ -582,7 +582,7 @@
<template slot="label"> <template slot="label">
<questions-item :question="question"></questions-item> <questions-item :question="question"></questions-item>
</template> </template>
<div> <div class="contentClass">
<template v-for="(item, index) in answerList"> <template v-for="(item, index) in answerList">
<div class="clearfix"> <div class="clearfix">
<div class="answer-box" > <div class="answer-box" >
@@ -640,7 +640,7 @@
<template slot="label"> <template slot="label">
<questions-item :question="question"></questions-item> <questions-item :question="question"></questions-item>
</template> </template>
<div> <div class="contentClass">
<template v-for="(item, index) in answerList"> <template v-for="(item, index) in answerList">
<div class="clearfix"> <div class="clearfix">
<div class="answer-box" > <div class="answer-box" >
@@ -698,7 +698,7 @@
<template slot="label"> <template slot="label">
<questions-item :question="question"></questions-item> <questions-item :question="question"></questions-item>
</template> </template>
<div> <div class="contentClass">
<template v-for="(item, index) in answerList"> <template v-for="(item, index) in answerList">
<div class="clearfix"> <div class="clearfix">
<div class="answer-box" > <div class="answer-box" >
@@ -756,7 +756,7 @@
<template slot="label"> <template slot="label">
<questions-item :question="question"></questions-item> <questions-item :question="question"></questions-item>
</template> </template>
<div> <div class="contentClass">
<template v-for="(item, index) in answerList"> <template v-for="(item, index) in answerList">
<div class="clearfix"> <div class="clearfix">
<div class="answer-box" > <div class="answer-box" >
@@ -1854,6 +1854,10 @@ export default {
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
/deep/ .contentClass{
height: calc(~ '100% - 40px') !important;
overflow: auto !important;
}
#my-questions{ #my-questions{
height: 100%; height: 100%;
display: flex; display: flex;
@@ -1871,7 +1875,7 @@ export default {
overflow-y: auto; overflow-y: auto;
padding: 0; padding: 0;
.el-tab-pane { .el-tab-pane {
height: 98%; height: 100%;
} }
} }
} }
@@ -5,7 +5,7 @@
<div> <div>
<el-button class="dybtn" size="mini" type="primary" @click.stop="subscribe">订阅</el-button> <el-button class="dybtn" size="mini" type="primary" @click.stop="subscribe">订阅</el-button>
</div> </div>
<div> <div class="divWhiteSpace">
<div class="row"> <div class="row">
<div class="item"> <div class="item">
<div>提问 <div>提问
@@ -67,15 +67,26 @@ export default {
.dybtn{ .dybtn{
float: right; float: right;
} }
.divWhiteSpace{
width: 80%;
}
.row { .row {
line-height: 1.8; line-height: 1.8;
} }
.item { .item {
display: inline-block; display: inline-block;
width: 200px;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
word-break: break-word;
word-wrap: break-word;
white-space: -moz-pre-wrap;
white-space: -hp-pre-wrap;
white-space: -o-pre-wrap;
white-space: -pre-wrap;
white-space: pre;
white-space: pre-wrap;
white-space: pre-line;
} }
} }
/deep/ .el-button--mini { /deep/ .el-button--mini {
@@ -71,7 +71,7 @@
<template slot="label"> <template slot="label">
<questions-item :question="question"></questions-item> <questions-item :question="question"></questions-item>
</template> </template>
<div> <div class="contentClass">
<template v-for="(item, index) in answerList"> <template v-for="(item, index) in answerList">
<div class="clearfix"> <div class="clearfix">
<div class="answer-box" > <div class="answer-box" >
@@ -128,7 +128,7 @@
<template slot="label"> <template slot="label">
<questions-item :question="question"></questions-item> <questions-item :question="question"></questions-item>
</template> </template>
<div> <div class="contentClass">
<template v-for="(item, index) in answerList"> <template v-for="(item, index) in answerList">
<div class="clearfix"> <div class="clearfix">
<div class="answer-box" > <div class="answer-box" >
@@ -185,7 +185,7 @@
<template slot="label"> <template slot="label">
<questions-item :question="question"></questions-item> <questions-item :question="question"></questions-item>
</template> </template>
<div> <div class="contentClass">
<template v-for="(item, index) in answerList"> <template v-for="(item, index) in answerList">
<div class="clearfix"> <div class="clearfix">
<div class="answer-box" > <div class="answer-box" >
@@ -242,8 +242,8 @@
<template slot="label"> <template slot="label">
<questions-item :question="question"></questions-item> <questions-item :question="question"></questions-item>
</template> </template>
<div> <div class="contentClass">
<template v-for="(item, index) in answerList"> <template v-for="(item, index) in answerList">
<div class="clearfix"> <div class="clearfix">
<div class="answer-box" > <div class="answer-box" >
<question-item-info :answer="item"></question-item-info> <question-item-info :answer="item"></question-item-info>
@@ -791,7 +791,7 @@ export default {
this.activeName = this.$route.query.standType this.activeName = this.$route.query.standType
this.standSearch() this.standSearch()
}else{ }else{
switch (this.$route.query.standType){ switch (this.standType){
case 'INLAND': case 'INLAND':
this.standSearch2() this.standSearch2()
break break
@@ -1231,6 +1231,10 @@ export default {
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
/deep/ .contentClass{
height: calc(~ '100% - 20px');
overflow: auto;
}
#my-questions{ #my-questions{
height: 100%; height: 100%;
display: flex; display: flex;
@@ -1245,6 +1249,7 @@ export default {
margin-right: 0; margin-right: 0;
} }
/deep/.el-tabs__content { /deep/.el-tabs__content {
overflow-y: auto;
padding: 0; padding: 0;
.el-tab-pane { .el-tab-pane {
height: 100%; height: 100%;
@@ -1295,6 +1300,15 @@ export default {
background: #F5F7FA; background: #F5F7FA;
float: right; float: right;
margin: 20px 10px 0 80px; margin: 20px 10px 0 80px;
word-break: break-word; /* 文本行的任意字内断开 */
word-wrap: break-word; /* IE */
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -hp-pre-wrap; /* HP printers */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: pre; /* CSS2 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
} }
.info-answer{ .info-answer{
height: 200px; height: 200px;