123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186 |
- .page-goods-info{
- background:#e5e5e5;
- display:flex;
- width:100vw;
- min-height:100vh;
- flex-direction: column;
- .goods-img{
- height:150px;
- width:100%;
- .img{
- width:100%;
- height:100%;
- }
- }
- .goods-option{
- background:#FFF;
- display:flex;
- flex-direction:column;
-
- .title{
- margin-top:10px;
- margin-left:10px;
- font-size:14px;
- font-weight:bold;
- height:50px;
- line-height: 50px;;
- }
- .type{
- margin-left:10px;
- font-size:12px;
- height:40px;
- display:flex;
- flex-direct:row;
- justify-content: flex-start;
- align-items: center;
- .caption{
- font-size:12px;
- }
- .option{
- display:flex;
- flex-direction: row;
- .opt1{
- background:#fbdcba;
- font-size:12px;
- padding:2px 3px;
- margin-right:10px;
- font-weight:bold;
- color:#333;
-
-
- }
- }
- }
- }
- .content{
- padding:10px;
- font-size:12px;
- }
- .footer{
- display:flex;
- height:80px;
- background:#FFF;
- position:fixed;
- bottom:0px;
- width:100%;
- flex-direction: column;
- .price{
- height:50px;
- width:100%;
- display:flex;
- flex-direction: row;
- .intro{
- display:flex;
- flex-direction: column;
- width:70%;
- margin-left:10px;
- .price-text{
- font-size:12px;
- display:flex;
- flex-direction: row;
- .current{
- color:$teacher-main-color;
- font-size:14px;
- .sign{
- font-size:12px;
- }
- }
- .del{
- color:#CCC;
- font-size:14px;
- margin-left:10px;
- text-decoration: line-through;
- .sign{
- font-size:12px;
- }
- }
- }
- .price-tips{
- font-size:12px;
- color:#CCC;
- }
- }
- .qty{
- display:flex;
- width:30%;
- flex-direction: row;
- justify-content: flex-end;
- align-items: center;
- margin-right:10px;
- .btn-miut{
- border-radius: 50%;
- display:flex;
- width:20px;
- height:20px;
- font-size:12px;
- background:$teacher-main-color;
- color:#FFF;
- justify-content: center;
- align-content: center;
- }
-
- .num{
- width:30px;
- text-align:center;
- }
-
-
- .btn-plus{
- border-radius: 50%;
- display:flex;
- width:20px;
- height:20px;
- font-size:12px;
- background:$teacher-main-color;
- color:#FFF;
- justify-content: center;
- align-content: center;
- }
-
- }
- }
- .btn{
- display:flex;
- flex-direction: row;
- justify-content:center;
- align-items: center;
- padding:5px 0px;
- .btn-buy{
- display:flex;
- justify-content: center;
- align-items: center;
- width:50%;
- .buy{
- border-radius: 10px;
- border:1px solid #a4907e;
- font-size:12px;
- height:25px;
- width:100px;
- color:#a4907e;
- background:#FFF;
- padding:0px;
- line-height: 25px;
- }
-
- }
- .btn-cart{
- display:flex;
- justify-content: center;
- align-items: center;
- width:50%;
- .cart{
- border-radius: 10px;
- border:1px solid #a4907e;
- background:#a4907e;
- color:#FFF;
- font-size:12px;
- height:25px;
- width:100px;
- padding:0px;
- line-height: 25px;
- }
- }
- }
-
- }
- }
|