uni-app(1)

36 篇文章 0 订阅
3 篇文章 0 订阅

react先放一下,顶不住了,学完这个继续,熟悉下uni-app

样式和sass

rpx 小程序中的单位750rpx = 屏幕的宽度
vw h5单位 100vw = 屏幕宽度 100vh = 屏幕高度
uniapp中内置有sass的配置,只需要安装对应的依赖就行 npm i sass-loader node-sass 然后在style标签上假如属性 lang=‘scss’

这个uniapp和vue及小程序太相似了,不多总结了
总结踩坑:
base.css:在微信小程序中不支持*通配符
在全局中引入,也就是App.vue中的style
在这里插入图片描述
这里request与微信小程序不同,它封装了promise,uniapp它得到的是一个数组,还有注意大写onLoad,我在这发,我的天,我小写了居然不报错。。我查半天
在这里插入图片描述

分段器

分段器这主要是按文档写就行,但是注意uni ui引入都别按照文档引,像这样就行:import {uniSegmentedControl} from ‘@dcloudio/uni-ui’,而且因为引的是组件,别忘了注册下(component),点我进去哦
优化,因为没学过sass,简单理解下,感觉其实就是一层套一层,链式调用的思想
在这里插入图片描述

剩下的知识点

这里引入组件,执行顺序就是这样,组件中只能用mounted
在这里插入图片描述
这里就像微信小程序,吧需要的数据存放在全局中,也是通过getApp()这个去拿golabData,小程序是data
在这里插入图片描述
在这里插入图片描述
这是第二种方法,放在Vue.prototype上
在这里插入图片描述
在这里插入图片描述
这里通过给点击事件加$event,然后得到一系列值,就能找到前面那个自定义的,data-index的值了,下面也有截图
在这里插入图片描述
好啦!今晚已经10点了,明天我们继续加油,下午还要答辩,uni-app说实话,感觉文档不友好,哈哈,还有好多要学的,加油,越努力越幸运!

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值