Skip to content

M
mr-julyedu
Commit 61fb1335 by baiguangyao
Options

添加购物车

parent a2418319
Showing with 5066 additions and 0 deletions
.history/src/base/Loading/index_20190428154823.js 0 → 100644
import React, { Component } from 'react'
import { ActivityIndicator } from 'antd-mobile'
import './loading.scss'
export default class componentName extends Component {
render() {
return (
<div className="loading">
<ActivityIndicator></ActivityIndicator>
<span>加载中</span>
</div>
)
}
}
.history/src/base/Loading/loading_20190428154902.scss 0 → 100644
.loading{
display: flex;
width:100%;
height:44px;
line-height: 44px;
justify-content: center;
align-items: center;
span{
margin-left:5px;
}
}
\ No newline at end of file
.history/src/common/OrderList/index_20190428163911.js 0 → 100644
import React from 'react';
import './orderlist.scss';
/**
* @OrderList 组件内容
* @param tab 左侧内容
* @param info 右侧信息
* @param children 内容
* @param restProps 传入的自定义属性
* @returns {*}
* @constructor
*/
const OrderItem = ({ info, tab, children, ...restProps }) => {
return (
<div className='public-list-item'>
<div className="public-content">
<div className="public-cover" >
<img src='https://julyedu-img-public.oss-cn-beijing.aliyuncs.com/Public/Image/4c5ccac604.jpg' alt="" />
</div>
{info}
</div>
{React.Children.map(
children,
child => (child ? React.cloneElement(child, {}) : child)
)}
</div>
)
}
export default OrderItem;
\ No newline at end of file
.history/src/common/OrderList/index_20190428163924.js 0 → 100644
import React from 'react';
import './orderlist.scss';
/**
* @OrderList 组件内容
* @param tab 左侧内容
* @param info 右侧信息
* @param children 内容
* @param restProps 传入的自定义属性
* @returns {*}
* @constructor
*/
const OrderItem = ({ info, tab, children, ...restProps }) => {
return (
<div className='public-list-item'>
<div className="public-content">
{tab}
<div className="public-cover" >
<img src='https://julyedu-img-public.oss-cn-beijing.aliyuncs.com/Public/Image/4c5ccac604.jpg' alt="" />
</div>
{info}
</div>
{React.Children.map(
children,
child => (child ? React.cloneElement(child, {}) : child)
)}
</div>
)
}
export default OrderItem;
\ No newline at end of file
.history/src/common/OrderList/index_20190428180018.js 0 → 100644
import React from 'react';
import './orderlist.scss';
/**
* @OrderList 组件内容
* @param tab 左侧内容
* @param info 右侧信息
* @param children 内容
* @param restProps 传入的自定义属性
* @returns {*}
* @constructor
*/
const OrderItem = ({ info, tab, children, ...restProps }) => {
return (
<div className='public-list-item'>
<div className="public-content">
{tab}
<div className="public-cover" >
<img src='https://julyedu-img-public.oss-cn-beijing.aliyuncs.com/Public/Image/4c5ccac604.jpg' alt="" />
</div>
{info}
</div>
{React.Children.map(
children,
child => (child ? React.cloneElement(child, {}) : child)
)}
</div>
)
}
export default OrderItem;
\ No newline at end of file
.history/src/components/order/index_20190428165502.js 0 → 100644
import React, { Component } from 'react';
import { Flex, NavBar, List } from 'antd-mobile';
import { OrderItem } from '@/common/index'
import "./order.scss"
const Item = List.Item;
const mockData = [
{
title: '三月面试求职班',
imgUrl: 'https://julyedu-img-public.oss-cn-beijing.aliyuncs.com/Public/Image/4c5ccac604.jpg',
content: '涵盖ML主流算法及其应用-文字超过一行换行',
newprice: '980',
price: '1280',
id: '110'
},
{
title: '三月面试求职班',
imgUrl: 'https://julyedu-img-public.oss-cn-beijing.aliyuncs.com/Public/Image/4c5ccac604.jpg',
content: '涵盖ML主流算法及其应用-文字超过一行换行',
newprice: '980',
price: '1280',
id: '110'
},
{
title: '三月面试求职班',
imgUrl: 'https://julyedu-img-public.oss-cn-beijing.aliyuncs.com/Public/Image/4c5ccac604.jpg',
content: '涵盖ML主流算法及其应用-文字超过一行换行',
newprice: '980',
price: '1280',
id: '110'
}
]
function OrderList(props) {
const listData = props.list;
return (
<div>
{
listData.map((item, index) => {
const Info = (
<div className="order-info">
<p className='order-title'>{item.title}</p>
<p className='order-content'>{item.content}</p>
<p className='order-des'>
<span className='order-newprice'>¥{item.newprice}</span>
<span className='order-price'>¥{item.price}</span>
</p>
</div>
)
return (
<OrderItem {...item} key={index} info={Info}>
<div className="order-prefer">
<List key={index}>
<Item
arrow="horizontal"
onClick={() => { }}
>
优惠券
</Item>
</List>
</div>
</OrderItem>
)
})
}
</div>
);
}
class Order extends Component {
constructor(props) {
super(props);
this.state = {
}
}
handleClick = () => {
console.log(1);
}
render() {
return (
<div className="order-wrapper">
<Flex>
<Flex.Item>
<NavBar
style={{"height": "44px"}}
className="order-tab"
mode="light"
icon={<i className="iconfont iconiconfront-68"></i>}
>
课程报名
</NavBar>
<div className="order-information">
<i className="iconfont iconiconfront-6 order-addsize"></i>
<div className="order-infotext">完善报名信息</div>
<i className="iconfont iconiconfront-70 order-next"></i>
</div>
<div className="order-information">
<i className="iconfont iconiconfront-20"></i>
<div className="order-cell">
<div className="name">姓名: 张三</div>
<div>电话: 13266532323</div>
</div>
<div className="order-cell">
<div>QQ: 1084251364</div>
</div>
</div>
<div className="order-list">
<OrderList list={mockData}/>
</div>
<div className="order-balance">
<List>
<Item
onClick={() => { }}
className="order-prefer-text"
extra={<i className="iconfont icondanseshixintubiao-5"></i>}
>
余额抵扣
<span className="order-balanceprice">(账户余额: <i className="order-money">1元</i>)</span>
<i className="iconfont iconiconfront-22"></i>
</Item>
</List>
</div>
<div className="order-bar">
<div className="order-course">
<span className="order-course-text">2门课程</span>
</div>
<div className="order-bar-text">
<div className="order-amount">
<span className="order-amount-title">合计:</span>
<span className="order-amount-price">¥ 30.50</span>
</div>
<div className="order-preprice">
<span className="order-preprice-title">已优惠:</span>
<span className="order-preprice-price">¥ 200.50</span>
</div>
</div>
<button type="button" className="order-button ">
<span className="order-button-text">提交订单</span>
</button>
</div>
</Flex.Item>
</Flex>
</div>
)
}
}
export default Order;
\ No newline at end of file
.history/src/components/shopCard/card_20190428155405.scss 0 → 100644
.cart-page{
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
.cart-tip{
display: flex;
align-items:center;
justify-content: center;
min-height: 60px;
color:#555;
}
.edit{
padding-right:10px;
font-size:14px;
}
.cart-body{
height:100%;
flex: 1;
display: flex;
background-color:#fff;
overflow-y: auto;
.cart-main{
width:100%;
>.am-list-item{
border-bottom: 1px solid #eee;
.am-list-line::after{
background-color: transparent;
}
}
>.am-list-item.am-list-item-active{
background-color: transparent;
}
.cart-c-title{
display: flex;
align-items: center;
justify-content: space-between;
>div{
flex:1;
}
span{
font-size:14px;
margin-left:10px;
}
.next{
width:14px;
height:14px;
display: inline-block;
margin-left:10px;
}
i{
font-style: inherit;
font-size:14px;
display: block;
padding:0 10px;
}
}
.cart-c-body{
.am-list-item-active{
background-color: transparent;
}
.am-list-line{
padding-right: 0px;
}
border-bottom: 1px solid #eee;
.am-list-content{
position: relative;
}
.cart-c-item{
overflow: hidden;
position: relative;
padding:10px 10px 10px 0;
box-sizing: border-box;
.cart-c-check{
width:40px;
display: flex;
align-items: center;
justify-content: center;
height:calc(100% - 20px);
box-sizing: border-box;
position: absolute;
}
}
.cart-ci-left{
position: absolute;
top: 0;
left: 40px;
height: 100%;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
img{
height:85px;
width:85px;
display: block;
border:1px solid #eee;
}
}
.cart-ci-right{
min-height:87px;
margin-left:135px;
margin-right:8px;
.am-stepper-handler{
line-height: 28px;
font-size: 14px;
width: 26px;
height: 26px;
display:flex;
justify-content: center;
align-items: center;
}
.r-title{
font-size:15px;
white-space:normal;
font-weight:bold;
overflow : hidden;
max-height: 46px;
span{
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
/* autoprefixer: off */
-webkit-box-orient: vertical;
/* autoprefixer: on */
white-space:inherit;
-webkit-line-clamp: 2;
}
}
.r-step{
display: flex;
justify-content: space-between;
.r-price{
color:#ff5b05;
font-size:14px;
line-height:30px;
span{
font-size:12px;
}
}
.span-stepper{
width:100px;
}
.am-stepper-input{
font-size:12px;
}
}
}
}
}
}
.cart-footer{
display: flex;
justify-content: space-between;
border-top:1px solid #eee;
background-color:rgba(255,255,255,.7);
height:50px;
&>div:nth-child(1){
width:50px;
text-align: center;
height:50px;
padding-top: 5px;
div{
font-size:12px;
color:#555;
}
}
.all-pirce{
flex:1;
margin-right:10px;
display: flex;
align-items: center;
p{
margin:0;
padding:0;
font-weight: 700;
font-size:16px;
text-align: right;
width:100%;
span:nth-child(2){
color: #ff5b05;
}
}
}
&>div:nth-child(3){
width: 110px;
line-height: 50px;
text-align: center;
font-size: 16px;
font-weight:bold;
background-color: #d7d7d7;
color:#888;
span{
font-size: 10px;
font-weight:400;
}
}
div.active{
background-color: #ff5b05;
color:#fff;
}
}
}
\ No newline at end of file
.history/src/components/shopCard/card_20190428160111.scss 0 → 100644
.cart-page{
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
.cart-tip{
display: flex;
align-items:center;
justify-content: center;
min-height: 60px;
color:#555;
}
.edit{
padding-right:10px;
font-size:14px;
}
.cart-body{
height:100%;
flex: 1;
margin-bottom: 50px;
display: flex;
background-color:#fff;
overflow-y: auto;
.cart-main{
width:100%;
>.am-list-item{
border-bottom: 1px solid #eee;
.am-list-line::after{
background-color: transparent;
}
}
>.am-list-item.am-list-item-active{
background-color: transparent;
}
.cart-c-title{
display: flex;
align-items: center;
justify-content: space-between;
>div{
flex:1;
}
span{
font-size:14px;
margin-left:10px;
}
.next{
width:14px;
height:14px;
display: inline-block;
margin-left:10px;
}
i{
font-style: inherit;
font-size:14px;
display: block;
padding:0 10px;
}
}
.cart-c-body{
.am-list-item-active{
background-color: transparent;
}
.am-list-line{
padding-right: 0px;
}
border-bottom: 1px solid #eee;
.am-list-content{
position: relative;
}
.cart-c-item{
overflow: hidden;
position: relative;
padding:10px 10px 10px 0;
box-sizing: border-box;
.cart-c-check{
width:40px;
display: flex;
align-items: center;
justify-content: center;
height:calc(100% - 20px);
box-sizing: border-box;
position: absolute;
}
}
.cart-ci-left{
position: absolute;
top: 0;
left: 40px;
height: 100%;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
img{
height:85px;
width:85px;
display: block;
border:1px solid #eee;
}
}
.cart-ci-right{
min-height:87px;
margin-left:135px;
margin-right:8px;
.am-stepper-handler{
line-height: 28px;
font-size: 14px;
width: 26px;
height: 26px;
display:flex;
justify-content: center;
align-items: center;
}
.r-title{
font-size:15px;
white-space:normal;
font-weight:bold;
overflow : hidden;
max-height: 46px;
span{
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
/* autoprefixer: off */
-webkit-box-orient: vertical;
/* autoprefixer: on */
white-space:inherit;
-webkit-line-clamp: 2;
}
}
.r-step{
display: flex;
justify-content: space-between;
.r-price{
color:#ff5b05;
font-size:14px;
line-height:30px;
span{
font-size:12px;
}
}
.span-stepper{
width:100px;
}
.am-stepper-input{
font-size:12px;
}
}
}
}
}
}
.cart-footer{
display: flex;
justify-content: space-between;
border-top:1px solid #eee;
background-color:rgba(255,255,255,.7);
height:50px;
&>div:nth-child(1){
width:50px;
text-align: center;
height:50px;
padding-top: 5px;
div{
font-size:12px;
color:#555;
}
}
.all-pirce{
flex:1;
margin-right:10px;
display: flex;
align-items: center;
p{
margin:0;
padding:0;
font-weight: 700;
font-size:16px;
text-align: right;
width:100%;
span:nth-child(2){
color: #ff5b05;
}
}
}
&>div:nth-child(3){
width: 110px;
line-height: 50px;
text-align: center;
font-size: 16px;
font-weight:bold;
background-color: #d7d7d7;
color:#888;
span{
font-size: 10px;
font-weight:400;
}
}
div.active{
background-color: #ff5b05;
color:#fff;
}
}
}
\ No newline at end of file
.history/src/components/shopCard/card_20190428160140.scss 0 → 100644
.cart-page{
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
.cart-tip{
display: flex;
align-items:center;
justify-content: center;
min-height: 60px;
color:#555;
}
.edit{
padding-right:10px;
font-size:14px;
}
.cart-body{
height:100%;
flex: 1;
margin-bottom: 50px;
display: flex;
background-color:#fff;
overflow-y: auto;
.cart-main{
width:100%;
>.am-list-item{
border-bottom: 1px solid #eee;
.am-list-line::after{
background-color: transparent;
}
}
>.am-list-item.am-list-item-active{
background-color: transparent;
}
.cart-c-title{
display: flex;
align-items: center;
justify-content: space-between;
>div{
flex:1;
}
span{
font-size:14px;
margin-left:10px;
}
.next{
width:14px;
height:14px;
display: inline-block;
margin-left:10px;
}
i{
font-style: inherit;
font-size:14px;
display: block;
padding:0 10px;
}
}
.cart-c-body{
.am-list-item-active{
background-color: transparent;
}
.am-list-line{
padding-right: 0px;
}
border-bottom: 1px solid #eee;
.am-list-content{
position: relative;
}
.cart-c-item{
overflow: hidden;
position: relative;
padding:10px 10px 10px 0;
box-sizing: border-box;
.cart-c-check{
width:40px;
display: flex;
align-items: center;
justify-content: center;
height:calc(100% - 20px);
box-sizing: border-box;
position: absolute;
}
}
.cart-ci-left{
position: absolute;
top: 0;
left: 40px;
height: 100%;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
img{
height:85px;
width:85px;
display: block;
border:1px solid #eee;
}
}
.cart-ci-right{
min-height:87px;
margin-left:135px;
margin-right:8px;
.am-stepper-handler{
line-height: 28px;
font-size: 14px;
width: 26px;
height: 26px;
display:flex;
justify-content: center;
align-items: center;
}
.r-title{
font-size:15px;
white-space:normal;
font-weight:bold;
overflow : hidden;
max-height: 46px;
span{
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
/* autoprefixer: off */
-webkit-box-orient: vertical;
/* autoprefixer: on */
white-space:inherit;
-webkit-line-clamp: 2;
}
}
.r-step{
display: flex;
justify-content: space-between;
.r-price{
color:#ff5b05;
font-size:14px;
line-height:30px;
span{
font-size:12px;
}
}
.span-stepper{
width:100px;
}
.am-stepper-input{
font-size:12px;
}
}
}
}
}
}
.cart-footer{
width: 100%;
display: flex;
justify-content: space-between;
border-top:1px solid #eee;
background-color:rgba(255,255,255,.7);
height:50px;
&>div:nth-child(1){
width:50px;
text-align: center;
height:50px;
padding-top: 5px;
div{
font-size:12px;
color:#555;
}
}
.all-pirce{
flex:1;
margin-right:10px;
display: flex;
align-items: center;
p{
margin:0;
padding:0;
font-weight: 700;
font-size:16px;
text-align: right;
width:100%;
span:nth-child(2){
color: #ff5b05;
}
}
}
&>div:nth-child(3){
width: 110px;
line-height: 50px;
text-align: center;
font-size: 16px;
font-weight:bold;
background-color: #d7d7d7;
color:#888;
span{
font-size: 10px;
font-weight:400;
}
}
div.active{
background-color: #ff5b05;
color:#fff;
}
}
}
\ No newline at end of file
.history/src/components/shopCard/card_20190428160224.scss 0 → 100644
.cart-page{
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
.cart-tip{
display: flex;
align-items:center;
justify-content: center;
min-height: 60px;
color:#555;
}
.edit{
padding-right:10px;
font-size:14px;
}
.cart-body{
height:100%;
flex: 1;
margin-bottom: 50px;
display: flex;
background-color:#fff;
overflow-y: auto;
.cart-main{
width:100%;
>.am-list-item{
border-bottom: 1px solid #eee;
.am-list-line::after{
background-color: transparent;
}
}
>.am-list-item.am-list-item-active{
background-color: transparent;
}
.cart-c-title{
display: flex;
align-items: center;
justify-content: space-between;
>div{
flex:1;
}
span{
font-size:14px;
margin-left:10px;
}
.next{
width:14px;
height:14px;
display: inline-block;
margin-left:10px;
}
i{
font-style: inherit;
font-size:14px;
display: block;
padding:0 10px;
}
}
.cart-c-body{
.am-list-item-active{
background-color: transparent;
}
.am-list-line{
padding-right: 0px;
}
border-bottom: 1px solid #eee;
.am-list-content{
position: relative;
}
.cart-c-item{
overflow: hidden;
position: relative;
padding:10px 10px 10px 0;
box-sizing: border-box;
.cart-c-check{
width:40px;
display: flex;
align-items: center;
justify-content: center;
height:calc(100% - 20px);
box-sizing: border-box;
position: absolute;
}
}
.cart-ci-left{
position: absolute;
top: 0;
left: 40px;
height: 100%;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
img{
height:85px;
width:85px;
display: block;
border:1px solid #eee;
}
}
.cart-ci-right{
min-height:87px;
margin-left:135px;
margin-right:8px;
.am-stepper-handler{
line-height: 28px;
font-size: 14px;
width: 26px;
height: 26px;
display:flex;
justify-content: center;
align-items: center;
}
.r-title{
font-size:15px;
white-space:normal;
font-weight:bold;
overflow : hidden;
max-height: 46px;
span{
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
/* autoprefixer: off */
-webkit-box-orient: vertical;
/* autoprefixer: on */
white-space:inherit;
-webkit-line-clamp: 2;
}
}
.r-step{
display: flex;
justify-content: space-between;
.r-price{
color:#ff5b05;
font-size:14px;
line-height:30px;
span{
font-size:12px;
}
}
.span-stepper{
width:100px;
}
.am-stepper-input{
font-size:12px;
}
}
}
}
}
}
.cart-footer{
width: 100%;
display: flex;
justify-content: space-between;
border-top:1px solid #eee;
background-color:rgba(255,255,255,.7);
height:50px;
&>div:nth-child(1){
width:50px;
text-align: center;
height:50px;
padding-top: 5px;
div{
font-size:12px;
color:#555;
}
}
.all-pirce{
flex:1;
margin-right:10px;
display: flex;
align-items: center;
p{
margin:0;
padding:0;
font-weight: 700;
font-size:16px;
text-align: right;
width:100%;
span:nth-child(2){
color: #ff5b05;
}
}
}
&>div:nth-child(3){
width: 100px;
line-height: 50px;
text-align: center;
font-size: 16px;
font-weight:bold;
background-color: #d7d7d7;
color:#888;
span{
font-size: 10px;
font-weight:400;
}
}
div.active{
background-color: #ff5b05;
color:#fff;
}
}
}
\ No newline at end of file
.history/src/components/shopCard/card_20190428160236.scss 0 → 100644
.cart-page{
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
.cart-tip{
display: flex;
align-items:center;
justify-content: center;
min-height: 60px;
color:#555;
}
.edit{
padding-right:10px;
font-size:14px;
}
.cart-body{
height:100%;
flex: 1;
margin-bottom: 50px;
display: flex;
background-color:#fff;
overflow-y: auto;
.cart-main{
width:100%;
>.am-list-item{
border-bottom: 1px solid #eee;
.am-list-line::after{
background-color: transparent;
}
}
>.am-list-item.am-list-item-active{
background-color: transparent;
}
.cart-c-title{
display: flex;
align-items: center;
justify-content: space-between;
>div{
flex:1;
}
span{
font-size:14px;
margin-left:10px;
}
.next{
width:14px;
height:14px;
display: inline-block;
margin-left:10px;
}
i{
font-style: inherit;
font-size:14px;
display: block;
padding:0 10px;
}
}
.cart-c-body{
.am-list-item-active{
background-color: transparent;
}
.am-list-line{
padding-right: 0px;
}
border-bottom: 1px solid #eee;
.am-list-content{
position: relative;
}
.cart-c-item{
overflow: hidden;
position: relative;
padding:10px 10px 10px 0;
box-sizing: border-box;
.cart-c-check{
width:40px;
display: flex;
align-items: center;
justify-content: center;
height:calc(100% - 20px);
box-sizing: border-box;
position: absolute;
}
}
.cart-ci-left{
position: absolute;
top: 0;
left: 40px;
height: 100%;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
img{
height:85px;
width:85px;
display: block;
border:1px solid #eee;
}
}
.cart-ci-right{
min-height:87px;
margin-left:135px;
margin-right:8px;
.am-stepper-handler{
line-height: 28px;
font-size: 14px;
width: 26px;
height: 26px;
display:flex;
justify-content: center;
align-items: center;
}
.r-title{
font-size:15px;
white-space:normal;
font-weight:bold;
overflow : hidden;
max-height: 46px;
span{
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
/* autoprefixer: off */
-webkit-box-orient: vertical;
/* autoprefixer: on */
white-space:inherit;
-webkit-line-clamp: 2;
}
}
.r-step{
display: flex;
justify-content: space-between;
.r-price{
color:#ff5b05;
font-size:14px;
line-height:30px;
span{
font-size:12px;
}
}
.span-stepper{
width:100px;
}
.am-stepper-input{
font-size:12px;
}
}
}
}
}
}
.cart-footer{
width: 100%;
display: flex;
justify-content: space-between;
border-top:1px solid #eee;
background-color:rgba(255,255,255,.7);
height:50px;
&>div:nth-child(1){
width:50px;
text-align: center;
height:50px;
padding-top: 5px;
div{
font-size:12px;
color:#555;
}
}
.all-pirce{
flex:1;
margin-right:10px;
display: flex;
align-items: center;
p{
margin:0;
padding:0;
font-weight: 700;
font-size:16px;
text-align: right;
width:100%;
span:nth-child(2){
color: #ff5b05;
}
}
}
&>div:nth-child(3){
width: 100px;
line-height: 50px;
text-align: center;
font-size: 16px;
background-color: #d7d7d7;
color:#888;
span{
font-size: 10px;
font-weight:400;
}
}
div.active{
background-color: #ff5b05;
color:#fff;
}
}
}
\ No newline at end of file
.history/src/components/shopCard/card_20190428160352.scss 0 → 100644
.cart-page{
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
.cart-tip{
display: flex;
align-items:center;
justify-content: center;
min-height: 60px;
color:#555;
}
.edit{
padding-right:10px;
font-size:14px;
}
.cart-body{
height:100%;
flex: 1;
margin-bottom: 50px;
display: flex;
background-color:#fff;
overflow-y: auto;
.cart-main{
width:100%;
>.am-list-item{
border-bottom: 1px solid #eee;
.am-list-line::after{
background-color: transparent;
}
}
>.am-list-item.am-list-item-active{
background-color: transparent;
}
.cart-c-title{
display: flex;
align-items: center;
justify-content: space-between;
>div{
flex:1;
}
span{
font-size:14px;
margin-left:10px;
}
.next{
width:14px;
height:14px;
display: inline-block;
margin-left:10px;
}
i{
font-style: inherit;
font-size:14px;
display: block;
padding:0 10px;
}
}
.cart-c-body{
.am-list-item-active{
background-color: transparent;
}
.am-list-line{
padding-right: 0px;
}
border-bottom: 1px solid #eee;
.am-list-content{
position: relative;
}
.cart-c-item{
overflow: hidden;
position: relative;
padding:10px 10px 10px 0;
box-sizing: border-box;
.cart-c-check{
width:40px;
display: flex;
align-items: center;
justify-content: center;
height:calc(100% - 20px);
box-sizing: border-box;
position: absolute;
}
}
.cart-ci-left{
position: absolute;
top: 0;
left: 40px;
height: 100%;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
img{
height:85px;
width:85px;
display: block;
border:1px solid #eee;
}
}
.cart-ci-right{
min-height:87px;
margin-left:135px;
margin-right:8px;
.am-stepper-handler{
line-height: 28px;
font-size: 14px;
width: 26px;
height: 26px;
display:flex;
justify-content: center;
align-items: center;
}
.r-title{
font-size:15px;
white-space:normal;
font-weight:bold;
overflow : hidden;
max-height: 46px;
span{
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
/* autoprefixer: off */
-webkit-box-orient: vertical;
/* autoprefixer: on */
white-space:inherit;
-webkit-line-clamp: 2;
}
}
.r-step{
display: flex;
justify-content: space-between;
.r-price{
color:#ff5b05;
font-size:14px;
line-height:30px;
span{
font-size:12px;
}
}
.span-stepper{
width:100px;
}
.am-stepper-input{
font-size:12px;
}
}
}
}
}
}
.cart-footer{
width: 100%;
display: flex;
justify-content: space-between;
border-top:1px solid #eee;
background-color:rgba(255,255,255,.7);
height:50px;
&>div:nth-child(1){
width:50px;
text-align: center;
height:50px;
padding-top: 5px;
div{
font-size:12px;
color:#555;
}
}
.all-pirce{
flex:1;
margin-right:10px;
display: flex;
align-items: center;
p{
margin:0;
padding:0;
font-weight: 700;
font-size:16px;
text-align: right;
width:100%;
span:nth-child(2){
color: #ff5b05;
}
}
}
&>div:nth-child(3){
width: 100px;
line-height: 50px;
text-align: center;
font-size: 16px;
background-color:$bg_ff3131;
color:#888;
span{
font-size: 10px;
font-weight:400;
}
}
div.active{
background-color: #ff5b05;
color:#fff;
}
}
}
\ No newline at end of file
.history/src/components/shopCard/card_20190428160355.scss 0 → 100644
.cart-page{
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
.cart-tip{
display: flex;
align-items:center;
justify-content: center;
min-height: 60px;
color:#555;
}
.edit{
padding-right:10px;
font-size:14px;
}
.cart-body{
height:100%;
flex: 1;
margin-bottom: 50px;
display: flex;
background-color:#fff;
overflow-y: auto;
.cart-main{
width:100%;
>.am-list-item{
border-bottom: 1px solid #eee;
.am-list-line::after{
background-color: transparent;
}
}
>.am-list-item.am-list-item-active{
background-color: transparent;
}
.cart-c-title{
display: flex;
align-items: center;
justify-content: space-between;
>div{
flex:1;
}
span{
font-size:14px;
margin-left:10px;
}
.next{
width:14px;
height:14px;
display: inline-block;
margin-left:10px;
}
i{
font-style: inherit;
font-size:14px;
display: block;
padding:0 10px;
}
}
.cart-c-body{
.am-list-item-active{
background-color: transparent;
}
.am-list-line{
padding-right: 0px;
}
border-bottom: 1px solid #eee;
.am-list-content{
position: relative;
}
.cart-c-item{
overflow: hidden;
position: relative;
padding:10px 10px 10px 0;
box-sizing: border-box;
.cart-c-check{
width:40px;
display: flex;
align-items: center;
justify-content: center;
height:calc(100% - 20px);
box-sizing: border-box;
position: absolute;
}
}
.cart-ci-left{
position: absolute;
top: 0;
left: 40px;
height: 100%;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
img{
height:85px;
width:85px;
display: block;
border:1px solid #eee;
}
}
.cart-ci-right{
min-height:87px;
margin-left:135px;
margin-right:8px;
.am-stepper-handler{
line-height: 28px;
font-size: 14px;
width: 26px;
height: 26px;
display:flex;
justify-content: center;
align-items: center;
}
.r-title{
font-size:15px;
white-space:normal;
font-weight:bold;
overflow : hidden;
max-height: 46px;
span{
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
/* autoprefixer: off */
-webkit-box-orient: vertical;
/* autoprefixer: on */
white-space:inherit;
-webkit-line-clamp: 2;
}
}
.r-step{
display: flex;
justify-content: space-between;
.r-price{
color:#ff5b05;
font-size:14px;
line-height:30px;
span{
font-size:12px;
}
}
.span-stepper{
width:100px;
}
.am-stepper-input{
font-size:12px;
}
}
}
}
}
}
.cart-footer{
width: 100%;
display: flex;
justify-content: space-between;
border-top:1px solid #eee;
background-color:rgba(255,255,255,.7);
height:50px;
&>div:nth-child(1){
width:50px;
text-align: center;
height:50px;
padding-top: 5px;
div{
font-size:12px;
color:#555;
}
}
.all-pirce{
flex:1;
margin-right:10px;
display: flex;
align-items: center;
p{
margin:0;
padding:0;
font-weight: 700;
font-size:16px;
text-align: right;
width:100%;
span:nth-child(2){
color: #ff5b05;
}
}
}
&>div:nth-child(3){
width: 100px;
line-height: 50px;
text-align: center;
font-size: 16px;
background-color: $bg_ff3131;
color:#888;
span{
font-size: 10px;
font-weight:400;
}
}
div.active{
background-color: #ff5b05;
color:#fff;
}
}
}
\ No newline at end of file
.history/src/components/shopCard/card_20190428160412.scss 0 → 100644
.cart-page{
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
.cart-tip{
display: flex;
align-items:center;
justify-content: center;
min-height: 60px;
color:#555;
}
.edit{
padding-right:10px;
font-size:14px;
}
.cart-body{
height:100%;
flex: 1;
margin-bottom: 50px;
display: flex;
background-color:#fff;
overflow-y: auto;
.cart-main{
width:100%;
>.am-list-item{
border-bottom: 1px solid #eee;
.am-list-line::after{
background-color: transparent;
}
}
>.am-list-item.am-list-item-active{
background-color: transparent;
}
.cart-c-title{
display: flex;
align-items: center;
justify-content: space-between;
>div{
flex:1;
}
span{
font-size:14px;
margin-left:10px;
}
.next{
width:14px;
height:14px;
display: inline-block;
margin-left:10px;
}
i{
font-style: inherit;
font-size:14px;
display: block;
padding:0 10px;
}
}
.cart-c-body{
.am-list-item-active{
background-color: transparent;
}
.am-list-line{
padding-right: 0px;
}
border-bottom: 1px solid #eee;
.am-list-content{
position: relative;
}
.cart-c-item{
overflow: hidden;
position: relative;
padding:10px 10px 10px 0;
box-sizing: border-box;
.cart-c-check{
width:40px;
display: flex;
align-items: center;
justify-content: center;
height:calc(100% - 20px);
box-sizing: border-box;
position: absolute;
}
}
.cart-ci-left{
position: absolute;
top: 0;
left: 40px;
height: 100%;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
img{
height:85px;
width:85px;
display: block;
border:1px solid #eee;
}
}
.cart-ci-right{
min-height:87px;
margin-left:135px;
margin-right:8px;
.am-stepper-handler{
line-height: 28px;
font-size: 14px;
width: 26px;
height: 26px;
display:flex;
justify-content: center;
align-items: center;
}
.r-title{
font-size:15px;
white-space:normal;
font-weight:bold;
overflow : hidden;
max-height: 46px;
span{
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
/* autoprefixer: off */
-webkit-box-orient: vertical;
/* autoprefixer: on */
white-space:inherit;
-webkit-line-clamp: 2;
}
}
.r-step{
display: flex;
justify-content: space-between;
.r-price{
color:#ff5b05;
font-size:14px;
line-height:30px;
span{
font-size:12px;
}
}
.span-stepper{
width:100px;
}
.am-stepper-input{
font-size:12px;
}
}
}
}
}
}
.cart-footer{
width: 100%;
display: flex;
justify-content: space-between;
border-top:1px solid #eee;
background-color:rgba(255,255,255,.7);
height:50px;
&>div:nth-child(1){
width:50px;
text-align: center;
height:50px;
padding-top: 5px;
div{
font-size:12px;
color:#555;
}
}
.all-pirce{
flex:1;
margin-right:10px;
display: flex;
align-items: center;
p{
margin:0;
padding:0;
font-weight: 700;
font-size:16px;
text-align: right;
width:100%;
span:nth-child(2){
color: #ff5b05;
}
}
}
&>div:nth-child(3){
width: 100px;
line-height: 50px;
text-align: center;
font-size: 16px;
background-color: $bg_ff3131;
color:$white;
span{
font-size: 10px;
font-weight:400;
}
}
div.active{
background-color: #ff5b05;
color:#fff;
}
}
}
\ No newline at end of file
.history/src/components/shopCard/card_20190428160417.scss 0 → 100644
.cart-page{
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
.cart-tip{
display: flex;
align-items:center;
justify-content: center;
min-height: 60px;
color:#555;
}
.edit{
padding-right:10px;
font-size:14px;
}
.cart-body{
height:100%;
flex: 1;
margin-bottom: 50px;
display: flex;
background-color:#fff;
overflow-y: auto;
.cart-main{
width:100%;
>.am-list-item{
border-bottom: 1px solid #eee;
.am-list-line::after{
background-color: transparent;
}
}
>.am-list-item.am-list-item-active{
background-color: transparent;
}
.cart-c-title{
display: flex;
align-items: center;
justify-content: space-between;
>div{
flex:1;
}
span{
font-size:14px;
margin-left:10px;
}
.next{
width:14px;
height:14px;
display: inline-block;
margin-left:10px;
}
i{
font-style: inherit;
font-size:14px;
display: block;
padding:0 10px;
}
}
.cart-c-body{
.am-list-item-active{
background-color: transparent;
}
.am-list-line{
padding-right: 0px;
}
border-bottom: 1px solid #eee;
.am-list-content{
position: relative;
}
.cart-c-item{
overflow: hidden;
position: relative;
padding:10px 10px 10px 0;
box-sizing: border-box;
.cart-c-check{
width:40px;
display: flex;
align-items: center;
justify-content: center;
height:calc(100% - 20px);
box-sizing: border-box;
position: absolute;
}
}
.cart-ci-left{
position: absolute;
top: 0;
left: 40px;
height: 100%;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
img{
height:85px;
width:85px;
display: block;
border:1px solid #eee;
}
}
.cart-ci-right{
min-height:87px;
margin-left:135px;
margin-right:8px;
.am-stepper-handler{
line-height: 28px;
font-size: 14px;
width: 26px;
height: 26px;
display:flex;
justify-content: center;
align-items: center;
}
.r-title{
font-size:15px;
white-space:normal;
font-weight:bold;
overflow : hidden;
max-height: 46px;
span{
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
/* autoprefixer: off */
-webkit-box-orient: vertical;
/* autoprefixer: on */
white-space:inherit;
-webkit-line-clamp: 2;
}
}
.r-step{
display: flex;
justify-content: space-between;
.r-price{
color:#ff5b05;
font-size:14px;
line-height:30px;
span{
font-size:12px;
}
}
.span-stepper{
width:100px;
}
.am-stepper-input{
font-size:12px;
}
}
}
}
}
}
.cart-footer{
width: 100%;
display: flex;
justify-content: space-between;
border-top:1px solid #eee;
background-color:rgba(255,255,255,.7);
height:50px;
&>div:nth-child(1){
width:50px;
text-align: center;
height:50px;
padding-top: 5px;
div{
font-size:12px;
color:#555;
}
}
.all-pirce{
flex:1;
margin-right:10px;
display: flex;
align-items: center;
p{
margin:0;
padding:0;
font-weight: 700;
font-size:16px;
text-align: right;
width:100%;
span:nth-child(2){
color: #ff5b05;
}
}
}
&>div:nth-child(3){
width: 100px;
line-height: 50px;
text-align: center;
font-size: 16px;
background-color: $bg_ff3131;
color: $white;
span{
font-size: 10px;
font-weight:400;
}
}
div.active{
background-color: #ff5b05;
color:#fff;
}
}
}
\ No newline at end of file
.history/src/components/shopCard/card_20190428160433.scss 0 → 100644
.cart-page{
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
.cart-tip{
display: flex;
align-items:center;
justify-content: center;
min-height: 60px;
color:#555;
}
.edit{
padding-right:10px;
font-size:14px;
}
.cart-body{
height:100%;
flex: 1;
margin-bottom: 50px;
display: flex;
background-color:#fff;
overflow-y: auto;
.cart-main{
width:100%;
>.am-list-item{
border-bottom: 1px solid #eee;
.am-list-line::after{
background-color: transparent;
}
}
>.am-list-item.am-list-item-active{
background-color: transparent;
}
.cart-c-title{
display: flex;
align-items: center;
justify-content: space-between;
>div{
flex:1;
}
span{
font-size:14px;
margin-left:10px;
}
.next{
width:14px;
height:14px;
display: inline-block;
margin-left:10px;
}
i{
font-style: inherit;
font-size:14px;
display: block;
padding:0 10px;
}
}
.cart-c-body{
.am-list-item-active{
background-color: transparent;
}
.am-list-line{
padding-right: 0px;
}
border-bottom: 1px solid #eee;
.am-list-content{
position: relative;
}
.cart-c-item{
overflow: hidden;
position: relative;
padding:10px 10px 10px 0;
box-sizing: border-box;
.cart-c-check{
width:40px;
display: flex;
align-items: center;
justify-content: center;
height:calc(100% - 20px);
box-sizing: border-box;
position: absolute;
}
}
.cart-ci-left{
position: absolute;
top: 0;
left: 40px;
height: 100%;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
img{
height:85px;
width:85px;
display: block;
border:1px solid #eee;
}
}
.cart-ci-right{
min-height:87px;
margin-left:135px;
margin-right:8px;
.am-stepper-handler{
line-height: 28px;
font-size: 14px;
width: 26px;
height: 26px;
display:flex;
justify-content: center;
align-items: center;
}
.r-title{
font-size:15px;
white-space:normal;
font-weight:bold;
overflow : hidden;
max-height: 46px;
span{
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
/* autoprefixer: off */
-webkit-box-orient: vertical;
/* autoprefixer: on */
white-space:inherit;
-webkit-line-clamp: 2;
}
}
.r-step{
display: flex;
justify-content: space-between;
.r-price{
color:#ff5b05;
font-size:14px;
line-height:30px;
span{
font-size:12px;
}
}
.span-stepper{
width:100px;
}
.am-stepper-input{
font-size:12px;
}
}
}
}
}
}
.cart-footer{
width: 100%;
display: flex;
justify-content: space-between;
border-top:1px solid #eee;
background-color:rgba(255,255,255,.7);
height:50px;
&>div:nth-child(1){
width:50px;
text-align: center;
height:50px;
padding-top: 5px;
div{
font-size:12px;
color:#555;
}
}
.all-pirce{
flex:1;
margin-right:10px;
display: flex;
align-items: center;
p{
margin:0;
padding:0;
font-weight: 700;
font-size:16px;
text-align: right;
width:100%;
span:nth-child(2){
color: #ff5b05;
}
}
}
&>div:nth-child(3){
width: 100px;
line-height: 50px;
text-align: center;
font-size: $font_16;
background-color: $bg_ff3131;
color: $white;
span{
font-size: 10px;
font-weight:400;
}
}
div.active{
background-color: #ff5b05;
color:#fff;
}
}
}
\ No newline at end of file
.history/src/components/shopCard/card_20190428160612.scss 0 → 100644
.cart-page{
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
.cart-tip{
display: flex;
align-items:center;
justify-content: center;
min-height: 60px;
color:#555;
}
.edit{
padding-right:10px;
font-size:14px;
}
.cart-body{
height:100%;
flex: 1;
margin-bottom: 50px;
display: flex;
background-color:#fff;
overflow-y: auto;
.cart-main{
width:100%;
>.am-list-item{
border-bottom: 1px solid #eee;
.am-list-line::after{
background-color: transparent;
}
}
>.am-list-item.am-list-item-active{
background-color: transparent;
}
.cart-c-title{
display: flex;
align-items: center;
justify-content: space-between;
>div{
flex:1;
}
span{
font-size:14px;
margin-left:10px;
}
.next{
width:14px;
height:14px;
display: inline-block;
margin-left:10px;
}
i{
font-style: inherit;
font-size:14px;
display: block;
padding:0 10px;
}
}
.cart-c-body{
.am-list-item-active{
background-color: transparent;
}
.am-list-line{
padding-right: 0px;
}
border-bottom: 1px solid #eee;
.am-list-content{
position: relative;
}
.cart-c-item{
overflow: hidden;
position: relative;
padding:10px 10px 10px 0;
box-sizing: border-box;
.cart-c-check{
width:40px;
display: flex;
align-items: center;
justify-content: center;
height:calc(100% - 20px);
box-sizing: border-box;
position: absolute;
}
}
.cart-ci-left{
position: absolute;
top: 0;
left: 40px;
height: 100%;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
img{
height:85px;
width:85px;
display: block;
border:1px solid #eee;
}
}
.cart-ci-right{
min-height:87px;
margin-left:135px;
margin-right:8px;
.am-stepper-handler{
line-height: 28px;
font-size: 14px;
width: 26px;
height: 26px;
display:flex;
justify-content: center;
align-items: center;
}
.r-title{
font-size:15px;
white-space:normal;
font-weight:bold;
overflow : hidden;
max-height: 46px;
span{
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
/* autoprefixer: off */
-webkit-box-orient: vertical;
/* autoprefixer: on */
white-space:inherit;
-webkit-line-clamp: 2;
}
}
.r-step{
display: flex;
justify-content: space-between;
.r-price{
color:#ff5b05;
font-size:14px;
line-height:30px;
span{
font-size:12px;
}
}
.span-stepper{
width:100px;
}
.am-stepper-input{
font-size:12px;
}
}
}
}
}
}
.cart-footer{
width: 100%;
display: flex;
justify-content: space-between;
border-top:1px solid #eee;
background-color:rgba(255,255,255,.7);
height:50px;
&>div:nth-child(1){
width:50px;
text-align: center;
height:50px;
padding-top: 5px;
div{
font-size:12px;
color:#555;
}
}
.all-pirce{
flex:1;
margin-right:10px;
display: flex;
align-items: center;
p{
margin:0;
padding:0;
font-weight: 700;
font-size:16px;
text-align: right;
width:100%;
span:nth-child(2){
color: $red;
}
}
}
&>div:nth-child(3){
width: 100px;
line-height: 50px;
text-align: center;
font-size: $font_16;
background-color: $bg_ff3131;
color: $white;
span{
font-size: 10px;
font-weight:400;
}
}
div.active{
background-color: #ff5b05;
color:#fff;
}
}
}
\ No newline at end of file
.history/src/components/shopCard/card_20190428160706.scss 0 → 100644
.cart-page{
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
.cart-tip{
display: flex;
align-items:center;
justify-content: center;
min-height: 60px;
color:#555;
}
.edit{
padding-right:10px;
font-size:14px;
}
.cart-body{
height:100%;
flex: 1;
margin-bottom: 50px;
display: flex;
background-color:#fff;
overflow-y: auto;
.cart-main{
width:100%;
>.am-list-item{
border-bottom: 1px solid #eee;
.am-list-line::after{
background-color: transparent;
}
}
>.am-list-item.am-list-item-active{
background-color: transparent;
}
.cart-c-title{
display: flex;
align-items: center;
justify-content: space-between;
>div{
flex:1;
}
span{
font-size:14px;
margin-left:10px;
}
.next{
width:14px;
height:14px;
display: inline-block;
margin-left:10px;
}
i{
font-style: inherit;
font-size:14px;
display: block;
padding:0 10px;
}
}
.cart-c-body{
.am-list-item-active{
background-color: transparent;
}
.am-list-line{
padding-right: 0px;
}
border-bottom: 1px solid #eee;
.am-list-content{
position: relative;
}
.cart-c-item{
overflow: hidden;
position: relative;
padding:10px 10px 10px 0;
box-sizing: border-box;
.cart-c-check{
width:40px;
display: flex;
align-items: center;
justify-content: center;
height:calc(100% - 20px);
box-sizing: border-box;
position: absolute;
}
}
.cart-ci-left{
position: absolute;
top: 0;
left: 40px;
height: 100%;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
img{
height:85px;
width:85px;
display: block;
border:1px solid #eee;
}
}
.cart-ci-right{
min-height:87px;
margin-left:135px;
margin-right:8px;
.am-stepper-handler{
line-height: 28px;
font-size: 14px;
width: 26px;
height: 26px;
display:flex;
justify-content: center;
align-items: center;
}
.r-title{
font-size:15px;
white-space:normal;
font-weight:bold;
overflow : hidden;
max-height: 46px;
span{
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
/* autoprefixer: off */
-webkit-box-orient: vertical;
/* autoprefixer: on */
white-space:inherit;
-webkit-line-clamp: 2;
}
}
.r-step{
display: flex;
justify-content: space-between;
.r-price{
color:#ff5b05;
font-size:14px;
line-height:30px;
span{
font-size:12px;
}
}
.span-stepper{
width:100px;
}
.am-stepper-input{
font-size:12px;
}
}
}
}
}
}
.cart-footer{
width: 100%;
display: flex;
justify-content: space-between;
border-top:1px solid #eee;
background-color:rgba(255,255,255,.7);
height:50px;
&>div:nth-child(1){
width:50px;
text-align: center;
height:50px;
padding-top: 5px;
div{
font-size:12px;
color:#555;
}
}
.all-pirce{
flex:1;
margin-right:10px;
display: flex;
align-items: center;
p{
margin:0;
padding:0;
font-weight: 700;
font-size:16px;
text-align: right;
width:100%;
color: $color_333;
span:nth-child(2){
color: $red;
}
}
}
&>div:nth-child(3){
width: 100px;
line-height: 50px;
text-align: center;
font-size: $font_16;
background-color: $bg_ff3131;
color: $white;
span{
font-size: 10px;
font-weight:400;
}
}
div.active{
background-color: #ff5b05;
color:#fff;
}
}
}
\ No newline at end of file
.history/src/components/shopCard/card_20190428160733.scss 0 → 100644
.cart-page{
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
.cart-tip{
display: flex;
align-items:center;
justify-content: center;
min-height: 60px;
color:#555;
}
.edit{
padding-right:10px;
font-size:14px;
}
.cart-body{
height:100%;
flex: 1;
margin-bottom: 50px;
display: flex;
background-color:#fff;
overflow-y: auto;
.cart-main{
width:100%;
>.am-list-item{
border-bottom: 1px solid #eee;
.am-list-line::after{
background-color: transparent;
}
}
>.am-list-item.am-list-item-active{
background-color: transparent;
}
.cart-c-title{
display: flex;
align-items: center;
justify-content: space-between;
>div{
flex:1;
}
span{
font-size:14px;
margin-left:10px;
}
.next{
width:14px;
height:14px;
display: inline-block;
margin-left:10px;
}
i{
font-style: inherit;
font-size:14px;
display: block;
padding:0 10px;
}
}
.cart-c-body{
.am-list-item-active{
background-color: transparent;
}
.am-list-line{
padding-right: 0px;
}
border-bottom: 1px solid #eee;
.am-list-content{
position: relative;
}
.cart-c-item{
overflow: hidden;
position: relative;
padding:10px 10px 10px 0;
box-sizing: border-box;
.cart-c-check{
width:40px;
display: flex;
align-items: center;
justify-content: center;
height:calc(100% - 20px);
box-sizing: border-box;
position: absolute;
}
}
.cart-ci-left{
position: absolute;
top: 0;
left: 40px;
height: 100%;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
img{
height:85px;
width:85px;
display: block;
border:1px solid #eee;
}
}
.cart-ci-right{
min-height:87px;
margin-left:135px;
margin-right:8px;
.am-stepper-handler{
line-height: 28px;
font-size: 14px;
width: 26px;
height: 26px;
display:flex;
justify-content: center;
align-items: center;
}
.r-title{
font-size:15px;
white-space:normal;
font-weight:bold;
overflow : hidden;
max-height: 46px;
span{
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
/* autoprefixer: off */
-webkit-box-orient: vertical;
/* autoprefixer: on */
white-space:inherit;
-webkit-line-clamp: 2;
}
}
.r-step{
display: flex;
justify-content: space-between;
.r-price{
color:#ff5b05;
font-size:14px;
line-height:30px;
span{
font-size:12px;
}
}
.span-stepper{
width:100px;
}
.am-stepper-input{
font-size:12px;
}
}
}
}
}
}
.cart-footer{
width: 100%;
display: flex;
justify-content: space-between;
border-top:1px solid #eee;
background-color:rgba(255,255,255,.7);
height:50px;
&>div:nth-child(1){
width:50px;
text-align: center;
height:50px;
padding-top: 5px;
div{
font-size:12px;
color:#555;
}
}
.all-pirce{
flex:1;
margin-right:10px;
display: flex;
align-items: center;
p{
margin:0;
padding:0;
font-weight: 700;
font-size:16px;
text-align: right;
width:100%;
span{
color: $color_333;
}
span:nth-child(2){
color: $red;
}
}
}
&>div:nth-child(3){
width: 100px;
line-height: 50px;
text-align: center;
font-size: $font_16;
background-color: $bg_ff3131;
color: $white;
span{
font-size: 10px;
font-weight:400;
}
}
div.active{
background-color: #ff5b05;
color:#fff;
}
}
}
\ No newline at end of file
.history/src/components/shopCard/card_20190428160743.scss 0 → 100644
.cart-page{
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
.cart-tip{
display: flex;
align-items:center;
justify-content: center;
min-height: 60px;
color:#555;
}
.edit{
padding-right:10px;
font-size:14px;
}
.cart-body{
height:100%;
flex: 1;
margin-bottom: 50px;
display: flex;
background-color:#fff;
overflow-y: auto;
.cart-main{
width:100%;
>.am-list-item{
border-bottom: 1px solid #eee;
.am-list-line::after{
background-color: transparent;
}
}
>.am-list-item.am-list-item-active{
background-color: transparent;
}
.cart-c-title{
display: flex;
align-items: center;
justify-content: space-between;
>div{
flex:1;
}
span{
font-size:14px;
margin-left:10px;
}
.next{
width:14px;
height:14px;
display: inline-block;
margin-left:10px;
}
i{
font-style: inherit;
font-size:14px;
display: block;
padding:0 10px;
}
}
.cart-c-body{
.am-list-item-active{
background-color: transparent;
}
.am-list-line{
padding-right: 0px;
}
border-bottom: 1px solid #eee;
.am-list-content{
position: relative;
}
.cart-c-item{
overflow: hidden;
position: relative;
padding:10px 10px 10px 0;
box-sizing: border-box;
.cart-c-check{
width:40px;
display: flex;
align-items: center;
justify-content: center;
height:calc(100% - 20px);
box-sizing: border-box;
position: absolute;
}
}
.cart-ci-left{
position: absolute;
top: 0;
left: 40px;
height: 100%;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
img{
height:85px;
width:85px;
display: block;
border:1px solid #eee;
}
}
.cart-ci-right{
min-height:87px;
margin-left:135px;
margin-right:8px;
.am-stepper-handler{
line-height: 28px;
font-size: 14px;
width: 26px;
height: 26px;
display:flex;
justify-content: center;
align-items: center;
}
.r-title{
font-size:15px;
white-space:normal;
font-weight:bold;
overflow : hidden;
max-height: 46px;
span{
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
/* autoprefixer: off */
-webkit-box-orient: vertical;
/* autoprefixer: on */
white-space:inherit;
-webkit-line-clamp: 2;
}
}
.r-step{
display: flex;
justify-content: space-between;
.r-price{
color:#ff5b05;
font-size:14px;
line-height:30px;
span{
font-size:12px;
}
}
.span-stepper{
width:100px;
}
.am-stepper-input{
font-size:12px;
}
}
}
}
}
}
.cart-footer{
width: 100%;
display: flex;
justify-content: space-between;
border-top:1px solid #eee;
background-color:rgba(255,255,255,.7);
height:50px;
&>div:nth-child(1){
width:50px;
text-align: center;
height:50px;
padding-top: 5px;
div{
font-size:12px;
color:#555;
}
}
.all-pirce{
flex:1;
margin-right:10px;
display: flex;
align-items: center;
p{
margin:0;
padding:0;
font-size:16px;
text-align: right;
width:100%;
span{
color: $color_333;
}
span:nth-child(2){
color: $red;
}
}
}
&>div:nth-child(3){
width: 100px;
line-height: 50px;
text-align: center;
font-size: $font_16;
background-color: $bg_ff3131;
color: $white;
span{
font-size: 10px;
font-weight:400;
}
}
div.active{
background-color: #ff5b05;
color:#fff;
}
}
}
\ No newline at end of file
.history/src/components/shopCard/card_20190428160809.scss 0 → 100644
.cart-page{
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
.cart-tip{
display: flex;
align-items:center;
justify-content: center;
min-height: 60px;
color:#555;
}
.edit{
padding-right:10px;
font-size:14px;
}
.cart-body{
height:100%;
flex: 1;
margin-bottom: 50px;
display: flex;
background-color:#fff;
overflow-y: auto;
.cart-main{
width:100%;
>.am-list-item{
border-bottom: 1px solid #eee;
.am-list-line::after{
background-color: transparent;
}
}
>.am-list-item.am-list-item-active{
background-color: transparent;
}
.cart-c-title{
display: flex;
align-items: center;
justify-content: space-between;
>div{
flex:1;
}
span{
font-size:14px;
margin-left:10px;
}
.next{
width:14px;
height:14px;
display: inline-block;
margin-left:10px;
}
i{
font-style: inherit;
font-size:14px;
display: block;
padding:0 10px;
}
}
.cart-c-body{
.am-list-item-active{
background-color: transparent;
}
.am-list-line{
padding-right: 0px;
}
border-bottom: 1px solid #eee;
.am-list-content{
position: relative;
}
.cart-c-item{
overflow: hidden;
position: relative;
padding:10px 10px 10px 0;
box-sizing: border-box;
.cart-c-check{
width:40px;
display: flex;
align-items: center;
justify-content: center;
height:calc(100% - 20px);
box-sizing: border-box;
position: absolute;
}
}
.cart-ci-left{
position: absolute;
top: 0;
left: 40px;
height: 100%;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
img{
height:85px;
width:85px;
display: block;
border:1px solid #eee;
}
}
.cart-ci-right{
min-height:87px;
margin-left:135px;
margin-right:8px;
.am-stepper-handler{
line-height: 28px;
font-size: 14px;
width: 26px;
height: 26px;
display:flex;
justify-content: center;
align-items: center;
}
.r-title{
font-size:15px;
white-space:normal;
font-weight:bold;
overflow : hidden;
max-height: 46px;
span{
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
/* autoprefixer: off */
-webkit-box-orient: vertical;
/* autoprefixer: on */
white-space:inherit;
-webkit-line-clamp: 2;
}
}
.r-step{
display: flex;
justify-content: space-between;
.r-price{
color:#ff5b05;
font-size:14px;
line-height:30px;
span{
font-size:12px;
}
}
.span-stepper{
width:100px;
}
.am-stepper-input{
font-size:12px;
}
}
}
}
}
}
.cart-footer{
width: 100%;
display: flex;
justify-content: space-between;
border-top:1px solid #eee;
background-color:rgba(255,255,255,.7);
height:50px;
&>div:nth-child(1){
width:50px;
text-align: center;
height:50px;
padding-top: 5px;
div{
font-size:12px;
color:#555;
}
}
.all-pirce{
flex:1;
margin-right:10px;
display: flex;
align-items: center;
p{
margin:0;
padding:0;
font-size: $font_14;
text-align: right;
width:100%;
span{
color: $color_333;
font-size: $font_14;
}
span:nth-child(2){
color: $red;
}
}
}
&>div:nth-child(3){
width: 100px;
line-height: 50px;
text-align: center;
font-size: $font_16;
background-color: $bg_ff3131;
color: $white;
span{
font-size: 10px;
font-weight:400;
}
}
div.active{
background-color: #ff5b05;
color:#fff;
}
}
}
\ No newline at end of file
.history/src/components/shopCard/card_20190428160833.scss 0 → 100644
.cart-page{
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
.cart-tip{
display: flex;
align-items:center;
justify-content: center;
min-height: 60px;
color:#555;
}
.edit{
padding-right:10px;
font-size:14px;
}
.cart-body{
height:100%;
flex: 1;
margin-bottom: 50px;
display: flex;
background-color:#fff;
overflow-y: auto;
.cart-main{
width:100%;
>.am-list-item{
border-bottom: 1px solid #eee;
.am-list-line::after{
background-color: transparent;
}
}
>.am-list-item.am-list-item-active{
background-color: transparent;
}
.cart-c-title{
display: flex;
align-items: center;
justify-content: space-between;
>div{
flex:1;
}
span{
font-size:14px;
margin-left:10px;
}
.next{
width:14px;
height:14px;
display: inline-block;
margin-left:10px;
}
i{
font-style: inherit;
font-size:14px;
display: block;
padding:0 10px;
}
}
.cart-c-body{
.am-list-item-active{
background-color: transparent;
}
.am-list-line{
padding-right: 0px;
}
border-bottom: 1px solid #eee;
.am-list-content{
position: relative;
}
.cart-c-item{
overflow: hidden;
position: relative;
padding:10px 10px 10px 0;
box-sizing: border-box;
.cart-c-check{
width:40px;
display: flex;
align-items: center;
justify-content: center;
height:calc(100% - 20px);
box-sizing: border-box;
position: absolute;
}
}
.cart-ci-left{
position: absolute;
top: 0;
left: 40px;
height: 100%;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
img{
height:85px;
width:85px;
display: block;
border:1px solid #eee;
}
}
.cart-ci-right{
min-height:87px;
margin-left:135px;
margin-right:8px;
.am-stepper-handler{
line-height: 28px;
font-size: 14px;
width: 26px;
height: 26px;
display:flex;
justify-content: center;
align-items: center;
}
.r-title{
font-size:15px;
white-space:normal;
font-weight:bold;
overflow : hidden;
max-height: 46px;
span{
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
/* autoprefixer: off */
-webkit-box-orient: vertical;
/* autoprefixer: on */
white-space:inherit;
-webkit-line-clamp: 2;
}
}
.r-step{
display: flex;
justify-content: space-between;
.r-price{
color:#ff5b05;
font-size:14px;
line-height:30px;
span{
font-size:12px;
}
}
.span-stepper{
width:100px;
}
.am-stepper-input{
font-size:12px;
}
}
}
}
}
}
.cart-footer{
width: 100%;
display: flex;
justify-content: space-between;
border-top:1px solid #eee;
background-color:rgba(255,255,255,.7);
height:50px;
&>div:nth-child(1){
width:50px;
text-align: center;
height:50px;
padding-top: 5px;
div{
font-size:12px;
color:#555;
}
}
.all-pirce{
flex:1;
margin-right:10px;
display: flex;
align-items: center;
p{
margin:0;
padding:0;
font-size: $font_16;
text-align: right;
width:100%;
span{
color: $color_333;
font-size: $font_14;
}
span:nth-child(2){
color: $red;
}
}
}
&>div:nth-child(3){
width: 100px;
line-height: 50px;
text-align: center;
font-size: $font_16;
background-color: $bg_ff3131;
color: $white;
span{
font-size: 10px;
font-weight:400;
}
}
div.active{
background-color: #ff5b05;
color:#fff;
}
}
}
\ No newline at end of file
.history/src/components/shopCard/card_20190428161001.scss 0 → 100644
.cart-page{
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
.cart-tip{
display: flex;
align-items:center;
justify-content: center;
min-height: 60px;
color:#555;
}
.edit{
padding-right:10px;
font-size:14px;
}
.cart-body{
height:100%;
flex: 1;
margin-bottom: 50px;
display: flex;
background-color:#fff;
overflow-y: auto;
.cart-main{
width:100%;
>.am-list-item{
border-bottom: 1px solid #eee;
.am-list-line::after{
background-color: transparent;
}
}
>.am-list-item.am-list-item-active{
background-color: transparent;
}
.cart-c-title{
display: flex;
align-items: center;
justify-content: space-between;
>div{
flex:1;
}
span{
font-size:14px;
margin-left:10px;
}
.next{
width:14px;
height:14px;
display: inline-block;
margin-left:10px;
}
i{
font-style: inherit;
font-size:14px;
display: block;
padding:0 10px;
}
}
.cart-c-body{
.am-list-item-active{
background-color: transparent;
}
.am-list-line{
padding-right: 0px;
}
border-bottom: 1px solid #eee;
.am-list-content{
position: relative;
}
.cart-c-item{
overflow: hidden;
position: relative;
padding:10px 10px 10px 0;
box-sizing: border-box;
.cart-c-check{
width:40px;
display: flex;
align-items: center;
justify-content: center;
height:calc(100% - 20px);
box-sizing: border-box;
position: absolute;
}
}
.cart-ci-left{
position: absolute;
top: 0;
left: 40px;
height: 100%;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
img{
height:85px;
width:85px;
display: block;
border:1px solid #eee;
}
}
.cart-ci-right{
min-height:87px;
margin-left:135px;
margin-right:8px;
.am-stepper-handler{
line-height: 28px;
font-size: 14px;
width: 26px;
height: 26px;
display:flex;
justify-content: center;
align-items: center;
}
.r-title{
font-size:15px;
white-space:normal;
font-weight:bold;
overflow : hidden;
max-height: 46px;
span{
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
/* autoprefixer: off */
-webkit-box-orient: vertical;
/* autoprefixer: on */
white-space:inherit;
-webkit-line-clamp: 2;
}
}
.r-step{
display: flex;
justify-content: space-between;
.r-price{
color:#ff5b05;
font-size:14px;
line-height:30px;
span{
font-size:12px;
}
}
.span-stepper{
width:100px;
}
.am-stepper-input{
font-size:12px;
}
}
}
}
}
}
.cart-footer{
width: 100%;
display: flex;
justify-content: space-between;
border-top:1px solid #eee;
background-color:rgba(255,255,255,.7);
height:50px;
.cart-label{
display: flex;
}
&>div:nth-child(1){
width:50px;
text-align: center;
height:50px;
padding-top: 5px;
div{
font-size:12px;
color:#555;
}
}
.all-pirce{
flex:1;
margin-right:10px;
display: flex;
align-items: center;
p{
margin:0;
padding:0;
font-size: $font_16;
text-align: right;
width:100%;
span{
color: $color_333;
font-size: $font_14;
}
span:nth-child(2){
color: $red;
}
}
}
&>div:nth-child(3){
width: 100px;
line-height: 50px;
text-align: center;
font-size: $font_16;
background-color: $bg_ff3131;
color: $white;
span{
font-size: 10px;
font-weight:400;
}
}
div.active{
background-color: #ff5b05;
color:#fff;
}
}
}
\ No newline at end of file
.history/src/components/shopCard/card_20190428161052.scss 0 → 100644
.cart-page{
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
.cart-tip{
display: flex;
align-items:center;
justify-content: center;
min-height: 60px;
color:#555;
}
.edit{
padding-right:10px;
font-size:14px;
}
.cart-body{
height:100%;
flex: 1;
margin-bottom: 50px;
display: flex;
background-color:#fff;
overflow-y: auto;
.cart-main{
width:100%;
>.am-list-item{
border-bottom: 1px solid #eee;
.am-list-line::after{
background-color: transparent;
}
}
>.am-list-item.am-list-item-active{
background-color: transparent;
}
.cart-c-title{
display: flex;
align-items: center;
justify-content: space-between;
>div{
flex:1;
}
span{
font-size:14px;
margin-left:10px;
}
.next{
width:14px;
height:14px;
display: inline-block;
margin-left:10px;
}
i{
font-style: inherit;
font-size:14px;
display: block;
padding:0 10px;
}
}
.cart-c-body{
.am-list-item-active{
background-color: transparent;
}
.am-list-line{
padding-right: 0px;
}
border-bottom: 1px solid #eee;
.am-list-content{
position: relative;
}
.cart-c-item{
overflow: hidden;
position: relative;
padding:10px 10px 10px 0;
box-sizing: border-box;
.cart-c-check{
width:40px;
display: flex;
align-items: center;
justify-content: center;
height:calc(100% - 20px);
box-sizing: border-box;
position: absolute;
}
}
.cart-ci-left{
position: absolute;
top: 0;
left: 40px;
height: 100%;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
img{
height:85px;
width:85px;
display: block;
border:1px solid #eee;
}
}
.cart-ci-right{
min-height:87px;
margin-left:135px;
margin-right:8px;
.am-stepper-handler{
line-height: 28px;
font-size: 14px;
width: 26px;
height: 26px;
display:flex;
justify-content: center;
align-items: center;
}
.r-title{
font-size:15px;
white-space:normal;
font-weight:bold;
overflow : hidden;
max-height: 46px;
span{
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
/* autoprefixer: off */
-webkit-box-orient: vertical;
/* autoprefixer: on */
white-space:inherit;
-webkit-line-clamp: 2;
}
}
.r-step{
display: flex;
justify-content: space-between;
.r-price{
color:#ff5b05;
font-size:14px;
line-height:30px;
span{
font-size:12px;
}
}
.span-stepper{
width:100px;
}
.am-stepper-input{
font-size:12px;
}
}
}
}
}
}
.cart-footer{
width: 100%;
display: flex;
justify-content: space-between;
border-top:1px solid #eee;
background-color:rgba(255,255,255,.7);
height:50px;
.cart-label{
display: flex;
}
&>div:nth-child(1){
width:50px;
text-align: center;
height: 50px;
line-height: 50px;
div{
font-size:12px;
color:#555;
}
}
.all-pirce{
flex:1;
margin-right:10px;
display: flex;
align-items: center;
p{
margin:0;
padding:0;
font-size: $font_16;
text-align: right;
width:100%;
span{
color: $color_333;
font-size: $font_14;
}
span:nth-child(2){
color: $red;
}
}
}
&>div:nth-child(3){
width: 100px;
line-height: 50px;
text-align: center;
font-size: $font_16;
background-color: $bg_ff3131;
color: $white;
span{
font-size: 10px;
font-weight:400;
}
}
div.active{
background-color: #ff5b05;
color:#fff;
}
}
}
\ No newline at end of file
.history/src/components/shopCard/card_20190428161132.scss 0 → 100644
.cart-page{
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
.cart-tip{
display: flex;
align-items:center;
justify-content: center;
min-height: 60px;
color:#555;
}
.edit{
padding-right:10px;
font-size:14px;
}
.cart-body{
height:100%;
flex: 1;
margin-bottom: 50px;
display: flex;
background-color:#fff;
overflow-y: auto;
.cart-main{
width:100%;
>.am-list-item{
border-bottom: 1px solid #eee;
.am-list-line::after{
background-color: transparent;
}
}
>.am-list-item.am-list-item-active{
background-color: transparent;
}
.cart-c-title{
display: flex;
align-items: center;
justify-content: space-between;
>div{
flex:1;
}
span{
font-size:14px;
margin-left:10px;
}
.next{
width:14px;
height:14px;
display: inline-block;
margin-left:10px;
}
i{
font-style: inherit;
font-size:14px;
display: block;
padding:0 10px;
}
}
.cart-c-body{
.am-list-item-active{
background-color: transparent;
}
.am-list-line{
padding-right: 0px;
}
border-bottom: 1px solid #eee;
.am-list-content{
position: relative;
}
.cart-c-item{
overflow: hidden;
position: relative;
padding:10px 10px 10px 0;
box-sizing: border-box;
.cart-c-check{
width:40px;
display: flex;
align-items: center;
justify-content: center;
height:calc(100% - 20px);
box-sizing: border-box;
position: absolute;
}
}
.cart-ci-left{
position: absolute;
top: 0;
left: 40px;
height: 100%;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
img{
height:85px;
width:85px;
display: block;
border:1px solid #eee;
}
}
.cart-ci-right{
min-height:87px;
margin-left:135px;
margin-right:8px;
.am-stepper-handler{
line-height: 28px;
font-size: 14px;
width: 26px;
height: 26px;
display:flex;
justify-content: center;
align-items: center;
}
.r-title{
font-size:15px;
white-space:normal;
font-weight:bold;
overflow : hidden;
max-height: 46px;
span{
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
/* autoprefixer: off */
-webkit-box-orient: vertical;
/* autoprefixer: on */
white-space:inherit;
-webkit-line-clamp: 2;
}
}
.r-step{
display: flex;
justify-content: space-between;
.r-price{
color:#ff5b05;
font-size:14px;
line-height:30px;
span{
font-size:12px;
}
}
.span-stepper{
width:100px;
}
.am-stepper-input{
font-size:12px;
}
}
}
}
}
}
.cart-footer{
width: 100%;
display: flex;
justify-content: space-between;
border-top:1px solid #eee;
background-color:rgba(255,255,255,.7);
height:50px;
.cart-label{
display: flex;
}
&>div:nth-child(1){
text-align: center;
height: 50px;
line-height: 50px;
padding-left: 12px;
div{
font-size:12px;
color:#555;
}
}
.all-pirce{
flex:1;
margin-right:10px;
display: flex;
align-items: center;
p{
margin:0;
padding:0;
font-size: $font_16;
text-align: right;
width:100%;
span{
color: $color_333;
font-size: $font_14;
}
span:nth-child(2){
color: $red;
}
}
}
&>div:nth-child(3){
width: 100px;
line-height: 50px;
text-align: center;
font-size: $font_16;
background-color: $bg_ff3131;
color: $white;
span{
font-size: 10px;
font-weight:400;
}
}
div.active{
background-color: #ff5b05;
color:#fff;
}
}
}
\ No newline at end of file
.history/src/components/shopCard/card_20190428161148.scss 0 → 100644
.cart-page{
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
.cart-tip{
display: flex;
align-items:center;
justify-content: center;
min-height: 60px;
color:#555;
}
.edit{
padding-right:10px;
font-size:14px;
}
.cart-body{
height:100%;
flex: 1;
margin-bottom: 50px;
display: flex;
background-color:#fff;
overflow-y: auto;
.cart-main{
width:100%;
>.am-list-item{
border-bottom: 1px solid #eee;
.am-list-line::after{
background-color: transparent;
}
}
>.am-list-item.am-list-item-active{
background-color: transparent;
}
.cart-c-title{
display: flex;
align-items: center;
justify-content: space-between;
>div{
flex:1;
}
span{
font-size:14px;
margin-left:10px;
}
.next{
width:14px;
height:14px;
display: inline-block;
margin-left:10px;
}
i{
font-style: inherit;
font-size:14px;
display: block;
padding:0 10px;
}
}
.cart-c-body{
.am-list-item-active{
background-color: transparent;
}
.am-list-line{
padding-right: 0px;
}
border-bottom: 1px solid #eee;
.am-list-content{
position: relative;
}
.cart-c-item{
overflow: hidden;
position: relative;
padding:10px 10px 10px 0;
box-sizing: border-box;
.cart-c-check{
width:40px;
display: flex;
align-items: center;
justify-content: center;
height:calc(100% - 20px);
box-sizing: border-box;
position: absolute;
}
}
.cart-ci-left{
position: absolute;
top: 0;
left: 40px;
height: 100%;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
img{
height:85px;
width:85px;
display: block;
border:1px solid #eee;
}
}
.cart-ci-right{
min-height:87px;
margin-left:135px;
margin-right:8px;
.am-stepper-handler{
line-height: 28px;
font-size: 14px;
width: 26px;
height: 26px;
display:flex;
justify-content: center;
align-items: center;
}
.r-title{
font-size:15px;
white-space:normal;
font-weight:bold;
overflow : hidden;
max-height: 46px;
span{
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
/* autoprefixer: off */
-webkit-box-orient: vertical;
/* autoprefixer: on */
white-space:inherit;
-webkit-line-clamp: 2;
}
}
.r-step{
display: flex;
justify-content: space-between;
.r-price{
color:#ff5b05;
font-size:14px;
line-height:30px;
span{
font-size:12px;
}
}
.span-stepper{
width:100px;
}
.am-stepper-input{
font-size:12px;
}
}
}
}
}
}
.cart-footer{
width: 100%;
display: flex;
justify-content: space-between;
border-top:1px solid #eee;
background-color:rgba(255,255,255,.7);
height:50px;
.cart-label{
display: flex;
}
&>div:nth-child(1){
text-align: center;
height: 50px;
line-height: 50px;
padding-left: 12px;
div{
font-size:12px;
color:#555;
margin-left: 6px;
}
}
.all-pirce{
flex:1;
margin-right:10px;
display: flex;
align-items: center;
p{
margin:0;
padding:0;
font-size: $font_16;
text-align: right;
width:100%;
span{
color: $color_333;
font-size: $font_14;
}
span:nth-child(2){
color: $red;
}
}
}
&>div:nth-child(3){
width: 100px;
line-height: 50px;
text-align: center;
font-size: $font_16;
background-color: $bg_ff3131;
color: $white;
span{
font-size: 10px;
font-weight:400;
}
}
div.active{
background-color: #ff5b05;
color:#fff;
}
}
}
\ No newline at end of file
.history/src/components/shopCard/card_20190428161216.scss 0 → 100644
.cart-page{
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
.cart-tip{
display: flex;
align-items:center;
justify-content: center;
min-height: 60px;
color:#555;
}
.edit{
padding-right:10px;
font-size:14px;
}
.cart-body{
height:100%;
flex: 1;
margin-bottom: 50px;
display: flex;
background-color:#fff;
overflow-y: auto;
.cart-main{
width:100%;
>.am-list-item{
border-bottom: 1px solid #eee;
.am-list-line::after{
background-color: transparent;
}
}
>.am-list-item.am-list-item-active{
background-color: transparent;
}
.cart-c-title{
display: flex;
align-items: center;
justify-content: space-between;
>div{
flex:1;
}
span{
font-size:14px;
margin-left:10px;
}
.next{
width:14px;
height:14px;
display: inline-block;
margin-left:10px;
}
i{
font-style: inherit;
font-size:14px;
display: block;
padding:0 10px;
}
}
.cart-c-body{
.am-list-item-active{
background-color: transparent;
}
.am-list-line{
padding-right: 0px;
}
border-bottom: 1px solid #eee;
.am-list-content{
position: relative;
}
.cart-c-item{
overflow: hidden;
position: relative;
padding:10px 10px 10px 0;
box-sizing: border-box;
.cart-c-check{
width:40px;
display: flex;
align-items: center;
justify-content: center;
height:calc(100% - 20px);
box-sizing: border-box;
position: absolute;
}
}
.cart-ci-left{
position: absolute;
top: 0;
left: 40px;
height: 100%;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
img{
height:85px;
width:85px;
display: block;
border:1px solid #eee;
}
}
.cart-ci-right{
min-height:87px;
margin-left:135px;
margin-right:8px;
.am-stepper-handler{
line-height: 28px;
font-size: 14px;
width: 26px;
height: 26px;
display:flex;
justify-content: center;
align-items: center;
}
.r-title{
font-size:15px;
white-space:normal;
font-weight:bold;
overflow : hidden;
max-height: 46px;
span{
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
/* autoprefixer: off */
-webkit-box-orient: vertical;
/* autoprefixer: on */
white-space:inherit;
-webkit-line-clamp: 2;
}
}
.r-step{
display: flex;
justify-content: space-between;
.r-price{
color:#ff5b05;
font-size:14px;
line-height:30px;
span{
font-size:12px;
}
}
.span-stepper{
width:100px;
}
.am-stepper-input{
font-size:12px;
}
}
}
}
}
}
.cart-footer{
width: 100%;
display: flex;
justify-content: space-between;
border-top:1px solid #eee;
background-color:rgba(255,255,255,.7);
height:50px;
.cart-label{
display: flex;
}
&>div:nth-child(1){
text-align: center;
height: 50px;
line-height: 50px;
padding-left: 12px;
div{
font-size: $font_16;
color: $color_333;
margin-left: 6px;
}
}
.all-pirce{
flex:1;
margin-right:10px;
display: flex;
align-items: center;
p{
margin:0;
padding:0;
font-size: $font_16;
text-align: right;
width:100%;
span{
color: $color_333;
font-size: $font_14;
}
span:nth-child(2){
color: $red;
}
}
}
&>div:nth-child(3){
width: 100px;
line-height: 50px;
text-align: center;
font-size: $font_16;
background-color: $bg_ff3131;
color: $white;
span{
font-size: 10px;
font-weight:400;
}
}
div.active{
background-color: #ff5b05;
color:#fff;
}
}
}
\ No newline at end of file
.history/src/components/shopCard/card_20190428161406.scss 0 → 100644
.cart-page{
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
.cart-tip{
display: flex;
align-items:center;
justify-content: center;
min-height: 60px;
color:#555;
}
.edit{
padding-right:10px;
font-size:14px;
}
.cart-body{
height:100%;
flex: 1;
margin-bottom: 50px;
display: flex;
background-color:#fff;
overflow-y: auto;
position: absolute;
.cart-main{
width:100%;
>.am-list-item{
border-bottom: 1px solid #eee;
.am-list-line::after{
background-color: transparent;
}
}
>.am-list-item.am-list-item-active{
background-color: transparent;
}
.cart-c-title{
display: flex;
align-items: center;
justify-content: space-between;
>div{
flex:1;
}
span{
font-size:14px;
margin-left:10px;
}
.next{
width:14px;
height:14px;
display: inline-block;
margin-left:10px;
}
i{
font-style: inherit;
font-size:14px;
display: block;
padding:0 10px;
}
}
.cart-c-body{
.am-list-item-active{
background-color: transparent;
}
.am-list-line{
padding-right: 0px;
}
border-bottom: 1px solid #eee;
.am-list-content{
position: relative;
}
.cart-c-item{
overflow: hidden;
position: relative;
padding:10px 10px 10px 0;
box-sizing: border-box;
.cart-c-check{
width:40px;
display: flex;
align-items: center;
justify-content: center;
height:calc(100% - 20px);
box-sizing: border-box;
position: absolute;
}
}
.cart-ci-left{
position: absolute;
top: 0;
left: 40px;
height: 100%;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
img{
height:85px;
width:85px;
display: block;
border:1px solid #eee;
}
}
.cart-ci-right{
min-height:87px;
margin-left:135px;
margin-right:8px;
.am-stepper-handler{
line-height: 28px;
font-size: 14px;
width: 26px;
height: 26px;
display:flex;
justify-content: center;
align-items: center;
}
.r-title{
font-size:15px;
white-space:normal;
font-weight:bold;
overflow : hidden;
max-height: 46px;
span{
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
/* autoprefixer: off */
-webkit-box-orient: vertical;
/* autoprefixer: on */
white-space:inherit;
-webkit-line-clamp: 2;
}
}
.r-step{
display: flex;
justify-content: space-between;
.r-price{
color:#ff5b05;
font-size:14px;
line-height:30px;
span{
font-size:12px;
}
}
.span-stepper{
width:100px;
}
.am-stepper-input{
font-size:12px;
}
}
}
}
}
}
.cart-footer{
width: 100%;
display: flex;
justify-content: space-between;
border-top:1px solid #eee;
background-color:rgba(255,255,255,.7);
height:50px;
.cart-label{
display: flex;
}
&>div:nth-child(1){
text-align: center;
height: 50px;
line-height: 50px;
padding-left: 12px;
div{
font-size: $font_16;
color: $color_333;
margin-left: 6px;
}
}
.all-pirce{
flex:1;
margin-right:10px;
display: flex;
align-items: center;
p{
margin:0;
padding:0;
font-size: $font_16;
text-align: right;
width:100%;
span{
color: $color_333;
font-size: $font_14;
}
span:nth-child(2){
color: $red;
}
}
}
&>div:nth-child(3){
width: 100px;
line-height: 50px;
text-align: center;
font-size: $font_16;
background-color: $bg_ff3131;
color: $white;
span{
font-size: 10px;
font-weight:400;
}
}
div.active{
background-color: #ff5b05;
color:#fff;
}
}
}
\ No newline at end of file
.history/src/components/shopCard/card_20190428161414.scss 0 → 100644
.cart-page{
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
.cart-tip{
display: flex;
align-items:center;
justify-content: center;
min-height: 60px;
color:#555;
}
.edit{
padding-right:10px;
font-size:14px;
}
.cart-body{
height:100%;
flex: 1;
margin-bottom: 50px;
display: flex;
background-color:#fff;
overflow-y: auto;
position: relative;
.cart-main{
width:100%;
>.am-list-item{
border-bottom: 1px solid #eee;
.am-list-line::after{
background-color: transparent;
}
}
>.am-list-item.am-list-item-active{
background-color: transparent;
}
.cart-c-title{
display: flex;
align-items: center;
justify-content: space-between;
>div{
flex:1;
}
span{
font-size:14px;
margin-left:10px;
}
.next{
width:14px;
height:14px;
display: inline-block;
margin-left:10px;
}
i{
font-style: inherit;
font-size:14px;
display: block;
padding:0 10px;
}
}
.cart-c-body{
.am-list-item-active{
background-color: transparent;
}
.am-list-line{
padding-right: 0px;
}
border-bottom: 1px solid #eee;
.am-list-content{
position: relative;
}
.cart-c-item{
overflow: hidden;
position: relative;
padding:10px 10px 10px 0;
box-sizing: border-box;
.cart-c-check{
width:40px;
display: flex;
align-items: center;
justify-content: center;
height:calc(100% - 20px);
box-sizing: border-box;
position: absolute;
}
}
.cart-ci-left{
position: absolute;
top: 0;
left: 40px;
height: 100%;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
img{
height:85px;
width:85px;
display: block;
border:1px solid #eee;
}
}
.cart-ci-right{
min-height:87px;
margin-left:135px;
margin-right:8px;
.am-stepper-handler{
line-height: 28px;
font-size: 14px;
width: 26px;
height: 26px;
display:flex;
justify-content: center;
align-items: center;
}
.r-title{
font-size:15px;
white-space:normal;
font-weight:bold;
overflow : hidden;
max-height: 46px;
span{
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
/* autoprefixer: off */
-webkit-box-orient: vertical;
/* autoprefixer: on */
white-space:inherit;
-webkit-line-clamp: 2;
}
}
.r-step{
display: flex;
justify-content: space-between;
.r-price{
color:#ff5b05;
font-size:14px;
line-height:30px;
span{
font-size:12px;
}
}
.span-stepper{
width:100px;
}
.am-stepper-input{
font-size:12px;
}
}
}
}
}
}
.cart-footer{
width: 100%;
display: flex;
justify-content: space-between;
border-top:1px solid #eee;
background-color:rgba(255,255,255,.7);
height:50px;
.cart-label{
display: flex;
}
&>div:nth-child(1){
text-align: center;
height: 50px;
line-height: 50px;
padding-left: 12px;
div{
font-size: $font_16;
color: $color_333;
margin-left: 6px;
}
}
.all-pirce{
flex:1;
margin-right:10px;
display: flex;
align-items: center;
p{
margin:0;
padding:0;
font-size: $font_16;
text-align: right;
width:100%;
span{
color: $color_333;
font-size: $font_14;
}
span:nth-child(2){
color: $red;
}
}
}
&>div:nth-child(3){
width: 100px;
line-height: 50px;
text-align: center;
font-size: $font_16;
background-color: $bg_ff3131;
color: $white;
span{
font-size: 10px;
font-weight:400;
}
}
div.active{
background-color: #ff5b05;
color:#fff;
}
}
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment