青春纸盒子

文: 芦苇

你喜欢我笑的样子

我靠上了落寞的窗子

晚风吹起了我的袖子

明月沾湿了你的眸子


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

树影婆娑,整座院子


挽起袖子

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

装进,青春,这纸盒子


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

luwei0915

导航

< 2025年2月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1
2 3 4 5 6 7 8

统计

07 2020 档案

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 芦苇の 阅读(128) 评论(0) 推荐(0) 编辑

demo_14 实现内容切换
摘要:1. 实现中部组件的左右滑动 子组件: 父组件: 2. list-scroll 组件化 组件的组件: 组件: 阅读全文

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

demo_14 更多卡片视图实现
摘要:1. 效果图 2.list-card代码: <template> <view> <!-- 基础卡片 --> <view v-if="mode == 'base'" class="listcard"> <view class="listcard-image"> <image src="../../st 阅读全文

posted @ 2020-07-30 07:29 芦苇の 阅读(184) 评论(0) 推荐(0) 编辑

demo_13 基础卡片视图实现
摘要:1. 中部滚动效果图及实现 1.1 效果图: 1.2 代码: 2. 组件开发 基础卡片视图 效果图: 2.1 创建list-scroll组件,剪切view及样式代码: 2.2 创建list-card组件 样式: <style lang="scss" scope> .listcard { displa 阅读全文

posted @ 2020-07-29 08:55 芦苇の 阅读(253) 评论(0) 推荐(0) 编辑

demo_10_06 云数据库聚合_lookup_02
摘要:// 1. 数据库数据 // { // "authors": { // 集合(表名) // "data": [ // 数据 // {"_id": 1, "name": "author 1", "intro": "Two-time best-selling sci-fiction novel 阅读全文

posted @ 2020-07-28 11:40 芦苇の 阅读(144) 评论(0) 推荐(0) 编辑

demo_10_06 云数据库聚合_lookup_01
摘要:// 1. 数据库数据 // { // "orders": { // 集合(表名) // "data": [ // 数据 // {"_id":4,"book":"novel 1","price":30,"quantity":2}, // {"_id":5,"book":"science 1" 阅读全文

posted @ 2020-07-28 11:20 芦苇の 阅读(141) 评论(0) 推荐(0) 编辑

demo_12 子组件选项卡切换及事件传递
摘要:1. 效果图 2. 子组件tab中添加clickTab事件及动态样式: 动态样式: 3. 父组件接收事件 阅读全文

posted @ 2020-07-28 08:41 芦苇の 阅读(138) 评论(0) 推荐(0) 编辑

demo_11 封装数据请求
摘要:思路:为数据请求搭建一个api框架 1. 原函数请求: 2. 封装get_label 2.1 创建api->index.js 2.2 在main.js中引入 2.3 页面重新渲染 3. 继续封装 3.1 问题: 3.2 创建list.js,剪切const函数内容 3.3 在index.js中引入,此 阅读全文

posted @ 2020-07-28 01:56 芦苇の 阅读(122) 评论(0) 推荐(0) 编辑

demo_10_05 云数据库聚合_limit
摘要:// 1. 数据库数据 // { // "items": { // 集合(表名) // "data": [ // 数据 // { // "_id": "1", // "price": 10 // }, // { // "_id": "2", // "price": 50 // }, // { // 阅读全文

posted @ 2020-07-27 18:43 芦苇の 阅读(122) 评论(0) 推荐(0) 编辑

demo_10_04 云数据库聚合_group_02
摘要:// 1. 数据库数据 // { // "avatar": { // 集合(表名) // "data": [ // 数据 // { // "_id": "1", // "alias": "john", // "region": "asia", // "scores": [40,  阅读全文

posted @ 2020-07-27 18:33 芦苇の 阅读(180) 评论(0) 推荐(0) 编辑

demo_10_04 云数据库聚合_group_01
摘要:// 1. 数据库数据 // { // "avatar": { // 集合(表名) // "data": [ // 数据 // { // "_id": "1", // "alias": "john", // "region": "asia", // "scores": [40,  阅读全文

posted @ 2020-07-27 17:41 芦苇の 阅读(119) 评论(0) 推荐(0) 编辑

demo_10_03 云数据库聚合_count
摘要:// 1. 数据库数据 // { // "items": { // 集合(表名) // "data": [ // 数据 // { // "_id": 1, // "price": 10.5 // }, // { // "_id": 2, // "price": 50.3 // }, // { // 阅读全文

posted @ 2020-07-27 16:02 芦苇の 阅读(126) 评论(0) 推荐(0) 编辑

demo_10_02 云数据库聚合_bucket_02 bucketAuto
摘要:// 1. 数据库数据 // { // "items": { // 集合(表名) // "data": [ // 数据 // { // "_id": 1, // "price": 10.5 // }, // { // "_id": 2, // "price": 50.3 // }, // { // 阅读全文

posted @ 2020-07-27 15:46 芦苇の 阅读(108) 评论(0) 推荐(0) 编辑

demo_10_02 云数据库聚合_bucket_01
摘要:// 1. 数据库数据 // { // "items": { // 集合(表名) // "data": [ // 数据 // { // "_id": 1, // "price": 10 // }, // { // "_id": 2, // "price": 50 // }, // { // "_id 阅读全文

posted @ 2020-07-27 14:51 芦苇の 阅读(115) 评论(2) 推荐(0) 编辑

demo_10_01 云数据库聚合_addFields_02
摘要:// 1. 数据库数据 // { // "vehicles": { // 集合(表名) // "data": [ // 数据 // { // "_id": 1, // "type": "car", // "specs": { // "doors": 4, // "wheels": 4 // } // 阅读全文

posted @ 2020-07-27 14:06 芦苇の 阅读(104) 评论(0) 推荐(0) 编辑

demo_10_01 云数据库聚合_addFields_01 连续两次addFields
摘要:数据表: { "scores": { // 集合(表名) "data": [ // 数据 { "_id": 1, "student": "Maya", "homework": [10, 5, 10], "quiz": [10, 8], "extraCredit": 0 }, { "_id& 阅读全文

posted @ 2020-07-27 13:34 芦苇の 阅读(113) 评论(0) 推荐(0) 编辑

demo_09 async&await
摘要:// async位于函数字面量或函数表达式的前面(普通函数,立即执行函数,箭头函数均可),被修饰函数的返回一个Promise对象 // 简化Promise的使用过程,让你的异步代码看起来像是同步的 /* await一定要位于async函数内部 await一般位于Promise对象之前,所以一般位于a 阅读全文

posted @ 2020-07-27 12:41 芦苇の 阅读(145) 评论(0) 推荐(0) 编辑

demo_08 关于Promise的简单用法
摘要:// 示例1: 效果 => 隔两秒输出resolve里指定的内容 /* new Promise(resolve => { setTimeout(() => { resolve('hello') }, 2000) }).then(res => { console.log(res) }) */ // 示 阅读全文

posted @ 2020-07-27 11:11 芦苇の 阅读(236) 评论(5) 推荐(0) 编辑

demo_07 云函数get_label 选项卡数据初始化
摘要:思路:获取云函数数据--渲染到组件中 效果图: 1. 创建云函数 get_label 2. 父组件index.vue中获取 3. 子组件tab.vue接收 阅读全文

posted @ 2020-07-27 08:47 芦苇の 阅读(137) 评论(0) 推荐(0) 编辑

demo_06 引入图标库及创建选项卡组件
摘要:img: tab: <template> <view class="tab"> <scroll-view class="tab-scroll" scroll-x> <view class="tab-scroll_box"> <view v-for="(item,index) in list" :ke 阅读全文

posted @ 2020-07-20 08:18 芦苇の 阅读(147) 评论(0) 推荐(0) 编辑

demo_05 自定义导航栏组件及小程序适配
摘要:img: 关于小程序导航栏高度计算: nvarbar 组件代码: <template> <view class="navbar"> <!-- 整体fixed --> <!-- 状态栏:20px + 导航栏 45px = 65px 45px暂时的,后面动态获取 --> <view class="nav 阅读全文

posted @ 2020-07-18 23:32 芦苇の 阅读(246) 评论(0) 推荐(0) 编辑

demo_04 项目初始化
摘要:1. 数据库初始化 2. 配置tabbar: 阅读全文

posted @ 2020-07-18 22:56 芦苇の 阅读(78) 评论(0) 推荐(0) 编辑

demo_03 云数据库文件操作
摘要:<template> <view> 首页 <button type="primary" @click="getList">调用get_list云函数</button> <button type="primary" @click="uploadImg">上传图片</button> <button ty 阅读全文

posted @ 2020-07-18 14:22 芦苇の 阅读(214) 评论(0) 推荐(0) 编辑

demo_02 云函数数据库操作
摘要:1. 前台请求数据 getList(){ uniCloud.callFunction({ name:"get_list", data:{ // 请求name 为 name1 的数据 name: 'name1' }, success(res) { console.log(res); }, fail(e 阅读全文

posted @ 2020-07-18 13:20 芦苇の 阅读(300) 评论(0) 推荐(0) 编辑

demo_01 创建并使用云函数
摘要:1. 创建并使用云函数 1.1 创建button调用方法: btn: <button type="primary" @click="getList">调用get_list云函数</button> method: getList(){ uniCloud.callFunction({ name:"get 阅读全文

posted @ 2020-07-18 10:58 芦苇の 阅读(159) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示