WebApp Development-2 column layout

Html

<Divclass= "Acc_item"ID= "Acc_set">     <Divclass= "Row bg_fff border_top">         <Divclass= "Inner_item border_right col-50">             <Divclass= "Con set item"Ng-click= "changestate (' Setting ')">                 <Divclass= "ite">Set up</Div>             </Div>         </Div>         <Divclass= "Inner_item col-50">             <Divclass= "Con msg item"Ng-click= "changestate (' Mymessage ')">                 <Divclass= "ite"ng-if= "User.unreadcount = = 0">My message.</Div>                 <Divclass= "ite">My message ({{User.unreadcount}})</Div>                 <Divclass= "ite"ng-if= "User.unreadcount >99">My message (99+)</Div>             </Div>         </Div>     </Div> </Div>

View Code

<Divclass= "Acc_item bg_fff m_t_10"ID= "Acc_item">     <Divclass= "Row Border_top">         <Divclass= "Inner_item border_right col-50">             <Divclass= "Con Item wallet"Ng-click= "changestate (' Setting ')">                 <Divclass= "Ite2">My purse.</Div>                 <Divclass= "Ite2">0.00&nbsp;Yuan</Div>             </Div>         </Div>         <Divclass= "Inner_item col-50">             <Divclass= "Con msg item CT"Ng-click= "changestate (' Mymessage ')">                 <Divclass= "ite">My card coupon.</Div>             </Div>         </Div>     </Div>     <Divclass= "Row Border_top">         <Divclass= "Inner_item border_right col-50">             <Divclass= "Con Item order"Ng-click= "changestate (' Setting ')">                 <Divclass= "Ite2">My order</Div>                 <Divclass= "Ite2">Shared&nbsp;4&nbsp;Pen</Div>             </Div>         </Div>         <Divclass= "Inner_item border_right col-50">             <Divclass= "Con Item Bank"Ng-click= "changestate (' Setting ')">                 <Divclass= "Ite2">Bank card</Div>                 <Divclass= "Ite2">Shared&nbsp;3&nbsp;Single</Div>             </Div>         </Div>     </Div> </Div>

View Code

Css

/*Set*/#acc_set{Margin-top:-10px;}. Acc_item. Set{background:URL (.. /img/account/icon_01.png) No-repeat Left center;background-size:Auto 0.35rem;}. Acc_item. MSG{background:URL (.. /img/account/icon_02.png) No-repeat Left center;background-size:Auto 0.35rem;}#acc_set. Ite{Margin-top:-0.16rem;text-align: Left;font-size:0.14rem!important;Color:#333333!important;}#acc_set. Inner_item{Margin-top:0!important;}/*Item Entry*/#acc_item. Con{Display:Block;}#acc_item. Ite{Margin-top:-0.16rem;text-align: Left;font-size:0.14rem!important;Color:#333333!important;}#acc_item. Inner_item. Ite2{Margin-top:-0.15rem;text-align: Left;font-size:0.14rem!important;Color:#333333!important;}#acc_item. Inner_item. Ite2:nth-of-type (2){font-size:0.13rem!important;Color:#999999!important;}. Acc_item. Wallet{background:URL (.. /img/account/icon_03.png) No-repeat Left center;background-size:Auto 0.35rem;}. Order. Ite2,.bank. Ite2{Margin-top:-0.25rem!important;text-align: Left;font-size:0.14rem!important;Color:#333333!important;}. Order. Ite2:nth-of-type (2),. Bank Ite2:nth-of-type (2){Padding-top:10px;font-size:0.13rem!important;Color:#999999!important;}. acc_item. CT{background:URL (.. /img/account/icon_04.png) No-repeat Left center;background-size:Auto 0.35rem;}. Acc_item. Order{background:URL (.. /img/account/icon_009.png) No-repeat Left center;background-size:Auto 0.35rem;Margin-left:0.10rem;}. Acc_item. Bank{background:URL (.. /img/account/icon_08.png) No-repeat Left center;background-size:Auto 0.35rem;}

WebApp Development-2 column layout