uni-ui添加页面模板代码

Uni-UI 是一款基于 Vue.js 的移动端 UI 组件库，它提供了一些常用的 UI 组件和页面模板。

要添加一个 Uni-UI 页面模板，可以按照以下步骤进行：

1. 在你的项目中安装 Uni-UI：

npm install uni-ui --save

2. 在需要使用页面模板的页面中引入模板组件：

<template>
  <div>
    <nav-bar title="Demo"></nav-bar>
    <uni-list>
      <uni-list-item title="Item 1"></uni-list-item>
      <uni-list-item title="Item 2"></uni-list-item>
      <uni-list-item title="Item 3"></uni-list-item>
    </uni-list>
  </div>
</template>

<script>
import { NavBar, UniList, UniListItem } from 'uni-ui';

export default {
  components: {
    NavBar,
    UniList,
    UniListItem,
  },
};
</script>

3. 在 `App.vue` 中引入全局样式：

<template>
  <div>
    <router-view />
  </div>
</template>

<script>
import 'uni-ui/lib/theme-chalk/index.css';
</script>

4. 运行项目，即可看到页面模板的效果。

Uni-UI 还提供了其他页面模板，你可以在官方文档中查看。