topnuomi
/
xx-worker-applets
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

更新样式

This commit is contained in:
TOP糯米 2023-03-03 00:17:16 +08:00
parent c9fdf4ece1
commit 3659cd3ef0
1 changed files with 20 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/components/get/action.vue
View File

@ -1,9 +1,9 @@
<template> <template>
<view class="component-get-action"> <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> <text>立即抢单</text>
</view> </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> <text>立即报价</text>
</view> </view>
</view> </view>
@ -47,16 +47,29 @@ export default {
<style lang="less" scoped> <style lang="less" scoped>
.component-get-action { .component-get-action {
width: 100%; width: 100%;
text-align: right; display: flex;
align-items: center;
justify-content: flex-end;
.btn { .btn {
display: inline-block; display: block;
font-size: 26rpx; font-size: 26rpx;
color: #ffffff; padding: 16rpx 30rpx;
padding: 18rpx 30rpx;
line-height: 26rpx; line-height: 26rpx;
background-color: #8b9beb;
border-radius: 30rpx; border-radius: 30rpx;
margin-left: 20rpx; 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> </style>