格式修正
This commit is contained in:
@@ -7,6 +7,7 @@
|
||||
</view>
|
||||
<view class="function-text">
|
||||
<text class="title">{{ $t('inbound.qualityCheck.title') }}</text>
|
||||
<br/>
|
||||
<text class="desc">{{ $t('inbound.qualityCheck.desc') }}</text>
|
||||
</view>
|
||||
</view>
|
||||
@@ -25,6 +26,7 @@
|
||||
</view>
|
||||
<view class="function-text">
|
||||
<text class="title">{{ $t('inbound.emptyPalletBox.title') }}</text>
|
||||
<br/>
|
||||
<text class="desc">{{ $t('inbound.emptyPalletBox.desc') }}</text>
|
||||
</view>
|
||||
</view>
|
||||
@@ -34,6 +36,7 @@
|
||||
</view>
|
||||
<view class="function-text">
|
||||
<text class="title">{{ $t('inbound.inorder.title') }}</text>
|
||||
<br/>
|
||||
<text class="desc">{{ $t('inbound.inorder.desc') }}</text>
|
||||
</view>
|
||||
</view>
|
||||
@@ -43,6 +46,7 @@
|
||||
</view>
|
||||
<view class="function-text">
|
||||
<text class="title">{{ $t('inbound.bindMsg.title') }}</text>
|
||||
<br/>
|
||||
<text class="desc">{{ $t('inbound.bindMsg.desc') }}</text>
|
||||
</view>
|
||||
</view>
|
||||
@@ -52,6 +56,7 @@
|
||||
</view>
|
||||
<view class="function-text">
|
||||
<text class="title">{{ $t('inbound.backIn.title') }}</text>
|
||||
<br/>
|
||||
<text class="desc">{{ $t('inbound.backIn.desc') }}</text>
|
||||
</view>
|
||||
</view>
|
||||
@@ -70,7 +75,7 @@ export default {
|
||||
navigateTo(url) {
|
||||
tab.navigateTo(url)
|
||||
}
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
@@ -93,16 +98,18 @@ export default {
|
||||
background-color: #fff;
|
||||
padding: 32rpx;
|
||||
border-radius: 16rpx;
|
||||
box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.08);
|
||||
box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.18);
|
||||
transition: all 0.3s ease;
|
||||
animation: slideInFromRight 0.3s ease-out forwards;
|
||||
opacity: 0;
|
||||
|
||||
&:hover {
|
||||
transform: translateY(-4rpx);
|
||||
box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.12);
|
||||
transform: translateY(0rpx);
|
||||
box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.52);
|
||||
}
|
||||
|
||||
&:active {
|
||||
transform: translateY(0);
|
||||
transform: translateY(0) scale(0.95);
|
||||
box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
}
|
||||
@@ -151,9 +158,29 @@ export default {
|
||||
}
|
||||
|
||||
.desc {
|
||||
font-size: 26rpx;
|
||||
color: #7f8c8d;
|
||||
font-size: 24rpx;
|
||||
color: #99a9aa;
|
||||
letter-spacing: 0.5rpx;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@keyframes slideInFromRight {
|
||||
from {
|
||||
transform: translateX(100%);
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
transform: translateX(0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.function-item:nth-child(1) { animation-delay: 0.1s; }
|
||||
.function-item:nth-child(2) { animation-delay: 0.2s; }
|
||||
.function-item:nth-child(3) { animation-delay: 0.3s; }
|
||||
.function-item:nth-child(4) { animation-delay: 0.4s; }
|
||||
.function-item:nth-child(5) { animation-delay: 0.5s; }
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
@@ -293,7 +293,7 @@ export default {
|
||||
|
||||
&.expanded {
|
||||
color: #909399;
|
||||
transform: translateY(-50%) rotate(180deg);
|
||||
transform: translateY(-50%) rotate(0deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -309,10 +309,11 @@ export default {
|
||||
border-bottom: 1px solid #EBEEF5;
|
||||
|
||||
.check-all-button {
|
||||
background-color: #409EFF;
|
||||
// background-color: #409EFF;
|
||||
background: linear-gradient(to bottom, #6cd3ff 0%, #3c80ff 70%,);
|
||||
color: #fff;
|
||||
border: none;
|
||||
border-radius: 4rpx;
|
||||
border-radius: 10rpx;
|
||||
padding: 12rpx 24rpx;
|
||||
font-size: 26rpx;
|
||||
cursor: pointer;
|
||||
@@ -360,10 +361,11 @@ export default {
|
||||
}
|
||||
|
||||
.check-button {
|
||||
background-color: #409EFF;
|
||||
// background-color: #409EFF;
|
||||
background: linear-gradient(to bottom, #6cd3ff 0%, #3c80ff 70%,);
|
||||
color: #fff;
|
||||
border: none;
|
||||
border-radius: 4rpx;
|
||||
border-radius: 10rpx;
|
||||
padding: 12rpx 24rpx;
|
||||
font-size: 26rpx;
|
||||
cursor: pointer;
|
||||
@@ -404,10 +406,10 @@ export default {
|
||||
}
|
||||
|
||||
.material-status {
|
||||
font-size: 26rpx;
|
||||
font-size: 20rpx;
|
||||
padding: 4rpx 12rpx;
|
||||
border-radius: 4rpx;
|
||||
background-color: #e6a23c;
|
||||
border-radius: 30rpx;
|
||||
background-color: #ffaa00;
|
||||
color: #fff;
|
||||
|
||||
&.status-checked {
|
||||
|
||||
@@ -7,7 +7,8 @@
|
||||
</view>
|
||||
<view class="function-text">
|
||||
<text class="title">{{ $t('outbound.emptyPalletBox.title') }}</text>
|
||||
<text class="desc">{{ $t('outbound.emptyPalletBox.desc') }}</text>
|
||||
<br/>
|
||||
<text class="desc">{{ $t('outbound.emptyPalletBox.desc') }}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="function-item" @click="navigateTo('/pages/out/pkout')">
|
||||
@@ -16,7 +17,8 @@
|
||||
</view>
|
||||
<view class="function-text">
|
||||
<text class="title">{{ $t('outbound.pkout.title') }}</text>
|
||||
<text class="desc">{{ $t('outbound.pkout.desc') }}</text>
|
||||
<br/>
|
||||
<text class="desc">{{ $t('outbound.pkout.desc') }}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="function-item" @click="navigateTo('/pages/out/ckMakeSureByTray')">
|
||||
@@ -25,7 +27,8 @@
|
||||
</view>
|
||||
<view class="function-text">
|
||||
<text class="title">{{ $t('outbound.ckMakeSureByTray.title') }}</text>
|
||||
<text class="desc">{{ $t('outbound.ckMakeSureByTray.desc') }}</text>
|
||||
<br/>
|
||||
<text class="desc">{{ $t('outbound.ckMakeSureByTray.desc') }}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="function-item" @click="navigateTo('/pages/out/bindShell')">
|
||||
@@ -34,7 +37,8 @@
|
||||
</view>
|
||||
<view class="function-text">
|
||||
<text class="title">{{ $t('outbound.bindShelf.title') }}</text>
|
||||
<text class="desc">{{ $t('outbound.bindShelf.desc') }}</text>
|
||||
<br/>
|
||||
<text class="desc">{{ $t('outbound.bindShelf.desc') }}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="function-item" @click="navigateTo('/pages/out/errorout')">
|
||||
@@ -43,7 +47,8 @@
|
||||
</view>
|
||||
<view class="function-text">
|
||||
<text class="title">{{ $t('outbound.exception.title') }}</text>
|
||||
<text class="desc">{{ $t('outbound.exception.desc') }}</text>
|
||||
<br/>
|
||||
<text class="desc">{{ $t('outbound.exception.desc') }}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="function-item" @click="navigateTo('/pages/out/move')">
|
||||
@@ -52,7 +57,8 @@
|
||||
</view>
|
||||
<view class="function-text">
|
||||
<text class="title">{{ $t('outbound.move.title') }}</text>
|
||||
<text class="desc">{{ $t('outbound.move.desc') }}</text>
|
||||
<br/>
|
||||
<text class="desc">{{ $t('outbound.move.desc') }}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@@ -95,6 +101,8 @@ export default {
|
||||
border-radius: 16rpx;
|
||||
box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.08);
|
||||
transition: all 0.3s ease;
|
||||
animation: slideInFromBottom 0.3s ease-out forwards;
|
||||
opacity: 0;
|
||||
|
||||
&:hover {
|
||||
transform: translateY(-4rpx);
|
||||
@@ -150,4 +158,23 @@ export default {
|
||||
letter-spacing: 0.5rpx;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes slideInFromBottom {
|
||||
from {
|
||||
transform: translateY(100%);
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
transform: translateY(0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.function-item:nth-child(1) { animation-delay: 0.1s; }
|
||||
.function-item:nth-child(2) { animation-delay: 0.2s; }
|
||||
.function-item:nth-child(3) { animation-delay: 0.3s; }
|
||||
.function-item:nth-child(4) { animation-delay: 0.4s; }
|
||||
.function-item:nth-child(5) { animation-delay: 0.5s; }
|
||||
.function-item:nth-child(6) { animation-delay: 0.6s; }
|
||||
|
||||
</style>
|
||||
|
||||
@@ -215,16 +215,20 @@ export default {
|
||||
.action-button {
|
||||
font-size: 24rpx;
|
||||
padding: 10rpx 20rpx;
|
||||
border-radius: 4rpx;
|
||||
border-radius: 10rpx;
|
||||
border: none;
|
||||
color: #fff;
|
||||
|
||||
&.in-button {
|
||||
background-color: #4285f4;
|
||||
// background-color: #4285f4;
|
||||
// background: linear-gradient(to bottom, #6ea8f4 0%, #3e59f4 70%);
|
||||
background: linear-gradient(to bottom, #75d98d 0%, #2c9a36 70%);
|
||||
}
|
||||
|
||||
&.out-button {
|
||||
background-color: #34a853;
|
||||
// background-color: #34a853;
|
||||
// background: linear-gradient(to bottom, #75d98d 0%, #34a853 70%);
|
||||
background: linear-gradient(to bottom, #ffd165 0%, #e3900a 70%);
|
||||
}
|
||||
|
||||
&:active {
|
||||
|
||||
Reference in New Issue
Block a user