修改样式
This commit is contained in:
parent
20c16e30a6
commit
a32e8d3804
|
@ -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 }" > {{ 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 }" > {{ 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 }" > {{ two.title }}</div>
|
||||
<div v-else class="ainput ainputpad ainputNoEdit" @click="(e) => { stop(e);two.isEdit = true }" > {{ 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>
|
Loading…
Reference in New Issue