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:
joey
2025-06-26 16:32:57 +08:00
parent 9ffa009786
commit 0992d9f2d1
13 changed files with 357 additions and 212 deletions
Download Patch File Download Diff File Expand all files Collapse all files
miniprogram/pages/index/index.less
+54 -133
View File
@@ -7,48 +7,64 @@ page {
padding: 0 24rpx;
box-sizing: border-box;
.wrapper {
background-color: #ffffff;
border-radius: 20rpx;
padding: 30rpx;
box-shadow: 0 3rpx 4rpx rgba(0, 0, 0, 0.15);
margin: 30rpx 0;
display: flex;
flex-direction: column;
.wrapper-title {
font-size: 32rpx;
color: #141414;
margin-bottom: 30rpx;
font-weight: bold;
text-align: center;
}
&.hidden {
visibility: hidden;
}
}
// #previewWrapper {
// margin-bottom: 200rpx;
// }
.word-card-box {
margin-top: 30rpx;
}
.word-card-list {
display: flex;
flex-direction: row;
justify-content: space-between;
margin-bottom: 24rpx;
}
.empty {
height: 190rpx;
}
}
.setting-wrapper {
background-color: #ffffff;
border-radius: 20rpx;
padding: 24rpx;
box-shadow: 0 3rpx 4rpx rgba(0, 0, 0, 0.15);
margin: 30rpx 0;
display: flex;
flex-direction: column;
.wrapper-title {
font-size: 32rpx;
color: #141414;
margin-bottom: 30rpx;
font-weight: bold;
text-align: center;
}
&.hidden {
visibility: hidden;
}
.word-card-box {
margin-top: 30rpx;
.word-card-list {
display: flex;
flex-direction: row;
justify-content: space-between;
margin-bottom: 24rpx;
}
}
.word-input-box {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.operation-box {
display: flex;
flex-direction: row;
justify-content: space-between;
}
}
.operation-box {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.canvas-wrapper {
margin-top: 20rpx;
width: 100%;
@@ -73,99 +89,4 @@ page {
box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.25);
padding-top: 24rpx;
box-sizing: border-box;
}
/* .btn-green {
display: flex;
justify-content: center;
align-items: center;
height: 86rpx;
width: 680rpx;
border-radius: 18rpx;
background: rgba(147, 211, 51, 1);
box-shadow: 0px 10rpx 4rpx rgba(121, 185, 21, 1);
font-size: 32rpx;
font-weight: bold;
color: #fff;
margin-top: 24rpx;
.btn-text {
margin-left: 24rpx;
}
&.disabled {
background: rgba(147, 211, 51, 0.5);
box-shadow: 0px 10rpx 4rpx rgba(121, 185, 21, 0.5);
}
}
*/
/* .color-picker-popup {
border-radius: 20rpx;
.color-picker-container {
width: 642rpx;
// height: 876rpx;
background-color: #fff;
border-radius: 20rpx;
box-shadow: 0 3rpx 4rpx rgba(0, 0, 0, 0.15);
display: flex;
flex-direction: column;
padding: 36rpx 36rpx;
box-sizing: border-box;
align-items: center;
.color-picker-title {
font-size: 32rpx;
color: #141414;
font-weight: bold;
margin-bottom: 30rpx;
}
.color-options-title {
width: 100%;
height: 1rpx;
position: relative;
padding: 20rpx 0;
.color-options-title-text {
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
top: 50%;
font-size: 28rpx;
color: #666;
padding: 0 20rpx;
background-color: #fff;
}
.color-options-title-line {
margin: 0 14rpx;
height: 1rpx;
background-color: #999;
}
}
.color-options {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 20rpx 0;
.color-option {
width: 60rpx;
height: 60rpx;
border-radius: 6rpx;
margin: 14rpx;
display: inline-block;
cursor: pointer;
border: 1rpx solid #ccc;
box-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.1);
}
}
}
} */
}