mirror of
https://gitee.com/beecue/fastbee.git
synced 2025-12-18 00:45:55 +08:00
智慧宿舍系统小程序
This commit is contained in:
@@ -0,0 +1,58 @@
|
||||
'use strict';
|
||||
Object.defineProperty(exports, '__esModule', { value: true });
|
||||
var component_1 = require('../common/component');
|
||||
var relation_1 = require('../common/relation');
|
||||
component_1.VantComponent({
|
||||
props: {
|
||||
info: null,
|
||||
name: null,
|
||||
icon: String,
|
||||
dot: Boolean,
|
||||
iconPrefix: {
|
||||
type: String,
|
||||
value: 'van-icon',
|
||||
},
|
||||
},
|
||||
relation: relation_1.useParent('tabbar'),
|
||||
data: {
|
||||
active: false,
|
||||
activeColor: '',
|
||||
inactiveColor: '',
|
||||
},
|
||||
methods: {
|
||||
onClick: function () {
|
||||
var parent = this.parent;
|
||||
if (parent) {
|
||||
var index = parent.children.indexOf(this);
|
||||
var active = this.data.name || index;
|
||||
if (active !== this.data.active) {
|
||||
parent.$emit('change', active);
|
||||
}
|
||||
}
|
||||
this.$emit('click');
|
||||
},
|
||||
updateFromParent: function () {
|
||||
var parent = this.parent;
|
||||
if (!parent) {
|
||||
return;
|
||||
}
|
||||
var index = parent.children.indexOf(this);
|
||||
var parentData = parent.data;
|
||||
var data = this.data;
|
||||
var active = (data.name || index) === parentData.active;
|
||||
var patch = {};
|
||||
if (active !== data.active) {
|
||||
patch.active = active;
|
||||
}
|
||||
if (parentData.activeColor !== data.activeColor) {
|
||||
patch.activeColor = parentData.activeColor;
|
||||
}
|
||||
if (parentData.inactiveColor !== data.inactiveColor) {
|
||||
patch.inactiveColor = parentData.inactiveColor;
|
||||
}
|
||||
if (Object.keys(patch).length > 0) {
|
||||
this.setData(patch);
|
||||
}
|
||||
},
|
||||
},
|
||||
});
|
||||
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"van-icon": "../icon/index",
|
||||
"van-info": "../info/index"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,28 @@
|
||||
<wxs src="../wxs/utils.wxs" module="utils" />
|
||||
|
||||
<view
|
||||
class="{{ utils.bem('tabbar-item', { active }) }} custom-class"
|
||||
style="color: {{ active ? activeColor : inactiveColor }}"
|
||||
bindtap="onClick"
|
||||
>
|
||||
<view class="van-tabbar-item__icon">
|
||||
<van-icon
|
||||
wx:if="{{ icon }}"
|
||||
name="{{ icon }}"
|
||||
class-prefix="{{ iconPrefix }}"
|
||||
custom-class="van-tabbar-item__icon__inner"
|
||||
/>
|
||||
<block wx:else>
|
||||
<slot wx:if="{{ active }}" name="icon-active" />
|
||||
<slot wx:else name="icon" />
|
||||
</block>
|
||||
<van-info
|
||||
dot="{{ dot }}"
|
||||
info="{{ info }}"
|
||||
custom-class="van-tabbar-item__info"
|
||||
/>
|
||||
</view>
|
||||
<view class="van-tabbar-item__text">
|
||||
<slot />
|
||||
</view>
|
||||
</view>
|
||||
@@ -0,0 +1 @@
|
||||
@import '../common/index.wxss';:host{-webkit-flex:1;flex:1}.van-tabbar-item{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;height:100%;color:#646566;color:var(--tabbar-item-text-color,#646566);font-size:12px;font-size:var(--tabbar-item-font-size,12px);line-height:1;line-height:var(--tabbar-item-line-height,1)}.van-tabbar-item__icon{position:relative;margin-bottom:4px;margin-bottom:var(--tabbar-item-margin-bottom,4px);font-size:22px;font-size:var(--tabbar-item-icon-size,22px)}.van-tabbar-item__icon__inner{display:block;min-width:1em}.van-tabbar-item--active{color:#1989fa;color:var(--tabbar-item-active-color,#1989fa)}.van-tabbar-item__info{margin-top:2px}
|
||||
Reference in New Issue
Block a user