修改部分组件样式
This commit is contained in:
parent
a5c0ab54cc
commit
ce6f0ef230
|
|
@ -10,7 +10,7 @@
|
|||
</view>
|
||||
<view class="u-m-t-40 u-flex ">
|
||||
<view>实收金额</view>
|
||||
<view class="u-m-l-32 border-bottom u-flex-1">
|
||||
<view class="u-m-l-32 border u-p-l-10 u-p-r-10 u-flex-1">
|
||||
<uni-easyinput style="digit" @input="currentPriceInput" @change="currentPriceChange" paddingNone :inputBorder="false"
|
||||
v-model="form.currentPrice"
|
||||
placeholder="输入实际金额"></uni-easyinput>
|
||||
|
|
@ -18,7 +18,7 @@
|
|||
</view>
|
||||
<view class="u-m-t-54 u-flex ">
|
||||
<view>优惠折扣</view>
|
||||
<view class="u-m-l-32 u-flex-1 u-flex border-bottom">
|
||||
<view class="u-m-l-32 u-flex-1 u-flex border u-p-l-10 u-p-r-10">
|
||||
<view class="u-flex-1">
|
||||
<uni-easyinput @input="discountInput" @change="discountChange" style="digit" paddingNone :inputBorder="false"
|
||||
v-model="form.discount"
|
||||
|
|
@ -33,7 +33,7 @@
|
|||
<template #btn>
|
||||
<view class="u-p-30">
|
||||
<view class="u-m-t-10">
|
||||
<my-button @tap="confirm" shape="circle" >修改</my-button>
|
||||
<my-button @tap="confirm" shape="circle" fontWeight="700" >修改</my-button>
|
||||
<view class="">
|
||||
<my-button @tap="close" type="cancel" bgColor="#fff" >取消</my-button>
|
||||
</view>
|
||||
|
|
@ -146,7 +146,12 @@
|
|||
})
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
<style lang="scss" scoped>
|
||||
.border{
|
||||
border-radius: 8rpx;
|
||||
overflow: hidden;
|
||||
border-color: #999;
|
||||
}
|
||||
.lh34 {
|
||||
line-height: 34rpx;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -57,6 +57,10 @@ import { computed } from 'vue';
|
|||
type:[String,Number],
|
||||
default:'28'
|
||||
},
|
||||
fontWeight:{
|
||||
type:[String,Number],
|
||||
default:'500'
|
||||
},
|
||||
showShadow:{
|
||||
type:Boolean,
|
||||
default:false
|
||||
|
|
@ -92,6 +96,7 @@ import { computed } from 'vue';
|
|||
${props.width>=0?('width:'+props.width+'rpx;'):''}
|
||||
${props.plain?('background-color:transparent;'):''}
|
||||
font-size:${props.fontSize}rpx;
|
||||
font-weight:${props.fontWeight};
|
||||
${props.color?('color:'+props.color+';'):''}
|
||||
${props.bgColor?('background-color:'+props.bgColor+';'):''}
|
||||
${props.bgColor?('border-color:'+props.bgColor+';'):''}
|
||||
|
|
|
|||
|
|
@ -84,7 +84,7 @@
|
|||
|
||||
.bg {
|
||||
background: #E6F0FF;
|
||||
padding: 4rpx 10rpx;
|
||||
padding: 7rpx 10rpx;
|
||||
}
|
||||
|
||||
.border-r-16 {
|
||||
|
|
@ -124,7 +124,7 @@
|
|||
}
|
||||
|
||||
.item {
|
||||
padding: 8rpx 0;
|
||||
padding: 9rpx 0;
|
||||
transition: all .2s ease-in-out;
|
||||
position: relative;
|
||||
background-color: transparent;
|
||||
|
|
@ -138,6 +138,7 @@
|
|||
border-radius: 8rpx;
|
||||
// background-color: $my-main-color;
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue