Skip to content

N
NewTruckTerminalSyetem
Commit 40d33753 authored by xxx's avatar xxx
Browse files
Options

1

parent 1e25f2cb
Hide whitespace changes
Inline Side-by-side
Showing with 90 additions and 37 deletions
src/views/MLargeScreen/components/startOrderReceiving/index.vue
View file @ 40d33753
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<div class="orderViews" v-show="showDe"> <div class="orderViews" v-show="showDe">
<div class="orderText1"> <div class="orderText1">
<div class="orderText1_1">派单信息</div> <div class="orderText1_1">派单信息</div>
<span class="el-icon-message-solid" style="color:#00FFFF;font-size:28px;"></span> <span class="el-icon-message-solid orderText1_img" style="color:#00FFFF;font-size:28px;"></span>
<span style="color:#00FFFF;">请车牌号 {{carnumber}} 前往</span> <span style="color:#00FFFF;">请车牌号 {{carnumber}} 前往</span>
<span style="color:#E47E1B;font-weight:600;">{{carDestination}}</span> <span style="color:#E47E1B;font-weight:600;">{{carDestination}}</span>
</div> </div>
...@@ -631,42 +631,95 @@ export default { ...@@ -631,42 +631,95 @@ export default {
</script> </script>
<style scoped> <style scoped>
.orderViews{
display: flex; @media screen and (max-width:901px){
z-index: 2; .orderText1_img{
position: absolute; color:#00FFFF;
top: 8vh; font-size:16px;
left: 20vw; }
} .orderViews{
.orderText1{ display: flex;
display: flex; z-index: 2;
align-items: center; position: absolute;
justify-content: space-around; top: 8vh;
width: 45vw; left: 20vw;
height: 7vh; }
border-radius: 5px; .orderText1{
background-color: rgba(26,39,83,0.9); display: flex;
border: 1px solid lightskyblue; align-items: center;
font-size: 20px; justify-content: space-around;
} width: 45vw;
.orderText1_1{ height: 7vh;
background-image:-webkit-linear-gradient(bottom, #02a2f1, #FAFEFF); border-radius: 5px;
-webkit-background-clip:text; background-color: rgba(26,39,83,0.9);
-webkit-text-fill-color:transparent; border: 1px solid lightskyblue;
font-weight: 600; font-size: 13px;
}
.orderText1_1{
background-image:-webkit-linear-gradient(bottom, #02a2f1, #FAFEFF);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
font-weight: 600;
}
.orderText2{
margin-left: 1vw;
width: 10vw;
line-height: 7vh;
text-align: center;
height: 7vh;
border-radius: 5px;
background-color: rgba(26,39,83,0.9);
border: 1px solid lightskyblue;
font-size: 13px;
font-weight: 600;
color: lightskyblue;
cursor: pointer;
}
} }
.orderText2{
margin-left: 20px; @media screen and (min-width:901px){
width: 10vw; .orderText1_img{
line-height: 7vh; color:#00FFFF;
text-align: center; font-size:28px;
height: 7vh; }
border-radius: 5px; .orderViews{
background-color: rgba(26,39,83,0.9); display: flex;
border: 1px solid lightskyblue; z-index: 2;
font-size: 22px; position: absolute;
font-weight: 600; top: 8vh;
color: lightskyblue; left: 20vw;
cursor: pointer; }
.orderText1{
display: flex;
align-items: center;
justify-content: space-around;
width: 45vw;
height: 7vh;
border-radius: 5px;
background-color: rgba(26,39,83,0.9);
border: 1px solid lightskyblue;
font-size: 20px;
}
.orderText1_1{
background-image:-webkit-linear-gradient(bottom, #02a2f1, #FAFEFF);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
font-weight: 600;
}
.orderText2{
margin-left: 20px;
width: 10vw;
line-height: 7vh;
text-align: center;
height: 7vh;
border-radius: 5px;
background-color: rgba(26,39,83,0.9);
border: 1px solid lightskyblue;
font-size: 22px;
font-weight: 600;
color: lightskyblue;
cursor: pointer;
}
} }
</style> </style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment