|
@@ -933,24 +933,28 @@ export default {
|
|
|
|
|
|
|
|
.function-grid {
|
|
.function-grid {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
- flex-wrap: wrap;
|
|
|
|
|
- gap: 12upx;
|
|
|
|
|
|
|
+ flex-wrap: nowrap;
|
|
|
|
|
+ gap: 8upx;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.function-grid.three-cols .function-item {
|
|
.function-grid.three-cols .function-item {
|
|
|
width: calc(33.33% - 8upx);
|
|
width: calc(33.33% - 8upx);
|
|
|
|
|
+ flex-shrink: 0;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.function-item {
|
|
.function-item {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
flex-direction: column;
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
- padding: 15upx 8upx;
|
|
|
|
|
|
|
+ padding: 15upx 3upx;
|
|
|
border-radius: 8upx;
|
|
border-radius: 8upx;
|
|
|
background: linear-gradient(135deg, #f8f9ff 0%, #ffffff 100%);
|
|
background: linear-gradient(135deg, #f8f9ff 0%, #ffffff 100%);
|
|
|
border: 1upx solid #f0f2f7;
|
|
border: 1upx solid #f0f2f7;
|
|
|
position: relative;
|
|
position: relative;
|
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
|
|
|
+ min-height: 90upx;
|
|
|
|
|
+ flex: 1;
|
|
|
|
|
+ min-width: 0;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.function-icon {
|
|
.function-icon {
|
|
@@ -986,13 +990,17 @@ export default {
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.function-name {
|
|
.function-name {
|
|
|
- font-size: 22upx;
|
|
|
|
|
|
|
+ font-size: 28upx;
|
|
|
color: #333333;
|
|
color: #333333;
|
|
|
font-weight: 500;
|
|
font-weight: 500;
|
|
|
text-align: center;
|
|
text-align: center;
|
|
|
line-height: 1.2;
|
|
line-height: 1.2;
|
|
|
position: relative;
|
|
position: relative;
|
|
|
z-index: 1;
|
|
z-index: 1;
|
|
|
|
|
+ white-space: nowrap;
|
|
|
|
|
+ overflow: hidden;
|
|
|
|
|
+ text-overflow: ellipsis;
|
|
|
|
|
+ max-width: 100%;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
/* 响应式优化 */
|
|
/* 响应式优化 */
|