blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

fix(Calendar): color prop not work

Browse Source
This commit is contained in:
chenjiahan 2020-09-07 09:54:45 +08:00
parent c655c96026
commit b9dbb1bc8a
1 changed files with 21 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
src/calendar/components/Day.js
View File

@ -17,7 +17,7 @@ export default createComponent({
setup(props, { emit }) {
const style = computed(() => {
const { type, index, color, offset, rowHeight } = props;
const { item, index, color, offset, rowHeight } = props;
const style = {
height: rowHeight,
};
@ -27,7 +27,7 @@ export default createComponent({
}
if (color) {
switch (type) {
switch (item.type) {
case 'end':
case 'start':
case 'start-end':
@ -45,14 +45,14 @@ export default createComponent({
});
const onClick = () => {
if (props.type !== 'disabled') {
if (props.item.type !== 'disabled') {
emit('click', props.item);
}
};
return () => {
const renderContent = () => {
const { item, color, rowHeight } = props;
const { type, topInfo, bottomInfo } = item;
const { type, text, topInfo, bottomInfo } = item;
const TopInfo = topInfo && <div class={bem('top-info')}>{topInfo}</div>;
@ -60,42 +60,37 @@ export default createComponent({
<div class={bem('bottom-info')}>{bottomInfo}</div>
);
const Nodes = [TopInfo, text, BottomInfo];
if (type === 'selected') {
return (
<div
role="gridcell"
style={style.value}
class={[bem('day'), item.className]}
tabindex={-1}
onClick={onClick}
class={bem('selected-day')}
style={{
width: rowHeight,
height: rowHeight,
background: color,
}}
>
<div
class={bem('selected-day')}
style={{
width: rowHeight,
height: rowHeight,
background: color,
}}
>
{TopInfo}
{item.text}
{BottomInfo}
</div>
{Nodes}
</div>
);
}
return Nodes;
};
return () => {
const { type, className } = props.item;
return (
<div
role="gridcell"
style={style.value}
class={[bem('day', type), item.className]}
class={[bem('day', type), className]}
tabindex={type === 'disabled' ? null : -1}
onClick={onClick}
>
{TopInfo}
{item.text}
{BottomInfo}
{renderContent()}
</div>
);
};