demo_43 个人中心页面实现
摘要：效果图 代码（get到的新技能 哈哈） 1 <template> 2 <view> 3 <view class="my-header"> 4 <view class="my-header__background"> 5 <image class="my-header__background-img"
阅读全文
posted @ 2020-09-30 08:23
09 2020 档案
demo_42 同步关注作者页面数据
摘要：1. 创建云函数，获取数据 2. 渲染到页面 父组件 子组件 3. 取消或者新关注数据同步到该页面 home-detail 发送自定义关注事件 follow页面监听，刷新页面
阅读全文
posted @ 2020-09-29 00:16
demo_41 关注作者页面实现
摘要：效果图 1.实现上下、下上联动 2. 组件化关注的作者页面 组件代码：list-author.vue <template> <view class="listauthor"> <view class="listauthor-image"> <image class="listauthor-image
阅读全文
posted @ 2020-09-28 23:34
demo_40 收藏与首页内容关联（最为烦躁的一节）
摘要：1. 初始化事件 2. 实现首页、文章详情页、关注页 收藏或者取消收藏文章，同步到其他三个地方 说明： 文章详情页的收藏文章的自定义事件，update_article事件，是发送给list.vue中的，目的是实现首页与文章详情页收藏文章的数据联动，会有一个首页刷新的操作； 此时，follow页面中收
阅读全文
posted @ 2020-09-28 22:57
demo_39 获取收藏的文字渲染到页面
摘要：效果图： 1. 新建云函数 2. 页面布局及渲染
阅读全文
posted @ 2020-09-27 08:33
demo_38 关注页导航栏实现
摘要：效果图 页面布局 全部样式 <style lang="scss" scoped> .follow { // height: 100%; display: flex; flex-direction: column; flex: 1; box-sizing: border-box; .follow-ta
阅读全文
posted @ 2020-09-27 08:01
demo_37 评论列表实现_02 封装popup 及 格式化时间
摘要：效果图 1. 封装评论模块 1.1 剪切vue 及 css 1.2 方法： 父组件 子组件 2.格式化评论时间 2.1 创建工具文件 2.2 页面调用
阅读全文
posted @ 2020-09-26 09:57
demo_37 评论列表实现_01
摘要：效果图 1. 创建评论列表页，并跳转 2. 评论列表页 2.1 布局 2.2 云函数分页 2.3 页面实现
阅读全文
posted @ 2020-09-25 08:33
demo_36 收藏与点赞功能实现_02
摘要：效果图： 1. 点赞功能实现 1.1 页面 1.2 逻辑 1.3 云函数更新 2. 收藏文章后同步数据到首页 2.1 发送事件 2.2 接收事件，并刷新页面
阅读全文
posted @ 2020-09-25 00:14
demo_36 收藏与点赞功能实现_01
摘要：效果图： 1.收藏功能实现 1.1 代码 1.2 逻辑 2.点赞功能云函数实现
阅读全文
posted @ 2020-09-24 08:42
demo_35 关注作者_02 关注作者功能实现
摘要：效果图： 1. 关注按钮 2. 方法： 3. 修复一个错误
阅读全文
posted @ 2020-09-23 09:11
demo_35 关注作者_01 云函数实现
摘要：本节目的：点击关注，关注作者，添加作者ID到user表的article_likes_ids字段里 效果图： 1. 添加关注按钮 2. 创建云函数 update_author，配置运行测试参数 参数
阅读全文
posted @ 2020-09-21 08:38
demo_34 评论内容实现_6 实现对子回复的回复
摘要：1. 子组件传递内容 2. 父组件接收 3. 子回复时限 3.1 修改home-detail 3.2 修改云函数 3.3 修改测试参数，上传并运行 3.4 子组件中对回复及子回复的区分 3.5 修改http.js中用户id,切换用户评论 3.6 对子回复进行回复，效果图 3.7 收尾，完成
阅读全文
posted @ 2020-09-17 08:31
demo_34 评论内容实现_5 对回复的回复的逻辑实现并渲染到页面
摘要：效果图： 1. 修改云函数 'use strict'; const db = uniCloud.database() const $ = db.command.aggregate const dbCmd = db.command exports.main = async (event, contex
阅读全文
posted @ 2020-09-16 08:09
demo_34 评论内容实现_4 实现对评论的评论
摘要：效果图： 1. 对评论的评论的样式实现 2. 评论的评论事件发送给父组件 3. 父组件处理 3.1 接收 3.2 将二次评论的内容添加打包发送给云函数 3.3 更新云函数update_comment (未完待续)
阅读全文
posted @ 2020-09-14 08:15
demo_34 评论内容实现_3 从数据库加载评论
摘要：本节目的：从数据库获取对应文章的评论加载到页面 1. 实现加载评论样式效果 2. 创建获取评论云函数 get_comments，并配置运行测试参数 'use strict'; const db = uniCloud.database() const $ = db.command.aggregate
阅读全文
posted @ 2020-09-13 11:53
demo_34 评论内容实现_2 评论发布及发布组件初步实现
摘要：本节目的：前端发布评论到数据库 及 创建评论组件 效果图： 1. 发布评论功能实现 2. 评论模块 2.1 评论模块内容 2.2 评论模块样式 2.3 评论组件comments-box 内容 样式 <style lang="scss" scoped> .comments-box { margin:
阅读全文
posted @ 2020-09-09 08:19
demo_34 评论内容实现_1 创建云函数
摘要：本节目的：发布评论后将评论存储到DB，与对应文章匹配 1. 创建云函数 2. 配置运行测试参数 3. 运行查看结果
阅读全文
posted @ 2020-09-08 08:32
demo_33 评论发布弹窗实现
摘要：本节目的：文章评论输入框实现，效果图： 1. 引入弹出层组件并使用 2. 方法 3. 样式 .popup-wrap { background-color: #fff; .popup-header { display: flex; justify-content: space-between; fon
阅读全文
posted @ 2020-09-07 23:34
demo_32 富文本渲染
摘要：本节目的：解析获取的html格式的文字 效果图： 1.引入文本解析组件并使用 2. app.vue中引入样式
阅读全文
posted @ 2020-09-07 22:29
