---

引入官方提供的unicss

创建官方demo项目

我们可以创建一个官方demo项目，从这里面复制他给我们提供的一些公共css等文件

复制官方提供的uni.css到我们的项目中

引入uni.css

App.vue文件中的style部分使用import语法引入：

<style>
    /*每个页面公共css */
    @import './common/uni.css';
</style>

测试

index.vue中编辑一个list：

<template>
    <view>
        <view class="uni-list">
            <view class="uni-list-cell">
                <view class="uni-list-cell-navigate uni-navigate-right">
                    这是一个ulist示例
                </view>
            </view>
        </view>
    </view>
</template>

运行测试：

可以看到我们写的list view 默认应用上了uni.css给我们设置的预定义样式

代表uni.css引入成功。

小结：
使用官方给我们提供的组件，可以参考默认的 hello-uniapp
如果在运行中出现缺少 static/xxx.ttf文件，我们从另一个项目中复制过来即可。