学习内容:通过这门课程我学习了HXB远程克隆、在pages.json中修改全局外观配置,主要是标题栏文本和颜色、flex布局样式、image相关属性、声明全局配置(page)、uni组件使用、缓存使用、各种移动端请求类型、uni路由、自定义组件、组件生命周期和组件引用、获取全局配置中的数据、完成登录前后的视图切换逻辑、完成注销功能、滚动图片列表、秋云ucharts图表组件等等
1:在用过 使用page声明全局配置、pages.json中修改全局外观配置还有发起请求getPagedBlogs中写下列表视图显示,如下:
<template> | ||
2 | 2 | <view class="content"> |
3 | <image class="logo" src="/static//icons//nodata.png"></image> | |
4 | <view class="text-area"> | |
5 | <text class="title">{ {title}}</text> | |
3 | <view v-if="blogs.length == 0" class="none"> | |
4 | <image src="../../static/icons/nodata.png" mode="widthFix" class="logo"></image> | |
5 | <text>抱歉,没有相关文章</text> | |
6 | </view> | |
7 | <view v-else class="item-container" v-for="(item,index) in blogs" :key="item.id"> | |
8 | <text class="item.title">{ {item.title}}</text> | |
9 | <rich-text :nodes="item.description" class="item-desc"></rich-text> | |
10 | <image :src="item.picture" mode="widthFix" class="item-pic"></image> | |