style(Sku): adjust border alignment (#6272)

This commit is contained in:
neverland
2020-05-13 17:16:55 +08:00
committed by GitHub
parent a89e5f85ce
commit f6ae795439
5 changed files with 36 additions and 87 deletions
+3 -8
View File
@@ -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>;
},
});
+15 -17
View File
@@ -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>
);
},