zhuce
/
lilishop-uniapp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: 💄 优化我的订单中按钮样式

master
Yer 2023-06-30 10:41:25 +08:00
parent af1897f4ea
commit 48bebc0503
1 changed files with 27 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
pages/order/myOrder.vue
View File

@ -90,19 +90,19 @@
<div v-else>应付金额:</div> <div v-else>应付金额:</div>
<div class="price">￥{{ order.flowPrice | unitPrice }}</div> <div class="price">￥{{ order.flowPrice | unitPrice }}</div>
</view> </view>
<view> <view class="goods-btn flex flex-a-c">
<!-- 全部 --> <!-- 全部 -->
<u-button <view
ripple ripple
class="pay-btn" class="pay-btn"
shape="circle" shape="circle"
size="mini" size="mini"
v-if="order.allowOperationVO.pay" v-if="order.allowOperationVO.pay"
@click="waitPay(order)" @click="waitPay(order)"
>立即付款</u-button >立即付款</view
> >
<!-- 取消订单 --> <!-- 取消订单 -->
<u-button <view
ripple ripple
class="cancel-btn" class="cancel-btn"
shape="circle" shape="circle"
@ -111,9 +111,9 @@
@click="onCancel(order.sn)" @click="onCancel(order.sn)"
> >
取消订单 取消订单
</u-button> </view>
<!-- 等待收货 --> <!-- 等待收货 -->
<u-button <view
ripple ripple
shape="circle" shape="circle"
class="rebuy-btn" class="rebuy-btn"
@ -122,10 +122,9 @@
@click="navigateToLogistics(order)" @click="navigateToLogistics(order)"
> >
查看物流 查看物流
</u-button> </view>
<u-button <view
ripple ripple
:customStyle="{ background: lightColor, color: '#fff' }"
shape="circle" shape="circle"
class="pay-btn" class="pay-btn"
size="mini" size="mini"
@ -133,8 +132,8 @@
@click="onRog(order.sn)" @click="onRog(order.sn)"
> >
确认收货 确认收货
</u-button> </view>
<u-button <view
ripple ripple
shape="circle" shape="circle"
class="cancel-btn" class="cancel-btn"
@ -143,7 +142,7 @@
@click="applyService(order)" @click="applyService(order)"
> >
退款/售后 退款/售后
</u-button> </view>
<!-- TODO 后续完善 --> <!-- TODO 后续完善 -->
<!-- <u-button ripple shape="circle" class="rebuy-btn" size="mini" v-if=" <!-- <u-button ripple shape="circle" class="rebuy-btn" size="mini" v-if="
order.orderStatus === 'CANCELLED' || order.orderStatus === 'CANCELLED' ||
@ -762,6 +761,7 @@ page,
flex: 1; flex: 1;
.price { .price {
color: $main-color; color: $main-color;
} }
} }
} }
@ -796,29 +796,33 @@ page,
text-align: center; text-align: center;
} }
} }
.goods-btn{
.cancel-btn { display: flex;
color: #999999 !important; }
border-color: #999999 !important; .cancel-btn,.pay-btn,.rebuy-btn{
text-align: center;
margin-left: 15rpx; margin-left: 15rpx;
height: 60rpx; font-size: 24rpx;
padding: 14rpx 20rpx;
border-radius: 100px;
}
.cancel-btn {
color: #333639 !important;
background: rgba(46, 51, 56, .05) !important;
} }
.pay-btn { .pay-btn {
// #ifndef MP-WEIXIN
background-color: $light-color !important; background-color: $light-color !important;
// #endif
color: #ffffff !important; color: #ffffff !important;
margin-left: 15rpx;
height: 60rpx;
} }
.rebuy-btn { .rebuy-btn {
color: $light-color !important; color: $light-color !important;
border-color: $light-color !important; border-color: $light-color !important;
background-color: #ffffff !important; background-color: #ffffff !important;
margin-left: 15rpx;
height: 60rpx;
} }
</style> </style>