Browse Source

优化认证页面提示样式,添加渐变背景和视觉图标

蛋吧eggbar
徐飞洋 1 month ago
parent
commit
52acdd4d04
  1. 2
      pages/evaluate2/index.wxml
  2. 2
      pages/profile/authentication/index.wxml
  3. 30
      pages/profile/authentication/index.wxss

2
pages/evaluate2/index.wxml

@ -6,7 +6,7 @@
</view> </view>
</view> </view>
<view class="content"> <view class="content" style="width: 512rpx; height: 2089rpx; display: block; box-sizing: border-box">
<!-- 加载中状态 --> <!-- 加载中状态 -->
<view wx:if="{{loading}}" class="loading"> <view wx:if="{{loading}}" class="loading">
<view class="loading-spinner"></view> <view class="loading-spinner"></view>

2
pages/profile/authentication/index.wxml

@ -1,6 +1,6 @@
<view class="container"> <view class="container">
<!-- 当前认证资料 --> <!-- 当前认证资料 -->
<view class="big-title">当前认证材料</view> <view class="big-title">提示:只有认证通过后,才能使用估价功能和对比价格功能,重复提交会重置登录权限!</view>
<!-- 身份证上传区域 --> <!-- 身份证上传区域 -->
<view class="upload-section"> <view class="upload-section">

30
pages/profile/authentication/index.wxss

@ -6,6 +6,36 @@
padding-bottom: 40rpx; padding-bottom: 40rpx;
} }
/* 大标题提示 */
.big-title {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
font-size: 28rpx;
font-weight: 500;
padding: 24rpx 30rpx;
margin: 20rpx 30rpx;
border-radius: 16rpx;
box-shadow: 0 4rpx 12rpx rgba(102, 126, 234, 0.3);
display: flex;
align-items: center;
line-height: 1.6;
}
.big-title::before {
content: "!";
display: inline-flex;
align-items: center;
justify-content: center;
width: 40rpx;
height: 40rpx;
background-color: rgba(255, 255, 255, 0.3);
border-radius: 50%;
font-size: 28rpx;
font-weight: bold;
margin-right: 16rpx;
flex-shrink: 0;
}
/* 顶部导航栏 */ /* 顶部导航栏 */
.header { .header {
display: flex; display: flex;

Loading…
Cancel
Save