微信小程序-icon-weui

已于 2024-02-22 23:49:37 修改
阅读量954 收藏 6
点赞数 7
分类专栏： html js 文章标签： 小程序 vue 微信小程序
于 2020-11-12 22:12:24 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37179373/article/details/109659321
版权
js 同时被 2 个专栏收录
8 篇文章 0 订阅
订阅专栏
html
2 篇文章 0 订阅
订阅专栏

icon

1-icon:小程序自带icon,较少icon | 微信开放文档

  1. - 我本次是阿里字体图标为例；
  2. 转换为微信识别的--Online @font-face generator — Transfonter；
  4. 按顺序点击123，第一步，add fonts,选.ttf结尾的（2）开启base64,(3)convert,转换成功如上15kb(4)点download
  5. 修改下载的文件为.wxss的样式
  7. 引入并使用。@import '/font/stylesheet';

  8. <text class='iconfont icon-tongzhi1'></text>


  • WEUI

    官网

传说中的神兽-cy
关注
  • 7
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序样式weui.wxss
04-09
微信小程序样式表提供给大家。11111111111111111111111111111111111
微信小程序-WeUI 是一套同微信原生视觉体验一致的基础样式库
08-06
这个项目名为 "weui-wxss-master"，由微信官方设计团队精心打造，确保在微信内的网页和微信小程序中使用时，用户能够获得无缝、统一的视觉感受。WeUI 的核心目标是提升产品的专业性和易用性，帮助开发者快速构建具有...
小程序引入icon的三种方式
shuangmu9768的博客
11-19 9762
小程序引入icon的三种方式（原生图标、WeUI图标组件、iconfont图标） 原生图标 小程序里原生图标是通过icon标签来引入的： <icon type="success" size="24" color="green" /> WeUI图标组件 WeUI 是一套同微信原生视觉体验一致的基础样式库，基于小程序自定义组件构建，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。要使用WeUI组件，我们需要到组件下载页面去下载icon组件。 下载完成后我们会
手把手带你学习微信小程序 —— 十（icon 标签【微信默认标签】）
最新发布
2401_84046545的博客
04-12 1085
先看一张图上图展示的图标便是微信提供的，我们可以直接使用的图标1.1 icon 的三个属性icon 的使用简单，它只有三个属性，分别对应上图的每一个图标的大小：通过属性进行设置的颜色，通过进行修改（同css 中的color）1.2 icon 的基本使用更多有趣的内容请自行尝试二、实际项目2.1 微信支付界面支付成功展示界面分析：view标签 —— 操作成功button组件 —— 完成wxss 样式：主要采用flex布局，由控制，进行微调2.2 跳转等待界面。
微信小程序weui在线入门教程-WeUi基础组件-icon图标
杭州.黄老师
01-13 6415
效果图 wxml代码 &lt;view class="page"&gt; &lt;view class="page__hd"&gt; &lt;view class="page__title"&gt;Icons&lt;/view&gt; &lt;view class="page__desc"&gt;图标&lt;
weui的icons示例
weixin_30783629的博客
09-17 1256
<!DOCTYPE html> <html lang="zh-cmn-Hans"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0"> ...
weui icon图标大全
咖啡味的小认真
04-24 9627
转载 https://blog.csdn.net/qq_36433857/article/details/84190038
weui icon图标集合
ycs_0405的专栏
08-27 966
微信小程序-头条/抖音小程序商城和微店.zip
05-20
本项目为小程序商城纯前端项目，由于人力和精力所限，本项目并未有开发配套的后台系统，而是直接使用了 api 工厂 提供的免费接口和后台，可以完全满足本项目的所有功能需求。接口 SDK，免费后台，WeUI底部ICON图标...
微信小程序weui.wxss
12-05
微信小程序weui.wxss，WeUI是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信 Web 开发量身设计，可以令用户的使用感知更加统一。包含button、cell、dialog、toast、article、icon等各式元素。
WeUIfor小程序为微信小程序量身设计
08-10
WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各...
css3实现Icon UI图标zip
07-03
css3实现Icon UI图标是一款鼠标移到相应的图标会出现信息提示框效果。 css3实现Icon UI图标演示图：
icon 图标 icon 图标 icon 图标
06-22
icon 图标 icon 图标 icon icon 图标 icon 图标 iconicon 图标 icon 图标 iconicon 图标 icon 图标 iconicon 图标 icon 图标 iconicon 图标 icon 图标 iconicon 图标 icon 图标 iconicon 图标 icon 图标 iconicon 图标 icon 图标 icon
微信小程序实现上传图片功能
08-27
微信小程序实现上传图片功能需要使用wx.chooseImage() API选择图片，并使用weui-uploader组件实现图片上传界面，然后使用wx.uploadFile() API将图片上传到服务器端，最后获取图片地址并更新图片列表。
weui.wxss中的icon整理(微信小程序)
Linlietao0587的博客
11-24 2533
weui.wxss 自带的 icon.个人用了1个小时整理出来！给大家节省时间 效果图 是一一对应的 <text>1</text> <view class="weui-icon-circle"></view> <view class="weui-icon-download"></view> <view class="weui-icon-info"></view> <view class="weui-ico
微信小程序——weui框架、icon默认图标、Cells文字标题箭头、form表单提交
wy313622821的博客
04-07 3389
1、weui框架 优势： 不需要占体积 同微信客户端一致的视觉效果 性能比其他框架会好一点 weui框架的引用： 在app.json里面添加 "useExtendedLib": { "weui": true }, 在需要使用的页面的json上添加，例如： { "usingComponents": { "mp-dialog": "weui-miniprogram/dialog/dialog", } } 2、icon默认图标 使用weui的框架里的图标，不需要
微信小程序-weUI组件库
一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身"农奴"把歌唱，一边打入敌人内部一边持续提升自己，为我们广大开发同胞谋福祉，坚决抵制睿智产品折磨我们码农兄弟！
10-09 6061
微信小程序的开发过程中，常常会出现很多重复性的功能翻来覆去地使用，那么直接用一套封装好的组件库，就能大大提升开发速度。 微信小程序的UI组件库有很多，可以参考下面这个内容： 微信小程序UI组件库合集 | 微信开放社区 (qq.com)https://developers.weixin.qq.com/community/develop/article/doc/000ecc775a86807f7ba9b7dc956c13但是很多组件库不稳定，天知道什么时候会停止维护和更新，所以这款weUI组...
微信小程序全栈开发实践 第二章 微信小程序组件介绍及使用 -- 2.1 icon组件介绍，及如何自定义实现图标
weixin_42580704的博客
07-12 1537
一、icon组件 <icon type="warn" size="93" color="#C9C9C9"></icon> size：支持两种单位，rpx与px， px数值类型，默认使用 rpx是屏幕自适应单位，rpx把屏幕分为750个单位，每个单位是1/750, 在iphone6机器上，屏幕宽度=350px，1rpx=0.5px，size=60rpx=30px（效果相同） color：改变的是图标所有像素的颜色，其中不包括中间镂空的部分 图标中间是镂空的 <icon
微信小程序 weui 编写单选投票
03-31
<label class="weui-cell weui-check__label" for="option1"> <view class="weui-cell__bd">选项1 <view class="weui-cell__ft"> <radio class="weui-check" name="options" value="option1" checked="true"> ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值