style:优化代码格式和样式

- 调整 van-icon 组件的闭合方式,提高代码可读性
- 修正 CSS 选择器的子元素选择符,统一代码风格
This commit is contained in:
陈昱达
2025-03-05 18:13:14 +08:00
parent 9f7b1ba949
commit a140eb3f0e
10 changed files with 182 additions and 111 deletions

View File

@@ -5,7 +5,7 @@
</div>
<!-- 操作项弹窗-->
<van-action-sheet v-model:show="show">
<van-action-sheet v-model:show="show" title="">
<template #description>
<div class="flex flex-start">操作选项</div>
</template>
@@ -53,53 +53,28 @@
<van-popup
v-model:show="questionBeforeShow"
:close-on-click-overlay="false"
title="题前隐藏逻辑"
label="题前隐藏逻辑"
position="bottom"
:overlay="false"
closeable
close-icon="close"
round
:style="{ maxHeight: '75%' }"
:style="{ minHeight: '50%', maxHeight: '75%' }"
>
<div class="mv10">
<header><strong>题前隐藏逻辑</strong></header>
<question-before
v-model="questionsInfo.logics"
:skipType="skipType"
:activeQuestion="activeQuestion"
></question-before>
<van-button>添加逻辑</van-button>
<header>
<strong>{{ skipType === 0 ? '题后跳转逻辑' : '题前隐藏逻辑' }}</strong>
</header>
<!-- 题前 题后逻辑 本来打算拆成两个 但是 只有最后的处理不一样-->
<div class="before-or-after">
<question-before
v-model="questionsInfo.logics"
:skipType="skipType"
:activeQuestion="activeQuestion"
></question-before>
</div>
</div>
<!-- <template v-for="(item, index) in logics" :key="index" class="flex">-->
<!-- <div class="flex space-between mv10">-->
<!-- <div-->
<!-- v-if="-->
<!-- item.skip_type === skipType && item.question_index === activeQuestion.question_index-->
<!-- "-->
<!-- class="question-setting"-->
<!-- >-->
<!-- <template v-for="(log, logIndex) in item.logic" :key="logIndex">-->
<!-- <div>-->
<!-- <yl-select-->
<!-- v-model="log.logic"-->
<!-- :options="settingIfOption"-->
<!-- class="question-setting-if"-->
<!-- ></yl-select>-->
<!-- <yl-select v-model="log.logic" :options="settingIfOption"></yl-select>-->
<!-- </div>-->
<!-- </template>-->
<!-- </div>-->
<!-- <div-->
<!-- v-if="-->
<!-- item.skip_type === skipType && item.question_index === activeQuestion.question_index-->
<!-- "-->
<!-- >-->
<!-- del-->
<!-- </div>-->
<!-- </div>-->
<!-- </template>-->
</van-popup>
</template>
<script setup>
@@ -218,7 +193,10 @@ const questionSetting = (type) => {
.mv10 {
margin: 10px;
}
.before-or-after {
height: 500px;
overflow: auto;
}
.y-select {
min-width: 10vw;