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