|
@@ -12,9 +12,9 @@
|
|
|
<view class="btn btn-cancel" v-if="btnState.isCancel" @click.stop="btnConfirm('cancel',order)">取消订单</view>
|
|
|
<!-- <view class="btn btn-delete" v-if="btnState.isDelete" @click.stop="btnConfirm('delete',order)">删除订单</view> -->
|
|
|
<view class="btn btn-query" v-if="btnState.isQuery && order.secondHandOrderFlag!=1" @click.stop="btnConfirm('query',order)">查看物流</view>
|
|
|
- <view class="btn " v-if="btnState.isConfirm" @click.stop="btnConfirm('confirm',order)">
|
|
|
+ <view class="btn btn-firm" v-if="btnState.isConfirm" @click.stop="btnConfirm('confirm',order)">
|
|
|
确认收货
|
|
|
- <view class="tips">采美豆</view>
|
|
|
+ <view class="tips">采美豆<text class="line"></text></view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
@@ -162,36 +162,6 @@
|
|
|
position: relative;
|
|
|
}
|
|
|
}
|
|
|
- .btn-color{
|
|
|
- background: $btn-confirm;
|
|
|
- margin: 22rpx 0 22rpx 22rpx;
|
|
|
- .tips{
|
|
|
- width: 160rpx;
|
|
|
- height: 34rpx;
|
|
|
- padding: 10rpx 10rpx;
|
|
|
- background:linear-gradient(45deg,rgba(0,0,0,1) 0%,rgba(87,87,87,1) 100%);
|
|
|
- box-shadow:0px 2px 4px 0px rgba(0,0,0,0.2);
|
|
|
- border-radius: 8rpx;
|
|
|
- position: absolute;
|
|
|
- color: #FFFFFF;
|
|
|
- line-height: 34rpx;
|
|
|
- font-size: $font-size-24;
|
|
|
- text-align: left;
|
|
|
- right: 24rpx;
|
|
|
- top: -45rpx;
|
|
|
- &:before{
|
|
|
- content: "";
|
|
|
- width: 25rpx;
|
|
|
- height: 25rpx;
|
|
|
- background:linear-gradient(45deg,rgba(0,0,0,1) 0%,rgba(87,87,87,1) 100%);
|
|
|
- position: absolute;
|
|
|
- bottom: -8rpx;
|
|
|
- right: 30rpx;
|
|
|
- z-index: -1;
|
|
|
- transform:rotate(45deg);
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
.btn-confirm{
|
|
|
background:#ff7a51;
|
|
|
border-color:#ff7a51;
|
|
@@ -203,6 +173,35 @@
|
|
|
border: 2rpx solid #f94b4b;
|
|
|
color: #fff;
|
|
|
}
|
|
|
+ .btn-firm{
|
|
|
+ position:relative;
|
|
|
+ .tips{
|
|
|
+ width: 74rpx;
|
|
|
+ height: 32rpx;
|
|
|
+ line-height: 32rpx;
|
|
|
+ padding: 0 7rpx;
|
|
|
+ border-radius: 16rpx;
|
|
|
+ background-color: #ffe6dc;
|
|
|
+ color: $color-system;
|
|
|
+ text-align: center;
|
|
|
+ font-size: $font-size-20;
|
|
|
+ position:absolute;
|
|
|
+ right: 0;
|
|
|
+ top: -40rpx;
|
|
|
+ z-index: 90;
|
|
|
+ .line{
|
|
|
+ display: block;
|
|
|
+ width: 20rpx;
|
|
|
+ height: 20rpx;
|
|
|
+ background-color: #ffe6dc;
|
|
|
+ position: relative;
|
|
|
+ bottom: 18rpx;
|
|
|
+ left: 15rpx;
|
|
|
+ z-index: -1;
|
|
|
+ transform:rotate(45deg);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
.btn-share{
|
|
|
.tips{
|
|
|
width: 160rpx;
|