This commit is contained in:
2024-04-23 16:23:27 +08:00
parent 26c153ea14
commit cba387907a
2 changed files with 58 additions and 60 deletions

View File

@ -135,16 +135,12 @@
</el-dialog>
<!-- 宣教预览弹框 -->
<el-dialog title="宣教预览" :visible.sync="propagandaopen" width="30%" :before-close="openfalse">
<div class="titletop">文章模板:{{ lookitem.propagandaTitle }}</div>
<div class="bodytop">
<div class="titletop">文章模板:{{ lookitem.propagandaTitle }}</div>
<div class="titledata">{{ lookitem.propagandaTitle }}</div>
<div>
<img :src="baseUrl + lookitem.propagandaCoverPath" alt="" />
<div class="know">知识卡片</div>
<div class="knowlist">
{{ lookitem.propagandaContent }}
</div>
</div>
<img :src="baseUrl + lookitem.propagandaCoverPath" alt="" />
<div class="know">知识卡片</div>
<div v-html="lookitem.propagandaContent"></div>
</div>
</el-dialog>
<!-- 问卷预览弹框 -->
@ -260,6 +256,41 @@ export default {
};
</script>
<style lang="scss" scoped>
.bodytop {
width: 96%;
margin: 0 auto;
.titletop {
font-size: 20px;
font-weight: 700;
margin: 10px 0px 0 0;
}
.titledata {
margin: 30px 0px 15px 0;
font-size: 16px;
}
img {
margin: 20px 0;
width: 100%;
}
.audiotop {
margin: 10px 0px 10px 0;
}
.know {
margin: 11px 0px 10px 0;
font-size: 16px;
}
.knowlist {
margin: 10px 0px 10px 0;
font-size: 16px;
}
}
.header {
background-color: #fff !important;
padding: 0 !important;
@ -283,37 +314,6 @@ export default {
}
}
.titletop {
font-size: 16px;
font-weight: 700;
margin: 10px 0px 0 20px;
}
.bodytop {
.titledata {
margin: 30px 0px 15px 20px;
font-size: 20px;
}
.audiotop {
margin: 10px 0px 10px 20px;
}
img {
margin: 0px 0px 0px 20px;
}
.know {
margin: 11px 0px 10px 20px;
font-size: 16px;
}
.knowlist {
margin: 10px 0px 10px 20px;
font-size: 16px;
}
}
.texts {
margin: 16px 0 20px;
flex-wrap: wrap;

View File

@ -10,18 +10,13 @@
</div>
<div class="rightheader" v-if="categorylist.length > 0">
<div class="richtext">
<div class="titletop">文章模板:{{ categoryItem.propagandaTitle }}</div>
<div class="bodytop">
<div class="titletop">文章模板:{{ categoryItem.propagandaTitle }}</div>
<div class="titledata">{{ categoryItem.propagandaTitle }}</div>
<div>
<img :src="baseUrl + categoryItem.propagandaCoverPath" alt="" />
<div class="know">知识卡片</div>
<div class="knowlist">
{{ categoryItem.propagandaContent }}
</div>
</div>
<img :src="baseUrl + categoryItem.propagandaCoverPath" alt="" />
<div class="know">知识卡片</div>
<div v-html="categoryItem.propagandaContent"></div>
</div>
<div v-html="categoryItem.propagandaContent"></div>
</div>
</div>
<el-empty description="暂无" style="width: 100%;" v-else></el-empty>
@ -84,33 +79,36 @@ export default {
padding-top: 20px;
border-left: 3px solid #DFE4ED;
.titletop {
font-size: 16px;
font-weight: 700;
margin: 10px 0px 0 20px;
}
.bodytop {
.titledata {
margin: 30px 0px 15px 20px;
width: 96%;
margin: 0 auto;
.titletop {
font-size: 20px;
font-weight: 700;
margin: 10px 0px 0 0;
}
.titledata {
margin: 30px 0px 15px 0;
font-size: 16px;
}
.audiotop {
margin: 10px 0px 10px 20px;
margin: 10px 0px 10px 0;
}
img {
margin: 0px 0px 0px 20px;
margin: 0px 0px 0px 0;
}
.know {
margin: 11px 0px 10px 20px;
margin: 11px 0px 10px 0;
font-size: 16px;
}
.knowlist {
margin: 10px 0px 10px 20px;
margin: 10px 0px 10px 0;
font-size: 16px;
}
}