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

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