一、购物车表格设计

      
class="chosetype">
        

          

            

              
"29%">商品
              
"31%">订单详情
              
"13%">收货人
              
金额
              
状态
              
操作
            
          
        
      
      
class="orders">
        <table
          class="order-item"
          v-for="item in orderInfo.records"
          :key="item.id"
        >
          
            
              "5">
                class="ordertitle"
                  >{{ item.createTime }} &nbsp;订单编号{{
                    item.outTradeNo
                  }}
                  class="pull-right delete"
                    >"../images/delete.png" />span
                >
              
            
          
          
            <tr
              v-for="(item1, index1) in item.orderDetailList"
              :key="item1.skuId"
            >
              "60%">
                
class="typographic">
                  image
                    :src="item1.imgUrl"
                    :preview-src-list="[item1.imgUrl]"
                    style="width: 100px; height: 100px"
                  >
                  "#" class="block-text">{{ item1.skuName }}
                  x{{ item1.skuNum }}
                  "#" class="service">售后申请
                
              
              <td
                :rowspan="item.orderDetailList.length"
                v-show="index1 === 0"
                width="8%"
                class="center"
              >
                {{ item.consignee }}
              
              <td
                :rowspan="item.orderDetailList.length"
                v-show="index1 === 0"
                width="13%"
                class="center"
              >
                
class="unstyled">
                  
总金额￥{{ item.totalAmount }}
                  
在线支付
                
              
              <td
                :rowspan="item.orderDetailList.length"
                v-show="index1 === 0"
                width="8%"
                class="center"
              >
                "#" class="btn">{{ item.orderStatusName }} 
              
              <td
                :rowspan="item.orderDetailList.length"
                v-show="index1 === 0"
                width="13%"
                class="center"
              >
                
class="unstyled">
                  

                    "mycomment.html" target="_blank">评价|晒单