|
@@ -10,13 +10,13 @@
|
|
|
</view>
|
|
</view>
|
|
|
<view class="modern-tab" :class="{ 'active': globalLookStock === 1 }" @click="changeHasStock(1)">
|
|
<view class="modern-tab" :class="{ 'active': globalLookStock === 1 }" @click="changeHasStock(1)">
|
|
|
<view class="tab-content">
|
|
<view class="tab-content">
|
|
|
- <text class="tab-icon">✅</text>
|
|
|
|
|
|
|
+ <text class="tab-icon">💰</text>
|
|
|
<text class="tab-text">有库存</text>
|
|
<text class="tab-text">有库存</text>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
<view class="modern-tab" :class="{ 'active': globalLookStock === 2 }" @click="changeHasStock(2)">
|
|
<view class="modern-tab" :class="{ 'active': globalLookStock === 2 }" @click="changeHasStock(2)">
|
|
|
<view class="tab-content">
|
|
<view class="tab-content">
|
|
|
- <text class="tab-icon">❌</text>
|
|
|
|
|
|
|
+ <text class="tab-icon">🏷️</text>
|
|
|
<text class="tab-text">没库存</text>
|
|
<text class="tab-text">没库存</text>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
@@ -650,7 +650,7 @@ export default {
|
|
|
flex-direction: column;
|
|
flex-direction: column;
|
|
|
.input-wrap {
|
|
.input-wrap {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
- padding: 5upx 20upx 22upx 13upx;
|
|
|
|
|
|
|
+ padding: 10upx 20upx 22upx 13upx;
|
|
|
.search-bar {
|
|
.search-bar {
|
|
|
flex: 1;
|
|
flex: 1;
|
|
|
}
|
|
}
|
|
@@ -781,34 +781,18 @@ export default {
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.tab-text {
|
|
.tab-text {
|
|
|
- font-size: 26upx;
|
|
|
|
|
|
|
+ font-size: 29upx;
|
|
|
color: #666;
|
|
color: #666;
|
|
|
font-weight: 600;
|
|
font-weight: 600;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
&.active {
|
|
&.active {
|
|
|
- background: linear-gradient(135deg, #34d399 0%, #09C567 100%); /* 渐变背景 */
|
|
|
|
|
- box-shadow: 0 4upx 12upx rgba(16, 185, 129, 0.25); /* 柔和外发光 */
|
|
|
|
|
- transform: none;
|
|
|
|
|
- border-color: rgba(16, 185, 129, 0.25);
|
|
|
|
|
|
|
+ background: #3385FF;
|
|
|
|
|
|
|
|
.tab-text {
|
|
.tab-text {
|
|
|
color: #ffffff;
|
|
color: #ffffff;
|
|
|
font-weight: 700;
|
|
font-weight: 700;
|
|
|
- font-size: 28upx;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- /* 选中态白色半透明底部指示条 */
|
|
|
|
|
- &::after {
|
|
|
|
|
- content: "";
|
|
|
|
|
- position: absolute;
|
|
|
|
|
- left: 50%;
|
|
|
|
|
- bottom: 6upx;
|
|
|
|
|
- transform: translateX(-50%);
|
|
|
|
|
- width: 40%;
|
|
|
|
|
- height: 6upx;
|
|
|
|
|
- border-radius: 6upx;
|
|
|
|
|
- background: rgba(255, 255, 255, 0.9);
|
|
|
|
|
|
|
+ font-size: 29upx;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
|