XingQue/Wechat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改了一些编辑资料页面中的细节

Browse Source
This commit is contained in:
TermiNexus
2026-06-13 00:06:55 +08:00
parent 0ba85441cf
commit 76cc4ac55e
3 changed files with 545 additions and 455 deletions
Download Patch File Download Diff File Expand all files Collapse all files

163
find.py Normal file
View File

@@ -0,0 +1,163 @@
"""
REPL 模式文件内容搜索工具
支持正则或纯文本搜索，默认搜索当前目录
"""
import os
import re
import sys
# 硬编码排除目录
EXCLUDE_DIRS = {
'.git', '.vs', 'node_modules', '__pycache__', '.idea',
'miniprogram_npm', '_backup_pre_redesign',
}
# 排除的文件扩展名
EXCLUDE_EXTS = {
'.png', '.jpg', '.jpeg', '.gif', '.svg', '.ico', '.bmp',
'.mp3', '.mp4', '.wav', '.avi',
'.zip', '.rar', '.7z', '.tar', '.gz',
'.exe', '.dll', '.so', '.dylib',
'.pyc', '.pyo', '.class', '.o', '.obj',
'.db', '.sqlite', '.vsidx',
}
# 默认搜索根目录
DEFAULT_ROOT = os.path.dirname(os.path.abspath(__file__))
def should_skip(dirpath):
"""判断目录是否应跳过"""
parts = dirpath.replace('\\', '/').split('/')
return any(p in EXCLUDE_DIRS for p in parts)
def search(pattern, root=DEFAULT_ROOT, use_regex=True, max_results=50):
"""搜索文件内容"""
try:
if use_regex:
compiled = re.compile(pattern, re.IGNORECASE)
except re.error as e:
print(f' 正则语法错误: {e}')
return
count = 0
for dirpath, dirnames, filenames in os.walk(root):
# 就地修改 dirnames 以跳过排除目录
dirnames[:] = [d for d in dirnames if d not in EXCLUDE_DIRS]
for fname in filenames:
ext = os.path.splitext(fname)[1].lower()
if ext in EXCLUDE_EXTS:
continue
fpath = os.path.join(dirpath, fname)
relpath = os.path.relpath(fpath, root)
try:
with open(fpath, 'r', encoding='utf-8', errors='ignore') as f:
for lineno, line in enumerate(f, 1):
line_stripped = line.rstrip('\n\r')
if use_regex:
match = compiled.search(line_stripped)
if match:
highlight = line_stripped[:match.start()] + \
f'>>> {match.group()} <<<' + \
line_stripped[match.end():]
print(f' {relpath}:{lineno} {highlight}')
count += 1
else:
if pattern.lower() in line_stripped.lower():
print(f' {relpath}:{lineno} {line_stripped}')
count += 1
if count >= max_results:
print(f'\n ... 已达上限 {max_results} 条，停止')
return
except (PermissionError, OSError):
continue
if count == 0:
print(' 未找到匹配内容')
else:
print(f'\n 共 {count} 条匹配')
def main():
print('=== 文件内容搜索工具 ===')
print(f'搜索根目录: {DEFAULT_ROOT}')
print(f'排除目录: {EXCLUDE_DIRS}')
print()
print('命令:')
print(' /regex <pattern> 正则搜索')
print(' /text <text> 纯文本搜索')
print(' /max <n> 设置结果上限(默认50)')
print(' /dir <path> 切换搜索目录')
print(' /help 显示帮助')
print(' /quit 退出')
print()
print('直接输入内容默认使用正则搜索')
print()
root = DEFAULT_ROOT
use_regex = True
max_results = 50
while True:
try:
raw = input('find> ').strip()
except (EOFError, KeyboardInterrupt):
print('\n再见')
break
if not raw:
continue
if raw == '/quit':
print('再见')
break
if raw == '/help':
print(' /regex <pattern> 正则搜索')
print(' /text <text> 纯文本搜索')
print(' /max <n> 设置结果上限')
print(' /dir <path> 切换搜索目录')
print(' /help 显示帮助')
print(' /quit 退出')
print(' 直接输入内容默认使用正则搜索')
continue
if raw.startswith('/regex '):
pattern = raw[7:].strip()
if pattern:
search(pattern, root, use_regex=True, max_results=max_results)
continue
if raw.startswith('/text '):
pattern = raw[6:].strip()
if pattern:
search(pattern, root, use_regex=False, max_results=max_results)
continue
if raw.startswith('/max '):
try:
max_results = int(raw[5:].strip())
print(f' 结果上限设为 {max_results}')
except ValueError:
print(' 请输入数字')
continue
if raw.startswith('/dir '):
new_dir = raw[5:].strip()
if os.path.isdir(new_dir):
root = os.path.abspath(new_dir)
print(f' 搜索目录切换为: {root}')
else:
print(f' 目录不存在: {new_dir}')
continue
# 默认正则搜索
search(raw, root, use_regex=use_regex, max_results=max_results)
if __name__ == '__main__':
main()

