芦苇の - 博客园

demo_14 实现内容切换

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

posted @ 2020-07-31 08:08 芦苇の阅读(96) 评论(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 芦苇の阅读(198) 评论(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 芦苇の阅读(273) 评论(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 芦苇の阅读(153) 评论(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 芦苇の阅读(147) 评论(0) 推荐(0)

demo_12 子组件选项卡切换及事件传递

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

posted @ 2020-07-28 08:41 芦苇の阅读(143) 评论(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 芦苇の阅读(130) 评论(0) 推荐(0)

demo_10_05 云数据库聚合_limit

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

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

demo_10_04 云数据库聚合_group_02

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

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

demo_10_04 云数据库聚合_group_01