This commit is contained in:
aihe 2023-12-19 00:03:49 +08:00
parent d5662c5d8e
commit 3747798fac
4 changed files with 130 additions and 11 deletions

View File

@ -32,12 +32,18 @@
content: ' ';
position: absolute;
left: 0;
top: 6rpx;
top: 8rpx;
height: 26rpx;
width: 3rpx;
width: 4rpx;
border-radius: 2rpx;
background-color: $uni-color-primary;
}
&.grey{
color: #999;
&::before{
background-color: #999;
}
}
}
.smp-tag{
margin: 0 20rpx 20rpx 0; display: inline-block;

View File

@ -5,10 +5,118 @@
<template v-slot:body>
<view class="dt-block">
<view class="dt-tle">
<view class="t1">物品名称</view>
<view class="t2"></view>
<view class="com-section">物品信息</view>
<view>
<u-button custom-style="font-size: 28rpx;height: 56rpx;border-radius: 16rpx;" plain="true">选择历史</u-button>
</view>
</view>
<view class="dt-cont">
<view class="edm-input-item">
<u-row justify="between">
<text class="font-28 ">物品名称</text>
<u-input placeholder="请填写" v-model="value1" inputAlign="right" font-size="26"
custom-style="border:0;border-radius: 10rpx;padding: 14rpx 20rpx;"
placeholder-style="color: #999; "
></u-input>
</u-row>
</view>
<view class="edm-input-item">
<u-row justify="between">
<text class="font-28 ">物品单价</text>
<u-input placeholder="请填写" v-model="value1" inputAlign="right" font-size="26"
custom-style="border:0;border-radius: 10rpx;padding: 14rpx 20rpx;"
placeholder-style="color: #999; "
>
<template #suffix>
<text class="font-26 clr-sub pl-10">元</text>
</template>
</u-input>
</u-row>
</view>
<view class="edm-input-item">
<u-row justify="between">
<text class="font-28 ">物品数量</text>
<u-input placeholder="请填写" v-model="value1" inputAlign="right" font-size="26"
custom-style="border:0;border-radius: 10rpx;padding: 14rpx 20rpx;"
placeholder-style="color: #999; "
>
<template #suffix>
<text class="font-26 clr-sub pl-10">个</text>
</template>
</u-input>
</u-row>
</view>
<view class="edm-input-item">
<u-row justify="between">
<text class="font-28 ">原产地</text>
<u-input placeholder="请填写" v-model="value1" inputAlign="right" font-size="26"
custom-style="border:0;border-radius: 10rpx;padding: 14rpx 20rpx;"
placeholder-style="color: #999; "
></u-input>
</u-row>
</view>
</view>
</view>
<view class="dt-block" style="margin-top: 50rpx;">
<view class="dt-tle">
<view class="com-section grey">其他信息(按需填写)</view>
</view>
<view class="dt-cont">
<view class="edm-input-item">
<u-row justify="between">
<text class="font-28 ">品牌</text>
<u-input placeholder="请填写" v-model="value1" inputAlign="right" font-size="26"
custom-style="border:0;border-radius: 10rpx;padding: 14rpx 20rpx;"
placeholder-style="color: #999; "
></u-input>
</u-row>
</view>
<view class="edm-input-item">
<u-row justify="between">
<text class="font-28 ">材质</text>
<u-input placeholder="请填写" v-model="value1" inputAlign="right" font-size="26"
custom-style="border:0;border-radius: 10rpx;padding: 14rpx 20rpx;"
placeholder-style="color: #999; "
></u-input>
</u-row>
</view>
<view class="edm-input-item">
<u-row justify="between">
<text class="font-28 ">用途</text>
<u-input placeholder="请填写" v-model="value1" inputAlign="right" font-size="26"
custom-style="border:0;border-radius: 10rpx;padding: 14rpx 20rpx;"
placeholder-style="color: #999; "
></u-input>
</u-row>
</view>
<view class="edm-input-item">
<u-row justify="between">
<text class="font-28 ">成分</text>
<u-input placeholder="请填写" v-model="value1" inputAlign="right" font-size="26"
custom-style="border:0;border-radius: 10rpx;padding: 14rpx 20rpx;"
placeholder-style="color: #999; "
></u-input>
</u-row>
</view>
<view class="edm-input-item">
<u-row justify="between">
<text class="font-28 ">供应商</text>
<u-input placeholder="请填写" v-model="value1" inputAlign="right" font-size="26"
custom-style="border:0;border-radius: 10rpx;padding: 14rpx 20rpx;"
placeholder-style="color: #999; "
></u-input>
</u-row>
</view>
<view class="edm-input-item" style="padding-top: 24rpx;padding-bottom: 24rpx;">
<u-row justify="between">
<text class="font-28 ">保存物品信息</text>
<view>
<u-switch v-model="saveSwitch" active-color="#B12D29" size="34"></u-switch>
</view>
</u-row>
</view>
</view>
<u-line margin="20rpx 0 20rpx"></u-line>
</view>
</template>
@ -47,7 +155,8 @@
return {
value1: '',
value2: '',
keyword: ''
keyword: '',
saveSwitch: false
}
},
created() {
@ -91,6 +200,8 @@
font-size: 30rpx;
}
}
.dt-cont{
}
.dt-item {
display: flex;
flex-direction: row;
@ -111,7 +222,7 @@
align-items: center;
}
.edm-input-item{
padding: 20rpx 0;
padding: 8rpx 0;
border-bottom: 2rpx solid #F6F6F6;
}
</style>

View File

@ -152,7 +152,9 @@
"mp-weixin" : {
"appid" : "wx52e07a62a2f80000",
"setting" : {
"urlCheck" : false
"urlCheck" : false,
"minified" : true,
"postcss" : false
},
"usingComponents" : true,
"permission" : {

View File

@ -154,7 +154,7 @@
};
</script>
<style lang="scss" scoped>
$box-height: 36px;
$box-height: 30px;
$bg: #f5f5f5;
$br: 2px;
$color: #333;
@ -173,7 +173,7 @@
flex-direction: row;
align-items: center;
justify-content: center;
padding: 0 12px;
padding: 0 8px;
background-color: $bg;
/* #ifdef H5 */
cursor: pointer;
@ -183,7 +183,7 @@
.uni-numbox__value {
margin: 0 2px;
background-color: $bg;
width: 40px;
width: 34px;
height: $box-height;
text-align: center;
font-size: 14px;