first commit

This commit is contained in:
编码猿
2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions

View File

@@ -0,0 +1,248 @@
body {
background: #f2f2f6;
}
.header {
width: 100%;
background: #fff;
padding: 0.23rem 0.3rem 0 0.21rem;
position: fixed;
z-index: 999;
box-sizing: border-box;
}
.header .screach {
display: flex;
align-items: center;
justify-content: flex-start
}
.header .screach .left {
width: 0.2rem;
height: 0.35rem;
margin-right: 0.48rem;
}
.header .screach div {
width: 6.31rem;
height: 0.6rem;
background-color: #f2f2f2;
border-radius: 0.3rem;
display: flex;
align-items: center;
}
.header .screach div img {
width: 0.32rem;
height: 0.34rem;
margin-left: 0.24rem;
margin-right: 0.18rem;
}
.header .screach div input {
font-family: PingFang-SC-Medium;
font-size: 0.26rem;
letter-spacing: 0rem;
color: #808080;
background: #f2f2f2;
}
.menu {
width: 100%;
overflow-x: scroll;
display: flex;
justify-content: space-between;
position: relative;
padding: 0.47rem 0.36rem 0.31rem 0.36rem;
white-space: nowrap;
box-sizing: border-box;
}
.menu li {
font-family: SimHei;
font-size: 0.3rem;
color: #424242;
margin-right: 0.39rem;
}
.menu li:first-child {
color: #5697f4;
position: relative;
}
.menu .active::after {
content: " ";
width: 0.31rem;
height: 0.04rem;
position: absolute;
bottom: 0;
left: 0.1rem;
background: #5697f4;
bottom: -0.27rem;
left: 50%;
transform: translate(-50%);
background: #5697f4;
}
.content {
position: absolute;
margin-top: 1.91rem;
}
.content>ul {}
.content ul li {
background: #fff;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 0.3rem 0.28rem 0.26rem 0.28rem;
margin-top: 0.12rem
}
.content .title {
display: flex;
align-items: center;
width: 100%;
justify-content: space-between;
}
.content .title div {
display: flex;
align-items: center;
}
.content .title div img {
width: 0.24rem;
height: 0.25rem;
}
.content .title div span {
font-family: PingFang-SC-Bold;
font-size: 0.26rem;
letter-spacing: 0.006rem;
color: #333333;
margin: 0 0.18rem
}
.content .title div img:last-child {
width: 0.1rem;
height: 0.18rem;
}
.content .title .comment {
font-family: PingFang-SC-Medium;
font-size: 0.26rem;
letter-spacing: 0.006rem;
color: #5697f4;
}
.product {
width: 100%
}
.product li {}
.product li img {
width: 1.36rem;
height: 1.37rem;
}
.product li .middle {}
.product li .name {
width: 3.86rem;
display: flex;
flex-direction: column;
}
.product li .name span {
font-family: PingFang-SC-Medium;
font-size: 0.3rem;
color: #444444;
margin-bottom: 0.29rem;
}
.product li .name span:last-child {
font-family: PingFang-SC-Medium;
font-size: 0.24rem;
color: #aaaaaa;
}
.product li .price {
display: flex;
flex-direction: column;
align-items: flex-end
}
.product li .price span {
font-family: PingFang-SC-Medium;
font-size: 0.3rem;
color: #000000;
}
.product li .price span:last-child {
font-family: PingFang-SC-Medium;
font-size: 0.24rem;
color: #aaaaaa;
}
.content .money {
display: flex;
flex-direction: column;
align-items: flex-end;
width: 100%;
}
.content .money span {
font-family: PingFang-SC-Medium;
font-size: 0.24rem;
color: #000000;
}
.money .bottom {
display: flex;
margin-top: 0.2rem;
}
.content .money .bottom .delete {
width: 1.28rem;
height: 0.46rem;
border-radius: 0.23rem;
border: solid 0.01rem #dddddd;
display: flex;
align-items: center;
justify-content: center;
margin-right: 0.11rem;
}
.content .money .bottom .delete span {
font-family: PingFang-SC-Medium;
font-size: 0.24rem;
color: #888888;
}
.content .money .bottom .pingjia {
width: 1.28rem;
height: 0.46rem;
border-radius: 0.23rem;
border: solid 0.01rem #5697f4;
display: flex;
align-items: center;
justify-content: center;
}
.content .money .bottom span {
font-family: PingFang-SC-Medium;
font-size: 0.24rem;
color: #5697f4;
}

