格式修正

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>