You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
94 lines
1.8 KiB
94 lines
1.8 KiB
/* ./src/index.css */
|
|
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
page{
|
|
background-color: #f5f5f5;
|
|
background-repeat: no-repeat;
|
|
background-size: 100%;
|
|
background-position: bottom;
|
|
}
|
|
|
|
// 在全局样式文件中添加
|
|
button {
|
|
&::after {
|
|
border: none !important;
|
|
}
|
|
}
|
|
|
|
// 去掉 Grid 组件的边框
|
|
.no-border-grid {
|
|
.nut-grid-item {
|
|
border: none !important;
|
|
border-right: none !important;
|
|
border-bottom: none !important;
|
|
|
|
&::after {
|
|
border: none !important;
|
|
}
|
|
}
|
|
|
|
.nut-grid {
|
|
border: none !important;
|
|
|
|
&::after {
|
|
border: none !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
// 微信授权按钮的特殊样式
|
|
button[open-type="getPhoneNumber"] {
|
|
background: none !important;
|
|
padding: 0 !important;
|
|
margin: 0 !important;
|
|
border: none !important;
|
|
line-height: inherit !important;
|
|
border-radius: 0 !important;
|
|
}
|
|
button[open-type="chooseAvatar"] {
|
|
background: none !important;
|
|
padding: 0 !important;
|
|
margin: 0 !important;
|
|
border: none !important;
|
|
line-height: inherit !important;
|
|
border-radius: 0 !important;
|
|
}
|
|
|
|
.buy-btn{
|
|
height: 70px;
|
|
background: linear-gradient(to bottom, #1cd98a, #24ca94);
|
|
border-radius: 100px;
|
|
color: #ffffff;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-around;
|
|
.cart-icon{
|
|
background: linear-gradient(to bottom, #bbe094, #4ee265);
|
|
border-radius: 100px 0 0 100px;
|
|
height: 70px;
|
|
}
|
|
.cart-add{
|
|
background: #e9fff2;
|
|
color: #333333;
|
|
border-radius: 20px 0 0 20px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
height: 80px;
|
|
}
|
|
.cart-buy{
|
|
background: linear-gradient(-45deg, #1fbfa2, #94e0ce);
|
|
color: #ffffff;
|
|
border-radius: 0 20px 20px 0;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
height: 80px;
|
|
}
|
|
}
|
|
|
|
image {
|
|
margin: 0; /* 全局设置图片的 margin */
|
|
}
|