project init & fix ui
This commit is contained in:
89
miniprogram_npm/tdesign-miniprogram/icon/README.md
Normal file
89
miniprogram_npm/tdesign-miniprogram/icon/README.md
Normal file
@@ -0,0 +1,89 @@
|
||||
---
|
||||
title: Icon 图标
|
||||
description: 图标。
|
||||
spline: base
|
||||
isComponent: true
|
||||
---
|
||||
|
||||
<span class="coverages-badge" style="margin-right: 10px"><img src="https://img.shields.io/badge/coverages%3A%20lines-100%25-blue" /></span><span class="coverages-badge" style="margin-right: 10px"><img src="https://img.shields.io/badge/coverages%3A%20functions-100%25-blue" /></span><span class="coverages-badge" style="margin-right: 10px"><img src="https://img.shields.io/badge/coverages%3A%20statements-100%25-blue" /></span><span class="coverages-badge" style="margin-right: 10px"><img src="https://img.shields.io/badge/coverages%3A%20branches-100%25-blue" /></span>
|
||||
## 引入
|
||||
|
||||
全局引入，在 miniprogram 根目录下的`app.json`中配置，局部引入，在需要引入的页面或组件的`index.json`中配置。
|
||||
|
||||
```json
|
||||
"usingComponents": {
|
||||
"t-icon": "tdesign-miniprogram/icon/icon"
|
||||
}
|
||||
```
|
||||
|
||||
## 代码演示
|
||||
|
||||
### 基础组件图标
|
||||
|
||||
{{ base }}
|
||||
|
||||
### 自定义组件图标
|
||||
|
||||
{{ custom }}
|
||||
|
||||
自定义图标用法，下面以 `iconfont` 为例
|
||||
|
||||
#### 准备图标文件
|
||||
|
||||
文件后缀应为`.wxss`，如下方代码块所示：
|
||||
|
||||
```css
|
||||
@font-face {
|
||||
font-family: 'icon'; // 使用自定义的字体名称
|
||||
···
|
||||
}
|
||||
|
||||
.icon {
|
||||
font-family: 'icon' !important; // 字体名称
|
||||
···
|
||||
}
|
||||
|
||||
.icon-a-0:before { // icon 图标。注意 FontClass 前缀与 font-family 保持一致
|
||||
content: '\e64d';
|
||||
}
|
||||
```
|
||||
- 添加所需图标，下载图标。图标库一般会提供 **在线链接** 或者 **下载至本地** 等使用方式。**在线链接** 方式会指向一个 `.css` 文件，可以下载或复制其内容，将其修改成后缀名为 `.wxss` 的文件
|
||||
- 将 `.wxss` 文件中的 `FontClass/Symbol前缀` 与 `Font Family` 两项内容保持一致，如: `FontClass/Symbol` 前缀为 `icon-`，则 `Font Family` 为 `icon`。
|
||||
|
||||
> 注：若是采用 `下载至本地` 方式，需关注 `.css` 和 `.ttf` 文件。由于微信小程序不支持处理 `ttf、woff、eot` 等文件，但支持 `base64`，所以需要将 `.ttf` 文件转换为 `base64` (可借助转换工具，如 [transfonter.org](https://transfonter.org/)，会得到一个 `stylesheet.css` 文件)，然后将 `.css` 文件中的 `@font-face {}` 内容替换为 `stylesheet.css` 中的 `base64` 内容，最后将 `.css` 文件修改后缀为 `.wxss`
|
||||
|
||||
#### 引入自定义图标
|
||||
|
||||
- 全局引入：在项目 `app.wxss`，使用 `@import` 引入上述的 `.wxss` 文件
|
||||
- 局部引入：在 `page` 对应的 `.wxss` 中，使用 `@import` 引入上述的 `.wxss` 文件
|
||||
|
||||
#### 自定义图标的使用
|
||||
|
||||
`<t-icon>` 组件中的 `prefix` 属性值与前面设置的 `Font Family` 保持一致，即 `prefix="icon"`，`name` 属性值为自定义图标名称，如图标的 `className` 为 `icon-a-1h`，则 `name="a-1h"`。
|
||||
|
||||
### 图片链接
|
||||
|
||||
{{ iconImage }}
|
||||
|
||||
### 全部图标
|
||||
|
||||
<td-icons-view />
|
||||
|
||||
## API
|
||||
|
||||
#### Props
|
||||
|
||||
| 属性 | 值类型 | 默认值 | 必传 | 说明 |
|
||||
| ----------- | -------- | ---------- | ---- |----------------------------------------------------------------- |
|
||||
| name | String | - | Y | 图标名称或图片链接 |
|
||||
| size | String | inherit | N | 图标大小, 如 `20`, `20px`, `48rpx`, 默认单位是 `px` |
|
||||
| color | String | initial | N | 图标颜色 |
|
||||
| prefix | String | - | N | 自定义图标前缀 |
|
||||
| custom-style | String | - | N | 自定义组件样式 |
|
||||
| external-classes | Array | - | 组件类名，分别用于设置 组件外层元素、图片图标、基础图标等元素类名。`['t-class']` | N
|
||||
|
||||
#### Events
|
||||
|
||||
| 事件 | event.detail | 说明 |
|
||||
| ---------- | ------------ | -------------- |
|
||||
| bind:click | - | 点击图标时触发 |
|
||||
19
miniprogram_npm/tdesign-miniprogram/icon/icon.d.ts
vendored
Normal file
19
miniprogram_npm/tdesign-miniprogram/icon/icon.d.ts
vendored
Normal file
@@ -0,0 +1,19 @@
|
||||
import { SuperComponent } from '../common/src/index';
|
||||
export default class Icon extends SuperComponent {
|
||||
behaviors: ['wx://form-field-icon'];
|
||||
externalClasses: string[];
|
||||
properties: import("./type").TdIconProps;
|
||||
data: {
|
||||
componentPrefix: string;
|
||||
classPrefix: string;
|
||||
isImage: boolean;
|
||||
iconStyle: any;
|
||||
};
|
||||
observers: {
|
||||
'name, color, size, customStyle'(): void;
|
||||
};
|
||||
methods: {
|
||||
onTap(event: any): void;
|
||||
setIconStyle(): void;
|
||||
};
|
||||
}
|
||||
51
miniprogram_npm/tdesign-miniprogram/icon/icon.js
Normal file
51
miniprogram_npm/tdesign-miniprogram/icon/icon.js
Normal file
@@ -0,0 +1,51 @@
|
||||
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
||||
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
||||
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
||||
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
||||
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
||||
};
|
||||
import { SuperComponent, wxComponent } from '../common/src/index';
|
||||
import config from '../common/config';
|
||||
import props from './props';
|
||||
import { styles, addUnit } from '../common/utils';
|
||||
const { prefix } = config;
|
||||
const name = `${prefix}-icon`;
|
||||
let Icon = class Icon extends SuperComponent {
|
||||
constructor() {
|
||||
super(...arguments);
|
||||
this.externalClasses = [`${prefix}-class`];
|
||||
this.properties = props;
|
||||
this.data = {
|
||||
componentPrefix: prefix,
|
||||
classPrefix: name,
|
||||
isImage: false,
|
||||
iconStyle: undefined,
|
||||
};
|
||||
this.observers = {
|
||||
'name, color, size, customStyle'() {
|
||||
this.setIconStyle();
|
||||
},
|
||||
};
|
||||
this.methods = {
|
||||
onTap(event) {
|
||||
this.triggerEvent('click', event.detail);
|
||||
},
|
||||
setIconStyle() {
|
||||
const { name, color, size, customStyle } = this.properties;
|
||||
const isImage = name.indexOf('/') !== -1;
|
||||
const sizeValue = addUnit(size);
|
||||
const sizeStyle = isImage ? { width: sizeValue, height: sizeValue } : {};
|
||||
const colorStyle = color ? { color: color } : {};
|
||||
const fontStyle = size ? { 'font-size': sizeValue } : {};
|
||||
this.setData({
|
||||
isImage,
|
||||
iconStyle: `${styles(Object.assign(Object.assign(Object.assign({}, colorStyle), fontStyle), sizeStyle))}${customStyle ? `;${customStyle}` : ''}`,
|
||||
});
|
||||
},
|
||||
};
|
||||
}
|
||||
};
|
||||
Icon = __decorate([
|
||||
wxComponent()
|
||||
], Icon);
|
||||
export default Icon;
|
||||
4
miniprogram_npm/tdesign-miniprogram/icon/icon.json
Normal file
4
miniprogram_npm/tdesign-miniprogram/icon/icon.json
Normal file
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
13
miniprogram_npm/tdesign-miniprogram/icon/icon.wxml
Normal file
13
miniprogram_npm/tdesign-miniprogram/icon/icon.wxml
Normal file
@@ -0,0 +1,13 @@
|
||||
<view
|
||||
class="{{ prefix ? prefix : classPrefix}} {{componentPrefix}}-class"
|
||||
style="{{ iconStyle }}"
|
||||
bind:tap="onTap"
|
||||
aria-hidden="{{ariaHidden}}"
|
||||
aria-label="{{ariaLabel}}"
|
||||
aria-role="{{ariaRole}}"
|
||||
>
|
||||
<view wx:if="{{ isImage }}" class="{{classPrefix}}--image">
|
||||
<image src="{{ name }}" mode="aspectFit" class="{{classPrefix}}__image" />
|
||||
</view>
|
||||
<label wx:else class="{{ prefix ? prefix : classPrefix }}-{{ name }} {{ classPrefix }}-base"> </label>
|
||||
</view>
|
||||
770
miniprogram_npm/tdesign-miniprogram/icon/icon.wxss
Normal file
770
miniprogram_npm/tdesign-miniprogram/icon/icon.wxss
Normal file
@@ -0,0 +1,770 @@
|
||||
.t-float-left {
|
||||
float: left;
|
||||
}
|
||||
.t-float-right {
|
||||
float: right;
|
||||
}
|
||||
@keyframes tdesign-fade-out {
|
||||
from {
|
||||
opacity: 1;
|
||||
}
|
||||
to {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
.hotspot-expanded.relative {
|
||||
position: relative;
|
||||
}
|
||||
.hotspot-expanded::after {
|
||||
content: '';
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
transform: scale(1.5);
|
||||
}
|
||||
@font-face {
|
||||
font-family: t;
|
||||
src: url('https://tdesign.gtimg.com/icon/0.1.2/fonts/t.eot'), url('https://tdesign.gtimg.com/icon/0.1.2/fonts/t.eot?#iefix') format('ded-opentype'), url('https://tdesign.gtimg.com/icon/0.1.2/fonts/t.woff') format('woff'), url('https://tdesign.gtimg.com/icon/0.1.2/fonts/t.ttf') format('truetype'), url('https://tdesign.gtimg.com/icon/0.1.2/fonts/t.svg') format('svg');
|
||||
/* iOS 4.1- */
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.t-icon--image {
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
}
|
||||
.t-icon__image {
|
||||
vertical-align: top;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.t-icon-base {
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
text-align: center;
|
||||
display: block;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
.t-icon {
|
||||
/* stylelint-disable-next-line declaration-no-important */
|
||||
font-family: t !important;
|
||||
/* prevent issues with browser extensions that change fonts */
|
||||
}
|
||||
.t-icon-add-circle:before {
|
||||
content: '\E001';
|
||||
}
|
||||
.t-icon-add-rectangle:before {
|
||||
content: '\E002';
|
||||
}
|
||||
.t-icon-add:before {
|
||||
content: '\E003';
|
||||
}
|
||||
.t-icon-app:before {
|
||||
content: '\E004';
|
||||
}
|
||||
.t-icon-arrow-down-rectangle:before {
|
||||
content: '\E005';
|
||||
}
|
||||
.t-icon-arrow-down:before {
|
||||
content: '\E006';
|
||||
}
|
||||
.t-icon-arrow-left:before {
|
||||
content: '\E007';
|
||||
}
|
||||
.t-icon-arrow-right:before {
|
||||
content: '\E008';
|
||||
}
|
||||
.t-icon-arrow-up:before {
|
||||
content: '\E009';
|
||||
}
|
||||
.t-icon-attach:before {
|
||||
content: '\E00A';
|
||||
}
|
||||
.t-icon-backtop-rectangle:before {
|
||||
content: '\E00B';
|
||||
}
|
||||
.t-icon-backtop:before {
|
||||
content: '\E00C';
|
||||
}
|
||||
.t-icon-backward:before {
|
||||
content: '\E00D';
|
||||
}
|
||||
.t-icon-barcode:before {
|
||||
content: '\E00E';
|
||||
}
|
||||
.t-icon-books:before {
|
||||
content: '\E00F';
|
||||
}
|
||||
.t-icon-browse-off:before {
|
||||
content: '\E010';
|
||||
}
|
||||
.t-icon-browse:before {
|
||||
content: '\E011';
|
||||
}
|
||||
.t-icon-bulletpoint:before {
|
||||
content: '\E012';
|
||||
}
|
||||
.t-icon-calendar:before {
|
||||
content: '\E013';
|
||||
}
|
||||
.t-icon-call:before {
|
||||
content: '\E014';
|
||||
}
|
||||
.t-icon-caret-down-small:before {
|
||||
content: '\E015';
|
||||
}
|
||||
.t-icon-caret-down:before {
|
||||
content: '\E016';
|
||||
}
|
||||
.t-icon-caret-left-small:before {
|
||||
content: '\E017';
|
||||
}
|
||||
.t-icon-caret-left:before {
|
||||
content: '\E018';
|
||||
}
|
||||
.t-icon-caret-right-small:before {
|
||||
content: '\E019';
|
||||
}
|
||||
.t-icon-caret-right:before {
|
||||
content: '\E01A';
|
||||
}
|
||||
.t-icon-caret-up-small:before {
|
||||
content: '\E01B';
|
||||
}
|
||||
.t-icon-caret-up:before {
|
||||
content: '\E01C';
|
||||
}
|
||||
.t-icon-cart:before {
|
||||
content: '\E01D';
|
||||
}
|
||||
.t-icon-chart-bar:before {
|
||||
content: '\E01E';
|
||||
}
|
||||
.t-icon-chart-bubble:before {
|
||||
content: '\E01F';
|
||||
}
|
||||
.t-icon-chart-pie:before {
|
||||
content: '\E020';
|
||||
}
|
||||
.t-icon-chart:before {
|
||||
content: '\E021';
|
||||
}
|
||||
.t-icon-chat:before {
|
||||
content: '\E022';
|
||||
}
|
||||
.t-icon-check-circle-filled:before {
|
||||
content: '\E023';
|
||||
}
|
||||
.t-icon-check-circle:before {
|
||||
content: '\E024';
|
||||
}
|
||||
.t-icon-check-rectangle-filled:before {
|
||||
content: '\E025';
|
||||
}
|
||||
.t-icon-check-rectangle:before {
|
||||
content: '\E026';
|
||||
}
|
||||
.t-icon-check:before {
|
||||
content: '\E027';
|
||||
}
|
||||
.t-icon-chevron-down-circle:before {
|
||||
content: '\E028';
|
||||
}
|
||||
.t-icon-chevron-down-rectangle:before {
|
||||
content: '\E029';
|
||||
}
|
||||
.t-icon-chevron-down:before {
|
||||
content: '\E02A';
|
||||
}
|
||||
.t-icon-chevron-left-circle:before {
|
||||
content: '\E02B';
|
||||
}
|
||||
.t-icon-chevron-left-double:before {
|
||||
content: '\E02C';
|
||||
}
|
||||
.t-icon-chevron-left-rectangle:before {
|
||||
content: '\E02D';
|
||||
}
|
||||
.t-icon-chevron-left:before {
|
||||
content: '\E02E';
|
||||
}
|
||||
.t-icon-chevron-right-circle:before {
|
||||
content: '\E02F';
|
||||
}
|
||||
.t-icon-chevron-right-double:before {
|
||||
content: '\E030';
|
||||
}
|
||||
.t-icon-chevron-right-rectangle:before {
|
||||
content: '\E031';
|
||||
}
|
||||
.t-icon-chevron-right:before {
|
||||
content: '\E032';
|
||||
}
|
||||
.t-icon-chevron-up-circle:before {
|
||||
content: '\E033';
|
||||
}
|
||||
.t-icon-chevron-up-rectangle:before {
|
||||
content: '\E034';
|
||||
}
|
||||
.t-icon-chevron-up:before {
|
||||
content: '\E035';
|
||||
}
|
||||
.t-icon-circle:before {
|
||||
content: '\E036';
|
||||
}
|
||||
.t-icon-clear:before {
|
||||
content: '\E037';
|
||||
}
|
||||
.t-icon-close-circle-filled:before {
|
||||
content: '\E038';
|
||||
}
|
||||
.t-icon-close-circle:before {
|
||||
content: '\E039';
|
||||
}
|
||||
.t-icon-close-rectangle:before {
|
||||
content: '\E03A';
|
||||
}
|
||||
.t-icon-close:before {
|
||||
content: '\E03B';
|
||||
}
|
||||
.t-icon-cloud-download:before {
|
||||
content: '\E03C';
|
||||
}
|
||||
.t-icon-cloud-upload:before {
|
||||
content: '\E03D';
|
||||
}
|
||||
.t-icon-cloud:before {
|
||||
content: '\E03E';
|
||||
}
|
||||
.t-icon-code:before {
|
||||
content: '\E03F';
|
||||
}
|
||||
.t-icon-control-platform:before {
|
||||
content: '\E040';
|
||||
}
|
||||
.t-icon-creditcard:before {
|
||||
content: '\E041';
|
||||
}
|
||||
.t-icon-dashboard:before {
|
||||
content: '\E042';
|
||||
}
|
||||
.t-icon-delete:before {
|
||||
content: '\E043';
|
||||
}
|
||||
.t-icon-desktop:before {
|
||||
content: '\E044';
|
||||
}
|
||||
.t-icon-discount-filled:before {
|
||||
content: '\E045';
|
||||
}
|
||||
.t-icon-discount:before {
|
||||
content: '\E046';
|
||||
}
|
||||
.t-icon-download:before {
|
||||
content: '\E047';
|
||||
}
|
||||
.t-icon-edit-1:before {
|
||||
content: '\E048';
|
||||
}
|
||||
.t-icon-edit:before {
|
||||
content: '\E049';
|
||||
}
|
||||
.t-icon-ellipsis:before {
|
||||
content: '\E04A';
|
||||
}
|
||||
.t-icon-enter:before {
|
||||
content: '\E04B';
|
||||
}
|
||||
.t-icon-error-circle-filled:before {
|
||||
content: '\E04C';
|
||||
}
|
||||
.t-icon-error-circle:before {
|
||||
content: '\E04D';
|
||||
}
|
||||
.t-icon-error:before {
|
||||
content: '\E04E';
|
||||
}
|
||||
.t-icon-file-add:before {
|
||||
content: '\E04F';
|
||||
}
|
||||
.t-icon-file-copy:before {
|
||||
content: '\E050';
|
||||
}
|
||||
.t-icon-file-excel:before {
|
||||
content: '\E051';
|
||||
}
|
||||
.t-icon-file-icon:before {
|
||||
content: '\E052';
|
||||
}
|
||||
.t-icon-file-image:before {
|
||||
content: '\E053';
|
||||
}
|
||||
.t-icon-file-paste:before {
|
||||
content: '\E054';
|
||||
}
|
||||
.t-icon-file-pdf:before {
|
||||
content: '\E055';
|
||||
}
|
||||
.t-icon-file-powerpoint:before {
|
||||
content: '\E056';
|
||||
}
|
||||
.t-icon-file-unknown:before {
|
||||
content: '\E057';
|
||||
}
|
||||
.t-icon-file-word:before {
|
||||
content: '\E058';
|
||||
}
|
||||
.t-icon-file:before {
|
||||
content: '\E059';
|
||||
}
|
||||
.t-icon-filter-clear:before {
|
||||
content: '\E05A';
|
||||
}
|
||||
.t-icon-filter:before {
|
||||
content: '\E05B';
|
||||
}
|
||||
.t-icon-flag:before {
|
||||
content: '\E05C';
|
||||
}
|
||||
.t-icon-folder-add:before {
|
||||
content: '\E05D';
|
||||
}
|
||||
.t-icon-folder-open:before {
|
||||
content: '\E05E';
|
||||
}
|
||||
.t-icon-folder:before {
|
||||
content: '\E05F';
|
||||
}
|
||||
.t-icon-fork:before {
|
||||
content: '\E060';
|
||||
}
|
||||
.t-icon-format-horizontal-align-bottom:before {
|
||||
content: '\E061';
|
||||
}
|
||||
.t-icon-format-horizontal-align-center:before {
|
||||
content: '\E062';
|
||||
}
|
||||
.t-icon-format-horizontal-align-top:before {
|
||||
content: '\E063';
|
||||
}
|
||||
.t-icon-format-vertical-align-center:before {
|
||||
content: '\E064';
|
||||
}
|
||||
.t-icon-format-vertical-align-left:before {
|
||||
content: '\E065';
|
||||
}
|
||||
.t-icon-format-vertical-align-right:before {
|
||||
content: '\E066';
|
||||
}
|
||||
.t-icon-forward:before {
|
||||
content: '\E067';
|
||||
}
|
||||
.t-icon-fullscreen-exit:before {
|
||||
content: '\E068';
|
||||
}
|
||||
.t-icon-fullscreen:before {
|
||||
content: '\E069';
|
||||
}
|
||||
.t-icon-gender-female:before {
|
||||
content: '\E06A';
|
||||
}
|
||||
.t-icon-gender-male:before {
|
||||
content: '\E06B';
|
||||
}
|
||||
.t-icon-gift:before {
|
||||
content: '\E06C';
|
||||
}
|
||||
.t-icon-heart-filled:before {
|
||||
content: '\E06D';
|
||||
}
|
||||
.t-icon-heart:before {
|
||||
content: '\E06E';
|
||||
}
|
||||
.t-icon-help-circle-filled:before {
|
||||
content: '\E06F';
|
||||
}
|
||||
.t-icon-help-circle:before {
|
||||
content: '\E070';
|
||||
}
|
||||
.t-icon-help:before {
|
||||
content: '\E071';
|
||||
}
|
||||
.t-icon-history:before {
|
||||
content: '\E072';
|
||||
}
|
||||
.t-icon-home:before {
|
||||
content: '\E073';
|
||||
}
|
||||
.t-icon-hourglass:before {
|
||||
content: '\E074';
|
||||
}
|
||||
.t-icon-image-error:before {
|
||||
content: '\E075';
|
||||
}
|
||||
.t-icon-image:before {
|
||||
content: '\E076';
|
||||
}
|
||||
.t-icon-info-circle-filled:before {
|
||||
content: '\E077';
|
||||
}
|
||||
.t-icon-info-circle:before {
|
||||
content: '\E078';
|
||||
}
|
||||
.t-icon-internet:before {
|
||||
content: '\E079';
|
||||
}
|
||||
.t-icon-jump:before {
|
||||
content: '\E07A';
|
||||
}
|
||||
.t-icon-laptop:before {
|
||||
content: '\E07B';
|
||||
}
|
||||
.t-icon-layers:before {
|
||||
content: '\E07C';
|
||||
}
|
||||
.t-icon-link-unlink:before {
|
||||
content: '\E07D';
|
||||
}
|
||||
.t-icon-link:before {
|
||||
content: '\E07E';
|
||||
}
|
||||
.t-icon-loading:before {
|
||||
content: '\E07F';
|
||||
}
|
||||
.t-icon-location:before {
|
||||
content: '\E080';
|
||||
}
|
||||
.t-icon-lock-off:before {
|
||||
content: '\E081';
|
||||
}
|
||||
.t-icon-lock-on:before {
|
||||
content: '\E082';
|
||||
}
|
||||
.t-icon-login:before {
|
||||
content: '\E083';
|
||||
}
|
||||
.t-icon-logo-android:before {
|
||||
content: '\E084';
|
||||
}
|
||||
.t-icon-logo-apple-filled:before {
|
||||
content: '\E085';
|
||||
}
|
||||
.t-icon-logo-apple:before {
|
||||
content: '\E086';
|
||||
}
|
||||
.t-icon-logo-chrome-filled:before {
|
||||
content: '\E087';
|
||||
}
|
||||
.t-icon-logo-chrome:before {
|
||||
content: '\E088';
|
||||
}
|
||||
.t-icon-logo-codepen:before {
|
||||
content: '\E089';
|
||||
}
|
||||
.t-icon-logo-github-filled:before {
|
||||
content: '\E08A';
|
||||
}
|
||||
.t-icon-logo-github:before {
|
||||
content: '\E08B';
|
||||
}
|
||||
.t-icon-logo-ie-filled:before {
|
||||
content: '\E08C';
|
||||
}
|
||||
.t-icon-logo-ie:before {
|
||||
content: '\E08D';
|
||||
}
|
||||
.t-icon-logo-qq:before {
|
||||
content: '\E08E';
|
||||
}
|
||||
.t-icon-logo-wechat:before {
|
||||
content: '\E08F';
|
||||
}
|
||||
.t-icon-logo-wecom:before {
|
||||
content: '\E090';
|
||||
}
|
||||
.t-icon-logo-windows-filled:before {
|
||||
content: '\E091';
|
||||
}
|
||||
.t-icon-logo-windows:before {
|
||||
content: '\E092';
|
||||
}
|
||||
.t-icon-logout:before {
|
||||
content: '\E093';
|
||||
}
|
||||
.t-icon-mail:before {
|
||||
content: '\E094';
|
||||
}
|
||||
.t-icon-menu-fold:before {
|
||||
content: '\E095';
|
||||
}
|
||||
.t-icon-menu-unfold:before {
|
||||
content: '\E096';
|
||||
}
|
||||
.t-icon-minus-circle-filled:before {
|
||||
content: '\E097';
|
||||
}
|
||||
.t-icon-minus-circle:before {
|
||||
content: '\E098';
|
||||
}
|
||||
.t-icon-minus-rectangle:before {
|
||||
content: '\E099';
|
||||
}
|
||||
.t-icon-mirror:before {
|
||||
content: '\E09A';
|
||||
}
|
||||
.t-icon-mobile-vibrate:before {
|
||||
content: '\E09B';
|
||||
}
|
||||
.t-icon-mobile:before {
|
||||
content: '\E09C';
|
||||
}
|
||||
.t-icon-money-circle:before {
|
||||
content: '\E09D';
|
||||
}
|
||||
.t-icon-more:before {
|
||||
content: '\E09E';
|
||||
}
|
||||
.t-icon-move:before {
|
||||
content: '\E09F';
|
||||
}
|
||||
.t-icon-next:before {
|
||||
content: '\E0A0';
|
||||
}
|
||||
.t-icon-notification-filled:before {
|
||||
content: '\E0A1';
|
||||
}
|
||||
.t-icon-notification:before {
|
||||
content: '\E0A2';
|
||||
}
|
||||
.t-icon-order-adjustment-column:before {
|
||||
content: '\E0A3';
|
||||
}
|
||||
.t-icon-order-ascending:before {
|
||||
content: '\E0A4';
|
||||
}
|
||||
.t-icon-order-descending:before {
|
||||
content: '\E0A5';
|
||||
}
|
||||
.t-icon-page-first:before {
|
||||
content: '\E0A6';
|
||||
}
|
||||
.t-icon-page-last:before {
|
||||
content: '\E0A7';
|
||||
}
|
||||
.t-icon-pause-circle-filled:before {
|
||||
content: '\E0A8';
|
||||
}
|
||||
.t-icon-photo:before {
|
||||
content: '\E0A9';
|
||||
}
|
||||
.t-icon-pin-filled:before {
|
||||
content: '\E0AA';
|
||||
}
|
||||
.t-icon-pin:before {
|
||||
content: '\E0AB';
|
||||
}
|
||||
.t-icon-play-circle-filled:before {
|
||||
content: '\E0AC';
|
||||
}
|
||||
.t-icon-play-circle-stroke:before {
|
||||
content: '\E0AD';
|
||||
}
|
||||
.t-icon-play-circle:before {
|
||||
content: '\E0AE';
|
||||
}
|
||||
.t-icon-play:before {
|
||||
content: '\E0AF';
|
||||
}
|
||||
.t-icon-poweroff:before {
|
||||
content: '\E0B0';
|
||||
}
|
||||
.t-icon-precise-monitor:before {
|
||||
content: '\E0B1';
|
||||
}
|
||||
.t-icon-previous:before {
|
||||
content: '\E0B2';
|
||||
}
|
||||
.t-icon-print:before {
|
||||
content: '\E0B3';
|
||||
}
|
||||
.t-icon-qrcode:before {
|
||||
content: '\E0B4';
|
||||
}
|
||||
.t-icon-queue:before {
|
||||
content: '\E0B5';
|
||||
}
|
||||
.t-icon-rectangle:before {
|
||||
content: '\E0B6';
|
||||
}
|
||||
.t-icon-refresh:before {
|
||||
content: '\E0B7';
|
||||
}
|
||||
.t-icon-relativity:before {
|
||||
content: '\E0B8';
|
||||
}
|
||||
.t-icon-remove:before {
|
||||
content: '\E0B9';
|
||||
}
|
||||
.t-icon-rollback:before {
|
||||
content: '\E0BA';
|
||||
}
|
||||
.t-icon-rollfront:before {
|
||||
content: '\E0BB';
|
||||
}
|
||||
.t-icon-root-list:before {
|
||||
content: '\E0BC';
|
||||
}
|
||||
.t-icon-rotation:before {
|
||||
content: '\E0BD';
|
||||
}
|
||||
.t-icon-round:before {
|
||||
content: '\E0BE';
|
||||
}
|
||||
.t-icon-save:before {
|
||||
content: '\E0BF';
|
||||
}
|
||||
.t-icon-scan:before {
|
||||
content: '\E0C0';
|
||||
}
|
||||
.t-icon-search:before {
|
||||
content: '\E0C1';
|
||||
}
|
||||
.t-icon-secured:before {
|
||||
content: '\E0C2';
|
||||
}
|
||||
.t-icon-server:before {
|
||||
content: '\E0C3';
|
||||
}
|
||||
.t-icon-service:before {
|
||||
content: '\E0C4';
|
||||
}
|
||||
.t-icon-setting:before {
|
||||
content: '\E0C5';
|
||||
}
|
||||
.t-icon-share:before {
|
||||
content: '\E0C6';
|
||||
}
|
||||
.t-icon-shop:before {
|
||||
content: '\E0C7';
|
||||
}
|
||||
.t-icon-slash:before {
|
||||
content: '\E0C8';
|
||||
}
|
||||
.t-icon-sound:before {
|
||||
content: '\E0C9';
|
||||
}
|
||||
.t-icon-star-filled:before {
|
||||
content: '\E0CA';
|
||||
}
|
||||
.t-icon-star:before {
|
||||
content: '\E0CB';
|
||||
}
|
||||
.t-icon-stop-circle-1:before {
|
||||
content: '\E0CC';
|
||||
}
|
||||
.t-icon-stop-circle-filled:before {
|
||||
content: '\E0CD';
|
||||
}
|
||||
.t-icon-stop-circle:before {
|
||||
content: '\E0CE';
|
||||
}
|
||||
.t-icon-stop:before {
|
||||
content: '\E0CF';
|
||||
}
|
||||
.t-icon-swap-left:before {
|
||||
content: '\E0D0';
|
||||
}
|
||||
.t-icon-swap-right:before {
|
||||
content: '\E0D1';
|
||||
}
|
||||
.t-icon-swap:before {
|
||||
content: '\E0D2';
|
||||
}
|
||||
.t-icon-thumb-down:before {
|
||||
content: '\E0D3';
|
||||
}
|
||||
.t-icon-thumb-up:before {
|
||||
content: '\E0D4';
|
||||
}
|
||||
.t-icon-time-filled:before {
|
||||
content: '\E0D5';
|
||||
}
|
||||
.t-icon-time:before {
|
||||
content: '\E0D6';
|
||||
}
|
||||
.t-icon-tips:before {
|
||||
content: '\E0D7';
|
||||
}
|
||||
.t-icon-tools:before {
|
||||
content: '\E0D8';
|
||||
}
|
||||
.t-icon-unfold-less:before {
|
||||
content: '\E0D9';
|
||||
}
|
||||
.t-icon-unfold-more:before {
|
||||
content: '\E0DA';
|
||||
}
|
||||
.t-icon-upload:before {
|
||||
content: '\E0DB';
|
||||
}
|
||||
.t-icon-usb:before {
|
||||
content: '\E0DC';
|
||||
}
|
||||
.t-icon-user-add:before {
|
||||
content: '\E0DD';
|
||||
}
|
||||
.t-icon-user-avatar:before {
|
||||
content: '\E0DE';
|
||||
}
|
||||
.t-icon-user-circle:before {
|
||||
content: '\E0DF';
|
||||
}
|
||||
.t-icon-user-clear:before {
|
||||
content: '\E0E0';
|
||||
}
|
||||
.t-icon-user-talk:before {
|
||||
content: '\E0E1';
|
||||
}
|
||||
.t-icon-user:before {
|
||||
content: '\E0E2';
|
||||
}
|
||||
.t-icon-usergroup-add:before {
|
||||
content: '\E0E3';
|
||||
}
|
||||
.t-icon-usergroup-clear:before {
|
||||
content: '\E0E4';
|
||||
}
|
||||
.t-icon-usergroup:before {
|
||||
content: '\E0E5';
|
||||
}
|
||||
.t-icon-video:before {
|
||||
content: '\E0E6';
|
||||
}
|
||||
.t-icon-view-column:before {
|
||||
content: '\E0E7';
|
||||
}
|
||||
.t-icon-view-list:before {
|
||||
content: '\E0E8';
|
||||
}
|
||||
.t-icon-view-module:before {
|
||||
content: '\E0E9';
|
||||
}
|
||||
.t-icon-wallet:before {
|
||||
content: '\E0EA';
|
||||
}
|
||||
.t-icon-wifi:before {
|
||||
content: '\E0EB';
|
||||
}
|
||||
.t-icon-zoom-in:before {
|
||||
content: '\E0EC';
|
||||
}
|
||||
.t-icon-zoom-out:before {
|
||||
content: '\E0ED';
|
||||
}
|
||||
3
miniprogram_npm/tdesign-miniprogram/icon/props.d.ts
vendored
Normal file
3
miniprogram_npm/tdesign-miniprogram/icon/props.d.ts
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
import { TdIconProps } from './type';
|
||||
declare const props: TdIconProps;
|
||||
export default props;
|
||||
24
miniprogram_npm/tdesign-miniprogram/icon/props.js
Normal file
24
miniprogram_npm/tdesign-miniprogram/icon/props.js
Normal file
@@ -0,0 +1,24 @@
|
||||
const props = {
|
||||
customStyle: {
|
||||
type: String,
|
||||
value: '',
|
||||
},
|
||||
color: {
|
||||
type: String,
|
||||
value: '',
|
||||
},
|
||||
name: {
|
||||
type: String,
|
||||
value: '',
|
||||
required: true,
|
||||
},
|
||||
size: {
|
||||
type: String,
|
||||
value: undefined,
|
||||
},
|
||||
prefix: {
|
||||
type: String,
|
||||
value: undefined,
|
||||
},
|
||||
};
|
||||
export default props;
|
||||
27
miniprogram_npm/tdesign-miniprogram/icon/type.d.ts
vendored
Normal file
27
miniprogram_npm/tdesign-miniprogram/icon/type.d.ts
vendored
Normal file
@@ -0,0 +1,27 @@
|
||||
export interface TdIconProps {
|
||||
customStyle?: {
|
||||
type: StringConstructor;
|
||||
value?: string;
|
||||
required?: boolean;
|
||||
};
|
||||
color?: {
|
||||
type: StringConstructor;
|
||||
value?: string;
|
||||
required?: boolean;
|
||||
};
|
||||
name: {
|
||||
type: StringConstructor;
|
||||
value?: string;
|
||||
required?: boolean;
|
||||
};
|
||||
size?: {
|
||||
type: StringConstructor;
|
||||
value?: string;
|
||||
required?: boolean;
|
||||
};
|
||||
prefix?: {
|
||||
type: StringConstructor;
|
||||
value?: string;
|
||||
reuqired?: boolean;
|
||||
};
|
||||
}
|
||||
1
miniprogram_npm/tdesign-miniprogram/icon/type.js
Normal file
1
miniprogram_npm/tdesign-miniprogram/icon/type.js
Normal file
@@ -0,0 +1 @@
|
||||
export {};
|
||||
Reference in New Issue
Block a user