Ui

yfx

2026-03-13 99ee2166fc440196bc55d4bf57ed98cc016d759a

Ui

 static/css/addAddr.css

New file
@@ -0,0 +1,118 @@
page{
    background-color: #f8f8f8;
    font-size: 28upx;
}
input{
    width: 50%;
    font-size: 28upx;
}
picker{
    width: 50%;
    font-size: 28upx;
}
.addr{
    background-color: #ffffff;
    padding: 10upx 0 0 0;
}
.addrItem{
    padding: 30upx;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eeeeee;
    position: relative;
}
.addrItem:last-child{
    border-bottom: none;
}
.addrItem .label{
    display: block;
    width: 200upx;
}
.addrItem image{
    position: absolute;
    width: 40upx;
    height: 40upx;
    right: 30upx;
    top: 27%;
}
.addrItem textarea{
    width: 70%;
    font-size: 28upx;
    height: 100upx;
}
.addrBtn{
    width: 90%;
    margin: 50upx auto 30upx;
    height: 90upx;
    background-color: #e3b400;
    color: #ffffff;
    letter-spacing: 10upx;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 28upx;
    border-radius: 50upx;
}
.tips{
    padding: 0 30upx;
    font-size: 24upx;
}
.tipsTitle{
    display: flex;
    align-items: center;
    margin-bottom: 20upx;
    font-size: 30upx;
    font-weight: 700;
    color: #333333;
}
.tips image{
    width: 38upx;
    height: 38upx;
    margin-right: 10upx;
}
.tipsDesc{
    font-size: 24upx;
    color: #666666;
    line-height: 40upx;
}
.tipsDesc text{
    color: #d34a06;
    font-weight: 700;
}
.area{
    color: #808080;
}
.code{
    width: 140upx;
    position: absolute;
    right: 30upx;
    text-align: center;
}
.code2{
    width: 140upx;
    text-align: center;
    position: absolute;
    right: 30upx;
    color: #808080;
}

