first
This commit is contained in:
1
node_modules/vant/es/info/index.css
generated
vendored
Normal file
1
node_modules/vant/es/info/index.css
generated
vendored
Normal file
@ -0,0 +1 @@
|
||||
.van-info{position:absolute;top:0;right:0;box-sizing:border-box;min-width:16px;padding:0 3px;color:#fff;font-weight:500;font-size:12px;font-family:-apple-system-font,Helvetica Neue,Arial,sans-serif;line-height:1.2;text-align:center;background-color:#ee0a24;border:1px solid #fff;border-radius:16px;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);-webkit-transform-origin:100%;transform-origin:100%}.van-info--dot{width:8px;min-width:0;height:8px;background-color:#ee0a24;border-radius:100%}
|
30
node_modules/vant/es/info/index.js
generated
vendored
Normal file
30
node_modules/vant/es/info/index.js
generated
vendored
Normal file
@ -0,0 +1,30 @@
|
||||
import _mergeJSXProps from "@vue/babel-helper-vue-jsx-merge-props";
|
||||
// Utils
|
||||
import { createNamespace, isDef } from '../utils';
|
||||
import { inherit } from '../utils/functional'; // Types
|
||||
|
||||
var _createNamespace = createNamespace('info'),
|
||||
createComponent = _createNamespace[0],
|
||||
bem = _createNamespace[1];
|
||||
|
||||
function Info(h, props, slots, ctx) {
|
||||
var dot = props.dot,
|
||||
info = props.info;
|
||||
var showInfo = isDef(info) && info !== '';
|
||||
|
||||
if (!dot && !showInfo) {
|
||||
return;
|
||||
}
|
||||
|
||||
return h("div", _mergeJSXProps([{
|
||||
"class": bem({
|
||||
dot: dot
|
||||
})
|
||||
}, inherit(ctx, true)]), [dot ? '' : props.info]);
|
||||
}
|
||||
|
||||
Info.props = {
|
||||
dot: Boolean,
|
||||
info: [Number, String]
|
||||
};
|
||||
export default createComponent(Info);
|
29
node_modules/vant/es/info/index.less
generated
vendored
Normal file
29
node_modules/vant/es/info/index.less
generated
vendored
Normal file
@ -0,0 +1,29 @@
|
||||
@import '../style/var';
|
||||
|
||||
.van-info {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
box-sizing: border-box;
|
||||
min-width: @info-size;
|
||||
padding: @info-padding;
|
||||
color: @info-color;
|
||||
font-weight: @info-font-weight;
|
||||
font-size: @info-font-size;
|
||||
font-family: @info-font-family;
|
||||
line-height: 1.2;
|
||||
text-align: center;
|
||||
background-color: @info-background-color;
|
||||
border: @info-border-width solid @white;
|
||||
border-radius: @info-size;
|
||||
transform: translate(50%, -50%);
|
||||
transform-origin: 100%;
|
||||
|
||||
&--dot {
|
||||
width: @info-dot-size;
|
||||
min-width: 0;
|
||||
height: @info-dot-size;
|
||||
background-color: @info-dot-color;
|
||||
border-radius: 100%;
|
||||
}
|
||||
}
|
2
node_modules/vant/es/info/style/index.js
generated
vendored
Normal file
2
node_modules/vant/es/info/style/index.js
generated
vendored
Normal file
@ -0,0 +1,2 @@
|
||||
import '../../style/base.css';
|
||||
import '../index.css';
|
2
node_modules/vant/es/info/style/less.js
generated
vendored
Normal file
2
node_modules/vant/es/info/style/less.js
generated
vendored
Normal file
@ -0,0 +1,2 @@
|
||||
import '../../style/base.less';
|
||||
import '../index.less';
|
Reference in New Issue
Block a user