|
@@ -54,7 +54,7 @@
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
|
</div>
|
|
</div>
|
|
|
- <el-card class="remark-card">
|
|
|
|
|
|
|
+ <div class="remark-card">
|
|
|
<template v-if="!isEditing">
|
|
<template v-if="!isEditing">
|
|
|
<div v-for="(line, idx) in remarkLines" :key="idx">{{ line }}</div>
|
|
<div v-for="(line, idx) in remarkLines" :key="idx">{{ line }}</div>
|
|
|
</template>
|
|
</template>
|
|
@@ -66,7 +66,7 @@
|
|
|
placeholder="请输入算法描述"
|
|
placeholder="请输入算法描述"
|
|
|
/>
|
|
/>
|
|
|
</template>
|
|
</template>
|
|
|
- </el-card>
|
|
|
|
|
|
|
+ </div>
|
|
|
<div class="btn-group" v-if="isEditing">
|
|
<div class="btn-group" v-if="isEditing">
|
|
|
<el-button @click="cancelEdit">取消</el-button>
|
|
<el-button @click="cancelEdit">取消</el-button>
|
|
|
<el-button type="primary" @click="saveChanges">保存</el-button>
|
|
<el-button type="primary" @click="saveChanges">保存</el-button>
|
|
@@ -105,7 +105,7 @@
|
|
|
import urlJoin from 'url-join';
|
|
import urlJoin from 'url-join';
|
|
|
import { storeToRefs } from 'pinia';
|
|
import { storeToRefs } from 'pinia';
|
|
|
import { ref, computed, watch, nextTick } from 'vue';
|
|
import { ref, computed, watch, nextTick } from 'vue';
|
|
|
- import { ElButton, ElIcon, ElMessage, ElUpload, ElDialog, ElInput, ElCard } from 'element-plus';
|
|
|
|
|
|
|
+ import { ElButton, ElIcon, ElMessage, ElUpload, ElDialog, ElInput } from 'element-plus';
|
|
|
import { EditPen, Upload, Delete, Setting, Warning } from '@element-plus/icons-vue';
|
|
import { EditPen, Upload, Delete, Setting, Warning } from '@element-plus/icons-vue';
|
|
|
import { useGlobSetting } from '@/hooks/setting';
|
|
import { useGlobSetting } from '@/hooks/setting';
|
|
|
import { useUserStore } from '@/store/modules/user';
|
|
import { useUserStore } from '@/store/modules/user';
|
|
@@ -298,11 +298,7 @@
|
|
|
|
|
|
|
|
.media-section {
|
|
.media-section {
|
|
|
height: 40%;
|
|
height: 40%;
|
|
|
- margin: 20px;
|
|
|
|
|
- display: flex;
|
|
|
|
|
- align-items: center;
|
|
|
|
|
- justify-content: center;
|
|
|
|
|
- flex-direction: column;
|
|
|
|
|
|
|
+ margin: 20px 22px;
|
|
|
position: relative;
|
|
position: relative;
|
|
|
|
|
|
|
|
.media-img,
|
|
.media-img,
|
|
@@ -310,10 +306,6 @@
|
|
|
height: 100%;
|
|
height: 100%;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
- .media-img .img {
|
|
|
|
|
- cursor: zoom-in;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
.media-set {
|
|
.media-set {
|
|
|
padding: 10px 5px;
|
|
padding: 10px 5px;
|
|
|
border-radius: 50px;
|
|
border-radius: 50px;
|
|
@@ -354,9 +346,11 @@
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.remark-card {
|
|
.remark-card {
|
|
|
- height: 40%;
|
|
|
|
|
- margin: 0 10px 20px 10px;
|
|
|
|
|
- margin-bottom: 24px;
|
|
|
|
|
|
|
+ height: calc(60% - 145px);
|
|
|
|
|
+ margin: 10px 20px;
|
|
|
|
|
+ line-height: 35px;
|
|
|
|
|
+ overflow: auto;
|
|
|
|
|
+ font-size: 14px;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.btn-group {
|
|
.btn-group {
|