收藏
回答

在页面中引入的组件样式仍然有效,通过page设置的样式也有效,但是其他通过选择器设置的样式无效?

开发者工具:1.05.2102010稳定版,环境:Windows,框架:小程序

这是页面结构:

<Tabs tabs="{{tabs}}" bindtabsItemChange="handletabsItemChange"></Tabs> 


<view clas="rank">


     <block wx:if="{{tabs[0].isActive}}">


         <view class="my_rank">我的排名:{{my_rank}}</view>
         <view class="dis_rank" wx:for="{{dis_rank}}" wx:key="*this">
             <text>{{index+1}}</text>
             <image  src="{{item.image}}" mode="widthFix"/>
             <text>{{item.Name}}</text>
             <text>{{item.totalDistance}}里</text>
             <text>{{item.department}}</text>
         </view>    


     </block>


     <block wx:elif="{{tabs[1].isActive}}">
         <view class="my_rank">我的排名:{{my_rank}}</view>
         <view class="dis_rank" wx:for="{{dis_rank}}" wx:key="*this">
             <text>{{index+1}}</text>
             <image  src="{{item.image}}" mode="widthFix"/>
             <text>{{item.Name}}</text>
             <text>{{item.totalDistance}}</text>
             <text>{{item.department}}</text>
         </view>            
     </block>
     
</view>

这是样式,因为写着写着发现一点效果也没有,就随便写了一下

/* pages/rank/index.wxss */
//page这部分的样式是有的
page {
  width100%;
  height100%;
  padding10px;
  background-color#eee;
}
//但是这下面的样式就没用了
.rank {
  background-color#fff;
}
.rank .my_rank {
  margin20px auto;
}
.rank .dis_rank {
  height60px;
  display: flex;
}
.rank .dis_rank image {
    flex:1;
}
.rank .dis_rank text {
    flex:1;
}



回答关注问题邀请回答
收藏

1 个回答

  • 维她命系
    维她命系
    04-08
    <view clas="rank">
    

    应该是

    <view class="rank">
    


    04-08
    有用
    回复
登录 后发表内容
问题标签