问题描述:
weex-components的tabbar IOS平台下,第一个item没有内容显示不出来;但按钮样式切换可以。
测试:
iphone4 iphone6,
在palyground中测试。
"weex-components"版本: "=0.2.0",
初始化加载应该是index:0 且visible的会渲染出来,可并没有显示,调试 没有去请求第一个item的src. 安卓和web端正常
代码
<template>
<div style="flex-direction: column;">
<wxc-tabbar tab-items={{tabItems}}></wxc-tabbar>
</div>
</template>
<style>
</style>
<script>
require('weex-components');
// var modal=weex.requireModule('modal');
var common=require('./common');
module.exports = {
data: {
tabItems: [
{
index: 0,
title: "首页",
titleColor: 0x0,
icon: "",
image: "http://gtms01.alicdn.com/tps/i1/TB1qw.hMpXXXXagXXXX9t7RGVXX-46-46.png",
selectedImage: "http://gtms04.alicdn.com/tps/i4/TB16jjPMpXXXXazXVXX9t7RGVXX-46-46.png",
src: "home.js ",
visibility: "visible"
},
{
index: 1,
title: "账本",
titleColor: 0x0,
icon: "",
image: "http://gtms03.alicdn.com/tps/i3/TB1LEn9MpXXXXaUXpXX9t7RGVXX-46-46.png",
selectedImage: "http://gtms02.alicdn.com/tps/i2/TB1qysbMpXXXXcnXXXX9t7RGVXX-46-46.png",
src: "account.js",
visibility: "hidden"
},
{
index: 2,
title: "我的",
titleColor: 0x0,
icon: "",
image: "http://gtms01.alicdn.com/tps/i1/TB1B0v5MpXXXXcvXpXX9t7RGVXX-46-46.png",
selectedImage: "http://gtms04.alicdn.com/tps/i4/TB1NxY5MpXXXXcrXpXX9t7RGVXX-46-46.png",
src: "my.js",
visibility: "hidden"
}
]
},
created:function () {
var bundleUrl=this.$getConfig().bundleUrl;
var baseUrl=common.getBaseUrl(bundleUrl);
// var item=common.params(this)['ad'];
// modal.toast({
// message:item,duration:2
// })
for(var i=0;i<this.tabItems.length;i++){
this.tabItems[i].src = baseUrl + this.tabItems[i].src;
console.log(this.tabItems[i].src)
}
}
}
</script>
你看下,是不是你这里的src路径最后有空格导致的