.fontColorBox, .fontColorBox1, .fontColorBox2 { /* 文字默认颜色 */ color: black; } .header{ height: 250rpx; position: relative; width: 100%; } .input-container{ position: relative; height: 50px; max-height: 50px; flex-direction: column; } .last{ position: relative; height: 18%; flex-direction: column; } .container1 { display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; position: relative; top: -80px; /* 使用负的 top 值让它往上移动 */ } .fiimage{ /* position: absolute; left: 100px; height: 80px; */ width:80px; } .form-title { /* position: absolute; */ font-family:"YouSheBiaoTiHei" ; /* right: 90px; top: 20px; */ font-size: 30px; } .title{ position: absolute; font-family: "xiaowei"; font-weight: 300; font-size: 70px; color: #333; top:30px; left: 20px; } .logo{ position: absolute; top: 12px; right: 15px; height: 120px; width:120px; z-index: 1; } .fimage { position: absolute; bottom: -10px; right: -10px; height: 90px; width:90px; z-index: 2; } .oimage { position: absolute; bottom: -10px; right: -10px; height: 90px; width:90px; z-index: 2; } .timage { position: absolute; bottom: -10px; right: -10px; height: 90px; width:90px; z-index: 2; } .thimage { position: absolute; bottom: -10px; right: -10px; height: 90px; width:90px; z-index: 2; } .navBox { /* border: 1px solid lightgreen; */ /* 顶部tab盒子样式 */ width: 100%; height: 8vh; background: white; display: flex; align-items: flex-start; justify-content: center; } .titleBox { /* border: 1px solid lightgreen; */ /* 未选中文字的样式 */ font-family: 'Franklin Gothic Medium'; font-weight: 200; box-sizing: border-box; height: 80%; width: 30%; color: rgb(168, 170, 175); font-size: 40rpx; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; z-index: 1; } .lineBox,.notLineBox{ /* 选中及未选中底线共同样式 */ width: 32rpx; height: 8rpx; } .lineBox { /* 选中底线样式 */ background: rgb(43, 44, 45); margin-top: 16rpx; border-radius: 4rpx; } .notLineBox { /* 未选中底线样式 */ background: transparent; } .swiperTtemBox { /* border: 1px solid lightgreen; */ /* 底部内容样式 */ height: 500px; overflow: scroll; /* margin: 0rpx 0rpx; */ background: white; font-size: 28rpx; } .setting-part { /* border: 1px solid lightgreen; */ margin-bottom: 5px; box-sizing: border-box; width: 100%; padding-left: 8%; padding-right: 8%; padding-top: 5%; padding-bottom: 2%; flex-direction: column; justify-content: center; } .label-title { text-align: center; font-family: 'YouSheBiaoTiHei'; font-size: 20px; } .input-box { height: 20px; padding: 10px; /* 输入框内边距 */ border: 5px solid #F6E0A3; /* 边框颜色为黄色,宽度为 2px */ border-radius: 30px; /* 圆角效果 */ background-color: white; /* 背景颜色为白色 */ font-size: larger; /* 字体大小 */ color: #333; /* 输入框文字颜色 */ /* box-sizing: border-box; */ /* margin-bottom: 5px; */ } .text-box{ position: absolute; top: 2px; height: 20px; width: 300px; padding: 10px; /* 输入框内边距 */ border: 5px solid #F6E0A3; /* 边框颜色为黄色,宽度为 2px */ border-radius: 30px; /* 圆角效果 */ background-color: white; /* 背景颜色为白色 */ font-size: larger; /* 字体大小 */ color: #333; /* 输入框文字颜色 */ } .right-switch { /* border: 1px solid lightgreen; */ display: flex; justify-content: flex-end; } .preview-form { /* border: 1px solid lightgreen; */ display: flex; background-color: rgb(255, 255, 255); margin-left: 20%; margin-right: 20%; margin-top: 5%; margin-bottom: 5%; } .form-subitem { font-size: 20px; height: 5%; /* margin-top: 2%; */ padding-top: 1%; padding-bottom: 10%; display: flex; justify-content: center; align-items: center; } .form-number { /* font-family: "YouSheBiaoTiHei"; */ /* font-weight: 600; */ width: 70%; margin-right: 10%; display: flex; justify-content: flex-end; } .form-name { /* font-family: "YouSheBiaoTiHei"; */ font-weight: bold; width: 50%; display: flex; justify-content: flex-start; /* text-shadow: 2px 2px 0px #FFF4D6, -2px -2px 0px #FFF4D6, 2px -2px 0px #FFF4D6, -2px 2px 0px #FFF4D6; */ } .enabled-button { position:fixed; bottom: 0%; width: 100%; background-color: #f1cf6f; /* 背景颜色为黄色 */ color: white; /* 文字颜色为黑色 */ border: none; padding: 10px; /* border-radius: 20px; */ font-size: 20px; } .disabled-button { position:fixed; bottom: 0%; width: 100%; background-color: grey; /* 背景颜色为灰色 */ color: white; /* 禁用状态下文字颜色为白色 */ border: none; padding: 10px; /* border-radius: 20px; */ font-size: 20px; }