View File

@@ -0,0 +1,361 @@
body {
background: #f2f2f2;
}
.header {
width: 100%;
height: 0.88rem;
background-color: #ffffff;
display: flex;
align-items: center;
position: fixed;
z-index: 999;
box-sizing: border-box;
top: 0
}
.header img {
width: 0.2rem;
height: 0.33rem;
margin-left: 0.3rem;
}
.header div {
font-family: PingFang-SC-Bold;
font-size: 0.34rem;
color: #333333;
margin-left: 2.58rem;
}
.centent {
margin-top: 0.88rem;
margin-bottom: 1rem;
}
.address {
display: flex;
width: 100%;
flex: 1;
justify-content: space-between;
background-image: url(../img/22/blue.png);
background-repeat: no-repeat;
background-size: contain;
}
.address .left {
align-items: center;
margin-left: 0.3rem;
}
.address .left .xinxi {
margin-top: 0.21rem;
}
.address .left .xinxi .name {
font-family: PingFang-SC-Bold;
font-size: 0.3rem;
color: #333333;
margin-right: 0.56rem;
}
.address .left .xinxi .number {
font-family: PingFang-SC-Medium;
font-size: 0.3rem;
color: #333333;
}
.address .left .dizhi {
font-family: PingFang-SC-Medium;
font-size: 0.24rem;
color: #333333;
margin-top: 0.17rem;
}
.address img {
width: 0.14rem;
height: 0.26rem;
margin-top: 0.37rem;
margin-bottom: 0.63rem;
margin-right: 0.3rem;
}
.centent .pay {
width: 100%;
height: 0.84rem;
background-color: #ffffff;
border-radius: 0.1rem;
margin-top: 0.19rem;
margin-bottom: 0.16rem;
display: flex;
justify-content: space-between;
align-items: center
}
.pay span {
font-family: PingFang-SC-Medium;
font-size: 0.28rem;
color: #333333;
}
.pay .left {
margin-left: 0.26rem;
}
.pay .right {
display: flex;
align-items: center
}
.pay .right img {
margin-left: 0.07rem;
width: 0.31rem;
height: 0.1rem;
margin-right: 0.44rem;
}
.store {}
.store li {
background: #ffffff;
}
.store li .shang {
margin-left: 0.24rem;
}
.store li .xia {
margin-left: 0.3rem;
}
/* 店铺名 */
.store li .name {
border-radius: 0.1rem 0.1rem 0rem 0rem;
padding-top: 0.2rem;
padding-bottom: 0.17rem;
}
.store li .name .home {
width: 0.24rem;
height: 0.22rem;
margin-right: 0.06rem;
}
.store li .name span {
font-size: 0.26rem;
color: #333333;
margin-right: 0.16rem;
}
.store li .name .more {
width: 0.1rem;
height: 0.19rem;
}
/* 商品信息 */
.goods {
padding-top: 0.29rem;
}
.goods li {
display: flex;
margin-bottom: 0.31rem;
}
.goods li img {
width: 2rem;
height: 1.65rem;
margin-right: 0.36rem;
}
.goods .right {}
.goods .right .top {
font-family: PingFang-SC-Medium;
font-size: 0.28rem;
color: #333333;
margin-right: 1.72rem;
}
.goods .right .middle .color {
margin-right: 0.36rem;
}
.goods .right .bottom {
margin-right: 0.76rem;
}
.goods .right .bottom .price {
margin-right: 2.64rem;
display: inline
}
.goods .right .bottom .price span {
font-family: PingFang-SC-Bold;
font-size: 0.34rem;
color: #ea4e3d;
}
.goods .right .bottom .price span:first-child {
font-family: PingFang-SC-Bold;
font-size: 0.2rem;
}
.goods .right .bottom .price span:last-child {
font-family: PingFang-SC-Bold;
font-size: 0.24rem;
}
.goods .right span {
font-family: PingFang-SC-Medium;
font-size: 0.2rem;
color: #999999;
}
/* 订单备注 */
.remarks {
width: 100%;
padding-top: 0.3rem;
padding-bottom: 0.29rem;
}
.remarks span {
font-family: PingFang-SC-Medium;
font-size: 0.3rem;
color: #333333;
margin-right: 0.31rem;
}
.remarks input {
width: 4.15rem;
height: 0.27rem;
font-family: PingFang-SC-Medium;
font-size: 0.26rem;
color: #aaaaaa;
border: 0;
}
.discount {
padding-top: 0.22rem;
padding-bottom: 0.04rem;
}
.discount li {
display: flex;
justify-content: space-between;
flex: 1;
margin-right: 0.28rem;
margin-bottom: 0.12rem;
}
.discount li span {
font-family: PingFang-SC-Medium;
font-size: 0.24rem;
color: #333333;
}
.discount li .five {
font-family: PingFang-SC-Medium;
font-size: 0.24rem;
color: #f09c48;
}
.xia .price {
padding-top: 0.3rem;
padding-bottom: 0.25rem;
}
.xia .price span {
font-family: PingFang-SC-Medium;
font-size: 0.3rem;
color: #333333;
margin-right: 4.3rem
}
.xia .price span:last-child {
font-family: PingFang-SC-Bold;
font-size: 0.34rem;
color: #ea4e3d;
margin-right: 0.26rem !important;
}
.footer {
margin-top: 0.22rem;
padding-top: 0.16rem;
padding-bottom: 0.1rem;
background: #ffffff;
display: flex;
justify-content: flex-end;
align-items: center;
position: fixed;
z-index: 999;
bottom: 0;
width: 100%;
}
.footer span {
font-family: PingFang-SC-Medium;
font-size: 0.26rem;
line-height: 0.2rem;
color: #999999;
}
.footer span:nth-child(2) {
margin-left: 0.14rem;
}
.footer span:nth-child(3) {
font-family: PingFang-SC-Bold;
font-size: 0.24rem;
line-height: 0.2rem;
color: #000000;
margin-left: 0.27rem;
}
.footer span:nth-child(4) {
font-family: PingFang-SC-Bold;
font-size: 0.3rem;
line-height: 0.2rem;
color: #000000;
margin-left: 0.06rem;
}
.footer div {
width: 1.92rem;
height: 0.66rem;
background-color: #5697f4;
border-radius: 0.33rem;
margin-right: 0.24rem;
margin-left: 0.42rem;
display: flex;
justify-content: center;
align-items: center
}
.footer div span {
font-family: PingFang-SC-Bold;
font-size: 0.28rem;
line-height: 0.2rem;
color: #ffffff;
}

