parent
fc9b8a1beb
commit
ca9ace8e3a
|
|
@ -75,7 +75,7 @@
|
||||||
<div class="mb-12">列表设置</div>
|
<div class="mb-12">列表设置</div>
|
||||||
<el-form-item label="是否显示">
|
<el-form-item label="是否显示">
|
||||||
<el-checkbox-group v-model="form.field_show">
|
<el-checkbox-group v-model="form.field_show">
|
||||||
<el-checkbox v-for="item in base_list.list_show_list" :key="item.value" :value="item.value">{{ item.name }}</el-checkbox>
|
<el-checkbox v-for="item in base_list.field_show_list" :key="item.value" :value="item.value">{{ item.name }}</el-checkbox>
|
||||||
</el-checkbox-group>
|
</el-checkbox-group>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</card-container>
|
</card-container>
|
||||||
|
|
@ -123,7 +123,7 @@ const base_list = reactive({
|
||||||
{ name: '降序(desc)', value: '0' },
|
{ name: '降序(desc)', value: '0' },
|
||||||
{ name: '升序(asc)', value: '1' },
|
{ name: '升序(asc)', value: '1' },
|
||||||
],
|
],
|
||||||
list_show_list: [
|
field_show_list: [
|
||||||
{ name: '日期时间', value: '0' },
|
{ name: '日期时间', value: '0' },
|
||||||
{ name: '浏览量', value: '1' },
|
{ name: '浏览量', value: '1' },
|
||||||
],
|
],
|
||||||
|
|
|
||||||
|
|
@ -2,7 +2,7 @@
|
||||||
<div :style="style_container">
|
<div :style="style_container">
|
||||||
<div class="video re" :style="style">
|
<div class="video re" :style="style">
|
||||||
<image-empty v-if="!video_img" error-img-style="width:60px;height:60px;"></image-empty>
|
<image-empty v-if="!video_img" error-img-style="width:60px;height:60px;"></image-empty>
|
||||||
<video v-else :poster="video_img" class="w h"></video>
|
<video v-else :src="video" :poster="video_img" class="w h"></video>
|
||||||
<img src="@/assets/images/components/model-video/video.png" class="middle box-shadow-sm round" width="60" height="60" />
|
<img src="@/assets/images/components/model-video/video.png" class="middle box-shadow-sm round" width="60" height="60" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -19,12 +19,14 @@ const props = defineProps({
|
||||||
const style = ref('');
|
const style = ref('');
|
||||||
const style_container = ref('');
|
const style_container = ref('');
|
||||||
const video_img = ref('');
|
const video_img = ref('');
|
||||||
|
const video = ref('');
|
||||||
watch(
|
watch(
|
||||||
props.value,
|
props.value,
|
||||||
(newVal, oldValue) => {
|
(newVal, oldValue) => {
|
||||||
const new_content = newVal?.content || {};
|
const new_content = newVal?.content || {};
|
||||||
const new_style = newVal?.style || {};
|
const new_style = newVal?.style || {};
|
||||||
video_img.value = new_content?.video_img[0]?.url || '';
|
video_img.value = new_content?.video_img[0]?.url || '';
|
||||||
|
video.value = new_content?.video[0]?.url || '';
|
||||||
|
|
||||||
// 视频比例
|
// 视频比例
|
||||||
let video_ratio = ``;
|
let video_ratio = ``;
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue