在编写小程序的过程中出现了两个问题，第一个问题是在未显示首页顶部组件（尤其是搜索框和导航条），而第二个问题却在search-bar/wxss编写没有完善，具体在https://developers.weixin.qq.com/s/0lM9uEme73Ou出现，如何解决这些问题呢？

现在我正在进行制作小程序的头部模块开发。但是有一些内容还是有些困难，具体的代码如下：https://developers.weixin.qq.com/s/9uJGHBm27ZOV，如果参考图书的要求去做（如下图），是否正确？如果错误该怎样优化并开发？ [图片][图片][图片][图片][图片][图片][图片][图片]

点击这个链接https://developers.weixin.qq.com/s/IhCTVBmz7uOi 发现此链接底部导航条出现点不动的问题，那应该如何处理呢？

Page({   onShow: function () {     this.getTabBar().setData({selectedIndex:0});   } }) 看上面的代码，我刚才试了一下，结果出现了Cannot read property 'setData' of null的错误（如下图），有没有更好的解决方法解决这个错误？[图片]

<!--custom-tab-bar/index.wxml--> <view class="tab">      <view class="item" bindtap="switchPage" data-index="0">      <text class="iconfont icon-shouye icon {{selectedIndex == 0 ?      'selected' : '' }}"></text>      <text class="title {{selectedIndex == 0 ? 'selected' : '' }}">首页</text>       </view>      <view class="item" bindtap="switchPage" data-index="1">      <text class="iconfont icon-shangpinfenlei icon {{selectedIndex == 1 ?      'selected' : '' }}"></text>      <text class="title {{selectedIndex == 1 ? 'selected' : '' }}">商品分类</text>       </view>      <view class="item" bindtap="switchPage" data-index="2">      <text class="iconfont icon-gouwuche icon {{selectedIndex == 2 ?      'selected' : '' }}"></text>      <text class="title {{selectedIndex == 2 ? 'selected' : '' }}">购物车</text>       </view>      <view class="item" bindtap="switchPage" data-index="3">      <text class="iconfont icon-wo icon {{selectedIndex == 3 ?      'selected' : '' }}"></text>      <text class="title {{selectedIndex == 3 ? 'selected' : '' }}">我</text>       </view> </view>  /*custom-tab-bar/index.wxss*/ @import'./icon/icon.wxss'; .tab{   height: 49px;   width: 100%;   background-color: white;   border-top: solid 1px #b5afb2;   display: flex;   flex-direction: row;   justify-content: space-around; } .item{   height: 100%;   width: 25%;   text-align: center;   padding-top:5px ;   display: flex;   flex-direction: column; } .icon{   font-size: 20px;   color: gray; } .title{   margin-top: 2px;   font-size: 10px;   color: gray; } .selected{   color: #d63329; } 以上两种代码带有找不到文件（File not found）和意外字符（unexpected character）的提示，应该怎样解决？

前段时间我开始弄小程序的时候，第一关就是iconfont。这个问题我试了很多次，一直都是报错，请问我应该如何正确的将iconfont图标放在底部的导航条上？这样能显示出来。

刚才我使用开发者工具制作底部文字图标时候突然出现了一个错误。显示的是 [ WXSS 文件编译错误] ./app.wxss File not found: style/iconfont/iconfont.wxss(env: Windows,mp,1.06.2401020; lib: 3.0.2) 我现在该怎样处理这个问题？ [图片]

如下图，我们想开企业类型的小商店，我该怎么办？ [图片]