style(小程序我的): 去除「我的服务宫格/账号绑定/登录其它端」三块 + 头像资料卡改玻璃材质(去外阴影/增透明/保留毛玻璃)
This commit is contained in:
@@ -347,36 +347,6 @@ export default function Mine() {
|
|||||||
<Button className="btn-ghost logout-btn" onClick={onLogout}>退出</Button>
|
<Button className="btn-ghost logout-btn" onClick={onLogout}>退出</Button>
|
||||||
</View>
|
</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();
|
const now = Date.now();
|
||||||
|
|||||||
@@ -97,11 +97,11 @@
|
|||||||
|
|
||||||
/* 卡片 */
|
/* 卡片 */
|
||||||
.mine-card {
|
.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: 1rpx solid rgba(99, 132, 255, 0.14);
|
||||||
border-radius: 20px;
|
border-radius: 20px;
|
||||||
padding: 32rpx;
|
padding: 32rpx;
|
||||||
box-shadow: 0 12rpx 40rpx rgba(0, 0, 0, 0.45);
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
.login-card {
|
.login-card {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|||||||
Reference in New Issue
Block a user