uu
This commit is contained in:
parent
d5662c5d8e
commit
3747798fac
@ -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;
|
||||
|
||||
@ -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>
|
||||
@ -152,7 +152,9 @@
|
||||
"mp-weixin" : {
|
||||
"appid" : "wx52e07a62a2f80000",
|
||||
"setting" : {
|
||||
"urlCheck" : false
|
||||
"urlCheck" : false,
|
||||
"minified" : true,
|
||||
"postcss" : false
|
||||
},
|
||||
"usingComponents" : true,
|
||||
"permission" : {
|
||||
|
||||
@ -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;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user