#PosDemo
A Vue.js project
下单页演示效果:
挂单页演示效果:
图标使用的是在线引入的方式, 由iconfont引入的天猫的图标 地址: http://at.alicdn.com/t/font_458244_rbl1kpjd9v841jor.css 使用方法: class="icon iconfont icon-XXXX"
使用 Element UI —— 一套基于 Vue 2.0 的桌面端组件库 API: http://element-cn.eleme.io/#/zh-CN element和bootstrap一样 也有栅格系统
在使用tabs的时候, 发现第一个tab会被吃掉一个padding-left 迷?? .el-tabs__nav-scroll 只能给这个盒子上个补丁
Element-ui tabs嵌套table的使用
<el-row>
<el-col :span="7" class="pos-order" ref="orderList" id="order-list">
<el-tabs>
<el-tab-pane label="点餐">
<el-table border style="width=100%" :data="tableData">
<el-table-column prop="goodsName" label="商品名称">
##添加了挂单页面
使用了添加对象属性的方式
this.tableData.count = this.totalCount
this.tableData.index = this.orderIndex
this.postData.push(this.tableData)
这样每项postData[i]里都会有互不影响的count和index属性提供遍历
但是好像太占内存了 ???
可以加个 orderIndex > 阈值 则重置回1来控制??