常用界面调整问题

css修改

问题1：安卓按钮有阴影

解决：如果就单个page修改，就在该page的css文件内添加如下内容；如果就整个项目修改，就在app.css内添加如下内容。

.button-md{
  box-shadow:none;
}

 

问题2：安卓按钮点击时有阴影

 

解决：如果就单个page修改，就在该page的css文件内添加如下内容；如果就整个项目修改，就在app.css内添加如下内容。

.button-md.activated{
  -webkit-box-shadow:none;
  box-shadow:none
}

 

问题3：div不会自动换行

解决：如果就单个page修改，就在该page的css文件内添加个样式名内容如下内容；如果就整个项目修改，就在app.css内添加个样式名内容如下内容。

word-break: break-all;
word-wrap: break-word;
white-space:normal;

问题4：修改应用程序的主题颜色，例如tab选中的颜色。

 

解决：在variables.scss 文件（路径: src/theme/variables.scss）修改$colors内primary的颜色值

...
$colors: (
  primary:    想要的颜色值 ,/*例如：#f53d3d,*/
  ...
);
...

 

问题5：有些组件不能通过style修改背景颜色，如：ion-checkbox、ion-toggle

解决：

1）在variables.scss 文件（路径: src/theme/variables.scss）的$colors添加

...
$colors: (
  想要的颜色key:    想要的颜色值 ,/*例如：#f53d3d,*/
  ...
);
...

2）在需要改颜色的组件调用

<ion-checkbox color="想要的颜色key"></ion-checkbox>

问题6：不想显示滚动条

解决：在想要隐藏滚动条的scss文件添加如下代码

::-webkit-scrollbar {  
  display: none !important;  
}  

config.xml

问题1：启动时候有个一直在转的圈圈

 

解决：config.xml配置代码加上

<preference name="ShowSplashScreenSpinner" value="false"/>

问题2：app启动后大概有几秒白屏,才会显示首页

解决：config.xml配置代码加上

<preference name="ShowSplashScreen" value="true"/>
<preference name="SplashScreen" value="screen"/>
<preference name="SplashScreenDelay" value="3000"/>
<preference name="AutoHideSplashScreen" value="false"/>
<preference name="SplashShowOnlyFirstTime" value="false"/>
<preference name="FadeSplashScreen" value="false"/>
<feature name="SplashScreen">
	<param name="android-package" value="org.apache.cordova.splashscreen.SplashScreen"/>
</feature>