三级全黄做爰电影_夫妻之间那些事_啊啊啊啊好爽视频_国产精品xxxx喷水欧美_色一情一乱一伦麻豆_国产精品美乳一区二区免费_亚洲综合av在线在线播放_人与禽伦性了_黄色软件色多多_av在线免费观看网址

今天開發(fā)時(shí)小程序會(huì)員登錄彈出層時(shí)，需要對(duì)應(yīng)屏幕絕對(duì)居中對(duì)齊，一時(shí)腦抽，寫出了個(gè)BUG代碼。

見下圖：

點(diǎn)擊授權(quán)登錄時(shí)，需要彈出登錄層絕對(duì)居中對(duì)齊，然后自己使用了代碼如下：

wxml:

<view class="login-box" style="background-image: url(../../image/auth-default.png);background-size: 100% 100%;" hidden='{{loginflag}}'>

    <view class="btn-list">

      <view class="btn-close" bindtap="close">

        關(guān)閉

      view>

      <view class="btn-login">

        登錄

      view>

    view>

view>

<view class='mask' hidden='{{maskFlag}}'>view>

wxss:

.mask {

  position: fixed;

  width: 100%;

  height: 100%;

  top: 0px;

  background: rgba(0, 0, 0, 0.6);

  overflow: hidden;

  z-index: 9998;

}

.login-box {

  width: 650rpx;

  height: 700rpx;

  position: absolute;

  left: 50rpx;

  top: 50%;

  margin-top: -350rpx;

  z-index: 9999;

}

.btn-list {

  position: absolute;

  left: 0;

  top: 550rpx;

  display: flex;

  justify-content: center;

  width: 100%;

}

.btn-close {

  width: 30%;

  height: 60rpx;

  line-height: 60rpx;

  text-align: center;

  border-radius: 30rpx;

  border: 1px solid #999;

  color: #666;

}

.btn-login {

  width: 30%;

  height: 60rpx;

  line-height: 60rpx;

  text-align: center;

  border-radius: 30rpx;

  margin-left: 30rpx;

  background-color: #FF0000 !important;

  color: #FFFFFF;

}

隨手使用了position: absolute;定位代碼，這在底層元素不太高的情況下是沒問題，但是由于底層元素比較高，這樣去點(diǎn)擊授權(quán)登錄的時(shí)候，彈出層是這樣效果的：

一下子感覺和自己設(shè)想的不一樣了，以為是CSS沖突，查了好久找不到原因，也不能因?yàn)檫@樣而采用JS去控制吧，于是去CSDN查了一下資料，然后查到了這個(gè)內(nèi)容：

汗，內(nèi)容鎖住了，這，好吧，還是自己研究吧。最后所有代碼看完，看到了一個(gè)隨手代碼position: absolute; 原來定位寫錯(cuò)了，立即把參數(shù)改回來，position: fixed;，這個(gè)功能就不解釋了，資料也很多，只要改成這樣即可：

.login-box {

  width: 650rpx;

  height: 700rpx;

  position: fixed;

  left: 50rpx;

  top: 50%;

  margin-top: -350rpx;

  z-index: 9999;

}

本來不想寫這篇文章的，但是CSDN內(nèi)容竟然加鎖了，這本沒什么技術(shù)性的。好吧，就花半個(gè)鐘寫下這個(gè)文章，權(quán)當(dāng)警示自己寫代碼時(shí)需緊慎再緊慎。