イオン2/3リストアイテム：アイテム

Question

内のアイテムIは、イオンのプロジェクトで働いていると私は通知リストページを作成したい、リストは画像怒鳴るショーとしてカスタマイズされた少しです：

：

ここ

はhtmlコードです：私は自分のコードを実行すると

これは私が得る結果であり、 210

、ここでCSS：

page-notification { 
    .item-md { 
     padding-left: 16px; 
     padding-right: 0; 
     position: relative; 
     font-size: 1.6rem; 
     font-weight: normal; 
     height: 110px; 
     text-transform: none; 
     color: #000; 
     background-color: #fff; 
     -webkit-box-shadow: none; 
     box-shadow: none; 
     -webkit-transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1); 
     transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1); 
    } 
    .notification-informations { 
     padding-left: 5px; 
     height: 35px; 
    } 
    .col { 
     padding: 0; 
    } 
    .star-notification { 
     color: color($colors, starcolor); 
    } 
    .star-number { 
     font-weight: 600; 
     font-size: 13px; 
     color: color($colors, profileblue); 
    } 
    .item { 
     border-style: none 
    } 
    .date-notification { 
     margin-left: -8px; 
     font-size: 8px; 
     color: color($colors, icon-stat); 
    } 
    .text-notification { 
     color: color($colors, icon-stat); 
     font-weight: 500; 
     font-size: 13px; 
     margin-top: 4px; 
    } 
    .user-notification { 
     height: 20px; 
     padding-left: 0; 
    } 
    .user-image { 
     border-radius: 50%; 
     width: 20px; 
     height: 20px; 
    } 
    img>.user-image { 
     width: 20px; 
     height: 20px; 
    } 
    .item-md ion-avatar img { 
     border-radius: 50%; 
     overflow: hidden; 
     width: 25px; 
     height: 25px; 
    } 
    .item-md ion-avatar[item-start], 
    .item-md ion-thumbnail[item-start] { 
     margin: 30px -5px 4px 5px; 
    } 
    page-notification .label-md { 
     margin-top: 13px; 
     margin: -9px 8px 13px 0; 
    } 
    .user-name { 
     color: color($colors, profileblue); 
     font-weight: 600; 
    } 
    .username { 
     margin-top: 17px; 
    } 
    .item-md ion-thumbnail img { 
     width: 60px; 
     height: 60px; 
    } 
    .notification-title { 
     font-size: 15px; 
    } 
} 

いくつかのいずれかでは間に合わないアイテムの正しい設計で正しくリストを作成するために助けてくださいことができますか？事前に感謝します

Answer 1

あなたのコードに関連する問題はありません。あなたがしなければならないのは、ボーダーボトムス（ボーダー：0で行うことができます）を取り除き、イオンリストの上にあるアンケート用のカードを作成することだけです。

I have created a plunker with your code. see this