weipengfei
/
trike-datav
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

更新

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Businesses.vue
View File

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

2
src/components/areaList.vue
View File

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

2
src/components/border.vue
View File

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

4
src/components/headView.vue
View File

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

6
src/components/scorllList.vue
View File

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

2
src/layout/index.vue
View File

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

6
src/view/delivery/components/bottom.vue
View File

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

4
src/view/delivery/components/left.vue
View File

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

10
src/view/delivery/components/right.vue
View File

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

2
src/view/delivery/index.vue
View File

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

8
src/view/index/components/centerItem2.vue
View File

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

12
src/view/index/components/leftItme1.vue
View File

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

10
src/view/index/components/leftItme2.vue
View File

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

6
src/view/index/components/rightItem1.vue
View File

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

10
src/view/index/components/rightItem2.vue
View File

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

2
src/view/index/index.vue
View File

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