[图片] [图片]遇到这个问题不知道怎么办，可以求助一下？按照网上的方法都试过了，不知道怎么没有作用，也不知道错在那个地方

<!--index.wxml--> <page> <view class="container"> </view> </page> /**index.wxss**/ .container{ height: 100%; width: 100%; background-color: red; } [图片]没有反应，wxss中的样式没有起到作用 <!--index.wxml--> <page> <view class="container"> </view> </page> /**index.wxss**/ .container{ height: 100rpx; width: 100%; background-color: red; } [图片]为什么这里有显示了？ 求助一下，没有明白两个之间的区别

在app.json中加入tabBar 后出现wx.navigateTo无法使用 <!--index.wxml--> <view class="container"> <view class="viewContainer"> <text class="user-motto" >文章1</text> </view> <view class="viewContainer" > <text class="user-motto" bindtap="itemClick">文章2</text> </view> <view class="viewContainer"> <text class="user-motto">文章3</text> </view> <view class="viewContainer"> <text class="user-motto">文章4</text> </view> </view> //index.js Page({ /**   * 页面的初始数据   */ data: { }, /**   * 生命周期函数--监听页面加载   */ onLoad: function(options) { console.log('--------index page onLoad--------') }, /**   * 生命周期函数--监听页面初次渲染完成   */ onReady: function() { console.log('--------index page onReady--------') }, /**   * 生命周期函数--监听页面显示   */ onShow: function() { console.log('--------index page onShow--------') }, /**   * 生命周期函数--监听页面隐藏   */ onHide: function() { console.log('--------index page onHide--------') }, /**   * 生命周期函数--监听页面卸载   */ onUnload: function() { console.log('--------index page onUnload--------') }, /**   * 页面相关事件处理函数--监听用户下拉动作   */ onPullDownRefresh: function() { }, /**   * 页面上拉触底事件的处理函数   */ onReachBottom: function() { }, /**   * 用户点击右上角分享   */ onShareAppMessage: function() { }, itemClick: function() { wx.navigateTo({ url: 'pages/logs/logs', }) } }) <!--logs.wxml--> <view class="container log-list"> 这里是文章详情 </view> /**   * 生命周期函数--监听页面加载   */ onLoad: function(options) { console.log('--------logs page onLoad--------') console.log(options) }, /**   * 生命周期函数--监听页面初次渲染完成   */ onReady: function() { console.log('--------logs page onReady--------') }, /**   * 生命周期函数--监听页面显示   */ onShow: function() { console.log('--------logs page onShow--------') }, /**   * 生命周期函数--监听页面隐藏   */ onHide: function() { console.log('--------logs page onHide--------') }, /**   * 生命周期函数--监听页面卸载   */ onUnload: function() { console.log('--------logs page onUnload--------') }, /**   * 页面相关事件处理函数--监听用户下拉动作   */ onPullDownRefresh: function() { }, /**   * 页面上拉触底事件的处理函数   */ onReachBottom: function() { }, /**   * 用户点击右上角分享   */ onShareAppMessage: function() { } })

我是新手菜鸟一个，想请教一下 类似下列图片的组件该如何实现？[图片]在swipe中，嵌套商品分类列表，通过列表渲染循环的方式实现,另外如何实现在点击美食图标的时候能够绑定一个声音（即在点击美食图标的时候能让小程序触发一个声音）