0
点赞
收藏
分享

微信扫一扫

eclipse自动生成注释

小月亮06 03-25 19:00 阅读 2

前言:前两篇文章我们讲解了如何拆解uni-app开发的项目结构、实现前台数据的动态加载,今天讲一篇如何实现动态加载功能列表,以及美化界面。话不多说,直接先看源码:

 在用户成功登录后,会跳转到menu.vue菜单,

再次点击点检功能时,会进入点检的具体功能跳转菜单,我们的点检项目根据分类有日点检、周点检和年保养,如下图所示:

上面页面的源码是这样的

 

<template>
    <view class="dianjianmenu">
        <text class="example-info">设备保养与点检分为日保养,周保养,年保养三个分类,操作时请注意选择相应保养类型</text>
        <uni-section title="铆压设备" type="line"></uni-section>
        <uni-list>
            <uni-list-item title="铆压设备" rightText="日点检" note="产线操作" @click="myday()" link/>
            <uni-list-item title="铆压设备"  rightText="周点检" note="工程部操作" @click="myweek()" link/>
            <uni-list-item title="铆压设备"  rightText="年点检" note="工程部操作" @click="mymonth()" link/>

        </uni-list>
        <uni-section title="自动化设备" type="line"></uni-section>
        <uni-list>
            <uni-list-item title="自动化设备" rightText="日点检" note="产线操作" @click="zdhday()" link/>
            <uni-list-item title="自动化设备"  rightText="周点检" note="工程部操作" @click="zdhweek()" link/>
            <uni-list-item title="自动化设备"  rightText="年点检" note="工程部操作" @click="zdhmonth()" link/>
        </uni-list>
        <uni-section title="高低温设备" type="line"></uni-section>
        <uni-list>
            <uni-list-item title="高低温设备" rightText="日点检" note="产线操作" @click="gdwday()" link/>
            <uni-list-item title="高低温设备"  rightText="周点检" note="工程部操作" @click="gdwweek()" link/>
            <uni-list-item title="高低温设备"  rightText="年点检" note="工程部操作" @click="gdwmonth()" link/>
        </uni-list>
        <uni-section title="真空包装机" type="line"></uni-section>
        <uni-list>
            <uni-list-item title="真空包装机" rightText="日点检" note="产线操作" @click="zkday()" link/>
            <uni-list-item title="真空包装机"  rightText="周点检" note="工程部操作" @click="zkweek()" link/>
            <uni-list-item title="真空包装机"  rightText="年点检" note="工程部操作" @click="zkmonth()" link/>
        </uni-list>
        <uni-section title="充退磁设备" type="line"></uni-section>
        <uni-list>
            <uni-list-item title="充退磁设备" rightText="日点检" note="产线操作" @click="ctcday()" link />
            <uni-list-item title="充退磁设备"  rightText="周点检" note="工程部操作"@click="ctcweek()" link/>
            <uni-list-item title="充退磁设备"  rightText="年点检" note="工程部操作" @click=&#

举报

相关推荐

0 条评论