19
pages/xiugai/xiugai.wxml
View File

@@ -3,18 +3,21 @@
<!-- 头像区域（未改动） --> <!-- 头像区域（未改动） -->
<view class="avatar-section"> <view class="avatar-section">
<view class="avatar-container {{isAvatarActive ? 'active' : ''}}"> <view class="avatar-container {{isAvatarActive ? 'active' : ''}}">
<!-- 新增：头像包装器，把头像+光晕包在一起，和提示文字隔离 -->
<view class="avatar-image-wrapper">
<image class="avatar-image" src="{{avatarUrl}}" mode="aspectFill"></image> <image class="avatar-image" src="{{avatarUrl}}" mode="aspectFill"></image>
<view class="avatar-halo"></view> <view class="avatar-halo"></view>
<view class="avatar-hint">点击更换头像</view>
</view> </view>
<button <view class="avatar-hint">点击更换头像</view>
class="avatar-trigger-button"
open-type="chooseAvatar"
bindchooseavatar="onChooseAvatar"
hover-class="none"
></button>
</view> </view>
<button
class="avatar-trigger-button"
open-type="chooseAvatar"
bindchooseavatar="onChooseAvatar"
hover-class="none"
></button>
</view>
<!-- 表单区域 --> <!-- 表单区域 -->
<view class="form-section"> <view class="form-section">

818
pages/xiugai/xiugai.wxss
View File

