更新记录

1.0.0（2024-01-24） 下载此版本

1.0.0

平台兼容性

sa-list

引用并注册插件

import saList from '@/uni_modules/sa-list/components/sa-list/sa-list.vue'
components:{
    saList
}

使用插件

<saList :dataList="dataList" @clickCell="clickCell">
    <template slot-scope="{data}=data">
        <text v-if="!!data.text" class="cell-right-text">{{data.text}}</text>
        <image v-else class="cell-right-icon" src="@/static/mine/right_arrow.png"></image>
    </template>
</saList>

数据格式

dataList: [{
        "title": "厂商资料",
        "image": "../../static/mine/mftinfo.png",
        "page": "/pages/mine/supplierInfo",
        "isIcon":false,
        "text":'111'
    },
    {
         "title": "编辑个人资料",
         "image": "../../static/mine/myinfo.png",
         "page": "/pages/mine/userInfoPage",
         "isIcon":false,
    },
    {
         "title": "关于客服",
         "image": "../../static/mine/phone.png",
         "page": "",
         "isIcon":true,
    },
    {
         "title": "修改密码",
         "image": "../../static/mine/password.png",
         "page": "/pages/mine/changePwd/changePwd2",
    },
    {
         "title": "文件管理",
         "image": "../../static/mine/filemanager.png",
         "page": "",
    }
]

ListItem Props

dataList Options

ListItem Events

ListItem Slots

样式（可自定义）

.cell-right-text{
    margin-right: 24rpx;
}
.cell-right-icon {
    margin-right: 24rpx;
    width: 40rpx;
    height: 40rpx;
}