修改样式

This commit is contained in:
liujuan 2024-05-29 16:19:17 +08:00
parent 20c16e30a6
commit a32e8d3804
1 changed files with 31 additions and 14 deletions

View File

@ -2,14 +2,14 @@
<div class="max">
<!-- <a-affix :offset-top="0" :target="() => doctomen"> -->
<div style="background: #fff">
<div style="font-size: 14px;color: #858588;margin-top: 10px;width:100%;padding: 10px 0 0 10px;">提示每一个小的章节都可以上传章节相关的教学资源</div>
<div style="background: #fff;margin-top: 10px;">
<div style="font-size: 12px;color: #ff8400;border-radius:3px; margin:0 10px; padding:8px;width:98%;background: linear-gradient(to left,#fff4d8, #ffeec4); border:1px dashed #f39800;">提示每一个小的章节都可以上传章节相关的教学资源</div>
<div class="topButton">
<a-space v-if="!isPreview">
<!-- <a-button type="primary" @click="save" :loading="saveLoading" title="保存"><Icon icon="ant-design:save-outlined"/>保存</a-button> -->
<a-button @click="reload"><Icon icon="ant-design:reload-outlined"/>刷新</a-button>
<a-button type="primary" @click="addOne()" class="addBtn" title="新增标题"><Icon icon="ant-design:plus-outlined"/>新增标题</a-button>
<a-button type="" v-if="!isPreview" @click="() => { isPreview = true; reloadStn(); }" class="addBtn" title="预览"><Icon icon="ant-design:fund-view-outlined"/>预览</a-button>
<a-button @click="reload"><Icon icon="ant-design:reload-outlined"/>刷新</a-button>
</a-space>
<template v-else>
<a-space>
@ -35,8 +35,8 @@
<Icon icon="ant-design:holder-outlined"/>
<div>{{ one.sort }}</div>
<div class="inputd">
<a-input v-if="one.isEdit" :value="one.title" @change="changeInput($event, one, 'title')" @blur="() => { one.isEdit = false; editOne(one) }" @click="stop" class="ainput"/>
<div v-else class="ainput ainputNoEdit" @click="(e) => { stop(e);one.isEdit = true }" >&nbsp;{{ one.title }}</div>
<a-input v-if="one.isEdit" :value="one.title" @change="changeInput($event, one, 'title')" @blur="() => { one.isEdit = false; editOne(one) }" @click="stop" class="ainput inputpad"/>
<div v-else class="ainput ainputpad ainputNoEdit" @click="(e) => { stop(e);one.isEdit = true }" >&nbsp;{{ one.title }}</div>
</div>
</div>
</template>
@ -62,7 +62,7 @@
<div>{{ one.sort }}.{{ two.sort }}</div>
<div class="twoInputd">
<a-input v-if="two.isEdit" :value="two.title" @change="changeInput($event, two, 'title')" @blur="() => { two.isEdit = false; editTwo(two) }" @click="stop" class="ainput"/>
<div v-else class="ainput ainputNoEdit" @click="(e) => { stop(e);two.isEdit = true }" >&nbsp;{{ two.title }}</div>
<div v-else class="ainput ainputpad ainputNoEdit" @click="(e) => { stop(e);two.isEdit = true }" >&nbsp;{{ two.title }}</div>
</div>
</div>
</div>
@ -75,7 +75,7 @@
</a-space>
</span>
</template>
<div style="padding-top: 1rem;padding-bottom: 1rem;">
<div style="padding-bottom: 0.2rem;">
<a-space>
<div><a-button type="primary" size="small" @click="addThree($event, two, 'video')" class="addBtn"><Icon icon="ant-design:video-camera-outlined"/>视频</a-button></div>
<div><a-button type="primary" size="small" @click="addThree($event, two, 'document')" class="addBtn"><Icon icon="ant-design:file-outlined"/>文档</a-button></div>
@ -128,8 +128,8 @@
<a-input v-if="!threePageDisableSubmit" :value="threePageData.three.title" @change="changeInput($event, threePageData.three, 'title')" @click="stop" class="ainput"/>
<div v-else>{{ threePageData.three.title }}</div>
</div>
<div>
<template v-if="threePageData.three.type == 'video'">
<div style="margin-top:10px;">
<template v-if="threePageData.three.type == 'video'">
<j-upload v-if="!threePageDisableSubmit" v-model:value="threePageData.three.filePath" :maxCount="1" text="上传视频" accept=".mp4,.webm,.ogv" :forceAcceptVerify="true" :isGetBiz="true" :getBizParam="{ rwbh, xqxn, wjlx: '教学单元' }"/>
<downloadAssembly v-else :filePath="threePageData.three.filePath"/>
</template>
@ -674,9 +674,14 @@
.ainput {
width: 100%;
}
}
.ainputpad {
padding: 3px 0;
border-radius: 3px;
}
.ainputNoEdit {
border: #d9d9d9 solid 1px;
border: #d9d9d9 solid 1px;
}
.inputd {
@ -707,8 +712,8 @@
padding-bottom: 0;
}
.ant-card-body {
padding-top: 0;
}
padding: 5px;
}
}
.example {
@ -718,6 +723,18 @@
position: absolute;
left: 50%;
top: 50%;
}
.ant-empty {
margin: 25% 8px;
font-size: 14px;
line-height: 1.5715;
text-align: center;
}
.ant-btn-sm {
height: 28px;
padding: 0px 8px;
font-size: 14px;
border-radius: 2px;
}
</style>
</style>