first
This commit is contained in:
1
node_modules/vant/es/submit-bar/index.css
generated
vendored
Normal file
1
node_modules/vant/es/submit-bar/index.css
generated
vendored
Normal file
@ -0,0 +1 @@
|
||||
.van-submit-bar{position:fixed;bottom:0;left:0;z-index:100;width:100%;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);background-color:#fff;-webkit-user-select:none;user-select:none}.van-submit-bar__tip{padding:8px 12px;color:#f56723;font-size:12px;line-height:1.5;background-color:#fff7cc}.van-submit-bar__tip-icon{min-width:18px;font-size:12px;vertical-align:middle}.van-submit-bar__tip-text{vertical-align:middle}.van-submit-bar__bar{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;height:50px;padding:0 16px;font-size:14px}.van-submit-bar__text{-webkit-box-flex:1;-webkit-flex:1;flex:1;padding-right:12px;color:#323233;text-align:right}.van-submit-bar__text span{display:inline-block}.van-submit-bar__suffix-label{margin-left:5px;font-weight:500}.van-submit-bar__price{color:#ee0a24;font-weight:500;font-size:12px}.van-submit-bar__price--integer{font-size:20px;font-family:Avenir-Heavy,PingFang SC,Helvetica Neue,Arial,sans-serif}.van-submit-bar__button{width:110px;height:40px;font-weight:500;border:none}.van-submit-bar__button--danger{background:-webkit-linear-gradient(left,#ff6034,#ee0a24);background:linear-gradient(to right,#ff6034,#ee0a24)}.van-submit-bar--unfit{padding-bottom:0}
|
105
node_modules/vant/es/submit-bar/index.js
generated
vendored
Normal file
105
node_modules/vant/es/submit-bar/index.js
generated
vendored
Normal file
@ -0,0 +1,105 @@
|
||||
import _mergeJSXProps from "@vue/babel-helper-vue-jsx-merge-props";
|
||||
// Utils
|
||||
import { createNamespace } from '../utils';
|
||||
import { emit, inherit } from '../utils/functional'; // Components
|
||||
|
||||
import Icon from '../icon';
|
||||
import Button from '../button'; // Types
|
||||
|
||||
var _createNamespace = createNamespace('submit-bar'),
|
||||
createComponent = _createNamespace[0],
|
||||
bem = _createNamespace[1],
|
||||
t = _createNamespace[2];
|
||||
|
||||
function SubmitBar(h, props, slots, ctx) {
|
||||
var tip = props.tip,
|
||||
price = props.price,
|
||||
tipIcon = props.tipIcon;
|
||||
|
||||
function Text() {
|
||||
if (typeof price === 'number') {
|
||||
var priceArr = (price / 100).toFixed(props.decimalLength).split('.');
|
||||
var decimalStr = props.decimalLength ? "." + priceArr[1] : '';
|
||||
return h("div", {
|
||||
"style": {
|
||||
textAlign: props.textAlign ? props.textAlign : ''
|
||||
},
|
||||
"class": bem('text')
|
||||
}, [h("span", [props.label || t('label')]), h("span", {
|
||||
"class": bem('price')
|
||||
}, [props.currency, h("span", {
|
||||
"class": bem('price', 'integer')
|
||||
}, [priceArr[0]]), decimalStr]), props.suffixLabel && h("span", {
|
||||
"class": bem('suffix-label')
|
||||
}, [props.suffixLabel])]);
|
||||
}
|
||||
}
|
||||
|
||||
function Tip() {
|
||||
if (slots.tip || tip) {
|
||||
return h("div", {
|
||||
"class": bem('tip')
|
||||
}, [tipIcon && h(Icon, {
|
||||
"class": bem('tip-icon'),
|
||||
"attrs": {
|
||||
"name": tipIcon
|
||||
}
|
||||
}), tip && h("span", {
|
||||
"class": bem('tip-text')
|
||||
}, [tip]), slots.tip && slots.tip()]);
|
||||
}
|
||||
}
|
||||
|
||||
return h("div", _mergeJSXProps([{
|
||||
"class": bem({
|
||||
unfit: !props.safeAreaInsetBottom
|
||||
})
|
||||
}, inherit(ctx)]), [slots.top && slots.top(), Tip(), h("div", {
|
||||
"class": bem('bar')
|
||||
}, [slots.default && slots.default(), Text(), slots.button ? slots.button() : h(Button, {
|
||||
"attrs": {
|
||||
"round": true,
|
||||
"type": props.buttonType,
|
||||
"text": props.loading ? '' : props.buttonText,
|
||||
"color": props.buttonColor,
|
||||
"loading": props.loading,
|
||||
"disabled": props.disabled
|
||||
},
|
||||
"class": bem('button', props.buttonType),
|
||||
"on": {
|
||||
"click": function click() {
|
||||
emit(ctx, 'submit');
|
||||
}
|
||||
}
|
||||
})])]);
|
||||
}
|
||||
|
||||
SubmitBar.props = {
|
||||
tip: String,
|
||||
label: String,
|
||||
price: Number,
|
||||
tipIcon: String,
|
||||
loading: Boolean,
|
||||
disabled: Boolean,
|
||||
textAlign: String,
|
||||
buttonText: String,
|
||||
buttonColor: String,
|
||||
suffixLabel: String,
|
||||
safeAreaInsetBottom: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
decimalLength: {
|
||||
type: [Number, String],
|
||||
default: 2
|
||||
},
|
||||
currency: {
|
||||
type: String,
|
||||
default: '¥'
|
||||
},
|
||||
buttonType: {
|
||||
type: String,
|
||||
default: 'danger'
|
||||
}
|
||||
};
|
||||
export default createComponent(SubmitBar);
|
82
node_modules/vant/es/submit-bar/index.less
generated
vendored
Normal file
82
node_modules/vant/es/submit-bar/index.less
generated
vendored
Normal file
@ -0,0 +1,82 @@
|
||||
@import '../style/var';
|
||||
|
||||
.van-submit-bar {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: @submit-bar-z-index;
|
||||
width: 100%;
|
||||
padding-bottom: constant(safe-area-inset-bottom);
|
||||
padding-bottom: env(safe-area-inset-bottom);
|
||||
background-color: @submit-bar-background-color;
|
||||
user-select: none;
|
||||
|
||||
&__tip {
|
||||
padding: @submit-bar-tip-padding;
|
||||
color: @submit-bar-tip-color;
|
||||
font-size: @submit-bar-tip-font-size;
|
||||
line-height: @submit-bar-tip-line-height;
|
||||
background-color: @submit-bar-tip-background-color;
|
||||
}
|
||||
|
||||
&__tip-icon {
|
||||
min-width: @submit-bar-tip-icon-size * 1.5;
|
||||
font-size: @submit-bar-tip-icon-size;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
&__tip-text {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
&__bar {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
height: @submit-bar-height;
|
||||
padding: @submit-bar-padding;
|
||||
font-size: @submit-bar-text-font-size;
|
||||
}
|
||||
|
||||
&__text {
|
||||
flex: 1;
|
||||
padding-right: @padding-sm;
|
||||
color: @submit-bar-text-color;
|
||||
text-align: right;
|
||||
|
||||
span {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
&__suffix-label {
|
||||
margin-left: 5px;
|
||||
font-weight: @font-weight-bold;
|
||||
}
|
||||
|
||||
&__price {
|
||||
color: @submit-bar-price-color;
|
||||
font-weight: @font-weight-bold;
|
||||
font-size: @font-size-sm;
|
||||
|
||||
&--integer {
|
||||
font-size: @submit-bar-price-integer-font-size;
|
||||
font-family: @submit-bar-price-font-family;
|
||||
}
|
||||
}
|
||||
|
||||
&__button {
|
||||
width: @submit-bar-button-width;
|
||||
height: @submit-bar-button-height;
|
||||
font-weight: @font-weight-bold;
|
||||
border: none;
|
||||
|
||||
&--danger {
|
||||
background: @goods-action-button-danger-color;
|
||||
}
|
||||
}
|
||||
|
||||
&--unfit {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
6
node_modules/vant/es/submit-bar/style/index.js
generated
vendored
Normal file
6
node_modules/vant/es/submit-bar/style/index.js
generated
vendored
Normal file
@ -0,0 +1,6 @@
|
||||
import '../../style/base.css';
|
||||
import '../../info/index.css';
|
||||
import '../../icon/index.css';
|
||||
import '../../loading/index.css';
|
||||
import '../../button/index.css';
|
||||
import '../index.css';
|
6
node_modules/vant/es/submit-bar/style/less.js
generated
vendored
Normal file
6
node_modules/vant/es/submit-bar/style/less.js
generated
vendored
Normal file
@ -0,0 +1,6 @@
|
||||
import '../../style/base.less';
|
||||
import '../../info/index.less';
|
||||
import '../../icon/index.less';
|
||||
import '../../loading/index.less';
|
||||
import '../../button/index.less';
|
||||
import '../index.less';
|
Reference in New Issue
Block a user