@xmini/wxapp-component-icon/index.js

icon for @xmini/wxapp

// components/wxapp-component-icon.js

// 数据从外层传入
import { baseComponent } from '@xmini/wxapp-component-base/index';

// icon 支持图片以及 iconfont
// 设置图片 需要提供图片路径，作为背景100%渲染（此时不支持 color）
// 设置 iconfont，需要设定字体图标后使用

// 示例
// <dwd-icon name="xiangji"></dwd-icon>
// <dwd-icon name="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=484763539,264346239&fm=27&gp=0.jpg" size="40"></dwd-icon>
// <dwd-icon mode="custom" name="arrow-right" size="40"></dwd-icon>
baseComponent({
  behaviors: [basic],
  externalClasses: ['custom-class'], // 默认样式名

  // 外部样式对内部起效
  options: {
    addGlobalClass: true,
  },

  properties: {
    text: null,
    name: String,
    size: {
      type: String,
      value: '32',
    },
    color: String,
    mode: {
      type: String,
      value: 'iconfont', // image custom iconfont
    },
    customStyle: String,
  },
  data: {
  },
  methods: {
    onClick: function onClick(e) {
      this.$emit('click');
    },
  },
})