订单编号
@@ -278,23 +278,63 @@ onMounted(() => {
text-align: left;
padding: 0.5rem 0;
padding-left: 1rem;
- margin-bottom: 0.5rem;
}
.order {
+ width: 100%;
+ background-image: url(../../../assets/delivery_img/box2.png);
+ background-size: 100% 100%;
+ height: 10%;
+ .bottom {
+ width: 90%;
+ height: 100%;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin: 0 auto;
+ .img {
+ height: 4rem;
+ width: 3.5rem;
+ }
+ .name {
+ height: 60%;
+ flex: 1;
+ padding: 0.2rem 1.2rem;
+ text-align: left;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ .name2 {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 2;
+ }
+ div {
+ margin-left: 0.4rem;
+ }
+ }
+ }
+ }
+ .order_h {
width: 100%;
background-image: url(../../../assets/delivery_img/box3.png);
background-size: 100% 100%;
+ height: 15%;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-around;
+ align-items: center;
.top {
- width: calc(100% - 40px);
- padding: 20px;
- padding-bottom: 10px;
+ width: 90%;
+ box-sizing: border-box !important;
+ padding-top: 1rem;
display: flex;
justify-content: space-between;
}
.line {
display: flex;
- width: calc(100% - 40px);
- padding: 0 20px;
+ width: 90%;
align-items: center;
.c {
width: 0.2rem;
@@ -309,15 +349,18 @@ onMounted(() => {
}
}
.bottom {
- width: calc(100% - 60px);
- padding: 20px 30px 30px 30px;
+ width: 90%;
display: flex;
justify-content: space-between;
+ align-items: center;
+ box-sizing: border-box !important;
+ padding-bottom: 1rem;
.img {
height: 4rem;
width: 3.5rem;
}
.name {
+ height: 80%;
flex: 1;
padding: 0.2rem 1.2rem;
text-align: left;
@@ -338,8 +381,8 @@ onMounted(() => {
}
}
.map {
- height: 12rem;
- width: 90%;
+ height: 16%;
+ width: 96%;
margin: 0.5rem 0;
border: 1px solid rgba(91, 219, 246, 1);
position: relative;
@@ -356,15 +399,18 @@ onMounted(() => {
.delivery {
display: flex;
width: 100%;
+ height: 20%;
.left {
flex: 1;
+ height: 100%;
.left-item {
+ height: 50%;
display: flex;
align-items: center;
- padding: 1.2rem 0;
- padding-left: 1.2rem;
background-image: url(../../../assets/delivery_img/box1.png);
background-size: 100% 100%;
+ box-sizing: border-box;
+ padding-left: 10%;
.img {
height: 4rem;
width: 3.5rem;
diff --git a/src/view/index/components/ball.vue b/src/view/index/components/ball.vue
new file mode 100644
index 0000000..4bb7d13
--- /dev/null
+++ b/src/view/index/components/ball.vue
@@ -0,0 +1,202 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/view/index/components/centerItem1.vue b/src/view/index/components/centerItem1.vue
index 269728c..7ead36e 100644
--- a/src/view/index/components/centerItem1.vue
+++ b/src/view/index/components/centerItem1.vue
@@ -1,10 +1,15 @@
@@ -15,11 +20,18 @@
display: flex;
justify-content: center;
align-items: center;
+ position: relative;
.ball {
- width: 40rem;
- height: 40rem;
- background-image: url(../../../assets/img/ball.png);
- background-size: 100% 100%;
+ height: 100%;
+ width: 100%;
+ overflow: hidden;
+ box-sizing: border-box;
+ }
+ .c-map {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
}
}
diff --git a/src/view/index/components/centerMap.vue b/src/view/index/components/centerMap.vue
new file mode 100644
index 0000000..2085f4c
--- /dev/null
+++ b/src/view/index/components/centerMap.vue
@@ -0,0 +1,156 @@
+
+
+
+
+
+
+
diff --git a/src/view/index/components/leftItme1.vue b/src/view/index/components/leftItme1.vue
index 7702ee2..577c3ad 100644
--- a/src/view/index/components/leftItme1.vue
+++ b/src/view/index/components/leftItme1.vue
@@ -1,6 +1,7 @@
-
+
今日订单数
0
@@ -46,14 +54,12 @@ const cell1 = reactive({
1
-
-
-
-
订单列表
+
+
+
+
今日订单
-
+
@@ -99,7 +105,7 @@ const cell1 = reactive({