精华内容
下载资源
问答
  • 微信小程序图标

    2019-02-19 16:15:53
    微信小程序不能通过URL直接获取,推荐方式是通过https://transfonter.org/进行编译后放入代码  

    微信小程序不能通过URL直接获取,推荐方式是通过https://transfonter.org/进行编译后放入代码

     

    展开全文
  • 微信小程序图标收集

    2021-04-09 00:32:43
    ![在这里插入图片描述](https://img-blog.csdnimg.cn/20210409004 326703.png#pic_center)

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    ![在这里插入图片描述](https://img-blog.csdnimg.cn/20210409004在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    326703.png#pic_center)

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    展开全文
  • 微信小程序 图标的角标实现

    万次阅读 2020-03-24 18:01:57
    先上效果图 实现原理就是一个view控件设置成类似于图中的样式,然后再固定在图标的右上方,原理比较简单, 下面贴上需要的代码。 wxml: 12 这是图标 wcss: iconBtn{ width: 100%; height: 130rpx; background: ...

    先上效果图

    实现原理就是一个view控件设置成类似于图中的样式,然后再固定在图标的右上方,原理比较简单, 下面贴上需要的代码。

    wxml:

              <form bindsubmit="这是图标点击事件" report-submit="true">                
                    <button class="iconBtn" form-type="submit">
                        <view class="remind-num" ">
                            12
                        </view>
                        <image class="icon-img" src="{{这是图标图片的url}}">
                        </image>
                        <view class="icon-text-view">这是图标</view>
                    </button>
               </form>

    wcss:

    iconBtn{
        width: 100%;
        height: 130rpx;
        background: rgba(155, 155, 155, 0);
        border: none;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    
    }
    .iconBtn::after{
        border: none;
    }
    .remind-num{
    	border-radius: 40%;
    	position: absolute;
    	top: 2rpx;
    	right: 2rpx;
    	font-size: 20rpx;
    	/*padding: 4rpx 15rpx;*/
    	/*align-items: center;*/
    	text-align: center;
    
    	width: 50rpx;
    	line-height: 30rpx;
    	height: 30rpx;
    	color: var(--white);
    	z-index: 100;
    	background-color: rgba(221, 81, 76, 0.77);
    }
    .icon-img{
        margin-top: 10rpx;
        width: 65rpx;
        height: 65rpx;
    }

     

     

    展开全文
  • 微信小程序 图标

    2018-01-17 11:16:00
    http://www.iconfont.cn/collections/detail?cid=29 转载于:https://www.cnblogs.com/asdf-0310/p/8301821.html

    http://www.iconfont.cn/collections/detail?cid=29

    转载于:https://www.cnblogs.com/asdf-0310/p/8301821.html

    展开全文
  • 微信小程序中的 icon 组件只有 9 种类型 success、success_no_circle、info、warn、waiting、cancel、download、search、clear。 只有9个类型的图标往往是不够的,需要拓展更多的icon组件图标。 第一种方法 直接使用...
  • 微信小程序里,希望出现点击图标图标先变色然后跳转到指定页面。 首先需要准备两张图标的图片,一张是未点击状态,一张是点击后的状态。 index.wxml &amp;amp;lt;view&amp;amp;gt; &amp;amp;...
  • 小程序 wxss 样式不允许引入本地图片,本地字体,只能使用 线上资源 或 base64.
  • 微信小程序图标引用

    2020-11-13 14:26:20
    微信小程序utils中新建 .wxss文件(例如:iconfont.wxss) (1)@font-face为第6步复制的代码; (2).iconfont为文字图标样式; (3).icon-location:before { content: “\e76f”} 中.icon-location的location是...
  • 而要在微信小程序中把图标设计好,就需要你需要在视觉设计上花费功夫,弄明白小程序的设计要求以及注意事项。这里给大家分享5个原则,帮你更好地设计小程序图标:1.遵循一种风格不要将不同样式,不同角度的元素混合...
  • 微信小程序装修图标

    2018-12-28 21:02:03
    微信小程序图标,TB买的,分享给大家使用!
  • 微信小程序商城 微信小程序商城,微信小程序微店,长期维护版本,欢迎大家踊跃提交贡献代码; 使用说明和常见问题,可参阅下面的说明,如还有疑问,可访问工厂官网 寻求帮助! 新增直播带货支持,具体详见使用说明 ...
  • 微信小程序,发现那里有一个《小程序的图标》,有没有办法删除掉,我有强迫症?1、首先打开微信2、进入微信的界面之后,在最下排找到发现,就是你看朋友圈的那页,进去之后拉到最下面一项就会...
  • 主要介绍了微信小程序 导入图标实现过程详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
  • 微信小程序使用图标

    千次阅读 2018-05-28 17:52:09
    微信小程序使用阿里巴巴图标 因为业务需求项目上要使用一些图标,下面简单的介绍一下使用方法。 首先登陆自己的iconfont的账号 阿里巴巴矢量图标库 在图标管理我的项目中查看 下载并保存文件iconfont.css; ...
  • PP商城,开源商城(微信小程序端) 基于开源项目NideShop重建,精简了一些功能的同时完善了一些功能,并重新设计了UI 测试数据来自上述开源项目 服务端api基于Node.js+ThinkJS+MySQL 目前基于PP商城已经上线的微信...
  • 转 https://www.jianshu.com/p/87fd129b9fda 微信小程序使用iconfont图标 转 http://www.mamicode.com/info-detail-2400457.html 微信小程序上传图片
  • 1、在微信小程序制作之前先去百度搜索微信公众号,在网址里找到小程序,在这个微信公众号官方平台去编辑制作微信小程序,在网址里找到帐号分类中的小程序,点击图标进入,点击“前往注册”按钮。微信小程序的制作...
  • 微信小程序-有调 说明: 实现商品列表,详情展示等功能。 数据接口: 使用本地数据 目录结构: pages — 存放项目页面文件 icon — 存放项目图标文件 utils — 存放公共函数库文件 开发环境: 微信web开发者工具 v...
  • 微信小程序导入 字体图标微信小程序中使用IconFont阿里巴巴矢量图标库的字体图标 首先在该网站下载好对应的字体图标 找到该文件 删除多余的兼容性处理的代码 最后得到的文件就是目标文件 将文件拷贝到微信小...
  • 微信小程序使用字体图标

    万次阅读 多人点赞 2017-07-03 19:29:09
    项目中常常需要使用到字体图标微信小程序中使用字体图标与在平常的web前端中类似但是又有区别。下面以使用阿里图标为例子讲解如何在微信小程序中使用字体图标。 第一步:下载需要的字体图标 进入阿里图标官网...
  • 微信小程序-借款申请 说明: 只实现了借款申请页,特色: tab按钮 带图标的标题 数据接口: 使用本地数据 目录结构: images — 存放项目图片文件 pages — 存放项目页面文件 utils — 存放日期格式化文件 开发...
  • 微信小程序-订机票 说明: 实现订机票功能,特色: 实现小图标动画功能 实现数字加减组件 数据接口: 使用本地数据 目录结构: images — 存放项目图片文件 pages — 存放项目页面文件 utils — 存放项目页面文件...
  • 当我们想要在小程序中实现下面的效果的时候,可以使用tabBar3.从图片中可以看到tab的结构:4.1、3个可选的tab:5.list:使用tabBar对象中的list对象数组属性来控制,list数组中的每个元素(对象),{"pages":["pages/...
  • 项目中常常需要使用到字体图标微信小程序中使用字体图标与在平常的web前端中类似但是又有区别。下面以使用阿里图标为例子讲解如何在微信小程序中使用字体图标。第一步:下载需要的字体图标进入阿里图标官网...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,819
精华内容 727
关键字:

微信小程序图标

微信小程序 订阅