微信小程序的使用（三）

未入流的小邹

于 2021-07-08 12:48:01 发布

阅读量139

点赞数

分类专栏：微信小程序小程序文章标签：小程序前端

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

本文链接：https://blog.youkuaiyun.com/zouzi1/article/details/118547391

版权

微信小程序同时被 2 个专栏收录

4 篇文章

订阅专栏

4 篇文章

订阅专栏

本人学习视频为黑马程序员，视频连接为：B站黑马程序员

样式导入

wxss中直接支持，也可以和less相混用。使用@import可以导入外联样式表。
在这里插入图片描述

在这里插入图片描述

选择器

特别需要注意得是：小程序不支持通配符*，因此一下代码无效！
在这里插入图片描述
支持的选择器有：

在小程序中使用less

原生的小程序是不支持less，其他基于小程序的框架大体都是支持的，如wepy，mpvue，taro等，但如果为了一个小小的功能而去引入框架，有点得不偿失。因此通过下面的方式来实现
1.编辑器为VS CODE
2.安装插件easy less

在这里插入图片描述

外联less

在这里插入图片描述

组件

View

代替原来的div标签
在这里插入图片描述

Text

1.⽂本标签
2.只能嵌套text
3.⻓按⽂字可以复制（只有该标签有这个功能）
4.可以对空格回⻋进⾏编码
在这里插入图片描述

Image

1.图⽚标签，image组件默认宽度320px、⾼度240px
2.⽀持懒加载
在这里插入图片描述

上面的图片需要上传到网络，可以到QQ空间中上传图片后在复制图片地址

Swiper

这是微信内置的轮播图插件
在这里插入图片描述

上述轮播图图片地址：此处

属性的使用

在这里插入图片描述

navigator

导航组件，类似超链接标签
在这里插入图片描述

rich-text

富文本标签
可以将字符串解析成对应的标签，如果你学过Vue那么可以理解为v-html
在这里插入图片描述

在这里插入图片描述

评论

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

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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