uview框架里的宫格内u-icon为啥不显示嘞。。。

<template>
    <view class="content">
        <u-grid :col="3">
            <u-grid-item>
                <u-icon name="photo" :size="46"></u-icon>
                <view class="grid-text">图片</view>
            </u-grid-item>
            <u-grid-item>
                <u-icon name="lock" :size="46"></u-icon>
                <view class="grid-text">锁头</view>
            </u-grid-item>
            <u-grid-item>
                <u-icon name="hourglass" :size="46"></u-icon>
                <view class="grid-text">沙漏</view>
            </u-grid-item>
        </u-grid>
    </view>
</template>

<script>
    import uGrid from "../../components/uView/uview-ui/components/u-grid/u-grid.vue"
    import uGridItem from "../../components/uView/uview-ui/components/u-grid-item/u-grid-item.vue"
    import uIcon from "../../components/uView/uview-ui/components/u-icon/u-icon.vue"
    export default {
        data() {
            return {

            }
        },
        components: {
            uGrid,
            uGridItem,
            uIcon

解决了吗