摘要：效果图： 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 阅读全文

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

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

摘要：效果图： 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 阅读全文

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

摘要：1. 实现中部组件的左右滑动 子组件： 父组件： 2. list-scroll 组件化 组件的组件： 组件： 阅读全文

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

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

摘要：// 1. 数据库数据 // { // "authors": { // 集合（表名） // "data": [ // 数据 // {"_id": 1, "name": "author 1", "intro": "Two-time best-selling sci-fiction novel 阅读全文

摘要：// 1. 数据库数据 // { // "orders": { // 集合（表名） // "data": [ // 数据 // {"_id":4,"book":"novel 1","price":30,"quantity":2}, // {"_id":5,"book":"science 1" 阅读全文

摘要：1. 效果图 2. 子组件tab中添加clickTab事件及动态样式： 动态样式： 3. 父组件接收事件 阅读全文

摘要：思路：为数据请求搭建一个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中引入，此 阅读全文

摘要：// 1. 数据库数据 // { // "items": { // 集合（表名） // "data": [ // 数据 // { // "_id": "1", // "price": 10 // }, // { // "_id": "2", // "price": 50 // }, // { // 阅读全文

摘要：// 1. 数据库数据 // { // "avatar": { // 集合（表名） // "data": [ // 数据 // { // "_id": "1", // "alias": "john", // "region": "asia", // "scores": [40,  阅读全文

摘要：// 1. 数据库数据 // { // "avatar": { // 集合（表名） // "data": [ // 数据 // { // "_id": "1", // "alias": "john", // "region": "asia", // "scores": [40,  阅读全文

摘要：// 1. 数据库数据 // { // "items": { // 集合（表名） // "data": [ // 数据 // { // "_id": 1, // "price": 10.5 // }, // { // "_id": 2, // "price": 50.3 // }, // { // 阅读全文

摘要：// 1. 数据库数据 // { // "items": { // 集合（表名） // "data": [ // 数据 // { // "_id": 1, // "price": 10.5 // }, // { // "_id": 2, // "price": 50.3 // }, // { // 阅读全文

摘要：// 1. 数据库数据 // { // "items": { // 集合（表名） // "data": [ // 数据 // { // "_id": 1, // "price": 10 // }, // { // "_id": 2, // "price": 50 // }, // { // "_id 阅读全文

摘要：// 1. 数据库数据 // { // "vehicles": { // 集合（表名） // "data": [ // 数据 // { // "_id": 1, // "type": "car", // "specs": { // "doors": 4, // "wheels": 4 // } // 阅读全文

摘要：数据表： { "scores": { // 集合（表名） "data": [ // 数据 { "_id": 1, "student": "Maya", "homework": [10, 5, 10], "quiz": [10, 8], "extraCredit": 0 }, { "_id& 阅读全文