This commit is contained in:
weipengfei 2023-12-06 16:43:35 +08:00
parent 293f01adec
commit 259420966e
16 changed files with 45 additions and 45 deletions

View File

@ -183,8 +183,8 @@ onMounted(() => {
:deep(.ceil) {
padding: 0 !important;
margin-bottom: 5px;
margin-right: 2px;
margin-bottom: 0.3rem;
margin-right: 0.1rem;
}
:deep(.header-item) {

View File

@ -128,7 +128,7 @@ onMounted(() => {
}
.address::-webkit-scrollbar {
width: 10px;
width: 0.63rem;
background-color: #153041;
}

View File

@ -38,7 +38,7 @@
background-image: linear-gradient(
to right,
#5bdbf6 12px,
transparent 120px,
transparent 11.25rem,
transparent calc(100% - 150px),
#5bdbf6 calc(100% - 12px)
);

View File

@ -140,7 +140,7 @@ onMounted(() => {
background-image: url("../assets/img/header.png");
background-size: 100% 100%;
background-color: rgba($color: #000000, $alpha: 0.8);
height: 60px;
height: 3.75rem;
align-items: center;
position: relative;
.img {
@ -161,7 +161,7 @@ onMounted(() => {
font-family: "ifonts", sans-serif;
font-size: 2rem;
height: 100%;
line-height: 50rpx;
line-height: 3.5rem;
}
.left {
display: flex;

View File

@ -38,12 +38,12 @@ onMounted(() => {
}
.scroll-list {
height: 100px; /* 设置滚动列表容器的高度 */
height: 6.25rem; /* 设置滚动列表容器的高度 */
overflow: hidden; /* 隐藏溢出部分 */
}
.list-item {
height: 40px; /* 每个列表项的高度 */
line-height: 40px; /* 垂直居中文本 */
height: 2.5rem; /* 每个列表项的高度 */
line-height: 2.5rem; /* 垂直居中文本 */
}
</style>

View File

@ -40,7 +40,7 @@ onUnmounted(() => {
<template>
<dv-full-screen-container class="body">
<headView></headView>
<div style="height: calc(100% - 60px)">
<div style="height: calc(100% - 3.75rem)">
<router-view v-if="show"></router-view>
</div>
<Businesses class="businesses"></Businesses>

View File

@ -443,7 +443,7 @@ onMounted(() => {
.box {
height: 100%;
width: 100%;
padding: 20px 20px;
padding: 1.25rem 1.25rem;
font-size: 0.8rem;
display: flex;
flex-direction: column;
@ -454,7 +454,7 @@ onMounted(() => {
width: 100%;
background-image: url(../../../assets/img/title3.png);
background-size: 100% 100%;
height: 40px;
height: 2.5rem;
display: flex;
justify-content: center;
align-items: center;
@ -551,7 +551,7 @@ onMounted(() => {
:deep(.ceil) {
padding: 0 !important;
margin-bottom: 5px;
margin-bottom: 0.3rem;
}
:deep(.header-item) {

View File

@ -293,7 +293,7 @@ onMounted(() => {
.box {
height: 100%;
width: 100%;
padding: 20px 20px;
padding: 1.25rem 1.25rem;
font-size: 0.8rem;
display: flex;
flex-direction: column;
@ -304,7 +304,7 @@ onMounted(() => {
width: 100%;
background-image: url(../../../assets/img/title.png);
background-size: 100% 100%;
height: 40px;
height: 2.5rem;
display: flex;
justify-content: center;
align-items: center;

View File

@ -62,7 +62,7 @@ onUnmounted(() => {
<div class="title">配送商品排行榜</div>
<div
style="
height: calc(100% - 60px);
height: calc(100% - 3.75rem);
width: 100%;
overflow: hidden;
position: relative;
@ -97,7 +97,7 @@ onUnmounted(() => {
<style scoped lang="scss">
.box {
padding: 20px;
padding: 1.25rem;
font-size: 0.8rem;
display: flex;
flex-direction: column;
@ -111,7 +111,7 @@ onUnmounted(() => {
width: 100%;
background-image: url(../../../assets/img/title.png);
background-size: 100% 100%;
height: 40px;
height: 2.5rem;
display: flex;
justify-content: center;
align-items: center;
@ -136,9 +136,9 @@ onUnmounted(() => {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 10px;
padding: 0 0.63rem;
.rank {
width: 50px;
width: 3.1rem;
height: 1.5em;
}
.rank1 {

View File

@ -35,7 +35,7 @@ import rightItem from "./components/right.vue";
/* border: 1px solid red; */
& > .div {
box-sizing: border-box;
padding: 10px;
padding: 0.63rem;
}
}
.item_c {

View File

@ -201,18 +201,18 @@ onMounted(() => {
<style scoped lang="scss">
.box {
height: 88%;
padding: 20px;
padding: 1.25rem;
font-size: 0.8rem;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
width: calc(100% - 40px);
width: calc(100% - 2.5rem);
.title {
width: 100%;
background-image: url(../../../assets/img/title2.png);
background-size: 100% 100%;
height: 40px;
height: 2.5rem;
display: flex;
justify-content: center;
align-items: center;
@ -222,7 +222,7 @@ onMounted(() => {
.box-c {
flex: 1;
width: 100%;
height: calc(100% - 80px);
height: calc(100% - 5rem);
display: flex;
justify-content: space-between;
.left {

View File

@ -202,7 +202,7 @@ onMounted(() => {
height: 100%;
width: 100%;
box-sizing: border-box;
padding: 20px 20px;
padding: 1.25rem 1.25rem;
font-size: 0.8rem;
display: flex;
flex-direction: column;
@ -212,7 +212,7 @@ onMounted(() => {
width: 100%;
background-image: url(../../../assets/img/title.png);
background-size: 100% 100%;
height: 40px;
height: 2.5rem;
display: flex;
justify-content: center;
align-items: center;
@ -224,9 +224,9 @@ onMounted(() => {
justify-content: center;
width: 100%;
height: 10%;
margin-top: 10px;
margin-top: 0.63rem;
.my-num-item {
margin-right: 10px;
margin-right: 0.63rem;
width: 4rem;
height: 4rem;
background-image: url(../../../assets/img/day_num.png);
@ -241,7 +241,7 @@ onMounted(() => {
.order-list {
height: 55%;
width: 100%;
margin-top: 10px;
margin-top: 0.63rem;
.top {
height: 10%;
width: 100%;
@ -283,7 +283,7 @@ onMounted(() => {
:deep(.ceil) {
padding: 0 !important;
margin-bottom: 5px;
margin-bottom: 0.3rem;
}
:deep(.header-item) {

View File

@ -60,7 +60,7 @@ onUnmounted(() => {
<div class="title">订单排行榜</div>
<div
style="
height: calc(100% - 60px);
height: calc(100% - 3.75rem);
width: 100%;
overflow: hidden;
position: relative;
@ -96,14 +96,14 @@ onUnmounted(() => {
flex-direction: column;
justify-content: space-between;
align-items: center;
padding: 20px;
padding: 1.25rem;
box-sizing: border-box;
.title {
width: 100%;
background-image: url(../../../assets/img/title.png);
background-size: 100% 100%;
height: 40px;
height: 2.5rem;
display: flex;
justify-content: center;
align-items: center;
@ -128,9 +128,9 @@ onUnmounted(() => {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 10px;
padding: 0 0.63rem;
.rank {
width: 50px;
width: 3.1rem;
height: 1.5em;
}
.rank1 {

View File

@ -106,7 +106,7 @@ onMounted(() => {
<style scoped lang="scss">
.box {
padding: 20px;
padding: 1.25rem;
font-size: 0.8rem;
display: flex;
flex-direction: column;
@ -120,7 +120,7 @@ onMounted(() => {
width: 100%;
background-image: url(../../../assets/img/title.png);
background-size: 100% 100%;
height: 40px;
height: 2.5rem;
display: flex;
justify-content: center;
align-items: center;
@ -134,7 +134,7 @@ onMounted(() => {
display: flex;
.car {
flex: 1;
margin-top: 10px;
margin-top: 0.63rem;
display: flex;
flex-direction: column;
font-size: 1rem;

View File

@ -60,7 +60,7 @@ onUnmounted(() => {
<div class="title">配送商品排行榜</div>
<div
style="
height: calc(100% - 60px);
height: calc(100% - 3.75rem);
width: 100%;
overflow: hidden;
position: relative;
@ -102,14 +102,14 @@ onUnmounted(() => {
flex-direction: column;
justify-content: space-between;
align-items: center;
padding: 20px;
padding: 1.25rem;
box-sizing: border-box !important;
.title {
width: 100%;
background-image: url(../../../assets/img/title.png);
background-size: 100% 100%;
height: 40px;
height: 2.5rem;
display: flex;
justify-content: center;
align-items: center;
@ -134,10 +134,10 @@ onUnmounted(() => {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 10px;
padding: 0 0.63rem;
.rank {
width: 50px;
width: 3.1rem;
height: 1.5em;
}
.rank1 {

View File

@ -39,7 +39,7 @@ import rightItem2 from "./components/rightItem2.vue";
/* border: 1px solid red; */
& > .div {
box-sizing: border-box;
padding: 10px;
padding: 0.63rem;
}
}
.item_c {