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

Compare commits

base: dianliang:42077648aaca8bccdbc1692cca1660fb606b52b3
Branches Tags
dianliang:master
..
compare: dianliang:fc356620b63f7d59a6a8f36dbc75ef324c674b24
Branches Tags
dianliang:master

No commits in common. "42077648aaca8bccdbc1692cca1660fb606b52b3" and "fc356620b63f7d59a6a8f36dbc75ef324c674b24" have entirely different histories.
42077648aa ... fc356620b6

1 changed files with 5 additions and 14 deletions
Show Stats Expand all files Collapse all files

19
components/repairCard.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<view class="orderCard " :class="order.state==1?'orderCard-ok':'orderCard-doing'"> <view class="orderCard">
<view class="order-top"> <view class="order-top">
<view class="title-box" :class="order.state==1?'title-box-ok':'title-box-doing'"> <view class="title-box">
<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,14 +195,10 @@ 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;
@ -210,6 +206,7 @@ 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%;
@ -227,12 +224,6 @@ 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%);
}