feat:首页输入框、文字卡片
This commit is contained in:
@@ -0,0 +1,43 @@
|
||||
.word-card {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
// width: 324rpx;
|
||||
height: 100rpx;
|
||||
border-radius: 16rpx;
|
||||
background-color: #EEFCFC;
|
||||
align-items: center;
|
||||
box-shadow: 0 2rpx 2rpx rgba(0, 0, 0, 0.35);
|
||||
|
||||
.color-box {
|
||||
width: 60rpx;
|
||||
height: 60rpx;
|
||||
border-radius: 50%;
|
||||
background-color: #ff0000;
|
||||
margin-left: 20rpx;
|
||||
border: 1rpx solid #141414;
|
||||
}
|
||||
|
||||
.word-box {
|
||||
margin: 0 24rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 82rpx;
|
||||
height: 52rpx;
|
||||
border: 1rpx solid #000;
|
||||
background-color: #fff;
|
||||
|
||||
.word-content {
|
||||
font-size: 28rpx;
|
||||
color: #141414;
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.delete-icon {
|
||||
padding: 20rpx;
|
||||
margin-right: 8rpx;
|
||||
color: #141414;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user