@@ -1,477 +1,401 @@
/* pages/xiugai/xiugai.wxss */ /* pages/xiugai/xiugai.wxss */
/* ====== 您的原始样式代码（完全未改动） ====== */
page { page {
background: linear-gradient(135deg, #fffaf0 0%, #f0f8ff 100%); background: linear-gradient(135deg, #fffaf0 0%, #f0f8ff 100%);
min-height: 100vh; min-height: 100vh;
} }
.xiugai-page { .xiugai-page {
padding: 30rpx 40rpx 100rpx; padding: 30rpx 40rpx 100rpx;
} }
/* ============ 头像区域样式 ============ */ /* ============ 头像区域样式 ============ */
.avatar-section { .avatar-section {
display: flex; position: relative;
justify-content: center; display: flex;
margin-bottom: 60rpx; justify-content: center;
padding-top: 30rpx; margin-bottom: 60rpx;
} padding-top: 30rpx;
}
.avatar-container {
position: relative; .avatar-container {
display: flex; position: relative;
flex-direction: column; display: flex;
align-items: center; flex-direction: column;
} align-items: center;
}
/* 头像图片 - 添加呼吸动画 */
.avatar-image { /* 头像包装器：精确居中，包含头像+光晕 */
width: 200rpx; .avatar-image-wrapper {
height: 200rpx; position: relative;
border-radius: 50%; width: 200rpx;
border: 6rpx solid #fff; height: 200rpx;
background-color: #f8f9fa; flex-shrink: 0;
z-index: 2; display: flex;
position: relative; align-items: center;
/* 呼吸动画：温和的放大缩小 */ justify-content: center;
animation: gentleBreath 3s ease-in-out infinite; }
/* 基础阴影 */
box-shadow: /* 头像图片 */
.avatar-image {
width: 200rpx;
height: 200rpx;
border-radius: 50%;
border: 6rpx solid #fff;
background-color: #f8f9fa;
z-index: 2;
position: relative;
animation: gentleBreath 4s ease-in-out infinite;
box-shadow:
0 0 0 1rpx rgba(0, 200, 83, 0.3), 0 0 0 1rpx rgba(0, 200, 83, 0.3),
0 15rpx 40rpx rgba(0, 200, 83, 0.15); 0 15rpx 40rpx rgba(0, 200, 83, 0.15);
} box-sizing: border-box; /* 关键：边框向内计算，不占宽度 */
}
/* 温和的呼吸动画 */
@keyframes gentleBreath { /* ✅ 光晕精确居中：已计算头像 6rpx 边框的偏移量 */
0%, 100% { .avatar-halo {
transform: scale(1); position: absolute;
box-shadow: top: 50%;
0 0 0 2rpx rgba(0, 200, 83, 0.4), left: 50%;
0 15rpx 40rpx rgba(0, 200, 83, 0.2); transform: translate(-50%, -50%); /* 强制居中，无视任何偏差 */
} width: 228rpx; /* 精确计算：200 + 6*2(边框) + 8*2(外延) = 228 */
50% { height: 228rpx;
transform: scale(1.03); border-radius: 50%;
box-shadow: background: transparent;
0 0 0 5rpx rgba(0, 200, 83, 0.6), border: 3rpx solid transparent;
0 20rpx 50rpx rgba(0, 200, 83, 0.3); animation: gentleGlow 2s ease-in-out infinite, colorShift 3s ease-in-out infinite;
} opacity: 0;
} z-index: 1;
pointer-events: none;
/* 边缘微光效果 - 更细腻 */ }
.avatar-halo {
position: absolute; /* ✅ 像素点环绕也强制居中 */
top: -8rpx; .avatar-image-wrapper::before {
left: -8rpx; content: '';
right: -8rpx; position: absolute;
bottom: -8rpx; top: 50%;
border-radius: 50%; left: 50%;
background: transparent; transform: translate(-50%, -50%);
border: 2rpx solid #00C853; width: 230rpx;
animation: gentleGlow 2s ease-in-out infinite; height: 230rpx;
opacity: 0; border-radius: 50%;
z-index: 1; background:
pointer-events: none;
}
/* 温和的光晕动画 */
@keyframes gentleGlow {
0%, 100% {
opacity: 0;
transform: scale(0.98);
border-color: rgba(0, 200, 83, 0.3);
}
50% {
opacity: 1;
transform: scale(1.05);
border-color: rgba(0, 200, 83, 0.8);
}
}
/* 像素点环绕效果 */
.avatar-container::before {
content: '';
position: absolute;
top: -15rpx;
left: -15rpx;
right: -15rpx;
bottom: -15rpx;
border-radius: 50%;
background:
radial-gradient(circle at 30% 30%, rgba(0, 200, 83, 0.1) 0%, transparent 50%), radial-gradient(circle at 30% 30%, rgba(0, 200, 83, 0.1) 0%, transparent 50%),
radial-gradient(circle at 70% 70%, rgba(100, 221, 23, 0.1) 0%, transparent 50%); radial-gradient(circle at 70% 70%, rgba(100, 221, 23, 0.1) 0%, transparent 50%);
animation: pixelOrbit 4s linear infinite; animation: pixelOrbit 4s linear infinite;
z-index: 0; z-index: 0;
pointer-events: none; pointer-events: none;
} }
@keyframes pixelOrbit { /* 温和的呼吸动画 */
0% { @keyframes gentleBreath {
transform: rotate(0deg); 0%, 100% {
}
100% {
transform: rotate(360deg);
}
}
/* 更换提示 */
.avatar-hint {
margin-top: 25rpx;
font-size: 28rpx;
color: #666;
padding: 12rpx 30rpx;
background: rgba(255, 255, 255, 0.9);
border-radius: 25rpx;
border: 1rpx solid #eee;
box-shadow: 0 5rpx 15rpx rgba(0, 0, 0, 0.05);
position: relative;
overflow: hidden;
}
/* 提示文字底部的微光 */
.avatar-hint::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 2rpx;
background: linear-gradient(90deg, transparent, #00C853, transparent);
animation: hintGlow 2s ease-in-out infinite;
}
@keyframes hintGlow {
0%, 100% {
opacity: 0.3;
}
50% {
opacity: 1;
}
}
/* 点击特效 - 缩放效果 */
.avatar-container.active .avatar-image {
animation: clickScale 0.5s ease;
}
@keyframes clickScale {
0%, 100% {
transform: scale(1);
}
50% {
transform: scale(0.95);
}
}
/* 下载状态 */
.avatar-container.downloading .avatar-image {
opacity: 0.7;
filter: grayscale(30%);
}
/* 增强光晕效果 */
.avatar-halo {
position: absolute;
top: -8rpx;
left: -8rpx;
right: -8rpx;
bottom: -8rpx;
border-radius: 50%;
background: transparent;
border: 3rpx solid transparent;
animation: gentleGlow 2s ease-in-out infinite, colorShift 3s ease-in-out infinite;
opacity: 0;
z-index: 1;
pointer-events: none;
}
@keyframes gentleGlow {
0%, 100% {
opacity: 0;
transform: scale(0.98);
}
50% {
opacity: 1;
transform: scale(1.05);
}
}
@keyframes colorShift {
0% {
border-color: rgba(0, 200, 83, 0.5);
}
33% {
border-color: rgba(100, 221, 23, 0.5);
}
66% {
border-color: rgba(0, 255, 153, 0.5);
}
100% {
border-color: rgba(0, 200, 83, 0.5);
}
}
/* 头像呼吸效果 */
.avatar-image {
width: 200rpx;
height: 200rpx;
border-radius: 50%;
border: 6rpx solid #fff;
background-color: #f8f9fa;
z-index: 2;
position: relative;
animation: gentleBreath 4s ease-in-out infinite;
box-shadow:
0 0 0 1rpx rgba(0, 200, 83, 0.3),
0 15rpx 40rpx rgba(0, 200, 83, 0.15);
}
@keyframes gentleBreath {
0%, 100% {
transform: scale(1); transform: scale(1);
box-shadow: box-shadow:
0 0 0 2rpx rgba(0, 200, 83, 0.4), 0 0 0 2rpx rgba(0, 200, 83, 0.4),
0 15rpx 40rpx rgba(0, 200, 83, 0.2); 0 15rpx 40rpx rgba(0, 200, 83, 0.2);
} }
50% { 50% {
transform: scale(1.03); transform: scale(1.03);
box-shadow: box-shadow:
0 0 0 5rpx rgba(0, 200, 83, 0.6), 0 0 0 5rpx rgba(0, 200, 83, 0.6),
0 20rpx 50rpx rgba(0, 200, 83, 0.3); 0 20rpx 50rpx rgba(0, 200, 83, 0.3);
}
} }
}
/* 表单区域 */
.form-section { /* 光晕动画 */
background: white; @keyframes gentleGlow {
border-radius: 25rpx; 0%, 100% {
overflow: hidden; opacity: 0;
margin-bottom: 50rpx; transform: translate(-50%, -50%) scale(0.98);
box-shadow: 0 10rpx 30rpx rgba(0, 0, 0, 0.08);
border: 1rpx solid #f0f0f0;
} }
50% {
.form-item { opacity: 1;
display: flex; transform: translate(-50%, -50%) scale(1.05);
align-items: center;
padding: 40rpx;
border-bottom: 1rpx solid #f0f0f0;
min-height: 110rpx;
} }
}
.form-item:last-child {
border-bottom: none; @keyframes colorShift {
0% {
border-color: rgba(0, 200, 83, 0.5);
} }
33% {
.item-label { border-color: rgba(100, 221, 23, 0.5);
width: 150rpx;
font-size: 32rpx;
color: #333;
font-weight: 500;
flex-shrink: 0;
} }
66% {
.item-value.readonly { border-color: rgba(0, 255, 153, 0.5);
flex: 1;
font-size: 32rpx;
color: #666;
} }
100% {
.item-input { border-color: rgba(0, 200, 83, 0.5);
flex: 1;
font-size: 32rpx;
color: #333;
height: 50rpx;
line-height: 50rpx;
} }
}
.placeholder {
color: #ccc; @keyframes pixelOrbit {
font-size: 30rpx; 0% {
transform: translate(-50%, -50%) rotate(0deg);
} }
100% {
/* 输入框容器 */ transform: translate(-50%, -50%) rotate(360deg);
.input-container {
flex: 1;
display: flex;
flex-direction: column;
} }
}
/* 输入框错误样式 */
.item-input.error { /* 更换提示 */
border-bottom: 2rpx solid #ff4d4f; .avatar-hint {
animation: shake 0.5s; margin-top: 25rpx;
font-size: 28rpx;
color: #666;
padding: 12rpx 30rpx;
background: rgba(255, 255, 255, 0.9);
border-radius: 25rpx;
border: 1rpx solid #eee;
box-shadow: 0 5rpx 15rpx rgba(0, 0, 0, 0.05);
position: relative;
overflow: hidden;
}
.avatar-hint::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 2rpx;
background: linear-gradient(90deg, transparent, #00C853, transparent);
animation: hintGlow 2s ease-in-out infinite;
}
@keyframes hintGlow {
0%, 100% {
opacity: 0.3;
} }
50% {
@keyframes shake { opacity: 1;
0%, 100% { transform: translateX(0); }
10%, 30%, 50%, 70%, 90% { transform: translateX(-2rpx); }
20%, 40%, 60%, 80% { transform: translateX(2rpx); }
} }
}
/* 错误提示 */
.error-hint { /* 点击特效 */
font-size: 24rpx; .avatar-container.active .avatar-image {
color: #ff4d4f; animation: clickScale 0.5s ease;
margin-top: 8rpx; }
padding-left: 10rpx;
animation: fadeIn 0.3s; @keyframes clickScale {
0%, 100% {
transform: scale(1);
} }
50% {
/* 手机号正确提示 */ transform: scale(0.95);
.phone-hint {
font-size: 24rpx;
color: #00C853;
margin-top: 8rpx;
padding-left: 10rpx;
animation: fadeIn 0.3s;
} }
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(-10rpx); } /* 下载状态 */
to { opacity: 1; transform: translateY(0); } .avatar-container.downloading .avatar-image {
} opacity: 0.7;
filter: grayscale(30%);
/* 保存按钮 */ }
.save-btn {
width: 100%; /* 透明功能按钮 */
height: 100rpx; .avatar-trigger-button {
line-height: 100rpx; position: absolute;
border-radius: 50rpx; top: 30rpx;
background: linear-gradient(135deg, #00C853 0%, #64DD17 100%); left: 50%;
color: white; transform: translateX(-50%);
font-size: 34rpx; width: 200rpx;
font-weight: 500; height: 200rpx;
border: none; border-radius: 50%;
position: relative; z-index: 100;
overflow: hidden; background: transparent;
box-shadow: 0 15rpx 40rpx rgba(0, 200, 83, 0.25); border: none;
margin-top: 30rpx; padding: 0;
} margin: 0;
opacity: 0;
.save-btn[disabled] { line-height: 1;
background: linear-gradient(135deg, #cccccc 0%, #aaaaaa 100%); font-size: 0;
color: #999; }
box-shadow: 0 10rpx 30rpx rgba(0, 0, 0, 0.1);
} .avatar-trigger-button::after {
border: none;
.btn-content { }
position: relative;
z-index: 2; /* ============ 表单区域 ============ */
display: flex; .form-section {
align-items: center; background: white;
justify-content: center; border-radius: 25rpx;
width: 100%; overflow: hidden;
height: 100%; margin-bottom: 50rpx;
} box-shadow: 0 10rpx 30rpx rgba(0, 0, 0, 0.08);
border: 1rpx solid #f0f0f0;
.btn-sparkle { }
position: absolute;
top: 0; .form-item {
left: -100%; display: flex;
width: 100%; align-items: center;
height: 100%; padding-left: 40rpx;
background: linear-gradient( border-bottom: 1rpx solid #f0f0f0;
min-height: 110rpx;
}
.form-item:last-child {
border-bottom: none;
}
.item-label {
width: 150rpx;
font-size: 32rpx;
color: #333;
font-weight: 500;
flex-shrink: 0;
}
.item-value.readonly {
flex: 1;
font-size: 32rpx;
color: #666;
}
.item-input {
flex: 1;
font-size: 32rpx;
color: #333;
height: 50rpx;
line-height: 50rpx;
}
.placeholder {
color: #ccc;
font-size: 30rpx;
}
.input-container {
flex: 1;
display: flex;
flex-direction: column;
}
.item-input.error {
border-bottom: 2rpx solid #ff4d4f;
animation: shake 0.5s;
}
@keyframes shake {
0%, 100% { transform: translateX(0); }
10%, 30%, 50%, 70%, 90% { transform: translateX(-2rpx); }
20%, 40%, 60%, 80% { transform: translateX(2rpx); }
}
.error-hint {
font-size: 24rpx;
color: #ff4d4f;
margin-top: 8rpx;
padding-left: 10rpx;
animation: fadeIn 0.3s;
}
.phone-hint {
font-size: 24rpx;
color: #00C853;
margin-top: 8rpx;
padding-left: 10rpx;
animation: fadeIn 0.3s;
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(-10rpx); }
to { opacity: 1; transform: translateY(0); }
}
/* ============ 保存按钮 ============ */
.save-btn {
width: 100%;
height: 100rpx;
line-height: 100rpx;
border-radius: 50rpx;
background: linear-gradient(135deg, #00C853 0%, #64DD17 100%);
color: white;
font-size: 34rpx;
font-weight: 500;
border: none;
position: relative;
overflow: hidden;
box-shadow: 0 15rpx 40rpx rgba(0, 200, 83, 0.25);
margin-top: 30rpx;
}
.save-btn[disabled] {
background: linear-gradient(135deg, #cccccc 0%, #aaaaaa 100%);
color: #999;
box-shadow: 0 10rpx 30rpx rgba(0, 0, 0, 0.1);
}
.btn-content {
position: relative;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
.btn-sparkle {
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(
90deg, 90deg,
transparent 0%, transparent 0%,
rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 50%,
transparent 100% transparent 100%
); );
animation: sparkleMove 2.5s ease-in-out infinite; animation: sparkleMove 2.5s ease-in-out infinite;
z-index: 1; z-index: 1;
} }
@keyframes sparkleMove {
0% { left: -100%; }
100% { left: 100%; }
}
.btn-hover {
opacity: 0.9;
transform: scale(0.98);
}
/* 底部安全区域 */
.safe-area {
height: 100rpx;
width: 100%;
}
/* 🔥🔥🔥【修改开始：新增透明按钮样式】 */
/* 说明：此样式仅作用于新增的 .avatar-trigger-button，使其透明并覆盖在头像区域 */
/* 此修改不会影响上方任何原有样式，仅新增样式规则 */
/* 确保头像区域为相对定位，作为透明按钮的定位参考 */
.avatar-section {
position: relative;
display: flex;
justify-content: center;
margin-bottom: 60rpx;
padding-top: 30rpx;
}
/* 透明功能按钮样式 */
.avatar-trigger-button {
/* 覆盖在原始头像容器上 */
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 200rpx;
height: 200rpx;
border-radius: 50%;
z-index: 100;
/* 关键：完全透明不可见 */
background: transparent;
border: none;
padding: 0;
margin: 0;
opacity: 0;
/* 清除所有默认样式 */
line-height: 1;
font-size: 0;
}
/* 移除按钮默认边框 */
.avatar-trigger-button::after {
border: none;
}
/* 🔥🔥🔥【修改结束】 */
/* ====== 以下为新增样式（手机号获取按钮） ====== */ @keyframes sparkleMove {
0% { left: -100%; }
100% { left: 100%; }
}
/* 手机号行布局 */ .btn-hover {
opacity: 0.9;
transform: scale(0.98);
}
/* ============ 手机号获取按钮 ============ */
.phone-row { .phone-row {
flex: 1; flex: 1;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
} }
/* 手机号文本 */ .phone-value {
.phone-value { font-size: 32rpx;
font-size: 32rpx; color: #333;
color: #333; flex: 1;
flex: 1; }
}
.get-phone-btn {
/* 获取手机号按钮 */ flex-shrink: 0;
.get-phone-btn { margin-left: 20rpx;
flex-shrink: 0; padding: 10rpx 24rpx;
margin-left: 20rpx; background: #4a6cf7;
padding: 10rpx 24rpx; color: #fff;
background: #4a6cf7; font-size: 26rpx;
color: #fff; border-radius: 40rpx;
font-size: 26rpx; border: none;
border-radius: 40rpx; line-height: 1.4;
border: none; height: 60rpx;
line-height: 1.4; display: flex;
height: 60rpx; align-items: center;
display: flex; justify-content: center;
align-items: center; }
justify-content: center;
} .phone-btn-hover {
opacity: 0.8;
.phone-btn-hover { }
opacity: 0.8;
} .safe-area {
height: 100rpx;
width: 100%;
}