uni-app

最新推荐文章于 2024-07-19 17:05:06 发布

确实菜，真的爱

最新推荐文章于 2024-07-19 17:05:06 发布

阅读量121

点赞数

文章标签： sass

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/qq_39307266/article/details/118159951

版权

uniapp

sass

安装 style里 lang=“scss”

组件通信

父传子
在这里插入图片描述

子传父
子组件中

父组件中

全局
vue.prototype.baseurl="" 或者 app.vue里globalData

插槽（跟vue一样使用的）

uni-ui使用步骤

在这里插入图片描述

测试请求地址

在这里插入图片描述

标签切换组件（类似于vue的路由切换组件，但是它没有路由，用的是一个uni组件）

1 在这里插入图片描述

定义好需要用到的组件，在用组件的页面注册，引入分段器，注册分段器，粘贴代码，做修改

封装请求数据的函数

在这里插入图片描述
挂载到原型上

使用上

在这里插入图片描述
图片样式（flex布局）

让图片的高自适应

这个需要对微信小程序熟练才行

在这里插入图片描述

scroll-view 高度的计算 calc

在这里插入图片描述

滚动条触底事件

在这里插入图片描述
改标题

通过计算正常显示轮播图

在这里插入图片描述

因为 swiper有默认高度150px，所以导致图片的高度一定，看起来就很丑，正确做法是，算出原图片的宽高比（如600/300）然后给swiper的高度重新定义样式，屏幕的宽度是750rpx，所以600/300==750/h或者 calc(750/2)这样就行了哦

链接

在这里插入图片描述

路由传参

在这里插入图片描述

如果整个页面都要滚动触底事件是这个

在这里插入图片描述

页面跳转

在这里插入图片描述

组件通信父传子跟vue有点区别？

在这里插入图片描述

把数据存到全局

在这里插入图片描述

取绝对值

在这里插入图片描述

下载图片到手机里

在这里插入图片描述

渐变效果

在这里插入图片描述

设置边框为白色实现中间间隔效果（以前都用padding margin之类）

在这里插入图片描述

背景图片模糊的scc

在这里插入图片描述

确实菜，真的爱

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
uni-app

uniappsass安装 style里 lang=“scss”组件通信父传子子传父子组件中父组件中全局vue.prototype.baseurl="" 或者 app.vue里globalData插槽（跟vue一样使用的）uni-ui使用步骤测试请求地址
复制链接

扫一扫

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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