joey5628/doodle-mini
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 优化页面样式

Browse Source
This commit is contained in:
R524809
2025-09-30 16:27:26 +08:00
parent b892b5625a
commit 3c6218616c
11 changed files with 238 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files
miniprogram/pages/shape/index.less
+50 -9
View File
@@ -14,7 +14,7 @@ page {
.wrapper {
background-color: #fff;
border-radius: 20rpx;
padding: 24rpx;
padding: 0 24rpx;
box-shadow: 0 6rpx 8rpx rgba(0, 0, 0, 0.15);
margin: 30rpx 0;
display: flex;
@@ -23,24 +23,65 @@ page {
.wrapper-title {
font-size: 32rpx;
color: #141414;
margin-bottom: 24rpx;
margin: 36rpx 0;
font-weight: bold;
text-align: center;
}
}
.btn-area {
display: flex;
flex-direction: row;
justify-content: space-between;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 38rpx;
}
.shape-list {
margin: 38rpx 0;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 38rpx;
}
.shape-list-empty {
display: flex;
flex-wrap: wrap;
column-gap: 50rpx;
row-gap: 24rpx;
justify-content: flex-start;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 60rpx 40rpx;
text-align: center;
.empty-icon {
width: 120rpx;
height: 120rpx;
background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 32rpx;
box-shadow: 0 4rpx 12rpx rgba(59, 130, 246, 0.15);
.toy-icon {
font-size: 48rpx;
color: #3b82f6;
}
}
.empty-title {
font-size: 32rpx;
font-weight: 600;
color: #374151;
margin-bottom: 16rpx;
line-height: 1.4;
}
.empty-desc {
font-size: 26rpx;
color: #6b7280;
line-height: 1.6;
margin-bottom: 32rpx;
max-width: 400rpx;
}
}
}