格式修正

This commit is contained in:
lsymicc
2025-11-28 08:42:42 +08:00
parent 25bcc67edb
commit f80481c93d
12 changed files with 143 additions and 30 deletions

View File

@@ -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>

View File

@@ -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 {

View File

@@ -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>

View File

@@ -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 {