@import "../../../../themes/page.scss"; @import "../../searc-list.scss"; /* module/diet/pages/diet-info/diet-info.wxss */ .add-address-scroll { padding: 0 24rpx 0rpx 24rpx; background: #f7f7f7; min-height: 100vh; width: 94%; } .smart-fill { background: #fff; border-radius: 24rpx; margin: 32rpx 0 16rpx 0; padding: 32rpx; width: 100%; box-sizing: border-box; } .smart-title { font-size: 32rpx; font-weight: 500; margin-bottom: 16rpx; } .smart-paste { color: #bbb; font-size: 26rpx; background: #f7f7f7; border-radius: 16rpx; padding: 20rpx; } .form-box { background: #fff; border-radius: 20rpx; padding: 0 24rpx; } .form-item { display: flex; align-items: center; background: #fff; border-bottom: 1px solid #f3f3f3; height: 110rpx; padding: 0 32rpx; &:last-child { border-bottom: none; } } .form-label { width: 140rpx; color: #333; font-size: 28rpx; flex-shrink: 0; } .form-input { flex: 1; height: 110rpx; background: #fff !important; border: none !important; font-size: 28rpx; line-height: 110rpx; padding: 0 16rpx; box-sizing: border-box; } .form-input ::-webkit-input-placeholder { /* Webkit/微信小程序支持 */ color: red !important; // 或 #bbb,根据你想要的灰度 font-size: 28rpx !important; } .form-input :-moz-placeholder { /* Firefox 4-18 */ color: #E7E7E7 !important; font-size: 28rpx !important; } .form-input ::-moz-placeholder { /* Firefox 19+ */ color: #E7E7E7 !important; font-size: 28rpx !important; } .form-input :-ms-input-placeholder { /* IE10+ */ color: #E7E7E7 !important; font-size: 28rpx !important; } .privacy-tip { color: #ff9900; font-size: 24rpx; margin: 24rpx 0 0 0; padding: 0 24rpx; } .tag-box { display: flex; align-items: center; background: #fff; border-radius: 24rpx 24rpx 0 0; margin: 24rpx 0 0; padding: 24rpx; border-bottom: 0.5rpx solid lightgray; } .tagsList { margin-right: 10rpx !important; font-size: 28rpx !important; padding: 30rpx 43rpx !important; border-radius: 32rpx !important; background-color: white !important; border: 1px solid #E7E7E7 !important; color: #333 !important; } .selected { background-color: rgba(29,111,246,0.1) !important; border: 1px solid #1D6FF6 !important; color: #1D6FF6 !important; } .default-box { display: flex; align-items: center; background: #fff; border-radius: 0 0 20rpx 20rpx; padding: 24rpx; font-size: 28rpx; justify-content: space-between; } .save-btn-box { position: fixed; left: 0; bottom: 32rpx; width: 100%; background: transparent; // z-index: 100; display: flex; justify-content: center; align-items: center; } .save-btn { width: 48% !important; height: 96rpx !important; line-height: 96rpx !important; background: #1D6FF6 !important; color: #fff !important; font-size: 35rpx !important; border-radius: 100rpx !important; box-shadow: 0 8rpx 24rpx rgba(29,111,246,0.08) !important; border: none !important; font-weight: 500 !important; letter-spacing: 2rpx !important; text-align: center !important; } .select-tag{ color: #1D6FF6 !important; border: 1px solid #1D6FF6 !important; } .form-detail { width: 100%; // 或指定宽度如 500rpx min-height: 110rpx; background: #fff !important; font-size: 28rpx; line-height: 1.6; padding: 16rpx 16rpx; box-sizing: border-box; resize: none; word-break: break-all; // 超出宽度自动换行 } .address-detail-item { align-items: flex-start; min-height: 110rpx; height: auto; padding: 16rpx 32rpx; .form-label { margin-top: 16rpx; flex-shrink: 0; } .form-detail { width: 100%; font-size: 28rpx; line-height: 1.4; padding: 12rpx 16rpx; box-sizing: border-box; background: #fff !important; border-radius: 8rpx; color: black !important; min-height: 80rpx; max-height: 220rpx; overflow-y: auto; word-wrap: break-word; word-break: break-all; white-space: pre-wrap; } } .smart-paste-box { position: relative; margin-bottom: 0; width: 100%; box-sizing: border-box; } .smart-paste-input-blur { box-shadow: none !important; } .smart-paste-input-focus { box-shadow: 0 4rpx 16rpx rgba(0,0,0,0.04) !important; min-height: 120rpx !important; } .smart-paste-btns { display: flex !important; justify-content: flex-end !important; margin-top: 24rpx !important; gap: 32rpx !important; } .smart-paste-btns-bottom { display: flex !important; justify-content: flex-end !important; margin-top: 16rpx !important; gap: 16rpx !important; // 按钮间距 } .smart-btn { height: 56rpx !important; min-width: 96rpx !important; padding: 0 32rpx !important; border-radius: 32rpx !important; font-size: 28rpx !important; line-height: 56rpx !important; border: none !important; outline: none; margin: 0 10rpx 0 0 !important; } .smart-btn-clear { background: transparent !important; color: #999 !important; border: none !important; } .smart-btn-recognize { background: #1D6FF6 !important; color: #fff !important; } .smart-btn-recognize-disabled { background:rgba(29,111,246,0.7) !important; color: white !important; } // 智能识别地址聚焦时的样式 .smart-paste-input-focus { height: 70px !important; } // 智能识别地址失焦时的样式 .smart-paste-input-blur { height: 70px !important; } .smart-paste-input { font-size: 15rpx !important; border: none !important; background: #fafafa !important; border-radius: 20rpx !important; color: #bbb !important; padding: 20rpx !important; overflow: auto !important; } .delete-btn{ width: 48%; background: #fff !important; color: #1D6FF6 !important; border: 1px solid #1D6FF6 !important; }