更新样式
This commit is contained in:
parent
c9fdf4ece1
commit
3659cd3ef0
|
@ -1,9 +1,9 @@
|
|||
<template>
|
||||
<view class="component-get-action">
|
||||
<view class="btn" @click="getOrder" v-if="order.orderType == models.order.type.NORMAL">
|
||||
<view class="btn active" @click="getOrder" v-if="order.orderType == models.order.type.NORMAL">
|
||||
<text>立即抢单</text>
|
||||
</view>
|
||||
<view class="btn" @click="postPrice" v-if="order.orderType == models.order.type.WORKER_PRICE">
|
||||
<view class="btn active" @click="postPrice" v-if="order.orderType == models.order.type.WORKER_PRICE">
|
||||
<text>立即报价</text>
|
||||
</view>
|
||||
</view>
|
||||
|
@ -47,16 +47,29 @@ export default {
|
|||
<style lang="less" scoped>
|
||||
.component-get-action {
|
||||
width: 100%;
|
||||
text-align: right;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
.btn {
|
||||
display: inline-block;
|
||||
display: block;
|
||||
font-size: 26rpx;
|
||||
color: #ffffff;
|
||||
padding: 18rpx 30rpx;
|
||||
padding: 16rpx 30rpx;
|
||||
line-height: 26rpx;
|
||||
background-color: #8b9beb;
|
||||
border-radius: 30rpx;
|
||||
margin-left: 20rpx;
|
||||
color: #999999;
|
||||
box-sizing: border-box;
|
||||
border: 1px solid #999999;
|
||||
}
|
||||
.btn.active {
|
||||
color: #ffffff;
|
||||
background-color: #8b9beb;
|
||||
border: 1px solid #8b9beb;
|
||||
}
|
||||
.btn.normal {
|
||||
color: #999999;
|
||||
background-color: unset;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
</style>
|
Loading…
Reference in New Issue