hz/fe-manage
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git synced 2025-12-18 07:16:46 +08:00
Code Issues Packages Projects Releases Wiki Activity

style:面授课程样式调整

Browse Source
This commit is contained in:
wyx
2022-12-10 15:33:26 +08:00
parent aed2511d4f
commit 3616a04840
3 changed files with 62 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

73
src/views/courselibrary/courseModal.vue
View File

@@ -114,7 +114,18 @@
<span style="margin-right: 14px">封面图</span>
</div>
<div class="item_inp">
<a-select
<div style="width:440px;height:70px;display: flex;justify-content: flex-start;align-items: center;">
<img
v-for="(item, index) in optionsUrl"
:key="index"
class="choiceoptionurl"
:style="item.value==feng_mian_1?'border:3px solid rgb(78, 166, 255);':''"
:src="item.value"
:alt="item.label"
@click="choicePic(item.value)"
/>
</div>
<!-- <a-select
:getPopupContainer="
(triggerNode) => {
return triggerNode.parentNode || document.body;
@@ -127,11 +138,12 @@
:options="optionsUrl"
allowClear
showSearch
/>
/> -->
<img
class="i_upload_img"
v-if="feng_mian_1"
:src="feng_mian_1"
style="width:220px;height:120px;border-radius: 8px;"
alt="avatar"
/>
<div class="i_bottom">
@@ -168,26 +180,6 @@
</div>
</div>
</div>
<div class="mbl_items">
<div class="item_nam">
<span style="margin-right: 14px">课程价值</span>
</div>
<div class="item_inp">
<div class="i1_input">
<a-input
v-model:value="qdms_inputV3"
maxlength="200"
style="width: 440px; height: 40px; border-radius: 8px"
placeholder="请输入课程价值"
/>
<div class="inp_num">
<span style="color: #c7cbd2">
{{ qdms_inputV3.length }}/200
</span>
</div>
</div>
</div>
</div>
<div class="mbl_items">
<div class="item_nam">
<div class="asterisk_icon">
@@ -217,6 +209,26 @@
</div>
</div>
</div>
<div class="mbl_items">
<div class="item_nam" style="margin-bottom:110px;">
<span style="margin-right: 14px">课程价值</span>
</div>
<div class="item_inp">
<div class="i1_input">
<a-textarea
v-model:value="qdms_inputV3"
maxlength="200"
style="width: 440px; height: 140px; border-radius: 8px"
placeholder="请输入课程价值"
/>
<div class="inp_num" style="top:110px;">
<span style="color: #c7cbd2;">
{{ qdms_inputV3.length }}/200
</span>
</div>
</div>
</div>
</div>
<div class="mbl_items">
<div class="item_nam">
<span style="margin-right: 14px">场景</span>
@@ -248,7 +260,7 @@
<a-input
v-model:value="tags_val_single"
style="width: 440px; height: 40px; border-radius: 8px"
placeholder="请输入按回车键创建成功"
placeholder="请输入内容标签按回车键添加内容标签，可添加多个内容标签。"
@pressEnter="handleTagChange"
/>
<div class="tag-content">
@@ -266,7 +278,7 @@
</div>
<div class="mb_right">
<div class="mbl_items">
<div class="item_nam">
<div class="item_nam" style="margin-top:5px;">
<div class="asterisk_icon">
<img
src="@/assets/images/coursewareManage/asterisk.png"
@@ -510,6 +522,11 @@ export default defineComponent({
});
// 富文本 eeeeeeeeeeeeee
// 点击图片选择图片
const choicePic = (value) => {
state.feng_mian_1 = value;
}
//获取分类、场景、封面图、-----------字典配置-------------------------------
const optionsUrl = ref([]);
const options2 = ref([]);
@@ -749,6 +766,7 @@ export default defineComponent({
toolbarConfig,
editorConfig,
handleCreated,
choicePic
};
},
});
@@ -1151,5 +1169,12 @@ export default defineComponent({
.statusJuJue {
margin-bottom: 20px;
}
.choiceoptionurl {
width:60px;
height:60px;
margin-right: 10px;
border-radius: 8px;
}
}
</style>