style(Sku): adjust border alignment (#6272)
This commit is contained in:
@@ -6,19 +6,18 @@ import { isNumeric } from '../../utils/validate/number';
|
||||
// Components
|
||||
import Cell from '../../cell';
|
||||
import Field from '../../field';
|
||||
import CellGroup from '../../cell-group';
|
||||
import SkuImgUploader from './SkuImgUploader';
|
||||
|
||||
const [createComponent, bem, t] = createNamespace('sku-messages');
|
||||
|
||||
export default createComponent({
|
||||
props: {
|
||||
messageConfig: Object,
|
||||
goodsId: [Number, String],
|
||||
messages: {
|
||||
type: Array,
|
||||
default: () => [],
|
||||
},
|
||||
messageConfig: Object,
|
||||
goodsId: [Number, String],
|
||||
},
|
||||
|
||||
data() {
|
||||
@@ -155,10 +154,6 @@ export default createComponent({
|
||||
},
|
||||
|
||||
render() {
|
||||
return (
|
||||
<CellGroup class={bem()} border={this.messages.length > 0}>
|
||||
{this.messages.map(this.genMessage)}
|
||||
</CellGroup>
|
||||
);
|
||||
return <div class={bem()}>{this.messages.map(this.genMessage)}</div>;
|
||||
},
|
||||
});
|
||||
|
||||
@@ -156,24 +156,22 @@ export default createComponent({
|
||||
render() {
|
||||
return (
|
||||
<div class="van-sku-stepper-stock">
|
||||
<div class="van-sku-stepper-container">
|
||||
<div class="van-sku__stepper-title">
|
||||
{this.stepperTitle || t('num')}
|
||||
</div>
|
||||
<Stepper
|
||||
vModel={this.currentNum}
|
||||
class="van-sku__stepper"
|
||||
min={this.stepperMinLimit}
|
||||
max={this.stepperLimit}
|
||||
disableInput={this.disableStepperInput}
|
||||
integer
|
||||
onOverlimit={this.onOverLimit}
|
||||
onChange={this.onChange}
|
||||
/>
|
||||
{!this.hideQuotaText && this.quotaText && (
|
||||
<span class="van-sku__stepper-quota">({this.quotaText})</span>
|
||||
)}
|
||||
<div class="van-sku__stepper-title">
|
||||
{this.stepperTitle || t('num')}
|
||||
</div>
|
||||
<Stepper
|
||||
vModel={this.currentNum}
|
||||
integer
|
||||
class="van-sku__stepper"
|
||||
min={this.stepperMinLimit}
|
||||
max={this.stepperLimit}
|
||||
disableInput={this.disableStepperInput}
|
||||
onOverlimit={this.onOverLimit}
|
||||
onChange={this.onChange}
|
||||
/>
|
||||
{!this.hideQuotaText && this.quotaText && (
|
||||
<span class="van-sku__stepper-quota">({this.quotaText})</span>
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user