refactor(多个组件): 优化多个组件的样式和功能
- 修改 QuestionBefore 组件中 is_option_group 的默认值为 0- 调整 RateCharacter组件中 rate_item 的样式 - 优化 LastSurvey 组件中 survey_remark 的样式,添加文本溢出处理 - 更新 Survey Index组件中的问卷描述显示方式,支持 HTML 内容 - 统一 fetchSurveys 等异步函数的格式
This commit is contained in:
@@ -434,7 +434,7 @@ const addLogicItem = (logIndex, item) => {
|
||||
option_index: '',
|
||||
relation_question_index: 0,
|
||||
type: 0,
|
||||
is_option_group: '',
|
||||
is_option_group: 0,
|
||||
group_index: null
|
||||
});
|
||||
};
|
||||
|
||||
@@ -105,11 +105,12 @@ ul {
|
||||
}
|
||||
|
||||
.rate_item {
|
||||
padding: 5px 10px;
|
||||
//padding: 1px 3px;
|
||||
min-width: 20px;
|
||||
//width: 20px;
|
||||
//height: 20px;
|
||||
|
||||
//margin: 0 5px 0 0;
|
||||
margin: 0 5px 0 0;
|
||||
border: 1px solid #979797;
|
||||
border-radius: 5px;
|
||||
|
||||
|
||||
@@ -178,11 +178,16 @@ fetchSurveys();
|
||||
}
|
||||
|
||||
.survey_remark {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 1;
|
||||
-webkit-box-orient: vertical;
|
||||
box-sizing: border-box;
|
||||
margin: 0 10px 1px;
|
||||
padding: 8px;
|
||||
//padding: 8px;
|
||||
border-radius: 8px;
|
||||
background: #f6f7f8;
|
||||
//background: #f6f7f8;
|
||||
color: #828282;
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
|
||||
@@ -59,10 +59,8 @@
|
||||
</div>
|
||||
</div>
|
||||
<!--问卷描述-->
|
||||
<div v-if="item.remarks" class="survey_item_info_desc">
|
||||
<el-text>
|
||||
{{ item.remarks }}
|
||||
</el-text>
|
||||
<div v-if="item.introduction">
|
||||
<div v-html="item.introduction" class="survey_item_info_desc"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- action 功能位置 -->
|
||||
@@ -363,10 +361,24 @@ onMounted(() => {
|
||||
}
|
||||
|
||||
.survey_item_info_desc {
|
||||
margin: 0 7px 0 0;
|
||||
padding: 7px 9px 6px;
|
||||
//padding: 7px 9px 6px;
|
||||
border-radius: 8px;
|
||||
background-color: rgba(246, 247, 248, 0.5);
|
||||
//background-color: rgba(246, 247, 248, 0.5);
|
||||
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 1;
|
||||
-webkit-box-orient: vertical;
|
||||
box-sizing: border-box;
|
||||
margin: 0 10px 10px 10px;
|
||||
//padding: 8px;
|
||||
//border-radius: 8px;
|
||||
//background: #f6f7f8;
|
||||
color: #828282;
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
font-size: 12px;
|
||||
|
||||
.el-text {
|
||||
width: 323px;
|
||||
|
||||
Reference in New Issue
Block a user