【山竹记账前端-react】13.滑动菜单暗藏玄机 大纲链接 § [toc] 1. 滑动菜单之样式制作 ⇧ @/components/FloatingOverlayMenu.tsx 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 import { MenuList } from "@/components/menu/MenuList" import { UserHeader }
【山竹记账前端-react】12.两种组件间通信的方式
【山竹记账前端-react】12.两种组件间通信的方式 大纲链接 § [toc] 1. 组件化有利有弊 ⇧ 组件化的缺点 使得每个组件模块自成一体,需要额外通信交流 一
【山竹记账前端-react】11.完成制作列表页布局
【山竹记账前端-react】11.完成制作列表页布局 大纲链接 § [toc] 1. 创建ItemsPage页面 ⇧ 制作列表页,使用渐变色生成器做背景 CSS Gradient generator 'bg-linear-to-b from-[var(--welcome-card-start)] to-[var(--welcome-card-end)]'
【山竹记账前端-vue】16.制作 echarts 图表
【山竹记账前端-vue】16.制作 echarts 图表 大纲链接 § [toc] 1. 创建统计图表页面,封装 DateTabsLayout ⇧ 由于记账页和统计图表页的 tab 分类都为日期,并且切换和将日期传参
【山竹记账前端-vue】15.【山竹记账前端】封装弹出菜单
【山竹记账前端-vue】15.【山竹记账前端】封装弹出菜单,完成登录页 大纲链接 § [toc] 1. v-model 的正确用法 ⇧ 双向绑定数据 父组件中在子组件上 v-model={} 即绑定默认
【山竹记账前端-vue】14.制作 ItemList 页面
【山竹记账前端-vue】14.制作 ItemList 页面 大纲链接 § [toc] 1. 重构 time ⇧ 改用 Class Time ⇧ 期望实现更多其他api:firstDayOfMonth、firstD
【山竹记账前端-vue】13.制作三个页面:记一笔、TagEdit、ItemList
【山竹记账前端-vue】13.制作两个页面:记一笔 ItemCreate、TagEdit 大纲链接 § [toc] 1. 创建列表 ⇧ 创建列表数据结构 ⇧ 记账项目数据
【山竹记账前端-vue】12.表单验证
【山竹记账前端-vue】12.表单验证 大纲链接 § [toc] 1. 重构拆分组件,v-model 绑定多个数据 ⇧ 拆分为两个组件:EmojiMainTopicN