laundry/pages/bluetooth/bluetooth.wxss

/**app.wxss**/
.container {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 200rpx 0;
    box-sizing: border-box;
  } 
  /**app.wxss**/
  
  view, input, button {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32rpx;
    color: #27364e; /* 字体颜色 */
  }
  /* 
  #27364e 字体颜色深蓝  
  #939aa6 深色边框线  
  #e6e6e6 输入框等浅色边框线 
  #f55d55主色红色 
  #FAAEAA 浅色红色13335069822
   */
  input {
    border: solid 1px #e6e6e6; /* 输入框颜色 */
    padding-left: 10rpx;
    z-index: 0;
  }
  .allpage {
    height: 100vh;
    /* background-color: #333; */
    flex-direction: column;
  }
  
  .top {
    opacity: 0.9;
    height: 85rpx;
    width: 100%;
    border-bottom: 1px solid #939aa6; /*深色边线*/
    background-color: #fdfdfd;
    justify-content: space-between; /*主轴上的排列方式 */
    align-items: stretch; /*交叉轴对齐方式 占满 */
  }
  
  .Fpage {
    flex-direction: column;
    justify-content: flex-start;
  }
  
  .Ftop {
    opacity: 0.9;
    position: fixed;
    height: 85rpx;
    width: 100%;
    border-bottom: 1px solid #939aa6;
    background-color: #fdfdfd;
    justify-content: space-between; /*主轴上的排列方式 */
    align-items: stretch; /*交叉轴对齐方式 占满 */
  }
  
  .topl {
    font-size: 32rpx;
    width: 150rpx;
    color: #f55d55; /*主色红色 #FAAEAA 浅色红色 */
  }
  
  .topc {
    width: 350rpx;
    flex-grow: 1;
    font-size: 36rpx;
    font-weight: bold;
  }
  
  .topr {
    width: 160rpx;
    font-size: 32rpx;
    color: #f55d55;
  }
  
  .topr image {
    margin-left: 50rpx;
    width: 60rpx;
    height: 60rpx;
  }
  
  .body {
    width: 100%;
    /* background-color: #fd6969; */
    flex-grow: 1;
  }
  
  .INP {
    border: solid 1px #939aa6;
    height: 85rpx;
    width: 450rpx;
    padding-left: 10rpx;
  }
  
  .BUT {
    background-color: #f55d55;
    color: #fff;
    width: 460rpx;
    height: 80rpx;
    font-size: 36rpx;
    margin: 10rpx;
  }
  .SBUT {
    background-color: #f55d55;
    color: #fff;
    width: 200rpx;
    height: 70rpx;
    font-size: 32rpx;
    border-radius: 5rpx;
  }
  .TiShi{ height: 100vh;width: 750rpx; position: fixed;z-index: 100}
  .TiShiK{position: relative;height: 100vh;width: 750rpx; display: flex; justify-content:center; align-items: center;}
  .TiShiB{ position: absolute; left: 0;top: 0; width: 750rpx; height: 100vh;background: #FFF; opacity: 0.05;}
  .TiShiN{ width:285rpx; height:285rpx;z-index: 10; border-radius: 20rpx; margin-top: -330rpx;opacity: 0.8;
  position: relative;}
  .TiShiN image{height:280rpx;width:280rpx; border-radius: 20rpx;}
  .TiShiTXT{ width: 280rpx; height: 50rpx; color: #FFFFFF; position: absolute; top: 200rpx; left: 0rpx;}
.sbody {
    width: 730rpx;
    margin-top: 100rpx;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
  }
  .huise{
    background: #e6e6e6;
    height: 100vh;
  
  }
  .hang {
    height: 100rpx;
    width: 100%;
    background: #FFF;
    border-bottom: solid 1px #666;
  }
  .hang2 {
    height: 180rpx;
    width: 100%;
    background: #FFF;
    border-bottom: solid 1px #666;
  }
  .TOU{ width: 100%; height: 120rpx; display: flex; justify-content: center; margin: 1px 0 1px 0}
  .FF{ background: #FFF;}
  .ly{ display: block; width: 280rpx; padding-left: 100rpx;}
  .xh{ width: 60rpx; height: 60rpx; padding-right: 60rpx;}
  .T1{  height: 50rpx; padding-left: 50rpx; margin-top: 50rpx;}