微信原生小程序的图标库
时间: 2023-07-24 21:06:35 浏览: 103
微信原生小程序的图标库是指在小程序开发中可以使用的图标资源库。微信提供了一套图标库,开发者可以直接在小程序中使用这些图标,而无需自己设计或引入其他图标资源。
在微信开发者工具中,可以通过以下方式使用微信原生小程序的图标库:
1. 打开微信开发者工具,选择需要添加图标的页面。
2. 在页面的.wxml文件中,使用`<icon>`标签来引入图标。
3. 在`<icon>`标签的`type`属性中,填写对应的图标名称即可使用。
例如,要使用微信原生小程序的"搜索"图标,可以在.wxml文件中添加以下代码:
```
<icon type="search" size="24"></icon>
```
除了微信原生小程序的图标库,开发者还可以通过引入第三方图标库来使用更多样式的图标。常见的第三方图标库包括阿里巴巴的Iconfont、Font Awesome等。开发者可以在这些图标库中选择合适的图标,并按照对应的使用方式进行引入和使用。
相关问题
微信原生小程序轮播图去小圆点
要移除微信原生小程序轮播图组件中的小圆点指示器,可以通过设置 `indicator-dots` 属性为 `false` 来实现。
```html
<swiper indicator-dots="{{false}}" class="swiper">
<swiper-item>
<image src="图片地址" class="slide"></image>
</swiper-item>
<swiper-item>
<image src="图片地址" class="slide"></image>
</swiper-item>
<!-- 添加更多的 swiper-item 和 image -->
</swiper>
```
设置 `indicator-dots` 属性为 `false` 将隐藏轮播图中的小圆点指示器。
同时,你可以根据实际需求对轮播图进行样式调整,以适应你的设计。
微信原生小程序一键获取用户手机号
微信原生小程序可以通过使用微信提供的 wx.login() 接口获取用户的登录凭证 code,然后将 code 发送到开发者服务器端,使用开发者服务器端的 AppID 和 AppSecret 调用微信提供的接口获取 session_key 和 openid。然后使用 session_key 和 encryptedData(包含有用户敏感信息的加密数据)以及 iv(加密算法的初始向量)解密出用户的手机号码。
具体流程如下:
1. 用户在小程序中点击获取手机号的按钮,小程序调用 wx.login() 接口获取用户登录凭证 code。
2. 小程序将 code 发送到开发者服务器端,服务器端使用 AppID 和 AppSecret 调用微信提供的接口获取 session_key 和 openid。
3. 小程序前端使用微信提供的 wx.getUserInfo() 接口获取用户信息。
4. 小程序前端将获取到的 encryptedData 和 iv 以及在第2步中获取到的 session_key 发送到开发者服务器端。
5. 服务器端使用 session_key 和 encryptedData 以及 iv 解密出用户的手机号码。
6. 服务器端将用户的手机号码返回给小程序前端,小程序前端展示给用户。
需要注意的是,使用 wx.getUserInfo() 接口获取用户信息需要用户授权,而且在2019年3月份之后,微信强制要求小程序使用 button 组件才能触发授权弹窗。同时,在解密用户手机号码时,需要使用到开发者自己的解密算法或者使用第三方库进行解密。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![7z](https://img-home.csdnimg.cn/images/20210720083312.png)
![7z](https://img-home.csdnimg.cn/images/20210720083312.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)