uni-app（3）

实现组件修改标题

uni.setNavigationBarTitle({
    
    title:'首页'})

现在出现这样的问题，视频中教的好像不太起作用，因为主页的设置的v-show，它在组件中mounted放入了这个东西，v-show是display，隐藏，所以一上来就加载了，导致直接显示最终修改，所以不合适，然后我又试了v-if，这样可以，但是问题是，v-if页面被清掉了，重新加载页面，感觉用户体验会不好，所以最终，我找到了办法，将这些放到了主页的点击事件中，点击就改变标题，也不用重新加载，嗯，还不错，学到现在，能知道bug出在哪。

轮播图

以下几点需要注意：
swiper：默认高度150px 不能被内容撑开，所以需要单独对待
image：默认宽度320px，默认高度240px
也就是说，不管多大屏，都会这么高，不会变了，就导致图片可能会变形
所以按比例缩放 （750屏幕宽度，2.3宽高比）
image继承父元素高度，父元素是item，但是swiper是层层继承，所以没事

<style lang='scss'>
  .album_swiper{
    
    
    swiper{
    
    
      height: calc( 750rpx / 2.3);
      image{
    
    
        height: 100%;
      }
    }
  }
</style>

布局小bug

,因为上面设置了flex：1和flex：2，这个宽可以被内容所改变，一开始确实是两份，但是文字很多很多的时候，就会撑开父容器，因为设置了nowrap，不要换行，所以这个bug挺常见的，解决办法给父容器，加超出就截取overflow：hidden，这样超出的时候就会被父容器截取，最终就好了。

样式是前端的基本功！没什么好说的，多写。
今天鸽一下子，快递到了，要写小程序连接OneNet读数据，找接口去了。。。