Serena_tz的博客

申明一个配置对象，并且通过export，暴露出去。在common目录下，创建opts.js文件。在需要用到的地方import引入。组件标签中填写opts标签属性。在data数据中赋值。

设置titleNView、titleNView配置导航示例、uni-app发行成h5以后挂在5+APP的返回、修改原生导航titleNView的值不生效、原生导航设置边距、获取状态栏高度、左滑返回上一页，不是很灵敏

因为web-view组件默认就是占据整个视口的高宽，所以我们需要设置web-view的宽高，调整位置。将demo中bin文件夹下的文件原封不动复制到h5player文件夹中，txt文件可以删除。在uni-app应用内，pages页面中需要用到视频播放的页面，创建web-view组件。在uni-app项目中static文件夹下创建文件目录，我命名为h5player。在webplayer.html文件中，新增样式，宽高根据自己的需求调整。web-view组件的src需要动态改变，所以存储在data数据里。

ucharts提示窗tooltips默认显示格式，显示横轴数据+类别+纵轴数据，如下图所示。修改ucharts中的config-ucharts.js和u-charts.js。在u-charts.js中textList最前头插入一个数据。config-ucharts.js中自定义format配置。记得在使用的时候为标签添加相应属性。

在项目中经常出现一些列表，需要我们分页查询数据，手机滑动到底部才加载更多的数据。在uni-app项目中使用uview2.0的ui框架，我们可以按照以下的方式分页查询，加载更多。

基于uni-app实现一行显示固定个数的元素，元素可以遍历生成的，并且自动换行显示，效果如下图所示。// 这里一行显示4个，所以是/4，一行显示几个就除以几 // 这里的60rpx = (分布个数4-1)*间隙20rpx, 可以根据实际的分布个数和间隙区调整 min-width: calc((100% - 60rpx) / 4); max-width: calc((100% - 60rpx) / 4); // 每行最右侧的那个不设置右外边距

uCharts是一款基于canvas API开发的适用于所有前端应用的图表库，开发者编写一套代码，可运行到 Web、iOS、Android（基于 uni-app / taro ）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝/京东/360）、快应用等更多支持 canvas API 的平台。选择uni-app项目类型，填入项目名称，浏览选择项目保存地址，选择uni-ui项目模板，vue的版本为2，点击创建，HBuilderX会为我们下载项目模板。安装完成后进行相关配置，

具体看uview中的地址是哪个）中的图标字体文件font_2225171_8kdcwk4po24.ttf，保存到本地，可以放入static文件夹中。找到uview-ui/components/u-icon/u-icon.vue中修改文件的第41、163行两个线上地址为本地地址。因为在uview中的图标字体资源使用的是阿里的线上地址，我们将文件下载下来，然后引入本地资源就行了。无法加载iconfont.js，css修改图标字体颜色。.........

去掉顶部导航栏在pages.json里面进行配置：去掉所有页面的顶部导航栏"globalStyle": { "navigationBarTextStyle": "black", "navigationBarTitleText": "uni-app", "navigationBarBackgroundColor": "#F8F8F8", "backgroundColor": "#F8F8F8" "navigationStyle":"custom", "app-plus":{ "title

在uni-app中引入uView的方式有两种：通过npm下载// 如果您的根目录没有package.json文件的话，请先执行如下命令：// npm init -y npm install uview-ui // 更新// npm update uview-ui通过插件市场安装如果使用Hbuilder X进行开发，就可以在uni-app插件市场通过uni_modules的形式进行安装。1.点击导入2.打开hbuilderX3.选择项目4.开始下载5.确保安装了scss

安装HBuilderX推荐使用HBuilderX开发uni-app，可以在官网下载。我们如果下载的是标准版，那我们在HBuilderX运行的时候会帮我们下载一些uni-app插件，我们重启一下项目就可以。创建uni-app项目在工具栏中选择文件–>项目，选择项目类型，填入项目名称，选择开发模板就可以创建一个项目。日常开发推荐uni ui项目模板。在浏览器运行项目如果我们希望在浏览器运行项目的时候，HBuilderX能够帮我们直接打开相应的浏览器，我们需要配置一下浏览器的路径。在工具栏中选择