NUTUI 使用记要

uploader 组件在android微信内置浏览器中无法弹出相机选择界面，直接跳转到手机相册

解决方案：
不设置 capture 属性，同时设置 accept 为 image/*

使用 IconFont 自定义图标

1. 到 IconFont 网站选择需要的图标，加入购物车，然后到购物车中选择 下载代码，将下载的文件解压到项目 ./assets/font 路径下，经测试，只有 iconfont.css 和 iconfont.fft 两个文件是必需的，另外，在浏览器中打开demo_index.html 文件，可以查看下载的图标及名称。
2. 在 main.js 中加入以下代码：

import { IconFont } from '@nutui/icons-vue';       // 项目中导入 IconFont 
import '@nutui/icons-vue/dist/style_iconfont.css'; // IconFont 样式支持
import './assets/font/iconfont.css'                // 从 IconFont 网站下载的 css 文件，其中定义了 IconFont 的显示尺寸

const app = createApp(App);
app.use(IconFont);

3. 使用

<IconFont font-class-name="iconfont" class-prefix="icon" name="phone-fill" size="30" color="#008000" />

使用时 name 属性可以到下载的 iconfont.css 文件中查找，下面 css 中 css 类对应的 name 是phone-fill

.icon-phone-fill:before { content: "\e85f";}

nut-tag 使用条件颜色

两元素选择性显示

<nut-tag color="#FF1493" v-if="stu.sex === '女'"> {{ stu.sex }} </nut-tag>
<nut-tag color="#00008B" v-if="stu.sex === '男'"> {{ stu.sex }} </nut-tag>