View File

@@ -0,0 +1,282 @@
body {
width: 100%;
height: 100%;
background-image: url(../img/39/background.png);
background-size: cover;
}
.header {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0.37rem 0.37rem 0rem 0.37rem;
position: fixed;
z-index: 999;
box-sizing: border-box;
top: 0;
}
.header .picture {
width: 0.43rem;
height: 0.43rem;
}
.header div {
display: flex;
flex-direction: column;
}
.header .font {
display: flex;
}
.header ul li {
font-size: 0.3rem;
color: #fefefe;
text-shadow: 0.03rem 0.05rem 0.03rem rgb(0 0 0 / 74%);
margin-right: 0.23rem;
position: relative;
}
.header ul .active::after {
content: " ";
background-image: url(../img/39/underli.png);
position: absolute;
bottom: -0.1rem;
left: 50%;
transform: translate(-50%);
width: 0.35rem;
height: 0.02rem;
}
.content {
display: flex;
width: 100%;
height: calc(100vh - 1rem);
position: relative;
}
.left {
position: absolute;
bottom: 0;
left: 0.37rem
}
.left .top {
margin-bottom: 0.22rem;
display: flex;
align-items: center;
}
.left .top img {
width: 0.28rem;
height: 0.26rem;
margin-right: 0.1rem;
}
.left .top span {
font-family: PingFangSC-Regular;
font-size: 0.26rem;
color: #ffc600;
}
.left .top span:last-child {
padding-left: 0.3rem
}
.left .middle {
width: 5.65rem;
height: 1.68rem;
background-color: #ffffff;
display: flex;
align-items: center;
padding-left: 0.09rem;
}
.left .middle .tupian {
width: 1.48rem;
height: 1.48rem;
}
.left .middle .right {
margin-left: 0.15rem;
}
.left .middle .right span,
.left .middle .right .xia .price span {
font-family: PingFang-SC-Bold;
font-size: 0.28rem;
color: #333333;
}
.left .middle .right .xia {
display: flex;
justify-content: space-between;
align-items: flex-end;
margin-top: 0.2rem
}
.left .middle .right .xia div {}
.left .middle .right .xia .price {
display: flex;
align-items: center;
margin-bottom: 0.14rem;
}
.left .middle .right .xia .price .red {
width: 0.6rem;
height: 0.24rem;
background-color: #ea4e3d;
border-radius: 0.12rem;
display: flex;
align-items: center;
justify-content: center
}
.left .middle .right .xia .price .red span {
font-family: PingFang-SC-Regular;
font-size: 0.2rem;
color: #fffefe;
zoom: 0.8
}
.left .middle .right .xia div span {
font-family: PingFang-SC-Medium;
font-size: 0.2rem;
color: #626262;
display: block
}
.left .middle .right .shop {
width: 0.46rem;
height: 0.46rem;
}
.left .bottom {
display: flex;
align-items: center;
margin-top: 0.27rem;
margin-bottom: 0.13rem;
}
.left .bottom img {
width: 0.27rem;
height: 0.28rem;
margin-right: 0.13rem;
}
.left .bottom span {
font-family: PingFangSC-Regular;
font-size: 0.24rem;
color: #ffffff;
}
.content .user {
display: flex;
flex-direction: column;
align-items: center;
position: absolute;
bottom: 0;
right: 0;
}
.content .user .touxiang {
position: relative;
}
.content .user .touxiang img {
width: 0.96rem;
height: 0.97rem;
}
.content .user .touxiang img:last-child {
width: 0.34rem;
height: 0.33rem;
position: absolute;
left: 0.34rem;
bottom: -0.165rem;
}
.content .user ul {
margin-bottom: 0.14rem;
margin-left: 0.39rem;
margin-right: 0.35rem;
margin-top: 0.1rem;
}
.content .user ul li {
margin-top: 0.32rem;
}
.content .user ul li a {
display: flex;
flex-direction: column;
align-items: center
}
.content .user ul li a img {
width: 0.68rem;
height: 0.63rem;
margin-bottom: 0.1rem;
}
.content .user ul li a span {
font-family: SourceHanSansCN-Regular;
font-size: 0.2rem;
color: #ffffff;
}
.fooder {
width: 100%;
height: 1rem;
position: fixed;
z-index: 999;
background-color: #000000;
padding-left: 0.39rem;
padding-right: 0.54rem;
display: flex;
bottom: 0;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
}
.fooder li {
font-family: SourceHanSansCN-Regular;
font-size: 0.24rem;
color: #ffffff;
position: relative;
}
.fooder li:first-child {
font-family: AdobeHeitiStd-Regular;
font-size: 0.3rem;
color: #ffffff;
}
.fooder .active::after {
content: " ";
position: absolute;
width: 0.51rem;
height: 0.03rem;
background: #fff;
left: 50%;
transform: translate(-50%);
bottom: -50%;
}

