uview中的cell 如何添加自定义图标

在uView中，你可以使用`uni-icons`组件来添加自定义图标到cell中。以下是添加自定义图标的步骤：

1. 首先，确保你已经在项目中引入了uView组件库。可以在`App.vue`或需要使用的页面中引入uView：

import uView from 'uview-ui';
Vue.use(uView);

2. 在需要使用自定义图标的`cell`组件中，使用`uni-icons`组件，并设置`type`属性为自定义图标的类名：

<template>
  <view>
    <cell title="示例" icon="custom-icon"></cell>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  },
};
</script>

3. 在项目的`App.vue`文件中，使用`uni-icons`组件的`customIcon`属性来定义自定义图标的样式。可以使用CSS伪类选择器来设置图标的样式：

<template>
  <view>
    <uni-icons customIcon>
      <style>
        .custom-icon::before {
          content: url('your-custom-icon-url');
          /* 添加其他样式 */
        }
      </style>
    </uni-icons>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  },
};
</script>

这样，你就可以在uView的cell组件中添加自定义图标了。记得将`your-custom-icon-url`替换为你自己的图标URL。