日历组件展示优化;热点资讯组件,小布局时显示的名称错误
This commit is contained in:
parent
cc46aafb3b
commit
5fbe526e2e
|
@ -33,7 +33,9 @@ export default defineComponent(() => {
|
||||||
<span class={'text-[48px] font-extrabold pt-2'}>{store.state.select.format('D')}</span>
|
<span class={'text-[48px] font-extrabold pt-2'}>{store.state.select.format('D')}</span>
|
||||||
<span>{store.state.select.format('ddd')}</span>
|
<span>{store.state.select.format('ddd')}</span>
|
||||||
<span>
|
<span>
|
||||||
本年第{store.state.select.diff(store.state.select.set('date', 1).set('months', 0), 'weeks')}周,第
|
本年第
|
||||||
|
{store.state.select.diff(store.state.select.set('date', 1).set('months', 0), 'weeks')}
|
||||||
|
周,第
|
||||||
{store.state.select.diff(store.state.select.set('date', 1).set('month', 0), 'day')}天
|
{store.state.select.diff(store.state.select.set('date', 1).set('month', 0), 'day')}天
|
||||||
</span>
|
</span>
|
||||||
<div class={'w-[138px] h-[1px] flex-shrink-0 my-7 bg-black/10 relative'}></div>
|
<div class={'w-[138px] h-[1px] flex-shrink-0 my-7 bg-black/10 relative'}></div>
|
||||||
|
@ -56,10 +58,8 @@ export default defineComponent(() => {
|
||||||
>
|
>
|
||||||
宜
|
宜
|
||||||
</div>
|
</div>
|
||||||
<div class={'flex flex-col text-[#666] text-[14px]'}>
|
<div class={'flex-1 w-0 text-[#666] text-[14px]'}>
|
||||||
{lunar.value.getDayYi().map((item: any) => {
|
{lunar.value.getDayYi().join(',')}
|
||||||
return <div class={'flex items-center'}>{item},</div>
|
|
||||||
})}
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class={'flex w-full gap-x-5'}>
|
<div class={'flex w-full gap-x-5'}>
|
||||||
|
@ -70,10 +70,8 @@ export default defineComponent(() => {
|
||||||
>
|
>
|
||||||
忌
|
忌
|
||||||
</div>
|
</div>
|
||||||
<div class={'flex flex-col text-[#666] text-[14px]'}>
|
<div class={'flex-1 w-0 text-[#666] text-[14px]'}>
|
||||||
{lunar.value.getDayJi().map((item: any) => {
|
{lunar.value.getDayJi().join(',')}
|
||||||
return <div class={'flex items-center'}>{item},</div>
|
|
||||||
})}
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -158,8 +156,10 @@ export default defineComponent(() => {
|
||||||
dayjs(),
|
dayjs(),
|
||||||
'day'
|
'day'
|
||||||
),
|
),
|
||||||
'border-transparent border-solid': !el.day.isSame(dayjs(), 'day') && !el.day.isSame(store.state.select, 'day'),
|
'border-transparent border-solid':
|
||||||
'border-[#76d7f2] border-solid border-[1px]': !el.day.isSame(dayjs(), 'day') && el.day.isSame(store.state.select, 'day'),
|
!el.day.isSame(dayjs(), 'day') && !el.day.isSame(store.state.select, 'day'),
|
||||||
|
'border-[#76d7f2] border-solid border-[1px]':
|
||||||
|
!el.day.isSame(dayjs(), 'day') && el.day.isSame(store.state.select, 'day')
|
||||||
}
|
}
|
||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
|
|
|
@ -10,7 +10,7 @@ export default defineComponent(() => {
|
||||||
<img class={'w-[48px] h-[48px]'} src={'/tab/icons/hot_information_icon.png'}></img>
|
<img class={'w-[48px] h-[48px]'} src={'/tab/icons/hot_information_icon.png'}></img>
|
||||||
<div class={'flex-1 flex justify-center'}>
|
<div class={'flex-1 flex justify-center'}>
|
||||||
<div class="flex-col flex">
|
<div class="flex-col flex">
|
||||||
<span class={'text-[16px] text-white'}>热点折扣</span>
|
<span class={'text-[16px] text-white'}>热点资讯</span>
|
||||||
<div class={'flex items-center text-[#fffc] text-[12px] '}>
|
<div class={'flex items-center text-[#fffc] text-[12px] '}>
|
||||||
立即查看
|
立即查看
|
||||||
<div>
|
<div>
|
||||||
|
|
Loading…
Reference in New Issue