dianliang/lanan-repair-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

维修班首页

Browse Source
This commit is contained in:
nyoung 2024-10-21 21:05:19 +08:00
parent adca1d990c
commit 2c2ae7abc6
1 changed files with 14 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
components/repairCard.vue
View File

@ -1,7 +1,7 @@
<template>
<view class="orderCard">
<view class="orderCard " :class="order.state==1?'orderCard-ok':'orderCard-doing'">
<view class="order-top">
<view class="title-box">
<view class="title-box" :class="order.state==1?'title-box-ok':'title-box-doing'">
<image class="titleIcon" mode="aspectFit" src="/static/icons/order-icon1.png"></image>
<view class="title">
{{ projectName }}
@ -195,10 +195,14 @@ export default {
.orderCard {
background: #FFFFFF;
border-radius: 8rpx 8rpx 8rpx 8rpx;
border-left: 4rpx solid #FFB323;
margin: 32rpx 0;
}
.orderCard-doing{
border-left: 4rpx solid #FFB323;
}
.orderCard-ok{
border-left: 4rpx solid #4CD964;
}
.order-top {
display: flex;
align-items: center;
@ -206,7 +210,6 @@ export default {
border-bottom: 1px solid #F3F5F7;
.title-box{
background: linear-gradient(90deg, #FFFFFF 0%, #FFF4E0 100%);
display: inline-flex;
align-items: center;
width: 100%;
@ -224,6 +227,12 @@ export default {
margin-left: 15px;
}
}
.title-box-doing{
background: linear-gradient(90deg, #FFFFFF 0%, #FFF4E0 100%);
}
.title-box-ok{
background: linear-gradient(90deg, #FFFFFF 0%, #DCFFE2 100%);
}