修改部分组件样式

This commit is contained in:
YeMingfei666 2024-10-16 14:15:08 +08:00
parent a5c0ab54cc
commit ce6f0ef230
3 changed files with 17 additions and 6 deletions

View File

@ -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;
}

View File

@ -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+';'):''}

View File

@ -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>