1.底部导航

v1.0.0
sws 2024-09-26 09:50:38 +08:00
parent 0e1935685b
commit c7f1cd8ba5
2 changed files with 5 additions and 2 deletions

View File

@ -22,7 +22,7 @@
<div class="mb-12">导航内容</div>
<div class="size-12 cr-c mb-20">图片建议宽高80*80鼠标拖拽左侧圆点可调整导航顺序</div>
<div class="nav-list">
<drag :data="form.nav_content" type="card" :space-col="20" @remove="nav_content_remove">
<drag :data="form.nav_content" type="card" :space-col="20" @remove="nav_content_remove" @on-sort="on_sort">
<template #default="{ row }">
<div class="w">
<el-form-item label="图标" label-width="45">
@ -72,6 +72,9 @@ const nav_content_remove = (index: number) => {
form.value.nav_content.splice(index, 1);
emit('update:value', form.value);
};
const on_sort = (item: any) => {
form.value.nav_content = item;
};
const add = () => {
form.value.nav_content.push({
id: get_math(),

View File

@ -62,7 +62,7 @@ interface DefaultArticleTabs {
const defaultArticleTabs: DefaultArticleTabs = {
content: {
tabs_theme: '0',
tabs_top_up: '1',
tabs_top_up: '0',
article_theme: '0',
article_carousel_col: '2',
tabs_list: [