uniapp踩坑日记

1.页面引入css文件css和scss有所不同

/* scss文件引入方法  **/
<style lang="scss">
	@import ("../style/addForensics.scss");
</style>

/* css文件引入方法  **/
 <style>
@import url('../style/depositoryList.css');
</style>

2.vconsole的使用方法，下载完依赖以后，main.js文件如果需要适配小程序和移动端，需要增加判断，如下

if (process.env.NODE_ENV === 'development') {
  // #ifdef H5
  const vconsole = require('vconsole');
  new vconsole();
  // #endif
}

3.uniapp的swiper在左右滑动时，需根据index进行判断，而不是current（current是组件swiper的下标，index是遍历的数据的下标），看下图差距

4.使用z-paging时，顶部会有一个margin-top值，以下样式可去掉margin-top值

.z-paging-content {
	top: 0 !important;
}

5.uniapp微信小程序启动时会报app.json未找到，需要打开如下设置，打开后重新运行

6.真机测试打电话功能时，在H5和微信小程序均无问题，真机测试时打电话功能一直不能用，需要打开权限，在以下文件中

权限设置代码如下，打开权限后要重新打基座包然后运行就可以了：

<uses-permission android:name="android.permission.CHANGE_NETWORK_STATE"/>
<uses-permission android:name="android.permission.MOUNT_UNMOUNT_FILESYSTEMS"/>
<uses-permission android:name="android.permission.VIBRATE"/>
<uses-permission android:name="android.permission.READ_LOGS"/>
<uses-permission android:name="android.permission.ACCESS_WIFI_STATE"/>
<uses-feature android:name="android.hardware.camera.autofocus"/>
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/>
<uses-permission android:name="android.permission.CAMERA"/>
<uses-permission android:name="android.permission.GET_ACCOUNTS"/>
<uses-permission android:name="android.permission.READ_PHONE_STATE"/>
<uses-permission android:name="android.permission.CHANGE_WIFI_STATE"/>
<uses-permission android:name="android.permission.WAKE_LOCK"/>
<uses-permission android:name="android.permission.FLASHLIGHT"/>
<uses-feature android:name="android.hardware.camera"/>
<uses-permission android:name="android.permission.WRITE_SETTINGS"/>
<uses-permission android:name="android.permission.CALL_PHONE"/>