czg_team
/
cashier_admin_app
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改部分组件样式

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
components/my-components/edit-discount.vue
View File

@ -10,7 +10,7 @@
</view> </view>
<view class="u-m-t-40 u-flex "> <view class="u-m-t-40 u-flex ">
<view>实收金额</view> <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" <uni-easyinput style="digit" @input="currentPriceInput" @change="currentPriceChange" paddingNone :inputBorder="false"
v-model="form.currentPrice" v-model="form.currentPrice"
placeholder="输入实际金额"></uni-easyinput> placeholder="输入实际金额"></uni-easyinput>
@ -18,7 +18,7 @@
</view> </view>
<view class="u-m-t-54 u-flex "> <view class="u-m-t-54 u-flex ">
<view>优惠折扣</view> <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"> <view class="u-flex-1">
<uni-easyinput @input="discountInput" @change="discountChange" style="digit" paddingNone :inputBorder="false" <uni-easyinput @input="discountInput" @change="discountChange" style="digit" paddingNone :inputBorder="false"
v-model="form.discount" v-model="form.discount"
@ -33,7 +33,7 @@
<template #btn> <template #btn>
<view class="u-p-30"> <view class="u-p-30">
<view class="u-m-t-10"> <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=""> <view class="">
<my-button @tap="close" type="cancel" bgColor="#fff" >取消</my-button> <my-button @tap="close" type="cancel" bgColor="#fff" >取消</my-button>
</view> </view>
@ -146,7 +146,12 @@
}) })
</script> </script>
<style lang="scss"> <style lang="scss" scoped>
.border{
border-radius: 8rpx;
overflow: hidden;
border-color: #999;
}
.lh34 { .lh34 {
line-height: 34rpx; line-height: 34rpx;
} }

5
components/my-components/my-button.vue
View File

@ -57,6 +57,10 @@ import { computed } from 'vue';
type:[String,Number], type:[String,Number],
default:'28' default:'28'
}, },
fontWeight:{
type:[String,Number],
default:'500'
},
showShadow:{ showShadow:{
type:Boolean, type:Boolean,
default:false default:false
@ -92,6 +96,7 @@ import { computed } from 'vue';
${props.width>=0?('width:'+props.width+'rpx;'):''} ${props.width>=0?('width:'+props.width+'rpx;'):''}
${props.plain?('background-color:transparent;'):''} ${props.plain?('background-color:transparent;'):''}
font-size:${props.fontSize}rpx; font-size:${props.fontSize}rpx;
font-weight:${props.fontWeight};
${props.color?('color:'+props.color+';'):''} ${props.color?('color:'+props.color+';'):''}
${props.bgColor?('background-color:'+props.bgColor+';'):''} ${props.bgColor?('background-color:'+props.bgColor+';'):''}
${props.bgColor?('border-color:'+props.bgColor+';'):''} ${props.bgColor?('border-color:'+props.bgColor+';'):''}

5
components/my-components/my-tabs.vue
View File

@ -84,7 +84,7 @@
.bg { .bg {
background: #E6F0FF; background: #E6F0FF;
padding: 4rpx 10rpx; padding: 7rpx 10rpx;
} }
.border-r-16 { .border-r-16 {
@ -124,7 +124,7 @@
} }
.item { .item {
padding: 8rpx 0; padding: 9rpx 0;
transition: all .2s ease-in-out; transition: all .2s ease-in-out;
position: relative; position: relative;
background-color: transparent; background-color: transparent;
@ -138,6 +138,7 @@
border-radius: 8rpx; border-radius: 8rpx;
// background-color: $my-main-color; // background-color: $my-main-color;
color: #fff; color: #fff;
font-weight: bold;
} }
} }
</style> </style>