一体机放大效果开发

This commit is contained in:
冯辉
2026-03-12 17:10:34 +08:00
parent 0c63175816
commit e7ef23ad5d
83 changed files with 3034 additions and 2899 deletions

View File

@@ -92,17 +92,17 @@ const tabbarConfig = computed(() => {
<style lang="scss" scoped>
.test-page {
padding: 40rpx;
padding: 60rpx;
background: #f5f5f5;
min-height: 100vh;
}
.header {
text-align: center;
margin-bottom: 40rpx;
margin-bottom: 60rpx;
.title {
font-size: 36rpx;
font-size: 54rpx;
font-weight: 600;
color: #333;
}
@@ -111,48 +111,48 @@ const tabbarConfig = computed(() => {
.content {
.current-info {
background: #fff;
padding: 30rpx;
border-radius: 10rpx;
margin-bottom: 30rpx;
padding: 45rpx;
border-radius: 15rpx;
margin-bottom: 45rpx;
.label {
font-size: 28rpx;
font-size: 42rpx;
color: #666;
}
.value {
font-size: 28rpx;
font-size: 42rpx;
font-weight: 600;
color: #256BFA;
margin-left: 10rpx;
margin-left: 15rpx;
}
}
.type-switcher {
background: #fff;
padding: 30rpx;
border-radius: 10rpx;
margin-bottom: 30rpx;
padding: 45rpx;
border-radius: 15rpx;
margin-bottom: 45rpx;
.section-title {
font-size: 28rpx;
font-size: 42rpx;
font-weight: 600;
color: #333;
margin-bottom: 20rpx;
margin-bottom: 30rpx;
display: block;
}
.buttons {
display: flex;
flex-wrap: wrap;
gap: 15rpx;
gap: 23rpx;
.btn {
padding: 15rpx 30rpx;
border: 2rpx solid #ddd;
border-radius: 8rpx;
padding: 23rpx 45rpx;
border: 3rpx solid #ddd;
border-radius: 12rpx;
background: #fff;
font-size: 24rpx;
font-size: 36rpx;
color: #666;
&.active {
@@ -166,15 +166,15 @@ const tabbarConfig = computed(() => {
.navigation-info {
background: #fff;
padding: 30rpx;
border-radius: 10rpx;
margin-bottom: 30rpx;
padding: 45rpx;
border-radius: 15rpx;
margin-bottom: 45rpx;
.section-title {
font-size: 28rpx;
font-size: 42rpx;
font-weight: 600;
color: #333;
margin-bottom: 20rpx;
margin-bottom: 30rpx;
display: block;
}
@@ -186,7 +186,7 @@ const tabbarConfig = computed(() => {
text-align: center;
.nav-text {
font-size: 24rpx;
font-size: 36rpx;
color: #666;
}
}
@@ -195,23 +195,23 @@ const tabbarConfig = computed(() => {
.description {
background: #fff;
padding: 30rpx;
border-radius: 10rpx;
padding: 45rpx;
border-radius: 15rpx;
.desc-title {
font-size: 28rpx;
font-size: 42rpx;
font-weight: 600;
color: #333;
margin-bottom: 15rpx;
margin-bottom: 23rpx;
display: block;
}
.desc-text {
font-size: 24rpx;
font-size: 36rpx;
color: #666;
line-height: 1.6;
display: block;
margin-bottom: 10rpx;
margin-bottom: 15rpx;
}
}
}