fix:问卷标题样式
This commit is contained in:
2
components.d.ts
vendored
2
components.d.ts
vendored
@@ -2,7 +2,7 @@
|
||||
// @ts-nocheck
|
||||
// Generated by unplugin-vue-components
|
||||
// Read more: https://github.com/vuejs/core/pull/3399
|
||||
export {};
|
||||
export {}
|
||||
|
||||
/* prettier-ignore */
|
||||
declare module 'vue' {
|
||||
|
||||
@@ -19,7 +19,7 @@
|
||||
class="survey_con_title flex align-center"
|
||||
@click="$router.push({ path: '/preview', query: { sn: survey.sn } })"
|
||||
>
|
||||
<p class="mr-10 fw-bold">
|
||||
<p class="mr-10 fw-bold title">
|
||||
<span v-html="survey.project_name"></span>
|
||||
</p>
|
||||
<p class="survey_con_num">{{ survey.answer_num }}份</p>
|
||||
@@ -194,6 +194,13 @@ const setImg = (code) => {
|
||||
line-height: 15px;
|
||||
text-align: center;
|
||||
}
|
||||
.title {
|
||||
display: inline-block;
|
||||
max-width: 200px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
|
||||
.survey_con_label {
|
||||
|
||||
@@ -366,8 +366,18 @@ onMounted(() => {
|
||||
}
|
||||
|
||||
.survey_item_info_title {
|
||||
display: flex;
|
||||
.el-text {
|
||||
font-size: 15px;
|
||||
|
||||
// 添加以下样式处理文本溢出
|
||||
&:first-child {
|
||||
display: inline-block;
|
||||
max-width: 200px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
|
||||
& > :nth-child(2) {
|
||||
|
||||
Reference in New Issue
Block a user