uni-app

最新推荐文章于 2025-04-19 16:33:14 发布

确实菜，真的爱

最新推荐文章于 2025-04-19 16:33:14 发布

阅读量163

点赞数

文章标签： sass

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

本文链接：https://blog.youkuaiyun.com/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

在这里插入图片描述

评论

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

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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