style(小程序我的): 去除「我的服务宫格/账号绑定/登录其它端」三块 + 头像资料卡改玻璃材质(去外阴影/增透明/保留毛玻璃)

This commit is contained in:
Pine
2026-08-27 20:37:37 +08:00
parent 2251eb36a8
commit 702dc2feaa
2 changed files with 2 additions and 32 deletions
-30
View File
@@ -347,36 +347,6 @@ export default function Mine() {
<Button className="btn-ghost logout-btn" onClick={onLogout}>退出</Button>
</View>
{/* 我的服务宫格:报名 / 任务 / 园区 / 认证 */}
<View className="mk-grid">
{SVC.map(([label, url]) => (
<View className="mk-grid-item" key={label} onClick={() => Taro.navigateTo({ url })}>
<View className="mk-grid-ico"><Text>{label.slice(0, 1)}</Text></View>
<Text className="mk-grid-label">我的{label}</Text>
</View>
))}
</View>
{/* 账号绑定状态 */}
<View className="card bind-state">
<Text className="bind-title">账号绑定</Text>
<View className="bind-line"><Text className="bind-key">手机号</Text>
<Text className={`bind-val${user.phoneBound ? ' on' : ''}`}>{user.phoneBound ? maskPhone(user.phone) : '未绑定'}</Text>
</View>
<View className="bind-line"><Text className="bind-key">微信(开放平台)</Text>
<Text className={`bind-val${user.wxBound ? ' on' : ''}`}>{user.wxBound ? '已绑定' : '未绑定'}</Text>
</View>
<View className="bind-line"><Text className="bind-key">小程序</Text>
<Text className={`bind-val${user.wxMiniBound ? ' on' : ''}`}>{user.wxMiniBound ? '已绑定' : '未绑定'}</Text>
</View>
</View>
{/* 跨端口扫码登录:由电脑/网页登录页展示「小程序码」,微信扫码自动进入小程序授权页确认 */}
<View className="card next-card">
<Text className="next-lbl">登录其它端</Text>
<Text className="bind-tip">在电脑/网页登录页点小程序扫码用微信扫一扫进入小程序授权页确认即可登录</Text>
</View>
{/* 下一场活动倒计时(个人信息卡之后显示;取最早的待参加且未开始的报名场次) */}
{(() => {
const now = Date.now();
+2 -2
View File
@@ -97,11 +97,11 @@
/* 卡片 */
.mine-card {
background: rgba(255,255,255,0.55); backdrop-filter: blur(20px) saturate(160%); -webkit-backdrop-filter: blur(20px) saturate(160%);
background: rgba(255,255,255,0.48); backdrop-filter: blur(20px) saturate(160%); -webkit-backdrop-filter: blur(20px) saturate(160%);
border: 1rpx solid rgba(99, 132, 255, 0.14);
border-radius: 20px;
padding: 32rpx;
box-shadow: 0 12rpx 40rpx rgba(0, 0, 0, 0.45);
box-shadow: none;
}
.login-card {
display: flex;