1. 文档查阅
初始化hello-uniapp项目，查看项目相关文件，src为主要文件夹 common：文件夹为一些配置插件封装 components：组件目录 hybrid：存放本地HTML文件 platforms：存放各平台专用页面文件 pages：业务页面文件存放目录 static：存放本地静态资源 wxcomponents：存放小程序组件 manifest.json：配置应用名称、appid、logo、版本等打包信息 pages.json：配置页面路由、导航条、选项卡等页面类信息
1.1 写法
标签与小程序相似 page相当于body节点
page{
background:#ccc;
}2. 疑难杂症
1.引入iconfont方式，添加图标到创建的项目文件夹中，然后Unicode选项生成代码，直接讲代码复制到新建的css文件中，然后在app.vue文件引入该CSS文件。使用时:
style:iconfont{
font-family:"iconfont" //之前css文件里的font-family值
font-size:16rpx; //等
}
<text class="iconfont">{复制的图标代码}</text>//class为定义的iconfont添加新图标只需要生成新代码复制到css文件中即可 2.使用uview组件库，搜索框，input输入框无法设置宽度 套一层view设置宽度即可 //反应失灵 3.引入uview组件时，需要安装sass解析，根据官网指令安装后，出现版本适配问题。 使用指令 npm uninstall less-loader 卸载 npm install less-loader@5.0.0 安装 成功后再次运行 出现同样的问题 将版本改为7.3.0 运行 同样失效 将版本改为4.1.0 运行 同样失效 修改package.json中的版本，重装后运行成功 uview未导入成功 运行指令 npm i node-sass -D npm i sass-loader -D 运行成功 再修正easycom的规则，终成功。 4.开发小程序与H5端不同，引入iconfont较为麻烦，最终采用png格式贴图。 5.弧度背景可以使用背景图片 6.点击tabBar底部跳转，通过onTabItemTap回调函数触发