在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/Python  HTML/ vue 圖片不顯示問題?

vue 圖片不顯示問題?

vue 登陸頁面背景圖片不顯示:

loader配置
  {
    test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
    loader: 'url-loader',
    options: {
      limit: 10000,
      name: utils.assetsPath('img/[name].[hash:7].[ext]')
    }
  }
  less:
  .login{
      width: 100%;
      height: 100%;
      background-image: url('../assets/background_login.png');
      background-size: cover;
      background-position: center;
      position: relative;
      &-con{
        position: absolute;
        right: 160px;
        top: 50%;
        width: 300px;
        &-header{
          font-size: 16px;
          font-weight: 300;
          text-align: center;
          padding: 30px 0;
        }
        .form-con{
          padding: 10px 0 0;
        }
        .login-tip{
          font-size: 10px;
          text-align: center;
          color: #c3c3c3;
        }
      }
    }
    

前端截圖

背景為空白

調(diào)試截圖:
引用

資源

回答
編輯回答
耍太極

又屬于抄襲別人的項(xiàng)目沒抄襲全的錯(cuò)誤........
圖片其實(shí)生效了
但是由于沒有設(shè)置父容器100%大小,背景圖沒顯示出來

2017年3月1日 19:25
編輯回答
怪痞

檢查一下.login標(biāo)簽有沒有高度

2018年8月15日 07:36