首页 > 编程语言 >【微信小程序】简洁好用的icon(94/100)

【微信小程序】简洁好用的icon(94/100)

时间:2023-09-19 11:37:58浏览次数:44  
标签:控件 smartApi 微信 api 服务端 100 94 数据模型 icon


【微信小程序】简洁好用的icon(94/100)_UI


【微信小程序】简洁好用的icon(94/100)_大前端_02


布局

<!--pages/icon/icon.wxml-->
<icon class="icon-box-img" type="success" size="50"></icon>
<view class="icon-box-title">成功</view>
<icon class="icon-box-img" type="info" size="50"></icon>
<view class="icon-box-title">提示</view>
<icon class="icon-box-img" type="warn" size="50" color="#C9C9C9"></icon>
<view class="icon-box-title">普通警告</view>
<icon class="icon-box-img" type="warn" size="50"></icon>
<view class="icon-box-title">强烈警告</view>

<icon class="icon-box-img" type="waiting" size="50"></icon>
<view class="icon-box-title">等待</view>

<icon class="icon-small" type="success_no_circle" size="23"></icon>
<view class="icon-box-title">多选控件图标_已选择</view>

  <icon class="icon-small" type="circle" size="23"></icon>
  <view class="icon-box-title">多选控件图标_未选择</view>

  <icon class="icon-small" type="warn" size="23"></icon>
  <view class="icon-box-title">错误提示</view>

  <icon class="icon-small" type="success" size="23"></icon>
    <view class="icon-box-title">单选控件图标_已选择</view>
      
    <icon class="icon-small" type="download" size="23"></icon>
    <view class="icon-box-title">下载</view>
      
    <icon class="icon-small" type="info_circle" size="23"></icon>
    <view class="icon-box-title">提示</view>
      
    <icon class="icon-small" type="cancel" size="23"></icon>
    <view class="icon-box-title">停止或关闭</view>
      
    <icon class="icon-small" type="search" size="14"></icon>
    <view class="icon-box-title">搜索</view>

数据模型:

// pages/icon/icon.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    iconSize: [20, 30, 40, 50, 60, 70],
    iconColor: [
      'red', 'orange', 'yellow', 'green', 'rgb(0,255,255)', 'blue', 'purple'
    ],
    iconType: [
      'success', 'success_no_circle', 'info', 'warn', 'waiting', 'cancel', 'download', 'search', 'clear'
    ]
  },

暂时没有用到,留着被查

自研产品推荐

历时一年半多开发终于smartApi-v1.0.0版本在2023-09-15晚十点正式上线
smartApi是一款对标国外的postman的api调试开发工具,由于开发人力就作者一个所以人力有限,因此v1.0.0版本功能进行精简,大功能项有:

  • api参数填写
  • api请求响应数据展示
  • PDF形式的分享文档
  • Mock本地化解决方案
  • api列表数据本地化处理
  • 再加上UI方面的打磨

为了更好服务大家把之前的公众号和软件激活结合,如有疑问请大家反馈到公众号即可,下个版本30%以上的更新会来自公众号的反馈。

嗯!先解释不上服务端原因,API调试工具的绝大多数时候就是一个数据模型、数据处理、数据模型理解共识的问题解决工具,所以作者结合自己十多年开发使用的一些痛点来打造的,再加上服务端开发一般是面向企业的,作者目前没有精力和时间去打造企业服务。再加上没有资金投入所以服务端开发会滞后,至于什么时候会进行开发,这个要看募资情况和用户反馈综合考虑。虽然目前国内有些比较知名的api工具了,但作者使用后还是觉得和实际使用场景不符。如果有相关吐槽也可以在作者的公众号里反馈蛤!

下面是一段smartApi使用介绍:

【微信小程序】简洁好用的icon(94/100)_大前端_03

下载地址:

https://pan.baidu.com/s/1kFAGbsFIk3dDR64NwM5y2A?pwd=csdn


