add banbanmini
This commit is contained in:
78
banban-mini/src/app.scss
Normal file
78
banban-mini/src/app.scss
Normal file
@@ -0,0 +1,78 @@
|
||||
page {
|
||||
background-color: #F5F7FA;
|
||||
font-size: 28px;
|
||||
color: #333;
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
|
||||
}
|
||||
|
||||
.container {
|
||||
padding: 30px;
|
||||
}
|
||||
|
||||
.btn {
|
||||
padding: 20px 40px;
|
||||
background-color: #4A90E2;
|
||||
color: #fff;
|
||||
border-radius: 10px;
|
||||
border: none;
|
||||
font-size: 30px;
|
||||
|
||||
&.btn-outline {
|
||||
background-color: transparent;
|
||||
border: 2px solid #4A90E2;
|
||||
color: #4A90E2;
|
||||
}
|
||||
|
||||
&.btn-danger {
|
||||
background-color: #e74c3c;
|
||||
}
|
||||
|
||||
&.btn-success {
|
||||
background-color: #2ecc71;
|
||||
}
|
||||
|
||||
&:active {
|
||||
opacity: 0.8;
|
||||
}
|
||||
}
|
||||
|
||||
.card {
|
||||
background-color: #fff;
|
||||
border-radius: 16px;
|
||||
padding: 30px;
|
||||
margin-bottom: 20px;
|
||||
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 36px;
|
||||
font-weight: bold;
|
||||
margin-bottom: 20px;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.subtitle {
|
||||
font-size: 28px;
|
||||
color: #666;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.text-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.flex {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.flex-center {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.flex-between {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
Reference in New Issue
Block a user