|
|
@@ -4,19 +4,16 @@
|
|
|
<view class="modern-tabs">
|
|
|
<view class="modern-tab" :class="{ 'active': globalLookStock === 0 }" @click="changeHasStock(0)">
|
|
|
<view class="tab-content">
|
|
|
- <text class="tab-icon">📋</text>
|
|
|
<text class="tab-text">全部</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="modern-tab" :class="{ 'active': globalLookStock === 1 }" @click="changeHasStock(1)">
|
|
|
<view class="tab-content">
|
|
|
- <text class="tab-icon">💰</text>
|
|
|
<text class="tab-text">有库存</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="modern-tab" :class="{ 'active': globalLookStock === 2 }" @click="changeHasStock(2)">
|
|
|
<view class="tab-content">
|
|
|
- <text class="tab-icon">🏷️</text>
|
|
|
<text class="tab-text">没库存</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -752,12 +749,12 @@ export default {
|
|
|
.modern-tab {
|
|
|
flex: 1;
|
|
|
text-align: center;
|
|
|
- padding: 16upx 0;
|
|
|
+ padding: 30upx 0;
|
|
|
position: relative;
|
|
|
transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1);
|
|
|
border-radius: 12upx;
|
|
|
margin: 0 2upx;
|
|
|
- background-color: #fafafa; /* 未选中态背景 */
|
|
|
+ background-color: #e2dfdf; /* 未选中态背景 */
|
|
|
border: 2upx solid #f2f4f7; /* 未选中态边框 */
|
|
|
box-shadow: none;
|
|
|
|
|
|
@@ -781,7 +778,7 @@ export default {
|
|
|
}
|
|
|
|
|
|
.tab-text {
|
|
|
- font-size: 29upx;
|
|
|
+ font-size: 30upx;
|
|
|
color: #666;
|
|
|
font-weight: 700;
|
|
|
}
|
|
|
@@ -792,7 +789,7 @@ export default {
|
|
|
.tab-text {
|
|
|
color: #ffffff;
|
|
|
font-weight: 700;
|
|
|
- font-size: 29upx;
|
|
|
+ font-size: 30upx;
|
|
|
}
|
|
|
}
|
|
|
|