wangtianjiao/vueapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 调整样式

Browse Source
This commit is contained in:
王天骄
2026-06-08 18:17:28 +08:00
parent 67b2f500c1
commit 3414d0662c
25 changed files with 60 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/assessment/assessment.vue
+18 -32
View File
@@ -5,14 +5,6 @@
<view class="back-icon"></view>
</button>
<text class="app-title">AI 学习助手</text>
<view class="header-actions">
<button class="icon-button" aria-label="分享" @click="showToast('分享功能即将开放')">
<view class="share-icon"></view>
</button>
<button class="icon-button" aria-label="更多" @click="showToast('更多报告操作即将开放')">
<view class="more-icon"></view>
</button>
</view>
</view>
<scroll-view class="report-content" scroll-y>
@@ -277,11 +269,16 @@ page {
-webkit-backdrop-filter: blur(12px);
display: flex;
align-items: center;
justify-content: center;
transform: translateX(-50%);
}
.app-title {
margin-left: 8px;
position: absolute;
left: 50%;
top: 50%;
margin-left: 0;
transform: translate(-50%, -50%);
color: #191c21;
font-size: 20px;
line-height: 28px;
@@ -289,13 +286,6 @@ page {
letter-spacing: 0;
}
.header-actions {
margin-left: auto;
display: flex;
align-items: center;
gap: 8px;
}
.icon-button,
.read-button,
.download-button,
@@ -313,6 +303,9 @@ page {
}
.icon-button {
position: absolute;
left: 16px;
top: 8px;
width: 40px;
height: 40px;
border-radius: 50%;
@@ -326,8 +319,6 @@ page {
}
.back-icon,
.share-icon,
.more-icon,
.hub-icon,
.analytics-icon,
.arrow-forward-icon {
@@ -348,20 +339,6 @@ page {
mask-image: url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.42-1.41L7.83%2013H20v-2z'/%3E%3C/svg%3E");
}
.share-icon {
width: 22px;
height: 22px;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M18%2016.08c-.76%200-1.44.3-1.96.77L8.91%2012.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11A2.99%202.99%200%201%200%2015%205c0%20.24.04.47.09.7L8.04%209.81A3%203%200%201%200%208.04%2014l7.12%204.18c-.05.21-.08.43-.08.65a2.92%202.92%200%201%200%202.92-2.75z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M18%2016.08c-.76%200-1.44.3-1.96.77L8.91%2012.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11A2.99%202.99%200%201%200%2015%205c0%20.24.04.47.09.7L8.04%209.81A3%203%200%201%200%208.04%2014l7.12%204.18c-.05.21-.08.43-.08.65a2.92%202.92%200%201%200%202.92-2.75z'/%3E%3C/svg%3E");
}
.more-icon {
width: 24px;
height: 24px;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M12%208a2%202%200%201%200%200-4%202%202%200%200%200%200%204zm0%202a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm0%206a2%202%200%201%200%200%204%202%202%200%200%200%200-4z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M12%208a2%202%200%201%200%200-4%202%202%200%200%200%200%204zm0%202a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm0%206a2%202%200%201%200%200%204%202%202%200%200%200%200-4z'/%3E%3C/svg%3E");
}
.report-content {
width: 100%;
height: calc(100vh - 145px);
@@ -680,14 +657,18 @@ page {
.mentor-action-row {
margin-top: 16px;
width: 100%;
display: flex;
justify-content: flex-end;
}
.read-button {
width: fit-content;
min-height: 32px;
margin: 0 0 0 auto;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 4px;
color: #00478d;
font-size: 14px;
@@ -729,10 +710,15 @@ page {
.next-button {
flex: 1;
min-height: 48px;
padding: 0 10px;
border-radius: 8px;
font-size: 14px;
line-height: 20px;
font-weight: 600;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.download-button {