View File

@@ -0,0 +1,301 @@
.header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 0.4rem;
position: fixed;
z-index: 999;
width: 100%;
padding-top: 0.38rem;
box-sizing: border-box;
top: 0;
}
.header ul {
display: flex;
}
.header ul li {
font-family: AdobeHeitiStd-Regular;
font-size: 0.36rem;
color: #ffffff;
margin-left: 0.34rem;
position: relative;
}
.header ul .active::after {
content: " ";
position: absolute;
bottom: -0.1rem;
width: 0.4rem;
height: 0.04rem;
background-color: #ffffff;
left: 50%;
transform: translate(-50%);
border-radius: 0.02rem;
}
.header img {
width: 0.62rem;
height: 0.48rem;
}
.content {
margin-bottom: 1rem;
}
.content .background {
width: 7.5rem;
height: 5.5rem;
}
.main {
margin-left: 0.24rem;
margin-right: 0.41rem;
}
.main>li {
display: flex;
justify-content: space-between;
margin-top: 0.42rem;
}
.main .left {
width: 0.86rem;
height: 0.86rem;
margin-right: 0.23rem;
position: relative;
}
.main .left img {
width: 0.86rem;
height: 0.86rem;
}
.main .left img:last-child {
width: 0.27rem;
height: 0.29rem;
position: absolute;
bottom: 0;
right: 0
}
.main .right {}
.main .right .name {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 0.23rem;
}
.main .right .name span {
font-family: PingFang-SC-Bold;
font-size: 0.3rem;
color: #5a6f92;
}
.main .right .name span:last-child {
font-family: PingFangSC-Regular;
font-size: 0.24rem;
color: #999999;
}
.main .right p {
font-family: PingFangSC-Regular;
font-size: 0.24rem;
color: #686868;
margin-bottom: 0.26rem;
}
.main .right .goods {
display: flex;
}
.main .right .goods li {
position: relative;
}
.main .right .goods li:nth-child(2) {
margin-left: 0.11rem;
margin-right: 0.11rem;
}
.main .right .goods li .tupian {
position: relative;
}
.main .right .goods li .tupian img {
width: 1.85rem;
height: 1.85rem
}
.main .right .goods li .tupian img:last-child {
height: 0.4rem;
position: absolute;
left: 0;
bottom: 0;
}
.main .right .goods li .price {
position: absolute;
display: flex;
align-items: center;
bottom: 0;
left: 0.85rem
}
.main .right .goods li .price img {
width: 0.12rem;
height: 0.16rem;
margin-right: 0.07rem;
}
.main .right .goods li .price span {
font-family: PingFang-SC-Medium;
font-size: 0.24rem;
color: #ffffff;
}
.main .right .goods li .price span:last-child {
font-size: 0.2rem;
}
.main .right .under {
margin-top: 0.27rem;
margin-right: 0.13rem
}
.main .right .hour {
display: flex;
justify-content: space-between;
align-items: center;
}
.main .right .time {}
.main .right .time span {
font-family: PingFangSC-Regular;
font-size: 0.24rem;
color: #989898;
}
.main .right .time span:last-child {
font-family: PingFangSC-Regular;
font-size: 0.2rem;
}
.main .right .drop {
width: 0.39rem;
height: 0.27rem;
background-color: #f1f1f1;
display: flex;
align-items: center;
justify-content: center
}
.main .right .drop img {
width: 0.2rem;
height: 0.05rem;
}
.comment {
margin-top: 0.38rem;
width: 5.7rem;
background-color: #f7f7f7;
border-radius: 0.1rem;
padding-left: 0.29rem;
padding-top: 0.28rem;
box-sizing: border-box;
padding-bottom: 0.2rem
}
.comment .like {
padding-bottom: 0.21rem
}
.comment .like img {
width: 0.29rem;
height: 0.26rem;
margin-right: 0.22rem;
}
.comment .like span {
font-family: PingFang-SC-Bold;
font-size: 0.3rem;
color: #5a6f92;
}
.comment .like span:nth-child(3) {
color: #3c3c3c;
}
.comment .discuss {}
.comment .discuss li {
margin-top: 0.21rem;
}
.comment .discuss li span {
font-family: PingFang-SC-Bold;
font-size: 0.3rem;
color: #5a6f92;
}
.comment .discuss li span:last-child {
font-family: PingFang-SC-Medium;
font-size: 0.3rem;
color: #0e0e0e;
}
.fooder {
height: 1rem;
background-color: #000000;
position: fixed;
z-index: 999;
width: 100%;
bottom: 0;
display: flex;
align-items: center;
justify-content: space-between;
padding-left: 0.39rem;
padding-right: 0.54rem;
box-sizing: border-box;
}
.fooder li {
font-family: AdobeHeitiStd-Regular;
font-size: 0.24rem;
color: #ffffff;
}
.fooder .active::after {
content: " ";
width: 0.51rem;
height: 0.03rem;
border-radius: 0.015rem;
position: absolute;
background: #ffffff;
background: #ffffff;
left: 50%;
transform: translate(-50%);
bottom: -0.2rem;
}
.fooder li:nth-child(3) {
font-family: AdobeHeitiStd-Regular;
font-size: 0.3rem;
color: #ffffff;
position: relative;
}