标签:控件,smartApi,微信,api,服务端,100,94,数据模型,icon
From: https://blog.51cto.com/u_16264967/7523788

相关文章

  • 【Android】折叠效果CoordinatorLayout+AppBarLayout首页效果&& CoordinatorLayout抖
    亲测效果如下:布局结构<?xmlversion="1.0"encoding="utf-8"?><android.support.constraint.ConstraintLayoutxmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto&qu......
  • 9-微信小程序的网站的接口调用(直接调用)
    微信小程序除了在第三方调用接口,还可以直接从网站调用接口,但是每个网站都有保护措施,所以要寻找那些没有防护的,可以来直接调用的网站。 案例:豆瓣电影的接口调用1.百度豆瓣电源,找寻需要调用的页面 2.右键检查,或F12 3.回车,再次发起请求,查看网站接口 微信小程序作为新兴......
  • 基于微信的垃圾分类小程序
    现代经济快节奏发展以及不断完善升级的信息化技术,让传统数据信息的管理升级为软件存储,归纳,集中处理数据信息的管理方式。本垃圾分类小程序就是在这样的大环境下诞生,其可以帮助管理者在短时间内处理完毕庞大的数据信息,使用这种软件工具可以帮助管理人员提高事务处理效率,达到事半功倍......
  • AI绘画变现渠道:日入100+,推荐一个本人实操的方法
    关于AI绘画变现,之前写了几篇相关的文章,需要的自己查阅:AI绘画:如何让图片开口说话生成视频?变现渠道有哪些?无私分享我的AI绘画变现之路,普通人可实操可模仿AI壁纸号一周增加上千粉丝,轻松变现的成功案例分享今天给大家推荐一篇之前没有介绍过的变现方式。前段时间偷偷上线了一个产......
  • 8-微信小程序的网站的接口调用
    案例:查询天气预报1.需要使用到的接口网址,在百度搜索聚合数据:https://www.juhe.cn/  聚合数据是一个请求接口的网站 准备工作做好后,就开始打开微信小程序编译器wxml:<view class="top" >    <text>查看天气预报</text></view><form bindsubmit="submit" >......
  • 7-微信小程序 tabBar导航栏
    微信小程序tabBar是小程序底部的一个导航栏,用于在不同的页面之间进行切换。下面是一个示例代码,展示如何在微信小程序中使用tabBar。在小程序的app.json文件中,添加tabBar配置项,示例代码如下:"tabBar": {      "color":"#ccc",    "list": [{      ......
  • 微信小程序倒计时后功能操作
    实现倒计时功能可以使用定时器和setData方法来更新页面上的倒计时数据。这样,页面就会显示一个从60开始递减的倒计时。你可以根据自己的需求修改初始值和倒计时结束后的处理逻辑。在小程序页面的js文件中Page({data:{countDown:60//倒计时初始值},onLoad:functi......
  • H5调用微信js支付 和 支付宝js支付
    微信的 首先引入<scriptsrc="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>payment(obj){//微信的支付winWeixinJSBridge WeixinJSBridge.invoke( "getBrandWCPayRequest",{ appId:obj.appid,//公众号名称,由商户传入 ......
  • Python 之 "红包来了,红包来了"微信抢红包提示
    "红包来了,红包来了"用了抢红包神器之后,我再也没有漏过一个红包拉~(功能逆天,春节必备)'''Function: 微信红包提示'''importitchatimportpygame'''提示'''defalarm(): pygame.mixer.init() pygame.mixer.music.load('alarm.mp......
  • 各快 100 倍?4G、5G、6G 相差这么多吗
    二狗子今天晚上有点emo,为什么呢?原来是二狗子心心念很久的一个手游上线了,二狗子兴冲冲地下载了40多分钟,终于下载完了游戏。结果打开游戏一看,发现游戏内部的更新写着预计30分钟完成更新。这就把二狗子搞得emo了。二狗子突然发现自己的室友已经在这款游戏的新手村大杀四方了......