记一些uniapp使用过程中的遇见的问题

前言

因为公司4月份的项目是一个二次开发的项目，项目中用的是uniapp，后续的项目我也都延续了这一个框架，边学习边使用。

1.uniapp的swiper，图片出现边框线

问题描述：使用了uniapp自带的视图容器 swiper进行首页轮播的设置，发现尽管把轮播图片铺满，在某些机型下，始终会出现一条下个图片的左侧颜色的边框线。

原因：（猜测）可能是因为图片的比例导致，因为有部分机型的手机是正常的。

解决方式：全局设置样式，把width设置为100%以上的值，微调为最小就可以解决

.uni-swiper-slide-frame{
	width:100.5% !important
}

2.引入外部文件问题

问题描述：项目过程中，需要引入外部文件socket.io，无法在main.js中直接添加，通过npm的方式可能无法引入当前的本地文件

解决方式：在manifest.json中的h5的配置中，选中自定义的模板，模板中引入就可以解决。

ps:打包后的h5项目没有带上.ico文件，我目前是手动添加。

3.页面的title问题

问题描述：title会跟随着pages.json每个页面的navigationBarTitleText值变动，初始化的值为globalStyle中的navigationBarTitleText

解决方式：目前只知道自定义导航，不用这个属性的方式解决这种方式。

4.首页跳转问题

问题描述：pages.json设置的第一个路由为首页，首页的onLoad在底部导航页面切换时，只触发一次（路由模式为hash时）

解决方式：底部导航跳转中，首页使用uni.reLaunch， 其他使用uni.navigateTo