feat: 初始化

This commit is contained in:
George
2025-07-07 15:55:44 +08:00
commit 9b7bfcfe5a
969 changed files with 123036 additions and 0 deletions

View File

@ -0,0 +1,143 @@
.container {
padding: 14px 40upx 16px;
.title {
margin: 0 0 15px;
}
}
.content {
position: relative;
display: flex;
flex-direction: column;
row-gap: 40upx;
background-image: url('../../../static/shop-bg.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 100%;
}
.filter {
width: 100%;
display: flex;
margin-bottom: 44upx;
flex-shrink: 0;
}
.shop-btn {
flex-shrink: 0;
display: flex;
justify-content: center;
align-items: center;
height: 60upx;
font-size: 28upx;
color: rgba(15, 54, 117, 1);
background: linear-gradient(90deg, #29C1E5 0%, #B5E3F0 100%);
border-radius: 0px;
cursor: pointer;
&::after{ border: none;}
}
.shop-dark-btn {
flex-shrink: 0;
display: flex;
justify-content: center;
align-items: center;
height: 60upx;
font-size: 28upx;
color: #fff;
background: linear-gradient(90deg, #103776 0%, #6374AE 100%);
border-radius: 0px;
cursor: pointer;
&::after{ border: none;}
}
.goods-type {
flex-shrink: 0;
color: #fff;
font-size: 28upx;
font-weight: 400;
cursor: pointer;
}
.goods-type-active {
color: #25C0E5;
}
.filter-input {
color: #29BBE4;
width: 100%;
font-size: 28upx !important;
border-radius: 100px;
border: 1px solid rgba(255, 255, 255, 0.2);
padding: 0 20upx;
height: 60upx;
}
.goods-list {
height: 100%;
flex-grow: 0;
flex-shrink: 1;
width: 100%;
overflow: hidden;
&::-webkit-scrollbar {
display: none !important;
}
}
.goods-item {
width: 328upx;
height: 332upx;
border-radius: 8px;
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(41, 187, 228, 0.36);
backdrop-filter: blur(10px);
overflow: hidden;
cursor: pointer;
.img {
width: 100%;
height: 226upx;
vertical-align: bottom;
}
.info {
padding: 10upx 20upx 10upx;
min-height: 106upx;
box-sizing: border-box;
display: flex;
flex-direction: column;
.goods-title {
margin-bottom: auto;
font-size: 28upx;
font-weight: 700;
color: #fff;
}
.goods-footer {
width: 100%;
color: rgba(37, 192, 229, 1);
font-size: 24upx;
font-weight: 400;
display: flex;
}
}
}
.uni-ellipsis {
/* #ifndef APP-NVUE */
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
/* #endif */
/* #ifdef APP-NVUE */
lines: 1;
text-overflow: ellipsis;
/* #endif */
}