.uni-list {
    background-color: #fff;
    position: relative;
    width: 70%;
    display: flex;
    flex-direction: column;
}
.uni-list-cell {
    position: relative;
    display: flex;
    float: left;
    margin-right: 40upx;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.uni-list-cell{
    justify-content: flex-start;
}

 static/css/address.css

New file
@@ -0,0 +1,68 @@
page{
    background-color: #fbf8f8;
    font-size: 26upx;
}
.addrItem{
    background-color: #ffffff;
    padding: 30upx 30upx 0 30upx;
    margin-bottom: 30upx;
    position: relative;
}
.addr-v{
    margin-bottom: 20upx;
}
.addr-v text{
    margin-right: 20upx;
}
.addr-c {
    border-top: 1px solid #eeeeee;
    text-align: right;
    height: 70upx;
    position: relative;
}
.addr-c-main{
    display: flex;
    position: absolute;
    right: 0;
}
.addr-c image{
    width: 34upx;
    height: 34upx;
    margin-right: 10upx;
}
.addr-c view{
    height: 70upx;
    display: flex;
    align-items: center;
}
.addr-c-c{
    margin-left: 80upx;
}
.addr-df{
    position: absolute;
    left: 0;
}
.rgt{
    width: 44upx;
    height: 44upx;
    position: absolute;
    right: 30upx;
    top: 22%;
}

.addrBtn{
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 99;
    height: 90upx;
    background-color: #e3b400;
    color: #ffffff;
    letter-spacing: 10upx;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 28upx;
}

 static/css/bank.css

New file
@@ -0,0 +1,69 @@
page{
    background-color: #fbf8f8;
    font-size: 26upx;
}

.bankItem{
    background-color: #ffffff;
    padding: 30upx 30upx 0 30upx;
    margin-bottom: 30upx;
    position: relative;
}
.bank-v{
    margin-bottom: 20upx;
}
.bank-v text{
    margin-right: 20upx;
}
.bank-c {
    border-top: 1px solid #eeeeee;
    text-align: right;
    height: 70upx;
    position: relative;
}
.bank-c-main{
    display: flex;
    position: absolute;
    right: 0;
}
.bank-c image{
    width: 34upx;
    height: 34upx;
    margin-right: 10upx;
}
.bank-c view{
    height: 70upx;
    display: flex;
    align-items: center;
}
.bank-c-c{
    margin-left: 80upx;
}
.bank-df{
    position: absolute;
    left: 0;
}
.rgt{
    width: 44upx;
    height: 44upx;
    position: absolute;
    right: 30upx;
    top: 22%;
}

.bankBtn{
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 99;
    height: 90upx;
    background-color: #e3b400;
    color: #ffffff;
    letter-spacing: 10upx;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 28upx;
}

 static/css/carts.css

New file
@@ -0,0 +1,159 @@
page{
    background-color: #fbf8f8;
    font-size: 26upx;
}
.cartsView{
    width: 94%;
    margin: 110upx auto 30upx;
    padding-bottom: 100upx;
}
.cartsItem{
    width: 100%;
    background-color: #ffffff;
    border-radius: 10upx;
    margin-bottom: 30upx;
    position: relative;
}
.cartTitle{
    border-bottom: 1px solid #eeeeee;
    padding: 20upx;
    display: flex;
    align-items: center;
}
.cIcon{
    width: 56upx;
    height: 56upx;
    margin-right: 10upx;
}
.cartsGoods{
    display: flex;
    padding: 30upx;
}
.cartsIcon{
    width: 140upx;
    border-radius: 10upx;
}
.carts-item{
    width: 75%;
    margin-left: 30upx;
}
.carts-title{
    padding: 0;
    font-size: 26upx;
    line-height: 42upx;
    font-weight: 700;
    color: #333;
    display: -webkit-box; /* 设置为WebKit内核的弹性盒子模型 */
    -webkit-box-orient: vertical; /* 垂直排列 */
    -webkit-line-clamp: 1; /* 限制显示两行 */
    overflow: hidden; /* 隐藏超出范围的内容 */
    text-overflow: ellipsis; /* 使用省略号 */
}

.carts-price{
    color: #F75451;
    font-size: 26upx;
    margin-top: 20upx;
    position: relative;
}
.red{
    font-size: 32upx !important;
    font-weight: 600;
    margin-left: 10upx;
}
.carts-nums{
    width: 180upx;
    position: absolute;
    right: 20upx;
    top: 60%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dddddd;
    border-radius: 10upx;
    height: 55upx;
}
.carts-nums view{
    height: 100%;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}
.carts-nums view:nth-child(1), .carts-nums view:nth-child(2){
    border-right: 1px solid #dddddd;
}
.carts-nums image{
    width: 40upx;
    height: 40upx;
}
.carts-nums input{
    text-align: center;
    font-size: 26upx;
}
.cartsControll{
    width: 100%;
    position: fixed;
    bottom: var(--window-bottom);
    left: 0;
    height: 100upx;
    background-color: #ffffff;
    border-top: 1px solid #f5e2e2;
}
.cartsControll-left{
    float: left;
    padding: 0 20upx;
    height: 100%;
    display: flex;
    align-items: center;
}
.chooseIcon{
    width: 56upx;
    height: 56upx;
    margin-right: 10upx;
}
.cartsControll-right{
    float: right;
    height: 100%;
    display: flex;
    align-items: center;
    padding-right: 30upx;
    color: #F75451;
    font-size: 26upx;
}
.cartsBtn{
    background: #e3b400;
    color: #ffffff;
    padding: 14upx 25upx;
    border-radius: 30upx;
    margin-left: 20upx;
}

.c-title{
    position: fixed;
    left: 0;
    top: var(--status-bar-height);
    z-index: 99;
    width: 100%;
    background-color: #ebebeb;
    height: 80upx;
}
.c-title text{
    display: inline-block;
    height: 100%;
    line-height: 80upx;
    font-size: 26upx;
    padding: 0 30upx;
}
.c-title view{
    float: right;
    display: inline-block;
    line-height: 80upx;
    font-size: 28upx;
    margin-right: 30upx;
}
.carts-price view{
    display: flex;
    align-items: center;
    margin-top: 4upx;
}

 static/css/cates.css

New file
@@ -0,0 +1,143 @@
.search{
    width: 100%;
    height: 90upx;
    background-color: #f5f5f5;
    z-index: 999;
    position: fixed;
    left: 0;
    top: var(--status-bar-height);
}
.searchView{
    width: 90%;
    margin: 15upx 5%;
    display: flex;
    position: relative;
    align-items: center;
}
.searchView image{
    width: 36upx;
    height: 36upx;
    position: absolute;
    left: 20upx;
    top: 14upx;
}
.searchView input{
    width: 75%;
    height: 60upx;
    background-color: #ffffff;
    font-size: 26upx;
    border-radius: 50upx;
    padding-left: 70upx;
}
.searchBtn{
    margin-left: 30upx;
    font-size: 26upx;
}

.catesMain{
    margin-top: 90upx;
    width: 100%;
    min-height: 500upx;
    display: flex;
}
.cates-left{
    position: fixed;
    top: 90upx;
    left: 0;
    font-size: 26upx;
    width: 160upx;
    height: 600upx;
    background-color: #f5f5f5;
}
.scroll-Y{
    width: 100%;
    height: 100%;
}
.cates-left view{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80upx;
    border-bottom: 1px solid #ffffff;
    color: #555555;
}

.cates-right{
    padding-bottom: var(--window-bottom);
}

.goods-list {
    position: relative;
}
.goods-item{
    float: left;
    border-radius: 18upx;
    background-color: #fbf8f8;
    margin-bottom: 30upx;
}
.goods-item:nth-child(2n+1){
    margin-left: 2%;
}
.goods-item:nth-child(2n){
    margin-left: 2%;
}
.goods-icon{
    width: 100%;
    border-radius: 10upx;
    margin-bottom: 20upx;
    height: 290upx;
}
.goods-price{
    margin-top: 16upx;
    display: flex;
    align-items: center;
    color: #F75451;
    font-size: 26upx;
    padding: 0 14upx;
    padding-bottom: 20upx;
}
.goods-price .red{
    margin-left: 10upx;
    font-size: 32upx !important;
    font-weight: 600;
}
.goods-title{
    padding: 0 14upx;
    font-size: 26upx;
    line-height: 42upx;
    font-weight: 700;
    color: #333;
    display: -webkit-box; /* 设置为WebKit内核的弹性盒子模型 */
    -webkit-box-orient: vertical; /* 垂直排列 */
    -webkit-line-clamp: 1; /* 限制显示两行 */
    overflow: hidden; /* 隐藏超出范围的内容 */
    text-overflow: ellipsis; /* 使用省略号 */
}

.scroll-view_H {
    white-space: nowrap;
    width: 100%;
}

.scroll-view-item_H {
    display: inline-block;
    width: 100%;
    height: 300rpx;
    line-height: 300rpx;
    text-align: center;
    font-size: 36rpx;
}

.cates-right{
    position: fixed;
    top: 90upx;
    left: 160upx;
    font-size: 26upx;
    width: 160upx;
}

.active{
    background-color: #ffffff;
    color: #e3b400 !important;
    font-weight: 700;
}

 static/css/collect.css

New file
@@ -0,0 +1,88 @@
.collect-title{
    position: fixed;
    left: 0;
    top: var(--status-bar-height);
    z-index: 99;
    width: 100%;
    background-color: #ebebeb;
    height: 80upx;
}

.collect-title text{
    display: inline-block;
    height: 100%;
    line-height: 80upx;
    font-size: 26upx;
    padding: 0 30upx;
}
.collect-title view{
    float: right;
    display: inline-block;
    line-height: 80upx;
    font-size: 28upx;
    margin-right: 50upx;
}
.goods-list{
    margin-top: 110upx;
    width: 96%;
    display: flex;
    margin-left: 2%;
    flex-wrap: wrap;
    justify-content: space-between;
}
.goods-item{
    position: relative;
    width: 48%;
    border-radius: 18upx;
    background-color: #fbf8f8;
    margin-bottom: 30upx;
}
.goods-icon{
    width: 100%;
    border-radius: 10upx;
    margin-bottom: 20upx;
}
.goods-price{
    margin-top: 16upx;
    display: flex;
    align-items: center;
    color: #F75451;
    font-size: 26upx;
    padding: 0 14upx;
    padding-bottom: 20upx;
}
.goods-price .red{
    margin-left: 10upx;
    font-size: 32upx !important;
    font-weight: 600;
}
.goods-title{
    padding: 0 14upx;
    font-size: 26upx;
    line-height: 42upx;
    font-weight: 700;
    color: #333;
    display: -webkit-box; /* 设置为WebKit内核的弹性盒子模型 */
    -webkit-box-orient: vertical; /* 垂直排列 */
    -webkit-line-clamp: 1; /* 限制显示两行 */
    overflow: hidden; /* 隐藏超出范围的内容 */
    text-overflow: ellipsis; /* 使用省略号 */
}
.checkImg{
    width: 56upx;
    height: 56upx;
    position: absolute;
    left: 20upx;
    top: 20upx;
    z-index: 9999;
}
.msk{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0upx;
    top: 0upx;
    background-color: #000000;
    opacity: .5;
    z-index: 999;
}

 static/css/customer.css

New file
@@ -0,0 +1,94 @@
.content {
    width: 94%;
    display: inline-block;
    padding: 30upx 3% 120upx 3%;
    flex-grow: 1;
}
.sendView {
    width: 100%;
    height: 100upx;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f5f5f5;
}
.sendView input{
    background-color: #ffffff;
    height: 70upx;
    border-radius: 30upx;
    padding: 0 30upx;
    width: 70%;
    font-size: 26upx;
}
.sendView view{
    width: 17%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 28upx;
}

.uView {
    width: 85%;
    display: flex;
    margin-bottom: 30upx;
}
.uView .avatar{
    width: 70upx;
    height: 70upx;
    margin-right: 30upx;
    border-radius: 50%;
}
.uView-c {
    position: relative;
    max-width: 77%;
    background-color: #f5f5f5;
    padding: 20upx;
    border-radius: 10upx;
    font-size: 27upx;
    line-height: 40upx;
}
.uView .r-icon{
    position: absolute;
    left: -24upx;
    top: 20upx;
    width: 30upx;
    height: 30upx;
    z-index: 99;
}

.cView {
    width: 85%;
    display: flex;
    float: right;
    justify-content: flex-end;
    margin-bottom: 30upx;
}
.cView .avatar{
    width: 70upx;
    height: 70upx;
    margin-left: 30upx;
    border-radius: 50%;
}
.cView-c {
    position: relative;
    max-width: 77%;
    background-color: #f5f5f5;
    padding: 20upx;
    border-radius: 10upx;
    font-size: 27upx;
    line-height: 40upx;
}
.cView .r-icon{
    position: absolute;
    right: -24upx;
    top: 20upx;
    width: 30upx;
    height: 30upx;
    z-index: 99;
    transform: rotate(180deg);
}

 static/css/edu.css

New file
@@ -0,0 +1,162 @@
page{
    font-size: 26upx;
}
.edu-icon{
    width: 120upx;
    height: 120upx;
    display: block;
    margin: 200upx auto 10upx;
}
.edu-desc{
    margin-top: 20upx;
    color: #666666;
    text-align: center;
}
.edu-loading{
    display: block;
    width: 300upx;
    height: 280upx;
    margin: -100upx auto 0;
}
.popup-content{
    position: relative;
}
.edu-close {
    width: 70upx;
    height: 70upx;
    position: absolute;
    right: -20upx;
    top: -20upx;
}
.edu-icon-1{
    width: 300upx;
    height: 100upx;
    display: block;
    margin: 0 auto 30upx;
}
.edu-icon-2 {
    width: 80%;
    height: 34upx;
    display: block;
    margin: 30upx auto;
}
.edu-view{	
    padding: 40upx 0 10upx;
    width: 560upx;
    border-radius: 50upx;
    background-color: #ffffff;
    background-size: 100% 100%;
}
.edu-view-desc{
    display: block;
    text-align: center;
    color: #666666;
    font-size: 24upx;
}
.edu-icon-3{
    width: 90%;
    display: block;
    height: 260upx;
    margin: 0 auto;
}
.edu-check{
    width: 90%;
    margin: 30upx 5% 10upx;
    display: flex;
    justify-content: center;
}
.edu-check image{
    width: 46upx;
    height: 46upx;
    display: block;
    margin-right: 10upx;
}
.edu-check view{
    width: 90%;
    color: #666666;
    font-size: 24upx;
    line-height: 40upx;
}
.edu-check view text{
    color: cornflowerblue;
}
.edu-btn{
    width: 500upx;
    height: 230upx;
    margin: 0 auto;
}
.edu-btn image{
    width: 100%;
    height: 100%;
}
.edu-over{
    width: 50%;
    margin: -20upx auto;
    height: 80upx;
    background-color: #e3b400;
    color: #ffffff;
    letter-spacing: 10upx;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 28upx;
    border-radius: 50upx;
}

@keyframes floatUp {
  from {
    transform: translateY(100%); /* 从元素原始位置向下移动100% */
    opacity: 0; /* 初始透明度为0 */
  }
  to {
    transform: translateY(0); /* 移动到原始位置 */
    opacity: 1; /* 完全不透明 */
  }
}
.popup-content {
  animation: floatUp 1s ease-out; /* 应用动画，持续时间为1秒，缓动函数为ease-out */
}
.edu-view2{
    border-radius: 30upx !important;
}
.edu-icon-succ{
    width: 140upx;
    height: 125upx;
    display: block;
    margin: 50upx auto;
}
.edu-icon-fail{
    width: 200upx;
    height: 100upx;
    display: block;
    margin: 50upx auto;
}
.edu-view-desc2{
    font-size: 36upx;
    font-weight: 700;
    text-align: center;
}
.edu-view-desc3{
    width: 80%;
    margin: 30upx auto;
    text-align: center;
    font-size: 26upx;
    color: #666666;
    line-height: 40upx;
}
.edu-btns{
    width: 94%;
    border-radius: 50upx;
    margin: 30upx auto 30upx;
    z-index: 99;
    height: 90upx;
    background-color: #e3b400;
    color: #ffffff;
    letter-spacing: 10upx;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 28upx;
}

 static/css/equity.css

New file
@@ -0,0 +1,22 @@
.equity{
    width: 100%;
    height: 100%;
    margin-bottom: 80upx;
}

.equBtn{
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 99;
    width: 100%;
    height: 90upx;
    background-color: #1c8bd9;
    color: #ffffff;
    letter-spacing: 10upx;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 28upx;
}

 static/css/ginfo.css

New file
@@ -0,0 +1,121 @@
.banner{
    width: 100%;
    margin: 0upx auto 30upx;
    position: relative;
}
.swiper, .swiper image{
    width: 100%;
    height: 700upx;
}
.backLeft{
    position: fixed;
    width: 60upx;
    height: 60upx;
    left: 30upx;
    top: 30upx;
    z-index: 999;
}
.bannerIndex{
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 10upx;
    bottom: 10upx;
    z-index: 999;
    font-size: 26upx;
    background-color: black;
    color: #ffffff;
    padding: 10upx 22upx;
    border-radius: 50upx;
    opacity: .8;
}

.gTitle{
    padding: 10upx 20upx;
    position: relative;
}
.collect{
    position: absolute;
    right: 30upx;
    bottom: 14upx;
    width: 52upx;
    height: 52upx;
}
.collect image{
    width: 100%;
    height: 100%;
}
.gTitle view:nth-child(1){
    font-size: 30upx;
    font-weight: 700;
    margin-bottom: 20upx;
}
.gTitle view:nth-child(2){
    font-size: 26upx;
    display: flex;
    align-items: center;
}
.gTitle view text:nth-child(1), .gTitle view text:nth-child(2){
    color: #F75451;
    font-weight: 700;
}
.gTitle view text:nth-child(2){
    font-size: 36upx;
    margin: 0 50upx 0 10upx;
}
.gInfo-title{
    width: 100%;
    text-align: center;
    font-size: 30upx;
    font-weight: 700;
    margin: 50upx 0 20upx;
}
.gInfo{
    padding-bottom: 110upx;
    font-size: 28upx;
}
.gBtn{
    width: 100%;
    height: 100upx;
    position: fixed;
    left: 0;
    display: flex;
    bottom: 0;
    z-index: 99;
    background-color: #ffffff;
    border-top: 1px solid #f5e2e2;
    font-size: 24upx;
}
.gBtn image{
    width: 44upx;
    height: 44upx;
    margin: 0 auto;
    display: block;
}
.gBtn .gBtn-view{
    display: flex;
    justify-content: center;
    align-items: center;
}
.gBtn-view{
    width: 20%;
}
.gBtn-buy{
    width: 60%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.gBtn-buy text{
    width: 88%;
    height: 78upx;
    border-radius: 50upx;
    background-color: #e3b400;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30upx;
    letter-spacing: 5upx;
}

 static/css/idcard.css

New file
@@ -0,0 +1,134 @@
page{
    background-color: #fbf8f8;
    font-size: 26upx;
}
.auth{
    padding-bottom: 60upx;
}
.tips{
    padding: 30upx;
}
.tips-title{
    font-size: 30upx;
    font-weight: 700;
    margin-bottom: 10upx;
}
.tips-desc{
    font-size: 24upx;
    color: #000000;
    line-height: 40upx;
}
.authView{
    width: 94%;
    margin: 50upx auto 30upx;
    padding: 30upx 0;
    background-color: #ffffff;
}
.auth-title{
    padding: 20upx 30upx;
}
.auth-title-w{
    font-weight: 700;
    font-size: 30upx;
}
.auth-tips{
    float: right;
    display: flex;
    align-items: center;
    font-size: 24upx;
    background-color: #e5eeff;
    padding: 8upx 20upx;
    border-radius: 30upx;
    font-weight: 700;
    margin-top: -8upx;
    color: #7e94bd;
}
.auth-tips image{
    width: 36upx;
    height: 36upx;
    margin-right: 10upx;
}
.auth-desc{
    padding: 0 30upx 20upx 30upx;
    font-size: 24upx;
    color: #666666;
    margin-bottom: 50upx;
}

.authImg{
    width: 400upx;
    margin: 0 auto 40upx;
    position: relative;
}
.authImg:last-child{
    margin: 0 auto;
}
.authImg image{
    width: 100%;
    height: 260upx;
    margin-bottom: 20upx;
    border: 1px solid #dddddd;
}
.authImg-desc{
    text-align: center;
    font-weight: 700;
}
.authImg-desc text:nth-child(2){
    color: #7e94bd;
}
.authBtn{
    width: 94%;
    margin: 10upx auto 30upx;
}
.addrItem{
    margin-bottom: 55upx;
}
.authBtn-icon{
    width: 48upx;
    height: 48upx;
    margin-top: 2upx;
    margin-right: 10upx;
}
.authBtn-desc{
    display: flex;
    align-items: center;
    font-size: 24upx;
}
.blue{
    color: #7e94bd;
}
.auth-btn{
    width: 100%;
    margin-top: 30upx;
    height: 90upx;
    background-color: #bfbfbf;
    color: #ffffff;
    letter-spacing: 10upx;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 28upx;
    border-radius: 50upx;
}
.authBtn .active{
    background-color: #e3b400;
}

.del{
    position: absolute;
    right: -15upx;
    top: -15upx;
    width: 56upx !important;
    height: 56upx !important;
    z-index: 999;
    border: none !important;
}
.realname{
    padding: 10upx 0;
    font-size: 24upx;
    margin-top: 20upx;
    color: #409EFF;
    background-color: #f3f3f3;
    border-radius: 10upx;
}

 static/css/index.css

New file
@@ -0,0 +1,553 @@
page{
    background-color: #EEEBEC;
    font-size: 24upx;
}
.status_bar {
    height: var(--status-bar-height);
    width: 100%;
}
.index-top{
    background: url(@/static/imgs/index-bg.png) no-repeat;
    background-size: 100% 100%;
    width: 100%;
}
.index-title{
    padding: 30rpx 0;
    display: flex;
}
.index-title-view{
    display: flex;
    align-items: center;
}
.index-title-view-lf{
    margin: 0 32rpx;
}
.index-title-view-lf image{
    width: 144rpx;
    height: 56rpx;
}
.index-title-view-lf2{
    width: 200rpx;
    height: 40rpx;
    background: #FF1472;
    border-radius: 8rpx 8rpx 8rpx 8rpx;
    text-align: center;
    color: #ffffff;
    line-height: 40rpx;
}
.index-title-view1{
    width: 62%;
}
.index-title-view2{
    width: 38%;
}
.index-title-view-rf {
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
}
.index-title-view-rf image{
    width: 40rpx;
    height: 40rpx;
    display: block;
    margin: 0 auto;
}
.search{
    width: 100%;
    display: flex;
    margin-top: 20upx;
    margin-bottom: 30upx;
}
.search-1{
    width: 76%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.search-1 input{
    width: 76%;
    height: 72rpx;
    background: #FFFFFF;
    border-radius: 50rpx;
    padding-left: 14%;
    font-size: 26upx;
}
.search-1 image{
    position: absolute;
    width: 40rpx;
    height: 40rpx;
    left: 8%;
}
.search-2{
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.search-2 view{
    width: 112rpx;
    height: 72rpx;
    text-align: center;
    line-height: 72rpx;
    color: #ffffff;
    background: #FF1472;
    border-radius: 200rpx;
}

.tabs{
    display: flex;
    margin-bottom: 20upx;
}
.tabs view{
    padding: 0 35rpx;
    margin-left: 35rpx;
    text-align: center;
    line-height: 56rpx;
    height: 56rpx;
    background: #F3F4F6;
    border-radius: 200rpx;
    color: #364153;
}
.tabs .active {
    color: #ffffff;
    background: #FF1472;
}

.banner{
    width: 94%;
    margin: 40upx auto 30upx;
}
uni-swiper-item{
    border-radius: 32rpx;
}
.swiper, .swiper image{
    width: 100%;
    height: 278rpx;
    border-radius: 32rpx;
}
.comm{
    width: 94%;
    margin: 20upx 3% 40upx;
    display: flex;
}
.comm .comm-1{
    width: 48%;
    height: 278rpx;
    border-radius: 32rpx;
    background-color: #ffffff;
}
.comm .comm-2{
    width: 4%;
    height: 278rpx;
}
.comm .comm-3{
    width: 48%;
    height: 278rpx;
    border-radius: 32rpx;
    background-color: #ffffff;
}
.comm-title image{
    width: 128rpx;
    height: 40rpx;
    margin: 24rpx 26rpx;
}
.comm-goods{
    display: flex;
}
.comm-goods .comm-goods-v{
    flex: 1;
    display: flex;
    text-align: center;
    justify-content: center;
}
.comm-goods-v text{
    font-family: PingFang SC, PingFang SC;
    font-weight: 600;
    font-size: 24rpx;
    color: #FB2C36;
    text-align: left;
    font-style: normal;
    text-transform: none;
}
.comm-goods image{
    width: 128rpx;
    height: 128rpx;
    border-radius: 20rpx;
}
.hots{
    width: 94%;
    margin: 20upx auto 40rpx;
    height: 280rpx;
    background: #FFFFFF;
    border-radius: 32rpx 32rpx 32rpx 32rpx;
}
.hots-title{
    padding: 24rpx 26rpx;
}
.hots-title .hots-icon{
    width: 192rpx;
    height: 40rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.hots-rgt{
    float: right;
    display: flex;
    align-items: center;
}
.hots-rgt text{
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 24rpx;
    color: #666666;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-right: 10rpx;
}
.hots-rgt image{
    width: 32rpx;
    height: 32rpx;
}
.hots-goods{
    display: flex;
}
.hots-goods .hots-goods-v{
    flex: 1;
    display: flex;
    text-align: center;
    justify-content: center;
}
.hots-goods-v text{
    font-family: PingFang SC, PingFang SC;
    font-weight: 600;
    font-size: 24rpx;
    color: #FB2C36;
    text-align: left;
    font-style: normal;
    text-transform: none;
}
.hots-goods image{
    width: 136rpx;
    height: 136rpx;
    border-radius: 20rpx;
}

.cates{
    width: 94%;
    margin: 0upx 3%;
    display: inline-block;
    border-top-left-radius: 10upx;
    border-top-right-radius: 10upx;
    padding: 0upx 0 0upx 0;
}
.cates-v{
    float: left;
    width: 20%;
    border-radius: 50%;
    margin-bottom: 0upx;
}
.cates-v-icon{
    width: 80upx;
    height: 80upx;
    display: block;
    margin: 40upx auto 20upx;
    border-radius: 50%;
}
.cates-v view{
    text-align: center;
    font-size: 24upx;
    color: #364153;
}
.goods-main{
    width: 94%;
    margin: 0upx auto 0upx;
    border-bottom-left-radius: 10upx;
    border-bottom-right-radius: 10upx;
    border-top: 1px solid #eeeeee;
}
.goods-main-title{
    padding: 20upx;
    display: flex;
    align-items: center;
    margin-bottom: 10upx;
}
.goods-main-icon{
    width: 70upx;
    height: 70upx;
    margin-right: 20upx;
    border-radius: 10upx;
}
.goods-main-title text{
    font-size: 30upx;
    color: #333333;
    font-weight: 700;
}
.goods-icon{
    width: auto;
    height: 340upx;
}
.goods-list{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.hyj{
    display: flex;
    justify-content: center;
    margin-left: 10rpx;
    margin-right: 10rpx;
}
.hyj image{
    width: 74rpx;
    height: 32rpx;
}
.goods-item{
    width: 48%;
    border-radius: 18upx;
    background-color: #fbf8f8;
    margin-bottom: 30upx;
}
.goods-icon{
    width: 100%;
    border-radius: 10upx;
    margin-bottom: 20upx;
}
.goods-price{
    margin-top: 16upx;
    display: flex;
    align-items: center;
    color: #F75451;
    font-size: 26upx;
    padding: 0 14upx;
    padding-bottom: 20upx;
}
.goods-price .red{
    font-size: 26upx !important;
    font-weight: 600;
}
.goods-title{
    padding: 0 14upx;
    font-size: 26upx;
    line-height: 42upx;
    font-weight: 700;
    color: #333;
    display: -webkit-box; /* 设置为WebKit内核的弹性盒子模型 */
    -webkit-box-orient: vertical; /* 垂直排列 */
    -webkit-line-clamp: 1; /* 限制显示两行 */
    overflow: hidden; /* 隐藏超出范围的内容 */
    text-overflow: ellipsis; /* 使用省略号 */
}

.more{
    position: absolute;
    right: 10upx;
    display: flex;
    justify-content: center;
    align-items: center;
}
.more image{
    width: 36upx;
    height: 36upx;
    margin-right: 30rpx;
}

.lingqu{
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 99999;
}
.lingqu .msk{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: .5;
    left: 0;
    top: 0;
}

.lingquMain{
    width: 70%;
    height: auto;
    position: absolute;
    top: 35%;
    left: 15%;
}
.lingquMain image{
    width: 100%;
    border-radius: 20upx;
}

.auth{
    width: 94%;
    margin: 30upx auto;
    height: 240upx;
}
.auth image{
    width: 100%;
    height: 100%;
    border-radius: 20upx;
}

@keyframes floatUp {
  from {
    transform: translateY(100%); /* 从元素原始位置向下移动100% */
    opacity: 0; /* 初始透明度为0 */
  }
  to {
    transform: translateY(0); /* 移动到原始位置 */
    opacity: 1; /* 完全不透明 */
  }
}
.popup-content {
  animation: floatUp 1s ease-out; /* 应用动画，持续时间为1秒，缓动函数为ease-out */
}
.edu-view{	
    padding: 40upx 0 10upx;
    width: 560upx;
    border-radius: 50upx;
    background-color: #ffffff;
    background-size: 100% 100%;
}
.edu-view2{
    border-radius: 30upx !important;
}
.edu-icon-succ{
    width: 140upx;
    height: 140upx;
    display: block;
    margin: 50upx auto;
}
.edu-icon-fail{
    width: 200upx;
    height: 100upx;
    display: block;
    margin: 50upx auto;
}
.edu-view-desc2{
    font-size: 36upx;
    font-weight: 700;
    text-align: center;
}
.edu-view-desc3{
    width: 80%;
    margin: 30upx auto;
    text-align: center;
    font-size: 26upx;
    color: #666666;
    line-height: 40upx;
}
.edu-btns{
    width: 94%;
    border-radius: 50upx;
    margin: 30upx auto 30upx;
    z-index: 99;
    height: 90upx;
    background-color: #e3b400;
    color: #ffffff;
    letter-spacing: 10upx;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 28upx;
}

.auth{
    position: relative;
}
.auth-over{
    background: linear-gradient(#e58585, #d19323);
    width: 100%;
    height: 100%;
    border-radius: 20upx;
}
.auth-over-edu{
    padding: 30upx 50upx;
    color: #ffffff;
}
.auth-over-edu text{
    display: block;
}
.auth-over-edu-til{
    font-weight: 500;
    font-size: 30upx;
    letter-spacing: 4upx;
    margin-bottom: 14upx;
}
.auth-over-edu-price{
    font-weight: 700;
    font-size: 80upx;
    letter-spacing: 5upx;
    margin-bottom: 14upx;
}
.auth-over-btn{
    position: absolute;
    right: 30upx;
    top: 38%;
    padding: 20upx 50upx;
    border-radius: 30upx;
    background: #ffffff;
    color: #333333;
    font-weight: 700;
    font-size: 28upx;
    box-shadow: 2px 2px 2px #d1233c;
}
.auth-over-edu-tip{
    font-weight: 700;
    font-size: 32upx;
    letter-spacing: 5upx;
    margin-bottom: 14upx;
}
.auth-2{
    height: auto;
}

.close-edu{
    position: absolute;
    width: 60upx;
    height: 60upx;
    right: 20upx;
    top: 20upx;
}

.scroll-view_H {
    white-space: nowrap;
    width: 100%;
    background-color: #eeeeee;
}

.scroll-view-item_H {
    display: inline-block;
    width: 25%;
    text-align: center;
    font-size: 26rpx;
    padding: 20upx 0;
}
.scroll-view-v{
    display: flex;
    align-items: center;
    justify-content: center;
}
.scroll-icon{
    width: 40upx;
    height: 40upx;
    border-radius: 30upx;
    margin-right: 10upx;
}
::-webkit-scrollbar {
  width: 0px !important; /* 滚动条宽度 */
}
/* 设置滚动条宽度 */
.uni-scroll-view::-webkit-scrollbar {
  width: 0px !important; /* 滚动条宽度 */
}
.scroll-active{
    background-color: #ffb16e;
    color: #ffffff;
}

 static/css/login.css

New file
@@ -0,0 +1,111 @@
page{
    font-size: 28upx;
}
.login-title{
    padding: 160upx 70upx 70upx 70upx;
}
.login-title-1{
    font-size: 40upx;
    font-weight: 700;
    color: #000000;
}
.login-title-2{
    font-size: 26upx;
    color: #000000;
    margin-top: 20upx;
}
.login-list{
    padding: 50upx 70upx;
}
.login-item{
    border-bottom: 1px solid #dddddd;
    padding-bottom: 10upx;
    margin-bottom: 80upx;
    position: relative;
}
.login-item:last-child{
    margin-bottom: 0;
}
.login-item input{
    font-size: 30upx;
    width: 60%;
}
.login-item text{
    position: absolute;
    right: 0;
    bottom: 14upx;
    font-size: 30upx;
}


.loginBtn{
    padding: 0 70upx;
}
.loginBtn-icon{
    width: 48upx;
    height: 48upx;
    margin-top: 2upx;
    margin-right: 10upx;
}
.loginBtn-desc{
    display: flex;
    align-items: center;
    font-size: 24upx;
}
.blue{
    color: #7e94bd;
}
.login-btn{
    width: 100%;
    margin-top: 30upx;
    height: 90upx;
    background-color: #bfbfbf;
    color: #ffffff;
    letter-spacing: 10upx;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 28upx;
    border-radius: 50upx;
}
.loginBtn .active{
    background-color: #e3b400;
}

.login-type{
    padding: 50upx 70upx 20upx 70upx;
}
.login-type .login-type-v{
    display: flex;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 20upx;
}
.login-type .login-type-v view{
    margin-right: 50upx;
    position: relative;
}
.login-type .active::after{
    position: absolute;
    content: '';
    height: 1px;
    width: 100%;
    background-color: #e3b400;
    left: 0;
    bottom: -10px;
}

.loginDesc{
    margin-top: 50upx;
    padding: 0 70upx;
}
.loginDesc .fl{
    float: left;
}
.loginDesc .fr{
    float: right;
}
.loginDesc .fc{
    width: 100%;
    text-align: center;
}

 static/css/logs.css

New file
@@ -0,0 +1,38 @@
page{
    background-color: #f5f5f7;
    font-size: 26upx;
}

.logsMain{
    width: 100%;
    margin-top: 30upx;
    background-color: #ffffff;
    padding: 30upx 0;
    position: relative;
}
.date{
    padding: 0 30upx;
    font-size: 28upx;
}
.const {
    margin-top: 20upx;
    display: flex;
    font-size: 28upx;
}
.const view:nth-child(1){
    margin: 0 30upx;
}
.controls{
    position: absolute;
    right: 30upx;
    top: 30%;
    background-color: #e3b400;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 26upx;
    border-radius: 16upx;
    padding: 16upx 40upx;
}

 static/css/my.css

New file
@@ -0,0 +1,129 @@
page{
    background-color: #f5f5f7;
    font-size: 26upx;
}
.myTop{
    padding: 120upx 0 50upx 0;
    width: 100%;
    background: linear-gradient(#b3a1cf 12%, #f8f8f8 96%);
    position: relative;
    display: inline-block;
}
.headimg{
    float: left;
    margin-left: 50upx;
    display: flex;
    align-items: center;
    font-size: 28upx;
}
.headimg image{
    width: 110upx;
    height: 110upx;
    margin-right: 20upx;
    border-radius: 50%;
}
.myNavs{
    width: 94%;
    margin: 0 3%;
    padding: 30upx 0;
    background-color: #ffffff;
    border-radius: 10upx;
}
.myNavs .myNavs-view{
    display: flex;
    padding-top: 30upx;
}
.myNavs .myNavs-view .myNavs-item{
    flex: 1;
}
.myNavs .myNavs-item-icon{
    display: block;
    width: 70upx;
    height: 70upx;
    margin: 0 auto 20upx;
}
.myNavs .myNavs-item-text{
    display: block;
    text-align: center;
}
.myNavs-tips{
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 30upx;
}
.myNavs-tips-text{
    padding: 0 30upx;
    font-size: 30upx;
    font-weight: 700;
}
.myNavs-tips-rgt{
    float: right;
    display: flex;
    align-items: center;
    color: #666666;
}
.myNavs-tips-rgt image{
    width: 36upx;
    height: 36upx;
    margin-right: 30rpx;
}

.myServe{
    width: 94%;
    margin: 40upx 3%;
    padding: 30upx 0 10upx 0;
    background-color: #ffffff;
    border-radius: 10upx;
}
.myServe-view{
    padding: 50upx 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.myServe-item{
    width: 33.33%;
    margin-bottom: 50upx;
}
.myServe-item image{
    display: block;
    width: 55upx;
    height: 55upx;
    margin: 0 auto 20upx;
}
.myServe-item text{
    display: block;
    text-align: center;
}
.myBeiAn{
    margin-top: 20upx;
    text-align: center;
    font-size: 24upx;
    color: #666666;
}
.myBeiAn view{
    margin-bottom: 10upx;
}
.edu{
    margin: 10upx 0 0 10upx;
    font-size: 24upx;
    color: #f92626;
    font-weight: 700;
}
.equity{
    position: relative;
    width: 94%;
    margin: 0 auto 40upx;
    height: 140upx;
}
.equity image{
    width: 100%;
    height: 100%;
}
.equity .times{
    position: absolute;
    left: 32%;
    top: 28%;
    color: #493b1c;
    font-size: 28upx;
    font-weight: 700;
}

 static/css/order.css

New file
@@ -0,0 +1,284 @@

page{
    background-color: #fbf8f8;
    font-size: 26upx;
}
.order-tab{
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    display: flex;
    height: 80upx;
    width: 100%;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #fbefef;
    color: #666666;
    background-color: #ffffff;
}

.order-tab view{
    flex: 1;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.order-tab .active::after{
    position: absolute;
    content: '';
    width: 50%;
    height: 3upx;
    background-color: #e3b400;
    left: 25%;
    bottom: 0;
}
.order{
    margin-top: 110upx;
    padding-bottom: 30upx;
}
.cartsItem{
    width: 94%;
    margin: 0 auto;
    background-color: #ffffff;
    border-radius: 10upx;
    margin-bottom: 30upx;
    position: relative;
}
.cartTitle{
    border-bottom: 1px solid #eeeeee;
    padding: 20upx;
    align-items: center;
}
.cartTitle view{
    display: flex;
}
.cartTitle .label{
    display: block;
    width: 90upx;
    margin-right: 20upx;
}

.cIcon{
    width: 56upx;
    height: 56upx;
    margin-right: 10upx;
}
.sn{
    margin-top: 20upx;
    padding: 0upx;
}
.cartsGoodsView{
    display: flex;
    padding: 30upx;
}
.cartsIcon{
    width: 140upx;
    border-radius: 10upx;
    border: 1px solid #eeeeee;
}
.carts-item{
    width: 75%;
    margin-left: 30upx;
}
.carts-title{
    padding: 0;
    font-size: 26upx;
    line-height: 42upx;
    font-weight: 700;
    color: #333;
    display: -webkit-box; /* 设置为WebKit内核的弹性盒子模型 */
    -webkit-box-orient: vertical; /* 垂直排列 */
    -webkit-line-clamp: 1; /* 限制显示两行 */
    overflow: hidden; /* 隐藏超出范围的内容 */
    text-overflow: ellipsis; /* 使用省略号 */
}

.carts-price{
    color: #F75451;
    font-size: 26upx;
    margin-top: 20upx;
    position: relative;
}
.red{
    font-size: 32upx !important;
    font-weight: 600;
    margin-left: 10upx;
    color: #F75451;
}

.cartsCon{
    padding: 30upx 0;
    border-top: 1px solid #fbefef;
    display: inline-block;
    width: 100%;
}
.cartsCon .total{
    float: left;
    margin-left: 30upx;
}
.cartsCon .cons{
    float: right;
    margin-top: 6upx;
    margin-right: 30upx;
}
.payOrder{
    background-color: #e3b400;
    color: #ffffff;
    border-radius: 10upx;
    padding: 10upx 30upx;
    margin-right: 10upx;
}

.payback{
    background-color: #f17e8e;
    color: #ffffff;
    border-radius: 10upx;
    padding: 10upx 30upx;
    margin-right: 10upx;
}

.exOrder{
    background-color: #00afe3;
    color: #ffffff;
    border-radius: 10upx;
    padding: 10upx 30upx;
    margin-right: 10upx;
}

.delOrder{
    margin-right: 10upx;
    background-color: #e97450;
    color: #ffffff;
    border-radius: 10upx;
    padding: 10upx 30upx;
}
.total{
	
}
.popup-content{
    width: 100%;
    background-color: #ffffff;
}
.pop-title{
    padding: 35upx 0;
    text-align: center;
    font-weight: 700;
    font-size: 30upx;
    border-bottom: 1px solid #eeeeee;
}
.pop-main{
    width: 100%;
    padding: 30upx auto;
    height: 800upx;
    overflow-y: auto;
}
.pop-main-view{
    padding: 0upx 0upx;
    position: relative;
    display: flex;
    width: 100%;
}
.pop-nums{
    width: 35%;
    position: relative;
    padding: 30upx 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pop-nums::after{
    position: absolute;
    right: 0;
    top: 0;
    content: '';
    height: 100%;
    width: 1px;
    background-color: #eeeeee;
}
.pop-main-view .pop-pay{
    width: 70%;
    padding: 20upx 0;
    border-bottom: 1px solid #eeeeee;
}
.pop-pay view{
    margin-bottom: 20upx;
    margin-left: 20upx;
    margin-right: 20upx;
    display: flex;
    align-items: center;
}
.pop-pay view:last-child{
    margin-bottom: 0;
}
.pop-pay image{
    width: 48upx;
    height: 48upx;
    margin-right: 20upx;
}
.status-name{
    position: absolute;
    right: 30upx;
}

.planBtn{
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    background-color: #e3b400;
    height: 88upx;
    color: #ffffff;
    text-align: center;
    line-height: 88upx;
    font-weight: 700;
    letter-spacing: 6upx;
    font-size: 28upx;
}

.orderDetail { 
    padding: 30upx;
}
.orderDetail text:nth-child(2){
    float: right;
}
.orderDetail-v{
    padding: 14upx 0;
    display: inline-block;
    width: 100%;
}
.orderplan{
    float: right;
}
.orderplan text{
    display: block;
    padding: 10upx 0;
}
.orderBtns{
    width: 100%;
    height: 99upx;
    position: fixed;
    left: 0;
    bottom: 0;
    background-color: #ffffff;
}
.orderBtns view{
    height: 99upx;
    line-height: 99upx;
    float: right;
    margin-right: 30upx;
}
.orderBtns-desc{
    float: left;
    margin-right: 30upx;
    line-height: 99upx;
    padding-left: 30upx;
}
.orderBtns-v text:nth-child(1){
    margin-left: 10upx;
}
.orderBtns-v text{
    margin-left: 30upx;
}

 static/css/pays.css

New file
@@ -0,0 +1,294 @@
page{
    background-color: #fbf8f8;
    font-size: 26upx;
}
.addr{
    width: 94%;
    margin: 0upx 3%;
    background-color: #ffffff;
    border-radius: 10upx;
    display: flex;
    align-items: center;
    padding: 30upx 0;
    position: relative;
}
.addr .addrImg{
    width: 56upx;
    height: 50upx;
    margin: 0 30upx;
}
.addrView view:nth-child(1){
    margin-bottom: 14upx;
}
.addrView text{
    margin-right: 20upx;
}
.addr .rgt{
    width: 40upx;
    height: 40upx;
    position: absolute;
    right: 10upx;
    top: 38%;
}
.goods{
    margin: 30upx auto;
    width: 94%;
    background-color: #ffffff;
}
.goodsMain{
    padding: 30upx;
    display: flex;
    position: relative;
}
.goods-icon{
    width: 140upx;
    height: 140upx;
    border-radius: 10upx;
    margin-right: 30upx;
}
.goods-info{
    width: 70%;
}
.goods-price{
    color: #F75451;
    display: flex;
    align-items: center;
}
.red{
    color: #F75451;
    margin-left: 10upx;
    font-size: 32upx !important;
    font-weight: 600;
}
.goods-title{
    margin-bottom: 14upx;
    padding: 0;
    font-size: 26upx;
    line-height: 42upx;
    font-weight: 700;
    color: #333;
    display: -webkit-box; /* 设置为WebKit内核的弹性盒子模型 */
    -webkit-box-orient: vertical; /* 垂直排列 */
    -webkit-line-clamp: 1; /* 限制显示两行 */
    overflow: hidden; /* 隐藏超出范围的内容 */
    text-overflow: ellipsis; /* 使用省略号 */
}
.total{
    width: 94%;
    padding: 0upx 0;
    margin: 0 3%;
    height: 100upx;
    background-color: #ffffff;
    text-align: right;
    align-items: center;
    display: inline-block;
}
.total view:nth-child(1){
    float: left;
    margin: 5upx 2%;
    height: 100upx;
    line-height: 100upx;
}
.total view:nth-child(2){
    float: left;
    margin: 5upx 1%;
    height: 100upx;
    line-height: 100upx;
}
.total view:nth-child(3){
    float: right;
    margin: 25upx 30upx;
    line-height: 50upx;
    height: 50upx;
    color: #ffffff;
    background-color: #e3b400;
    padding: 5upx 20upx;
    border-radius: 20upx;
}
.total-nums{
    width: 65%;
    display: flex;
    align-items: center;
}
.total-tips{
    padding: 0 30upx;
}
.total-price{
    margin: 0 10upx;
}
.cny{
    margin-right: 30upx;
}
.payment{
    width: 94%;
    padding: 30upx 0;
    margin: 30upx auto;
    background-color: #ffffff;
}
.p-title{
    margin-left: 30upx;
    font-size: 30upx;
    color: #333333;
    line-height: 60upx;
    display: flex;
    align-items: center;
    font-weight: 700;
}
.p-title view{
    position: absolute;
    right: 30upx;
    margin: 0upx;
    line-height: 50upx;
    height: 50upx;
    color: #ffffff;
    background-color: #e3b400;
    padding: 5upx 20upx;
    border-radius: 20upx;
}

.carts-nums{
    position: absolute;
    right: 10upx;
    width: 180upx;
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dddddd;
    border-radius: 10upx;
    height: 55upx;
}
.carts-nums view{
    height: 100%;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}
.carts-nums view:nth-child(1), .carts-nums view:nth-child(2){
    border-right: 1px solid #dddddd;
}
.carts-nums image{
    width: 40upx;
    height: 40upx;
}
.carts-nums input{
    text-align: center;
    font-size: 26upx;
}

.pay-li{
    padding: 30upx 30upx 0upx 30upx;
}
.pay-icon{
    width: 44upx;
    height: 44upx;
    margin-right: 20upx;
}
.pay-item{
    padding: 30upx 0;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #f7f2f2;
    position: relative;
}
.pay-item:last-child{
    padding-bottom: 0;
    border: none;
}

.pay-item .rgt{
    width: 60upx;
    height: 60upx;
    position: absolute;
    right: 0upx;
    top: 23%;
}

.paysBtn{
    width: 94%;
    border-radius: 50upx;
    margin: 30upx auto 30upx;
    z-index: 99;
    height: 90upx;
    background-color: #e3b400;
    color: #ffffff;
    letter-spacing: 10upx;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 28upx;
}
.addrView{
    width: 75%;
}

.popup-content{
    width: 100%;
    background-color: #ffffff;
}
.pop-title{
    padding: 35upx 0;
    text-align: center;
    font-weight: 700;
    font-size: 30upx;
    border-bottom: 1px solid #eeeeee;
}
.pop-main{
    width: 100%;
    overflow-y: auto;
    padding: 30upx auto;
}
.pop-main-view{
    padding: 0upx 0upx;
    position: relative;
    display: flex;
    width: 100%;
}
.pop-nums{
    width: 30%;
    position: relative;
    padding: 30upx 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pop-nums::after{
    position: absolute;
    right: 0;
    top: 0;
    content: '';
    height: 100%;
    width: 1px;
    background-color: #eeeeee;
}
.pop-main-view .pop-pay{
    width: 70%;
    padding: 30upx 0;
    border-bottom: 1px solid #eeeeee;
}
.pop-pay view{
    margin-bottom: 20upx;
    margin-left: 30upx;
}
.pop-pay view:last-child{
    margin-bottom: 0;
}

.authBtn-icon{
    width: 48upx;
    height: 48upx;
    margin-top: 4upx;
    margin-right: 10upx;
}
.authBtn-desc{
    display: flex;
    align-items: center;
    font-size: 24upx;
    width: 90%;
    margin: 0 5%;
}
.blue{
    color: #7e94bd;
}

 static/css/profile.css

New file
@@ -0,0 +1,66 @@
page{
    background-color: #f5f5f7;
    font-size: 26upx;
}
.profile{
    background-color: #ffffff;
}
.profile-item{
    width: 100%;
    display: flex;
    padding: 30upx 0;
    border-bottom: 1px solid #eeeeee;
}
.profile-item .label{
    display: block;
    display: flex;
    align-items: center;
    width: 200upx;
    margin-left: 30upx;
}
.profile-item view{
    text-align: right;
    width: 80%;
    display: block;
    padding: 0upx 0;
    margin-right: 30upx;
}
.profile-item input{
    font-size: 26upx;
    text-align: right;
    width: 100%;
}
.profile-item image{
    width: 80upx;
    height: 80upx;
}

.logout{
    width: 100%;
    margin: 30upx auto;
    height: 86upx;
    background-color: #ffffff;
    color: #333333;
    letter-spacing: 10upx;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 28upx;
}
.red{
    color: #ff5757;
}

.Copyright{
    padding-top: 30upx;
    width: 100%;
    color: #666666;
    text-align: center;
}
.Copyright view{
    margin-top: 20upx;
}
.Copyright view text{
    color: #0ca7e7;
}

 static/css/search.css

New file
@@ -0,0 +1,112 @@
.search{
    width: 100%;
    height: 90upx;
    background-color: #f5f5f5;
    z-index: 999;
    position: fixed;
    left: 0;
    top: var(--status-bar-height);
}
.searchView{
    width: 90%;
    margin: 15upx 5%;
    display: flex;
    position: relative;
    align-items: center;
}
.back{
    width: 100upx;
    font-size: 28upx;
}
.searchView image{
    width: 36upx;
    height: 36upx;
    position: absolute;
    left: 110upx;
    top: 14upx;
}
.searchView input{
    width: 58%;
    height: 60upx;
    background-color: #ffffff;
    font-size: 26upx;
    border-radius: 50upx;
    padding-left: 70upx;
}
.searchBtn{
    margin-left: 30upx;
    font-size: 26upx;
}
.searchKey{
    margin-top: 120upx;
    padding: 0 30upx;
}
.searchKey .title{
    font-weight: 700;
    font-size: 26upx;
    color: #333333;
    margin-bottom: 20upx;
}
.searchKey .item{
}
.searchKey .item view{
    float: left;
    background-color: #e7e7e7;
    color: #7f6a6a;
    font-size: 24upx;
    margin-bottom: 20upx;
    padding: 8upx 16upx;
    border-radius: 6upx;
    margin-right: 20upx;
}
.goodsData{
    margin-top: 120upx;
}
.goods-icon{
    width: 400upx;
    height: 400upx;
}
.goods-list{
    width: 96%;
    display: flex;
    margin-left: 2%;
    flex-wrap: wrap;
    justify-content: space-between;
}
.goods-item{
    width: 48%;
    border-radius: 18upx;
    background-color: #fbf8f8;
    margin-bottom: 30upx;
}
.goods-icon{
    width: 100%;
    border-radius: 10upx;
    margin-bottom: 20upx;
}
.goods-price{
    margin-top: 16upx;
    display: flex;
    align-items: center;
    color: #F75451;
    font-size: 26upx;
    padding: 0 14upx;
    padding-bottom: 20upx;
}
.goods-price .red{
    margin-left: 10upx;
    font-size: 32upx !important;
    font-weight: 600;
}
.goods-title{
    padding: 0 14upx;
    font-size: 26upx;
    line-height: 42upx;
    font-weight: 700;
    color: #333;
    display: -webkit-box; /* 设置为WebKit内核的弹性盒子模型 */
    -webkit-box-orient: vertical; /* 垂直排列 */
    -webkit-line-clamp: 1; /* 限制显示两行 */
    overflow: hidden; /* 隐藏超出范围的内容 */
    text-overflow: ellipsis; /* 使用省略号 */
}

 static/css/wallet.css

New file
@@ -0,0 +1,101 @@
.wallet-header{
    width: 100%;
    height: 400upx;
    background: linear-gradient(#b3a1cf 12%, #f8f8f8 96%);
    background-size: 100% 100%;
    background-position: 0% 0%;
    color: #ffffff;
}
.wallet-header-edu{
    padding: 70upx 0 50upx;
    text-align: center;
    font-size: 26upx;
}
.wallet-header-price{
    margin-bottom: 20upx;
    color: #ffffff;
}
.wallet-header-price text{
    font-size: 70upx;
    font-weight: 700;
    margin: 0 20upx;
    color: #ffffff;
}
.wallet-header-apply{
    width: 70%;
    margin: 0 15%;
    height: 80upx;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26upx;
    letter-spacing: 3upx;
    border-radius: 50upx;
    color: #ffffff;
    background-image: linear-gradient(to right, #ff6d07, #f98052);
    box-shadow: 1px 1px 1px 1px #f98052;
}

.wallet-goods-title{
    position: relative;
    padding-left: 40upx;
    font-size: 30upx;
    font-weight: 700;
    padding: 20upx 50upx;
    margin: 20upx 0;
}
.wallet-goods-title::after{
    content: '';
    position: absolute;
    left: 20upx;
    content: 0;
    width: 10upx;
    height: 55%;
    border-radius: 30upx;
    background-color: #FE8C1C;
}
.goods-list{
    width: 96%;
    display: flex;
    margin-left: 2%;
    flex-wrap: wrap;
    justify-content: space-between;
}
.goods-item{
    width: 48%;
    border-radius: 18upx;
    background-color: #fbf8f8;
    margin-bottom: 30upx;
}
.goods-icon{
    width: 100%;
    border-radius: 10upx;
    margin-bottom: 20upx;
    height: 350upx;
}
.goods-price{
    margin-top: 16upx;
    display: flex;
    align-items: center;
    color: #F75451;
    font-size: 26upx;
    padding: 0 14upx;
    padding-bottom: 20upx;
}
.goods-price .red{
    margin-left: 10upx;
    font-size: 32upx !important;
    font-weight: 600;
}
.goods-title{
    padding: 0 14upx;
    font-size: 26upx;
    line-height: 42upx;
    font-weight: 700;
    color: #333;
    display: -webkit-box; /* 设置为WebKit内核的弹性盒子模型 */
    -webkit-box-orient: vertical; /* 垂直排列 */
    -webkit-line-clamp: 1; /* 限制显示两行 */
    overflow: hidden; /* 隐藏超出范围的内容 */
    text-overflow: ellipsis; /* 使用省略号 */
}