青春纸盒子

文: 芦苇

你喜欢我笑的样子

我靠上了落寞的窗子

晚风吹起了我的袖子

明月沾湿了你的眸子


转身,你走出了两个人的圈子

树影婆娑,整座院子


挽起袖子

回头,把揽你忧伤一地的影子

装进,青春,这纸盒子


更多代码请关注我的微信小程序: "ecoder"

luwei0915

导航

上一页 1 ··· 19 20 21 22 23 24 25 26 27 ··· 51 下一页

2020年8月14日

demo_22 搜索逻辑实现_02

摘要: 1. 实现点击卡片存储搜索记录 1.1 list-card传参 1.2 home-seach 接收 此时,页面输入关键词查询,返回数据后点击一下卡片,然后清空输入框,查看 2.点击搜搜历史,实现输入框输入搜索历史内容并搜索 2.1 实现搜索页搜索内容的双向绑定 搜索页传值给navbar navbar 阅读全文

posted @ 2020-08-14 22:46 芦苇の 阅读(119) 评论(0) 推荐(0)

2020年8月13日

demo_22 搜索逻辑实现_01

摘要: 效果图 1. 搜索历史还是搜索结果控制 2. 仿照get_list获取数据 3.搜索逻辑实现 3.1 限制请求时间 3.2 navbar中,调整搜索框宽度为100% 3.3 创建云函数get_search list.js中 修改home-seach,调用云函数 3.4 home-search循环中添 阅读全文

posted @ 2020-08-13 08:49 芦苇の 阅读(115) 评论(0) 推荐(0)

demo_21 使用vuex管理历史记录

摘要: 效果图: 1. 添加无搜索历史内容及样式 2. input传值给home-search 2.1 navbar 传值 2.2 home-search 接收 3. vuex的使用 3.1 创建目录 store,引入vuex实例 3.2 main.js中注册 3.3 页面调用 historyLists 3 阅读全文

posted @ 2020-08-13 00:18 芦苇の 阅读(327) 评论(0) 推荐(0)

2020年8月11日

demo_20 搜索页导航栏修改

摘要: 搜搜页效果图 1. 创建及跳转到搜索页 1.1 创建搜索页 1.2 从导航栏实现跳转 2. 编辑home-search 自定义导航栏 2.1 禁止原生导航 2.2 对home-search页面导航栏修改 2.2.1 navbar传参识别是哪个页面调用,以方便对navbar修改 接收传参 2.3 添加 阅读全文

posted @ 2020-08-11 22:46 芦苇の 阅读(185) 评论(0) 推荐(0)

demo_19 收藏按钮实现_02

摘要: 1. 刷新页面,保存获取是否收藏的状态 1.1 修改云函数get_list 1.2 模拟传参 1.3 修复get_list 新添加 user_id字段的问题 查看结果:只查看第一项,article 和 user_id 暂时写死的 1.4 最终实现 收藏后刷新页面 数据库查看 1.5 添加页面收藏成功 阅读全文

posted @ 2020-08-11 18:27 芦苇の 阅读(146) 评论(0) 推荐(0)

demo_19 收藏按钮实现_01

摘要: 效果图: 1. 页面实现 1.1 list-card.vue 1.2 样式 2. 组件化 并在list-card中使用 3 关注事件绑定及阻止冒泡 3.1 list-card定义页面详情页事件 3.2 事件绑定 4. 创建云函数 update_like 4.1 查看数据库结构 4.2 编辑云函数 4 阅读全文

posted @ 2020-08-11 00:42 芦苇の 阅读(307) 评论(0) 推荐(0)

2020年8月2日

demo_18 上拉加载更多

摘要: 1. 处理首页显示全部而不是第一个类别 1.1 index.vue中 1.2 修改云函数 效果图: 2. 导航栏点击重复获取数据问题 3. 下载官方loadMore组件并使用 3.1 修改云函数每次返回10条数据 list.vue: 修改云函数get_list: 3.2 添加上拉加载更多 3.2.1 阅读全文

posted @ 2020-08-02 14:49 芦苇の 阅读(136) 评论(0) 推荐(0)

2020年8月1日

demo_17 选项卡切换及懒加载数据

摘要: 效果图: 1. list.vue中修改云函数 传参 2. 云函数中 聚合操作 并查看前端变化 3. 解决选项卡切换数据缓存问题 问题:list.vue中,this.list = data,选项卡切换时,data还没获取回来之前,页面还是加载 list中的数据 3.1 新数据存取到新数组中 3.2 修 阅读全文

posted @ 2020-08-01 09:32 芦苇の 阅读(250) 评论(0) 推荐(0)

demo_16 内容卡片数据初始化

摘要: 效果图: 1. 新建云函数并绑定 1.1 云函数 get_list 1.2 list.js中 1.3 list.vue中使用 1.4 list-item中接收 1.5 list-card接收渲染所有数据 <template> <view> <!-- 基础卡片 --> <view v-if="item 阅读全文

posted @ 2020-08-01 09:27 芦苇の 阅读(205) 评论(0) 推荐(0)

2020年7月31日

demo_15 选项卡内容联动

摘要: 1. 实现选项卡有几个,内容就有几个 index.vue: 子组件: 2. 实现选项卡内容联动 2.1 list 选项卡内容index 传递给tab: list组件发送事件: 父组件: tab组件接收并改变index: 2.2 tab的activeIndex 传递给 list: 父组件留有监听事件: 阅读全文

posted @ 2020-07-31 08:40 芦苇の 阅读(133) 评论(0) 推荐(0)

上一页 1 ··· 19 20 21 22 23 24 25 26 27 ··· 51 下一页