sales/todo-frontend
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 商品表单调整顺序，必填项*改为红色
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Agent
2026-04-01 14:24:14 +00:00
parent 64767e9ca0
commit 324bd1166f
1 changed files with 16 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/pages/product/manage.vue
View File

@@ -65,41 +65,41 @@
</view> </view>
</picker> </picker>
</view> </view>
<view class="form-item">
<text class="label"><text class="required">*</text>商品名称</text>
<input class="input" v-model="form.name" placeholder="请输入商品名称" />
</view>
<view class="form-row size-row"> <view class="form-row size-row">
<view class="form-item half"> <view class="form-item half">
<text class="label">长度(mm)</text> <text class="label">长度(mm)</text>
<input class="input" type="digit" v-model="form.length" placeholder="非必须" maxlength="5" /> <input class="input" type="digit" v-model="form.length" maxlength="5" />
</view> </view>
<view class="form-item half"> <view class="form-item half">
<text class="label">宽度(mm)</text> <text class="label">宽度(mm)</text>
<input class="input" type="digit" v-model="form.width" placeholder="非必须" maxlength="5" /> <input class="input" type="digit" v-model="form.width" maxlength="5" />
</view> </view>
<view class="form-item half"> <view class="form-item half">
<text class="label">面积(m²)</text> <text class="label">面积(m²)</text>
<input class="input" type="digit" v-model="form.area" placeholder="自动计算" disabled /> <input class="input" type="digit" v-model="form.area" disabled />
</view> </view>
</view> </view>
<view class="form-row"> <view class="form-row">
<view class="form-item half"> <view class="form-item half">
<text class="label">规格</text> <text class="label">规格</text>
<input class="input" v-model="form.spec" placeholder="非必须" /> <input class="input" v-model="form.spec" />
</view> </view>
<view class="form-item half"> <view class="form-item half">
<text class="label">单位*</text> <text class="label"><text class="required">*</text>单位</text>
<input class="input" v-model="form.unit" placeholder="如：个、箱、米" /> <input class="input" v-model="form.unit" placeholder="如：个、箱、米" />
</view> </view>
</view> </view>
<view class="form-item"> <view class="form-item">
<text class="label">商品名称*</text> <text class="label"><text class="required">*</text>价格</text>
<input class="input" v-model="form.name" placeholder="请输入商品名称" />
</view>
<view class="form-item">
<text class="label">价格*</text>
<input class="input" type="digit" v-model="form.price" placeholder="请输入价格" /> <input class="input" type="digit" v-model="form.price" placeholder="请输入价格" />
</view> </view>
<view class="form-item"> <view class="form-item">
<text class="label">备注</text> <text class="label">备注</text>
<textarea class="textarea" v-model="form.remark" placeholder="请输入备注" /> <textarea class="textarea" v-model="form.remark" />
</view> </view>
</view> </view>
<view class="modal-footer"> <view class="modal-footer">
@@ -498,6 +498,11 @@ export default {
margin-bottom: 10rpx; margin-bottom: 10rpx;
} }
.required {
color: #ff4d4f;
margin-right: 4rpx;
}
.input { .input {
width: 100%; width: 100%;
height: 70rpx; height: 70rpx;