uu
This commit is contained in:
aihe
parent
d5662c5d8e
commit
3747798fac
@ -32,12 +32,18 @@
|
|||||||
content: ' ';
|
content: ' ';
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
top: 6rpx;
|
top: 8rpx;
|
||||||
height: 26rpx;
|
height: 26rpx;
|
||||||
width: 3rpx;
|
width: 4rpx;
|
||||||
border-radius: 2rpx;
|
border-radius: 2rpx;
|
||||||
background-color: $uni-color-primary;
|
background-color: $uni-color-primary;
|
||||||
}
|
}
|
||||||
|
&.grey{
|
||||||
|
color: #999;
|
||||||
|
&::before{
|
||||||
|
background-color: #999;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.smp-tag{
|
.smp-tag{
|
||||||
margin: 0 20rpx 20rpx 0; display: inline-block;
|
margin: 0 20rpx 20rpx 0; display: inline-block;
|
||||||
|
|||||||
@ -5,10 +5,118 @@
|
|||||||
<template v-slot:body>
|
<template v-slot:body>
|
||||||
<view class="dt-block">
|
<view class="dt-block">
|
||||||
<view class="dt-tle">
|
<view class="dt-tle">
|
||||||
<view class="t1">物品名称</view>
|
<view class="com-section">物品信息</view>
|
||||||
<view class="t2"></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>
|
</view>
|
||||||
<u-line margin="20rpx 0 20rpx"></u-line>
|
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@ -47,7 +155,8 @@
|
|||||||
return {
|
return {
|
||||||
value1: '',
|
value1: '',
|
||||||
value2: '',
|
value2: '',
|
||||||
keyword: ''
|
keyword: '',
|
||||||
|
saveSwitch: false
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
@ -91,6 +200,8 @@
|
|||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.dt-cont{
|
||||||
|
}
|
||||||
.dt-item {
|
.dt-item {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
@ -111,7 +222,7 @@
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
.edm-input-item{
|
.edm-input-item{
|
||||||
padding: 20rpx 0;
|
padding: 8rpx 0;
|
||||||
border-bottom: 2rpx solid #F6F6F6;
|
border-bottom: 2rpx solid #F6F6F6;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
@ -152,7 +152,9 @@
|
|||||||
"mp-weixin" : {
|
"mp-weixin" : {
|
||||||
"appid" : "wx52e07a62a2f80000",
|
"appid" : "wx52e07a62a2f80000",
|
||||||
"setting" : {
|
"setting" : {
|
||||||
"urlCheck" : false
|
"urlCheck" : false,
|
||||||
|
"minified" : true,
|
||||||
|
"postcss" : false
|
||||||
},
|
},
|
||||||
"usingComponents" : true,
|
"usingComponents" : true,
|
||||||
"permission" : {
|
"permission" : {
|
||||||
|
|||||||
@ -154,7 +154,7 @@
|
|||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
$box-height: 36px;
|
$box-height: 30px;
|
||||||
$bg: #f5f5f5;
|
$bg: #f5f5f5;
|
||||||
$br: 2px;
|
$br: 2px;
|
||||||
$color: #333;
|
$color: #333;
|
||||||
@ -173,7 +173,7 @@
|
|||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
padding: 0 12px;
|
padding: 0 8px;
|
||||||
background-color: $bg;
|
background-color: $bg;
|
||||||
/* #ifdef H5 */
|
/* #ifdef H5 */
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
@ -183,7 +183,7 @@
|
|||||||
.uni-numbox__value {
|
.uni-numbox__value {
|
||||||
margin: 0 2px;
|
margin: 0 2px;
|
||||||
background-color: $bg;
|
background-color: $bg;
|
||||||
width: 40px;
|
width: 34px;
|
||||||
height: $box-height;
|
height: $box-height;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user