|
|
@@ -1,5 +1,5 @@
|
|
|
<template>
|
|
|
-<view class="app-content">
|
|
|
+<view class="app-main app-content">
|
|
|
<view class="input-wrap_box">
|
|
|
<view>
|
|
|
<AppSearchModule placeholder="输入拼音首字母搜索" @input="searchFn"/>
|
|
|
@@ -8,10 +8,10 @@
|
|
|
<button class="admin-button-com middle blue" @click="addGhs()">添加供货商</button>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="order-page">
|
|
|
<view class="tabs">
|
|
|
<Tabs :isFixed="true" :tabs="tabs" :currentTab="tabIndex" @change="changeTabEvent" itemWidth="33%"></Tabs>
|
|
|
</view>
|
|
|
+ <view class="order-page">
|
|
|
<view class="order_list" >
|
|
|
<block>
|
|
|
<block v-if="!$util.isEmpty(supplierList)">
|
|
|
@@ -147,30 +147,37 @@ export default {
|
|
|
}
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
-.input-wrap_box {
|
|
|
- background-color: #fff;
|
|
|
- position: fixed;
|
|
|
- top: 0;
|
|
|
- z-index: 10;
|
|
|
- /* 手机mobile屏幕小于1000px */
|
|
|
- @media screen and (max-width: 1100px) {
|
|
|
- width: 100%;
|
|
|
+.app-content {
|
|
|
+ padding-top: 90upx;
|
|
|
+ overflow: hidden;
|
|
|
+ .select-dn_bx {
|
|
|
+ padding-left: 18upx;
|
|
|
}
|
|
|
- /* 收银台cashier屏幕大于1000px */
|
|
|
- @media screen and (min-width:1100px) {
|
|
|
- width: 40%;
|
|
|
- }
|
|
|
- height: 100upx;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- padding: 0 30upx;
|
|
|
- & > view:nth-child(1) {
|
|
|
- flex: 1;
|
|
|
+ .app-tabs {
|
|
|
+ position: fixed;
|
|
|
+ @media screen and (max-width: 1100px) {
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+ z-index: 9;
|
|
|
+ }
|
|
|
+ .input-wrap_box {
|
|
|
+ background-color: #fff;
|
|
|
+ position: fixed;
|
|
|
+ top: 0;
|
|
|
+ z-index: 10;
|
|
|
+ @media screen and (max-width: 1100px) {
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+ height: 100upx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ padding: 0 30upx;
|
|
|
+ & > view:nth-child(2) {
|
|
|
+ flex: 1;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
.order-page {
|
|
|
- margin-top:100upx;
|
|
|
- padding-bottom:100upx;
|
|
|
.order_list {
|
|
|
height: 100%;
|
|
|
background-color: #ece5e5;
|
|
|
@@ -191,7 +198,6 @@ export default {
|
|
|
display: flex;
|
|
|
justify-content: center;
|
|
|
}
|
|
|
-
|
|
|
.justify-end {
|
|
|
display: flex;
|
|
|
justify-content: flex-end;
|
