一体机放大效果开发

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

@@ -1,5 +1,5 @@
<template>
<uni-popup ref="popup" type="bottom" borderRadius="12px 12px 0 0" background-color="#F6F6F6">
<uni-popup ref="popup" type="bottom" borderRadius="12px 18px 0 0" background-color="#F6F6F6">
<view class="feeback">
<view class="titile">反馈</view>
<view class="pop-h3">针对问题</view>
@@ -120,68 +120,68 @@ defineExpose({ open, close });
<style lang="stylus" scoped>
.feeback
padding: 38rpx 32rpx;
padding: 57rpx 48rpx;
.titile
font-weight: 500;
font-size: 36rpx;
font-size: 54rpx;
color: #333333;
line-height: 42rpx;
line-height: 63rpx;
text-align: center;
margin-bottom: 20rpx;
margin-bottom: 30rpx;
.pop-h3
font-weight: 600;
font-size: 32rpx;
font-size: 48rpx;
color: #000000;
line-height: 38rpx;
line-height: 57rpx;
text-align: left;
padding: 8rpx 0
margin-top: 32rpx
padding: 12rpx 0
margin-top: 48rpx
.pop-content
.item
width: fit-content;
height: 80rpx;
height: 120rpx;
background: #E8EAEE;
border-radius: 12rpx 12rpx 12rpx 12rpx;
border-radius: 18rpx 18rpx 18rpx 18rpx;
text-align: center;
line-height: 80rpx;
padding: 0 36rpx
border: 2rpx solid transparent;
line-height: 120rpx;
padding: 0 54rpx
border: 3rpx solid transparent;
display: inline-block
margin-right: 28rpx
margin-top: 28rpx
margin-right: 42rpx
margin-top: 42rpx
.active
border: 2rpx solid #256BFA;
border: 3rpx solid #256BFA;
color: #256BFA;
.supplement
height: 200rpx;
height: 300rpx;
background: #FFFFFF;
border-radius: 20rpx 20rpx 20rpx 20rpx;
margin-top: 28rpx
padding: 20rpx 24rpx
border-radius: 30rpx 30rpx 30rpx 30rpx;
margin-top: 42rpx
padding: 30rpx 36rpx
.btn
height: 90rpx;
height: 135rpx;
background: #256BFA;
border-radius: 12rpx 12rpx 12rpx 12rpx;
border-radius: 18rpx 18rpx 18rpx 18rpx;
font-weight: 500;
font-size: 32rpx;
font-size: 48rpx;
color: #FFFFFF;
line-height: 90rpx;
line-height: 135rpx;
text-align: center;
margin-top: 62rpx
margin-top: 93rpx
.close-btn
position: absolute;
right: 32rpx;
top: 32rpx;
width: 56rpx;
height: 56rpx;
right: 48rpx;
top: 48rpx;
width: 84rpx;
height: 84rpx;
.close-btn::before
position: absolute;
left: 50%;
top: 50%;
content: '';
width: 4rpx;
height: 28rpx;
border-radius: 2rpx
width: 6rpx;
height: 42rpx;
border-radius: 3rpx
background: #5A5A68;
transform: translate(50%, -50%) rotate(-45deg) ;
.close-btn::after
@@ -189,9 +189,9 @@ defineExpose({ open, close });
left: 50%;
top: 50%;
content: '';
width: 4rpx;
height: 28rpx;
border-radius: 2rpx
width: 6rpx;
height: 42rpx;
border-radius: 3rpx
background: #5A5A68;
transform: translate(50%, -50%) rotate(45deg)
</style>