前端开发：运用移动端思想简单实现自定义列表item

前言

在前端开发中，使用Vue开发移动端项目的时候，为的就是仿照app的风格来实现业务需求效果。仿移动端原生开发的前端项目，实现业务需求直接可以参考移动端原生开发的思路即可，也就是说如果移动端原生开发者用Vue做基于移动端的时候，是非常有优势的，运用移动端的思维适用于各种移动端项目开发。本文主要是分享一下通过移动端原生思维来实现列表界面的item实现的业务需求，主要是为了体现移动端原生思想运用于前端开发。

业务场景

在实际工作中，基于移动端的前端项目，说白了也就是通过前端技术实现移动端的效果，目前主要通过使用Vue的UI框架来实现，具体的框架就不再介绍，主要来介绍实现思想。

具体示例

本文这里拿列表界面的item实现的操作作为示例，主要就是自定义item，然后实现对应的列表界面业务需求。具体的自定义列表item的简单实现过程代码如下所示：

<template>

  <div class="list-item">

    <van-cell v-for="(item, index) in detailData" :key="index">

      <div class="checkBox">

        <img v-i