收藏
回答

为什么微信中预览用Cover-view写的菜单列表可以显示,在企业微信中预览就不显示呢?



WXML中遍历:

<cover-view class="tab-list">
     <cover-view class="tab-list-border"></cover-view>
     <cover-view wx:for="{{Menulist}}" wx:key="index" class="tab-list-item" data-path="{{item.URI}}" data-index="{{index}}">
       <cover-view class="Icon-View">
         <navigator url="{{item.URI}}">
           <cover-image src="{{item.ImgUrl}}"></cover-image>
 
           <cover-view>{{item.NAME}}</cover-view>
         </navigator>
       </cover-view>
     </cover-view>
   </cover-view>

js获取菜单集合:

GetMenuInfo: function(UserId, Pid) {
   var that = this;
   wx.request({
     url: app.globalData.URL + '/api/WxMenu/GetuserMenu',
     data: {
       UserId: UserId,
       Pid: Pid
     },
     header: {},
     method: 'GET',
     dataType: 'json',
     responseType: 'text',
     success: function(res) {
       if (res.data != null) {
         console.log("已获取菜单:", res.data)
         that.setData({
           Menulist: res.data
         })
       } else {}
     },
     fail: function(res) {},
     complete: function(res) {},
   })
 },

Wxss:

.tab-list {

  margin-top: 10rpx;

  width: 100%;

  position: relative;

  display: flex;

  transition-duration: 0s;

  align-items: center;

  flex-direction: row;

}

.tab-list-border {

  background-color: rgba(0, 0, 0, 0.33);

}


.tab-list-item {

  text-align: center;

  margin: 2rpx;

  width: 180rpx;

  border-bottom:  1px solid #F5F5F5;

  border-right:  1px solid #F5F5F5;

}


.tab-list-item cover-image {

  width: 60%;

  height: 60%;

  margin-left:20%;

  margin-bottom: 10rpx;

}


.tab-list-item cover-view {

  font-size: 25rpx;


}





最后一次编辑于  09-19  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

2 个回答

  • 是柿子啊
    是柿子啊
    09-19

    麻烦提供能复现问题的代码片段https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

    09-19
    赞同
    回复 2
    • 风冷
      风冷
      09-19
      代码片段:https://developers.weixin.qq.com/s/E1JynumM7mbL,在工具中是正常的,企业微信中手机预览就不会显示
      09-19
      回复
    • 风冷
      风冷
      09-20
      已解决,原来是Cover-view不支持嵌套navigator,所以我就直接给cover-view写个bindtap事件就可以在企业微信显示了
      09-20
      回复
  • 风冷
    风冷
    09-19

    代码片段

    09-19
    赞同
    回复
问题标签