title: 框架常见问题 header: develop nav: faq

sidebar: framworkfaq

Q：filter是否支持三目运算？

A：不支持。

Q：如何避免横屏播放时，icon 变大的问题？

A：请使用px单位来书写css，不建议使用rpx等其他单位。

Q：使用touchstart、touchend、touchemove旋转切换图片安卓卡顿，该如何处理？

A：建议使用 webview 组件实现相关功能，请勿频繁使用setData操作。

Q：小程序可以调用echarts.js 或者 highchart.js 画图嘛？

A：暂不支持。

Q：百度小程序里面可以和微信小程序一样使用rpx嘛？

A：支持的。

Q：请问如何设置首页背景图刚好铺满屏幕？

A：可以按照以下设置方式进行尝试： 给body标签指定背景图，这样背景图就可以填充整个浏览器viewport了

代码示例

  1. body{
  2.     margin: 0; 
  3.     background: url("xxx图片地址") no-repeat;
  4.     background-size: cover;
  5.     background-position: center center;
  6.     background-attachment:fixed;
  7. }

注意： 1.为了使背景图片的宽高不小于容器的宽高，需设置background-size: cover;进行填充，如果背景图小于body标签的尺寸，浏览器会拉伸图片。当把一个图片拉伸时，图片会变模糊，所以在选择背景图片时，宽高要大一些。 2.为了让背景图始终相对于viewport居中，需设置background-position: center center; 3.当内容的高度大于viewport的高度时，会出现滚动条。希望背景图始终相对于viewport固定，即使用户滚动时也是一样，解决方案：background-attachment: fixed;

Q：这个分包预加载只能加载一个分包吗

A：端能力的 root 参数为 string 类型，只能配置一个。但是可以通过 app.json 中的 preloadRule 配置多个子包。

代码示例:

  1. {
  2.     "pages": ["pages/index"],
  3.     "subPackages": [
  4.         {
  5.             "root": "sub1",
  6.             "pages": ["index"],
  7.         },
  8.         {
  9.             "name": "hello",
  10.             "root": "path/to",
  11.             "pages": ["index"]
  12.         }]
  13.     ],
  14.     "preloadRule": {
  15.         "pages/index": {
  16.             "network": "all",
  17.             "packages": ["hello", "sub1"]
  18.         }
  19.     }
  20. }

Q：引用angelia-swan报错的原因有哪些？

A：大致原因分为几类：

  • 按文档直接引入报错可能是基础库版本太低导致，建议使用3.20.*以上的基础库开发。
  • 如使用三方框架开发的小程序，引入报错，需要检查三方框架是否改写了小程序的App和Page，如果是改变了小程序的App和Page导致的报错，请使用原生小程序开发或着绕过，目前没有兼容方案。

Q：app.after 使用有版本或者权限的限制吗？

A：基础库 3.20.+ 版本才支持。

Q：小程序在iPhonex上，页面最后的样式加上margin-bottom值不显示该如何处理？

A：兼容iphoneX方案：

  1. <view class="swan-security-padding-bottom"></view>

Q :createSelectorQuery 如何获取组件内的节点?

A: swan.createSelectorQuery()返回一个 SelectorQuery 对象实例。可以在这个实例上使用 select 等方法选择节点，并使用 boundingClientRect 等方法选择需要查询的信息。

代码示例： 获取自定义组件内节点

在开发者工具中预览效果

  1. // 自定义组件逻辑 (custom.js)
  2. Component({
  3.     properties: {
  4.         // 定义了name属性，可以在使用组件时，由外部传入。此变量可以直接在组件模板中使用
  5.         name: {
  6.             type: String,
  7.             value: 'swan',
  8.         }
  9.     },
  10.     data: {
  11.         age: 1
  12.     },
  13.     methods: {
  14.         queryMultipleNodes: function(){
  15.             var SelectorQuery = swan.createSelectorQuery().in(this)
  16.             SelectorQuery.select('.name').boundingClientRect(function(res){
  17.                 swan.showModal({
  18.                     title: '节点信息为',
  19.                     content: JSON.stringify(res)
  20.                 });
  21.             }).exec()
  22.         }
  23.     }
  24. });

代码示例： 获取基础组件内节点

在开发者工具中预览效果

  1. queryNodeInfo() {
  2.     const query = swan.createSelectorQuery();
  3.     query.select('.target').boundingClientRect();
  4.     query.exec(res => {
  5.         console.log(res)
  6.     });
  7. }

Q：ios添加到桌面图片会黑边，这个有办法解决吗?

A: 经测试确实出现黑边到问题，但是有的小程序却没有，到开发者后台打开调试模式查看图标发现，正常的图标都是正方形的，有问题的都是圆形的图标，所以导致在添加到主屏幕的时候抓取到的图标没有撑满safri设置的宽高，漏出了黑边。 解决办法：开发者可到后台重新上传一张144px X 144px的正方形图片。

Q：使用自定义组件时，如何设置胶囊字体颜色?

A：请在page的json文件中设置navigationBarTextStyle。