first
This commit is contained in:
1
node_modules/vant/es/tabbar-item/index.css
generated
vendored
Normal file
1
node_modules/vant/es/tabbar-item/index.css
generated
vendored
Normal file
@ -0,0 +1 @@
|
||||
.van-tabbar-item{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;color:#646566;font-size:12px;line-height:1;cursor:pointer}.van-tabbar-item__icon{position:relative;margin-bottom:4px;font-size:22px}.van-tabbar-item__icon .van-icon{display:block}.van-tabbar-item__icon img{display:block;height:20px}.van-tabbar-item--active{color:#1989fa;background-color:#fff}.van-tabbar-item .van-info{margin-top:4px}
|
119
node_modules/vant/es/tabbar-item/index.js
generated
vendored
Normal file
119
node_modules/vant/es/tabbar-item/index.js
generated
vendored
Normal file
@ -0,0 +1,119 @@
|
||||
import _extends from "@babel/runtime/helpers/esm/extends";
|
||||
// Utils
|
||||
import { createNamespace, isObject, isDef } from '../utils';
|
||||
import { route, routeProps } from '../utils/router'; // Mixins
|
||||
|
||||
import { ChildrenMixin } from '../mixins/relation'; // Components
|
||||
|
||||
import Icon from '../icon';
|
||||
import Info from '../info';
|
||||
|
||||
var _createNamespace = createNamespace('tabbar-item'),
|
||||
createComponent = _createNamespace[0],
|
||||
bem = _createNamespace[1];
|
||||
|
||||
export default createComponent({
|
||||
mixins: [ChildrenMixin('vanTabbar')],
|
||||
props: _extends({}, routeProps, {
|
||||
dot: Boolean,
|
||||
icon: String,
|
||||
name: [Number, String],
|
||||
// @deprecated
|
||||
info: [Number, String],
|
||||
badge: [Number, String],
|
||||
iconPrefix: String
|
||||
}),
|
||||
data: function data() {
|
||||
return {
|
||||
nameMatched: false
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
active: function active() {
|
||||
var routeMode = this.parent.route;
|
||||
|
||||
if (routeMode && '$route' in this) {
|
||||
var to = this.to,
|
||||
$route = this.$route;
|
||||
var config = isObject(to) ? to : {
|
||||
path: to
|
||||
};
|
||||
return !!$route.matched.find(function (r) {
|
||||
// vue-router 3.x $route.matched[0].path is empty in / and its children paths
|
||||
var path = r.path === '' ? '/' : r.path;
|
||||
var pathMatched = config.path === path;
|
||||
var nameMatched = isDef(config.name) && config.name === r.name;
|
||||
return pathMatched || nameMatched;
|
||||
});
|
||||
}
|
||||
|
||||
return this.nameMatched;
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
onClick: function onClick(event) {
|
||||
var _this = this;
|
||||
|
||||
if (!this.active) {
|
||||
this.parent.triggerChange(this.name || this.index, function () {
|
||||
route(_this.$router, _this);
|
||||
});
|
||||
}
|
||||
|
||||
this.$emit('click', event);
|
||||
},
|
||||
genIcon: function genIcon() {
|
||||
var h = this.$createElement;
|
||||
var slot = this.slots('icon', {
|
||||
active: this.active
|
||||
});
|
||||
|
||||
if (slot) {
|
||||
return slot;
|
||||
}
|
||||
|
||||
if (this.icon) {
|
||||
return h(Icon, {
|
||||
"attrs": {
|
||||
"name": this.icon,
|
||||
"classPrefix": this.iconPrefix
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
},
|
||||
render: function render() {
|
||||
var _this$badge;
|
||||
|
||||
var h = arguments[0];
|
||||
var active = this.active;
|
||||
var color = this.parent[active ? 'activeColor' : 'inactiveColor'];
|
||||
|
||||
if (process.env.NODE_ENV === 'development' && this.info) {
|
||||
console.warn('[Vant] TabbarItem: "info" prop is deprecated, use "badge" prop instead.');
|
||||
}
|
||||
|
||||
return h("div", {
|
||||
"class": bem({
|
||||
active: active
|
||||
}),
|
||||
"style": {
|
||||
color: color
|
||||
},
|
||||
"on": {
|
||||
"click": this.onClick
|
||||
}
|
||||
}, [h("div", {
|
||||
"class": bem('icon')
|
||||
}, [this.genIcon(), h(Info, {
|
||||
"attrs": {
|
||||
"dot": this.dot,
|
||||
"info": (_this$badge = this.badge) != null ? _this$badge : this.info
|
||||
}
|
||||
})]), h("div", {
|
||||
"class": bem('text')
|
||||
}, [this.slots('default', {
|
||||
active: active
|
||||
})])]);
|
||||
}
|
||||
});
|
37
node_modules/vant/es/tabbar-item/index.less
generated
vendored
Normal file
37
node_modules/vant/es/tabbar-item/index.less
generated
vendored
Normal file
@ -0,0 +1,37 @@
|
||||
@import '../style/var';
|
||||
|
||||
.van-tabbar-item {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: @tabbar-item-text-color;
|
||||
font-size: @tabbar-item-font-size;
|
||||
line-height: @tabbar-item-line-height;
|
||||
cursor: pointer;
|
||||
|
||||
&__icon {
|
||||
position: relative;
|
||||
margin-bottom: @tabbar-item-margin-bottom;
|
||||
font-size: @tabbar-item-icon-size;
|
||||
|
||||
.van-icon {
|
||||
display: block;
|
||||
}
|
||||
|
||||
img {
|
||||
display: block;
|
||||
height: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
&--active {
|
||||
color: @tabbar-item-active-color;
|
||||
background-color: @tabbar-item-active-background-color;
|
||||
}
|
||||
|
||||
.van-info {
|
||||
margin-top: @padding-base;
|
||||
}
|
||||
}
|
4
node_modules/vant/es/tabbar-item/style/index.js
generated
vendored
Normal file
4
node_modules/vant/es/tabbar-item/style/index.js
generated
vendored
Normal file
@ -0,0 +1,4 @@
|
||||
import '../../style/base.css';
|
||||
import '../../info/index.css';
|
||||
import '../../icon/index.css';
|
||||
import '../index.css';
|
4
node_modules/vant/es/tabbar-item/style/less.js
generated
vendored
Normal file
4
node_modules/vant/es/tabbar-item/style/less.js
generated
vendored
Normal file
@ -0,0 +1,4 @@
|
||||
import '../../style/base.less';
|
||||
import '../../info/index.less';
|
||||
import '../../icon/index.less';
|
||||
import '../index.less';
|
Reference in New Issue
Block a user