西藏巴青项目

养殖资讯.md 2.2KB

package-a/breeding-news/index.vue 布局分为上下 2个部分 上部分 固定在上面 第一行 搜索框 up-search 占位符 搜索您要找的养殖资讯 第二行 up-tabs + 右侧自定义插槽 点击右侧自定义插槽 在上部分下弹出 up-popup 弹出的布局是 一个 类似于 [{ title: '养殖标准', id: 1, children: [{ title: '繁育作业', id: 11 }] }...] title 为一行 children 一行 4个 title 圆角线框 默认灰色,选中后线框 文本颜色是绿色,和 up-tabs对应的绑定 up-popup列表 [{title: '养殖标准', id: xxx, children: [

{title: '繁育作业', id:xxx},
{title: '饲养工作', id:xxx},
{title: '免疫程序', id:xxx},
{title: '环境调控', id:xxx},
{title: '饲料配方', id:xxx},
{title: '耗牛投喂', id:xxx},
{title: '设备操作', id:xxx},
{title: '设备保养', id:xxx},
{title: '设备排障', id:xxx},
{title: '设备维修', id:xxx},
{title: '耗牛生长', id:xxx},
{title: '耗牛出栏', id:xxx},
]},
{
    title: '科技项目指南'
    id:xxx,
    children: [
        {title: '高新技术', id:xxx},
        {title: '农业科技', id:xxx},
        {title: '社会发展', id:xxx},
        {title: '基础研究', id:xxx},
    ]
},
 {
    title: '产业政策'
    id:xxx,
    children: [
        {title: '涉农政策', id:xxx},
        {title: '产业项目', id:xxx},
        {title: '惠农补贴', id:xxx},
        {title: '共富项目', id:xxx},
    ]
},

] children下id需要和 tabs列表的id 一样

tabs列表 繁育作业, 饲养工作, 免疫程序, 环境调控, 饲料配方, 耗牛投喂, 设备操作, 设备保养, 设备排障, 设备维修, 耗牛生长, 耗牛出栏, 高新技术, 农业科技, 社会发展, 基础研究, 涉农政策, 产业项目, 惠农补贴, 共富项目 下部分是 虚拟列表 up-virtual-list 列表分为 左右2个部分 左边 第一行 标题 字体大 第二行 简介 字体小 第三行 对应tabs文本 + 时间 YYYY-MM-DD 字体最小 灰色。 右边 图片 up-image

布局样式:极简、简约、干净留白、低饱和度、统一间距、rpx适配、flex布局