|
|
@@ -1,6 +1,8 @@
|
|
|
<template>
|
|
|
<view class="app-content">
|
|
|
+ <view class="app-tabs">
|
|
|
<app-tabs :tabs="tabs" :isFixed="true" :currentTab="tabIndex" :height="100" @change="changeIncome" itemWidth="50%"/>
|
|
|
+ </view>
|
|
|
<div class="list-by_box" v-if="!$util.isEmpty(list.data)">
|
|
|
<t-table :headerBackgroundColor="'#F0F2F6'">
|
|
|
<t-tr header>
|
|
|
@@ -9,12 +11,7 @@
|
|
|
</t-th>
|
|
|
</t-tr>
|
|
|
<t-tr v-for="(item, index) in list.data" :key="index">
|
|
|
- <t-td
|
|
|
- v-for="(column, colIndex) in columns"
|
|
|
- :key="colIndex"
|
|
|
- :align="column.align"
|
|
|
- :color="column.color"
|
|
|
- >
|
|
|
+ <t-td v-for="(column, colIndex) in columns" :key="colIndex" :align="column.align" :color="column.color" >
|
|
|
<view>
|
|
|
{{ item[column.dataIndex] || "" }}
|
|
|
</view>
|
|
|
@@ -108,7 +105,19 @@ export default {
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
- .list-by_box {
|
|
|
- padding-top: 100upx;
|
|
|
- }
|
|
|
+.list-by_box {
|
|
|
+ padding-top: 100upx;
|
|
|
+}
|
|
|
+.app-tabs {
|
|
|
+ position: fixed;
|
|
|
+ /* 手机mobile屏幕小于1000px */
|
|
|
+ @media screen and (max-width: 1100px) {
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+ /* 收银台cashier屏幕大于1000px */
|
|
|
+ @media screen and (min-width:1100px) {
|
|
|
+ width: 40%;
|
|
|
+ }
|
|
|
+ z-index: 9;
|
|
|
+ }
|
|
|
</style>
|