uni-app跨平台开发学习心得

学习内容:通过这门课程我学习了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>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值