View File

@@ -0,0 +1,152 @@
body {
width: 100%;
height: 100%;
background-image: url(../img/70/background.png);
background-size: cover;
}
.background {
width: 7.5rem;
position: absolute;
z-index: -1;
}
.content {
width: 6rem;
height: 7rem;
background-color: #ffffff;
border-radius: 0.2rem;
position: relative;
left: 0.75rem;
top: 2.05rem;
}
.content>.background {
width: 6rem;
height: 4.57rem;
position: absolute;
z-index: 2;
}
.content .information {}
.content .data {
position: absolute;
z-index: 3;
}
.content .data {
display: flex;
flex-direction: column;
align-items: center;
position: absolute;
top: 1.3rem;
left: 1.14rem;
}
.touxiang {
width: 1.08rem;
height: 1.08rem;
border-radius: 100%;
border: 0.05rem solid #ffffff;
margin-bottom: 0.51rem;
}
.content .data span {
font-family: PingFang-SC-Medium;
font-size: 0.28rem;
color: #ffffff;
margin-bottom: 0.26rem;
}
.content .data div {}
.content .data div img {
width: 0.18rem;
height: 0.24rem;
margin-right: 0.13rem;
}
.content .data div span {
font-family: PingFang-SC-Medium;
font-size: 0.24rem;
color: #ffffff;
}
.content .QRcode {
position: absolute;
bottom: 0.29rem;
left: 1.59rem;
display: flex;
flex-direction: column;
align-items: center
}
.content .QRcode img {
width: 1.95rem;
height: 1.95rem;
position: relative;
z-index: 2;
margin-bottom: 0.26rem
}
.content .QRcode span {
font-family: PingFang-SC-Medium;
font-size: 0.28rem;
color: #333333;
}
.fooder {
background-color: #ffffff;
position: absolute;
bottom: 0;
width: 100%;
padding: 0.44rem 0.4rem 0.35rem 0.4rem;
box-sizing: border-box;
}
.fooder .top {
display: flex;
justify-content: space-between;
align-items: center
}
.fooder .top span {
font-family: PingFang-SC-Medium;
font-size: 0.34rem;
color: #333333;
}
.fooder .top img {
width: 0.24rem;
height: 0.24rem;
}
.fooder ul {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 0.34rem;
}
.fooder ul li {
display: flex;
align-items: center;
flex-direction: column;
margin-right: 0.8rem;
}
.fooder ul li img {
width: 1.08rem;
height: 1.08rem;
}
.fooder ul li div {
font-family: PingFang-SC-Medium;
font-size: 0.26rem;
color: #333333;
}

View File

@@ -0,0 +1,35 @@
body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
p {
margin: 0px;
padding: 0px;
}
body {
font-size: 0px;
}
html {
font-size: 0;
}
li {
list-style: none;
}
input {
border: none;
outline: none;
padding: 0;
}
a {
text-decoration: none;
}

View File

@@ -0,0 +1,3 @@
.line {
border-bottom: 0.01rem solid #f2f2f2
}