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,342 @@
@import "../_";
.index{
}
.header{
position: fixed;
background: #fff;
top: 0;
left: 0;
right: 0;
z-index: 999;
padding-left: 32rpx;
padding-right: 32rpx;
padding-top:calc(var(--status-bar-height) + 16px);
padding-bottom: 32rpx;
border-bottom: 1px solid #f5f5f5;
.search{
height: 80rpx;
background: #f5f5f5;
border-radius: 8rpx;
font-size: 32rpx;
color: #999;
display: flex;
align-items: center;
padding-left: 30rpx;
}
.iconfont{
margin-right: 20rpx;
margin-top: 4rpx;
font-size: 40rpx;
}
span{
font-size: 32rpx;
color: #999;
}
}
.content{
margin-top:calc(var(--status-bar-height) + 150rpx);
padding-left: 32rpx;
padding-right: 32rpx;
}
.title_a{
font-size: 60rpx;
font-weight: 600;
color: #333;
line-height: 72rpx;
margin-bottom: 32rpx;
}
.banner{
width: 100%;
border-radius: 30rpx;
height: 100%;
}
.title_b{
margin-top: 20rpx;
font-size: 60rpx;
font-weight: 600;
color: #333;
line-height: 72rpx;
}
.tab{
margin-top: 30rpx;
display: flex;
align-items: center;
justify-content:center;
width: 326rpx;
height: 84rpx;
border-radius: 60rpx;
box-shadow: 0rpx 0rpx 24rpx rgba(0 ,0, 0,10%);
background: #fe9b95;
image{
margin-right: 20rpx;
height: 36rpx;
width: 36rpx;
}
span{
font-size: 26rpx;
color: #ffffff;
font-weight: 600;
}
}
.top_tab{
display: flex;
align-items: center;
justify-content: space-between;
}
.tab_2{
margin-top: 30rpx;
display: flex;
align-items: center;
justify-content:center;
width: 326rpx;
height: 84rpx;
border-radius: 60rpx;
box-shadow: 0px 0px 24rpx rgba(0 ,0, 0,10%);
background: #ffffff;
image{
margin-right: 10rpx;
height: 36rpx;
width: 36rpx;
}
span{
font-size: 26rpx;
color: #000000;
font-weight: 600;
}
}
.top_3{
margin-top: 30rpx;
width: 206rpx;
height: 84rpx;
display: flex;
align-items: center;
justify-content:center;
border-radius: 60rpx;
box-shadow: 0px 0px 24rpx rgba(0 ,0, 0,10%);
background: #ffffff;
image{
margin-right: 10rpx;
height: 36rpx;
width: 36rpx;
}
span{
font-size: 26rpx;
color: #000000;
font-weight: 600;
}
}
.title_c{
margin-top: 30rpx;
font-size: 32rpx;
font-weight: 600;
color: #999;
margin-bottom: 20rpx;
}
.threeMeals_top{
display: flex;
align-items: flex-end;
}
.threeMeals_text{
font-size: 32rpx;
color: #666;
margin-right: 40rpx;
position: relative;
}
.active{
font-size: 60rpx;
font-weight: 600;
color: #333;
}
.active:after {
content: "";
position: absolute;
background: #ff9d9b;
width: 100%;
height: 6px;
border-radius: 3px;
left: 0;
bottom: 0px;
z-index: -2;
}
.list_data{
width: 46%;
margin-right: 16rpx;
image{
width: 100%;
height: 448rpx;
border-radius: 14rpx;
}
p{
font-size: 36rpx;
font-weight: 600;
color: #333;
display: block;
height: 56rpx;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 56rpx;
padding: 24rpx 0rpx 4rpx;
}
.txt{
font-size: 16rpx;
width: 36rpx;
height: 24rpx;
line-height: 24rpx;
border-radius: 4rpx;
color: #fff;
padding: 0rpx 6rpx;
font-weight: 600;
background: #ff8d8d;
}
.txt_2{
background: #fff2f2;
border-radius: 4rpx;
margin: 16rpx 32rpx 0rpx 0rpx;
padding: 8rpx 12rpx 8rpx 12rpx;
box-sizing: border-box;
display: inline-block;
font-size: 22rpx;
color: #ff8d8d;
overflow: hidden;
text-overflow: ellipsis;
.ellipsis()
}
}
.swiper-box{
margin-top: 40rpx;
height: 660rpx;
width: 100%;
}
/deep/.uni-scroll-view-content{
display: flex;
justify-content: space-between;
align-items: center;
}
.title_d{
font-size: 32rpx;
font-weight: 600;
color: #999;
margin-bottom: 20rpx;
}
.title_d_top{
display: flex;
align-items: flex-end;
margin-bottom: 10px;
}
.title_d_top_text{
font-size: 16px;
color: #666;
margin-right: 20px;
position: relative;
}
.active_2{
font-size: 30px;
font-weight: 600;
color: #333;
}
.active_2:after {
content: "";
position: absolute;
background: #ff9d9b;
width: 100%;
height: 6px;
border-radius: 3px;
left: 0;
bottom: 0px;
z-index: -2;
}
.title_d_content{
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap:wrap;
}
.title_d_content_list{
margin-bottom: 20px;
height: 672rpx;
width: 47%;
.food_img{
width: 100%;
height: 224px;
border-radius: 7px;
}
p{
font-size: 18px;
font-weight: 600;
color: #333;
display: block;
height: 28px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 28px;
padding: 12px 0px 2px;
}
.yyy{
font-size: 8px;
width: 18px;
height: 12px;
line-height: 12px;
border-radius: 2px;
color: #fff;
padding: 0px 3px;
font-weight: 600;
background: #ff8d8d;
}
.dddd{
background: #fff2f2;
border-radius: 2px;
margin: 8px 16px 0px 0px;
padding: 4px 6px 4px 6px;
box-sizing: border-box;
display: inline-block;
font-size: 11px;
color: #ff8d8d;
overflow: hidden;
text-overflow: ellipsis;
}
.user{
display: flex;
align-items: center;
justify-content: space-between;
}
.user_left{
display: flex;
align-items: center;
.user_img{
height: 18px;
width: 18px;
margin-right: 5px;
border-radius: 9px;
box-shadow: 0px 1px 3px rgb(0 0 0 / 10%);
}
.tit{
width: 90px;
margin-left:5px;
height: 18px;
font-size: 9px;
zoom: 0.9;
color: #666;
max-width: 45%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
.user_right{
display: flex;
align-items: center;
.sssss{
margin-right: 5px;
}
.nubs{
color: #666;
font-size: 9px;
zoom: 0.9;
}
}
}

View File

@@ -0,0 +1,13 @@
.content{
image{
width: 100%;
}
.title{
font-size: 44rpx;
font-weight: 700;
color: #1b1b1b;
line-height: 72rpx;
margin: 0px 8rpx;
margin-top: 20rpx;
}
}

View File

@@ -0,0 +1,94 @@
.header{
position: fixed;
background: #fff;
top: 0;
left: 0;
right: 0;
z-index: 999;
padding-left: 32rpx;
padding-right: 32rpx;
padding-top:calc(var(--status-bar-height) + 32rpx);
padding-bottom: 32rpx;
border-bottom: 1px solid #f5f5f5;
.search{
height: 80rpx;
background: #f5f5f5;
border-radius: 8rpx;
font-size: 32rpx;
color: #999;
display: flex;
align-items: center;
padding-left: 30rpx;
}
.iconfont{
margin-right: 20rpx;
margin-top: 4rpx;
font-size: 40rpx;
}
span{
font-size: 32rpx;
color: #999;
}
}
.left{
height: 100%;
width: 160rpx;
position: fixed;
left: 0px;
bottom: 0px;
z-index: 210;
background: #f5f5f5;
box-sizing: border-box;
padding-top:calc(var(--status-bar-height) + 130rpx);
}
.aaa{
background: url(../../../static/img/2019.png);
display: inline-block;
height: 50rpx;
width: 50rpx;
background-size: 50rpx 1000rpx;
}
.title{
padding-top: 10px;
padding-bottom: 10px;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
span{
padding-top: 3px;
line-height: 24px;
color: #333;
font-size: 12px;
}
}
.active{
background: #ffffff;
}
.right{
margin-left: 160rpx;
padding-left: 12rpx;
padding-right: 12rpx;
display: flex;
align-items: center;
flex-wrap: wrap;
overflow: hidden;
overflow-y: overlay;
height: 100%;
padding-top:calc(var(--status-bar-height) + 152rpx);
background: #ffffff;
}
.title_a{
width: 29%;
display: flex;
align-items: center;
flex-direction: column;
padding: 0px 6px;
image{
width: 124rpx;
height: 124rpx;
}
}

View File

@@ -0,0 +1,259 @@
@import "../_";
.pad{
padding-top:var(--status-bar-height);
}
.top{
background: #ffffff;
z-index: 9999;
position: fixed;
top: 0;
right: 0;
left: 0;
width: 100%;
height: 120rpx;
border-bottom: 1px solid #f5f5f5;
display: flex;
align-items: center;
justify-content: space-between;
padding-top:calc(var(--status-bar-height));
image{
width: 156rpx;
height: 80rpx;
}
.search{
width: 300rpx;
height: 80rpx;
background: #ffffff;
display: flex;
align-items: center;
border-radius: 6rpx;
background-color: #f5f5f5;
box-sizing: border-box;
}
i{
font-size: 40rpx;
margin-right: 10rpx;
}
span{
font-size: 30rpx;
color: #767676;
}
.sousuo{
width: 100rpx;
height: 80rpx;
background: #FE552F;
color: #fff;
text-align: center;
line-height: 80rpx;
border-radius: 6rpx;
}
.caipu{
height: 80rpx;
color: #fe552f;
background: #fcefec;
width: 80rpx;
text-align: center;
margin-right: 10rpx;
box-sizing: border-box;
}
}
.iconfont{
margin-left: 15px;
display: inline-block;
font-size: 20px;
}
.content{
padding-top:calc(var(--status-bar-height)+ 122rpx);
.back{
width: 100%;
height: 375px;
}
}
.content_1{
padding: 0 15px;
.text{
width: 100%;
background: #fff;
border-radius: 16px;
box-shadow: 0px 0px 32px rgba(0 ,0, 0, 10%);
position: relative;
top: -55px;
padding: 20px 15px 30px;
box-sizing: border-box;
}
.text_1{
font-size: 28px;
font-weight: 700;
color: #333;
line-height: 38px;
}
.posttime{
font-size: 12px;
color: #999;
line-height: 20px;
display: block;
padding: 4px 0px 0px;
border-bottom: 1px solid #f5f5f5
}
}
.list_1{
display: flex;
align-items: center;
span{
display: inline-block;
font-size: 24rpx;
zoom: 0.9;
line-height: 17px;
flex: 1;
color: #4dd196;
}
.jdw {
height: 5px;
border-radius: 3px;
flex: 4;
background: #ebfbf4;
}
.jd {
height: 5px;
border-radius: 3px;
background: #4dd196;
}
}
.list{
margin: 10px 0px 10px;
position: relative;
}
.tips{
font-size: 10px;
color: #999;
line-height: 24px;
text-align: center;
}
.cpargsw{
display: flex;
justify-content: space-around;
margin-top: 17px;
}
.title_2{
display: flex;
align-items: center;
flex-direction: column;
i{
background: url("../../../static/img/2020.png");
height: 60rpx;
width: 60rpx;
display: inline-block;
background-size: 60rpx 300rpx;
}
span{
font-size: 12px;
line-height: 24px;
color: #666666;
}
}
.text_2{
font-weight: 400;
text-align: justify;
font-size: 14px;
color: #999999;
line-height: 21px;
display: block;
}
.text_2_1{
color: #5a92f5;
font-size: 14px;
line-height: 27px;
display: flex;
align-items: center;
justify-content: flex-end;
background-image: linear-gradient(to right,rgba(255,255,255,0.1),rgba(255,255,255,0.5),rgba(255,255,255,1),rgba(255,255,255,1),rgba(255,255,255,1),rgba(255,255,255,1));
.ssss{
margin-left: 2px !important;
}
.shang{
transform:rotate(90deg);
}
.xia{
transform:rotate(-90deg)
}
}
.showdata{
height: 20px;
overflow: hidden;
}
.text_3{
font-size: 16px;
color: #333;
font-weight: 700;
margin-top: 20px;
}
.text_3_1{
margin-top: 15px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
border-top: 1px solid rgba(0,0,0,0.05);
}
.text_3_2{
display: flex;
align-items: center;
justify-content: space-between;
width: 49%;
height: 36px;
border-bottom: 1px solid rgba(0,0,0,0.05);
border-right: 1px solid rgba(0,0,0,0.05);
}
.list_title{
color: #108ee9;
padding-left: 20px;
font-size: 14px;
box-sizing: border-box;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
margin-right: 15px;
}
.list_nums{
margin-right: 15px;
font-size: 14px;
color: #666;
font-weight: 400;
}
.step{
margin-top: -29px;
}
.title_0{
padding: 10px 10px;
margin-bottom: 30px;
font-size: 16px;
line-height: 24px;
color: #666;
font-weight: 400;
}
.step_list{
position: relative;
}
image{
width: 100%;
}
.step_list_1{
height: 40px;
line-height: 40px;
color: #333;
font-size: 18px;
font-weight: 700;
padding: 0px 20px 0px 15px;
background: rgba(255,255,255,0.9);
position: absolute;
left: 0px;
top: 15px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
z-index: 100;
}

View File

@@ -0,0 +1,120 @@
@import "../_";
.pad{
padding-top:var(--status-bar-height);
}
.top{
background: #ffffff;
z-index: 9999;
position: fixed;
top: 0;
right: 0;
left: 0;
width: 100%;
height: 120rpx;
border-bottom: 1px solid #f5f5f5;
display: flex;
align-items: center;
justify-content: space-between;
padding-top:calc(var(--status-bar-height));
image{
width: 156rpx;
height: 80rpx;
}
.search{
width: 380rpx;
height: 80rpx;
background: #ffffff;
display: flex;
align-items: center;
border-radius: 6rpx;
background-color: #f5f5f5;
box-sizing: border-box;
}
i{
font-size: 40rpx;
margin-right: 10rpx;
}
span{
font-size: 30rpx;
color: #767676;
}
.sousuo{
width: 100rpx;
height: 80rpx;
background: #FE552F;
color: #fff;
text-align: center;
line-height: 80rpx;
border-radius: 6rpx;
}
.caipu{
height: 80rpx;
color: #fe552f;
background: #fcefec;
width: 80rpx;
text-align: center;
margin-right: 10rpx;
box-sizing: border-box;
}
}
.content{
margin-top: 140rpx;
padding-left: 32rpx;
padding-right: 32rpx;
}
.title{
margin-top: 60rpx;
font-weight: 700;
font-size: 40rpx;
margin-bottom: 30rpx;
}
.list{
padding: 24rpx;
box-shadow: 0px 0px 64rpx rgba(0 ,0 ,0 ,10%);
border-radius: 32rpx;
}
.list_1{
width: 100%;
display: flex;
margin-bottom: 20rpx;
image{
width: 112px;
height: 90px;
border-radius: 16px;
}
}
.text{
width: 60%;
display: flex;
flex-direction: column;
justify-content: space-between;
box-sizing: border-box;
padding-left: 20px;
p{.ellipsis();
font-size: 17px;
font-weight: 400;
margin-bottom: 5px;
width: 100%;
}
.xx{
width: 12px;
height: 12px;
margin-bottom: 5px;
}
}
.neb{
display: flex;
align-items: center;
image{
margin-right: 3px;
width: 16px;
height: 16px;
}
span{
margin-right: 5px;
}
}

View File

@@ -0,0 +1,72 @@
.hader{
font-size: 0;
width: 100%;
height: 88rpx;
position: fixed;
z-index: 999;
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #f0f0f0;
background: #ffffff;
padding-top:var(--status-bar-height);
i{
margin-left: 30rpx;
font-size: 44rpx;
}
}
.caipu{
height: 64rpx;
background: #eee;
border-radius: 4rpx;
color: #333;
font-size: 28rpx;
width: 480rpx;
line-height: 48rpx;
padding-left: 12rpx;
}
.ser {
margin-right: 30rpx;
height: 64rpx;
background: #ff4c39;
border-radius: 4rpx;
color: #fff;
font-size: 26rpx;
line-height: 64rpx;
text-align: center;
width: 110rpx;
}
.list{
padding: 0rpx 30rpx 30rpx 30rpx;
padding-top:calc(var(--status-bar-height) + 88rpx);
}
.list_content{
padding-top: 30rpx;
display: flex;
align-items: center;
justify-content: flex-start;
padding-bottom: 30rpx;
border-bottom: 1px solid rgba(0,0,0,0.05);
img{
width: 240rpx;
height: 200rpx;
margin-right: 30rpx;
}
.top{
font-size: 36rpx;
color: #333;
font-weight: 300;
padding: 2px 0px 0px;
}
.top_2{
font-size: 28rpx;
color: #999;
overflow: hidden;
}
}
.neir{
display: flex;
align-items: center;
justify-content: center;
font-size: 36rpx;
}

View File

@@ -0,0 +1,82 @@
@import "../_";
.food_list{
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 11px;
flex-wrap:wrap;
margin-bottom: 15px;
}
.food{
margin-top: 15px;
box-shadow: 1px 1px 9px #888888;
border-radius: 7px;
width: 170px;
}
.food_img{
position: relative;
image{
width: 100%;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
}
.content_img_play{
background: url("../../../static/img/i.png");
position: absolute;
display: inline-block;
width: 20px;
height: 20px;
top: 9px;
right: 8px;
background-size: 20px 40px;
}
}
.food_text{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 12px;
p{
.ellipsis();
font-size: 16px;
font-weight: 600;
padding: 10px 0px 0px 0px;
}
}
.food_icon{
margin-top: 20px;
display: flex;
align-items: center;
justify-content: space-between;
.food_icon_lift{
display: flex;
align-items: center;
image{
width: 18px;
height: 18px;
border-radius: 100%;
}
span{
font-size: 11px;
color: #666;
padding-left: 5px;
}
}
.food_icon_right{
display: flex;
align-items: center;
i{
background: url("../../../static/img/i.png");
width: 13px;
height: 10px;
display: inline-block;
background-position: -4px -20px;
background-size: 20px 40px;
}
span{
font-size: 12px;
}
}
}

View File

@@ -0,0 +1,81 @@
uni-video{
width: 100%;
height: 422rpx;
}
.top{
padding: 0 20rpx;
display: flex;
align-items: center;
justify-content: space-between;
.iconfont{
font-size: 40rpx;
}
.text{
margin-left: -70rpx;
font-size: 32rpx;
color: #6e6e6e;
}
height: 60rpx;
padding-top: var(--status-bar-height);
border-bottom: 2rpx solid #b2b2b2;
}
.content_font{
padding: 20rpx 42rpx 0;
.title{
font-size: 32rpx;
font-weight: 600;
padding: 0.4rem 0rem 0rem 0rem;
line-height: 1;
}
.content_font_span {
padding: 14rpx 0 34rpx;
border-bottom: 1px solid #f1f1f1;
span{
font-size: 26rpx;
color: #999;
padding-right: 16rpx;
}
}
}
.user{
padding: 24rpx 0;
display: flex;
align-items: center;
image{
width: 92rpx;
height: 92rpx;
border-radius: 100%;
}
.user_right{
margin-left: 20rpx;
p{
font-size: 26rpx;
span{
margin-left: 18rpx;
font-size: 24rpx;
padding: 1px 2px 2px;
border: 1px solid #b2d5f3;
color: #2a9aff;
display: inline-block;
line-height: 1;
}
}
.user_p{
font-size: 26rpx;
color: #999;
margin-top: 5px;
}
}
}
.title_s{
font-size: 16px;
color: #333;
padding-bottom: 10px;
margin-top: 5px;
font-weight: 800;
}
.content_c{
font-size: 16px;
color: #333;
line-height: 27px;
}