司二 2021-05-26 22:26 采纳率: 80.8%
浏览 301
已采纳

微信小程序wxss样式无法显示

/******************************wxml*********************************/
<view class="wrapper">
<!-- 页面头部 -->
  <view class="header">
      <text>天气查询</text>
  </view>
   <!-- 输入框 -->
  <view class="search">
      <input placeholder= "请输入城市"></input>
      <image src="../../icons/search.png"></image>
  </view>
<!-- 天气列表 -->
  <view class="main">
    <view class="list">
    
      <view class="opt">
        <navigator url="../detail/detail?id=">
          <view>优</view>
          <view>2021-05-26</view>
          <view>26° ~ 33° ~ 30°</view>
          <view>多云</view>
          <view>雷</view>
          <view>星期三</view>
          <view>风力 2级</view>
        </navigator>

        <navigator url="../detail/detail?id=">
          <view>优</view>
          <view>2021-05-26</view>
          <view>26° ~ 33° ~ 30°</view>
          <view>多云</view>
          <view>雷</view>
          <view>星期四</view>
          <view>风力 2级</view>
        </navigator>

      </view>
    </view>
  </view>

</view> 

这是wxss的代码

.main {
  width:100%;
  padding: 20px 10px;  /*上下间距*/
  box-sizing:border-box;
}

.main.list {

}
.main.list.opt{

}
.main.list.opt navigator{        /*这个地方的颜色和格式无法显示*/
  display: block;
  width:100%;
  background-color: skyblue;       
}
.main.list.opt navigator view{}

这是出来的效果图  在中间文字 那里应该有蓝色框框才对

  • 写回答

2条回答 默认 最新

  • 易书生 2021-05-27 00:06
    关注

    不是这样的,你的css写的有问题,不能是.main.kist.xxx,你这样选择的话是需要.main .kist .xxx这样形式的,加个空格和不加是不一样的意思

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥15 arcgis中更新地理配准后几个图层分离怎么解决?
  • ¥15 想请教大家关于机器学习的问题
  • ¥15 虚幻UE保存Actor位置失败
  • ¥15 多个.nii合并为.nii.gz格式
  • ¥50 现在需要统计2023年全年 “签收时间(qssj)” 到 “提交时间(tjsj)” 小于半小时的业务量,但是要排除掉周末的时间,同时还要排除中午休息的时间。
  • ¥50 opencv模板匹配为何图像差别大仍然匹配数值高?
  • ¥15 如何成功完成主菜单和分菜单的代码编程C++
  • ¥15 怎样采集或者其它途径拿到全国最新个体工商户数据
  • ¥20 我是一名大学生,想学习java是自学还是报培训班呢
  • ¥15 pycharm该如何爬取网易云歌曲下的评论?