Skip to content

Commit

Permalink
docs: fix syntax error in custom-style.md (#3081)
Browse files Browse the repository at this point in the history
* docs: fix syntax error in custom-style.md

* docs(Picker): update code snippets link
  • Loading branch information
anlyyao committed Aug 19, 2024
1 parent df5716b commit 9c8d535
Show file tree
Hide file tree
Showing 2 changed files with 5 additions and 5 deletions.
8 changes: 4 additions & 4 deletions site/docs/custom-style.md
Original file line number Diff line number Diff line change
Expand Up @@ -55,7 +55,7 @@ TDesign 全体组件均开启了 `addGlobalClass`,可以接受外部传入的
### 在页面中使用 TDesign

```html
<t-button theme="primary" >填充按钮<t-button>
<t-button theme="primary" >填充按钮</t-button>
```

```css
Expand All @@ -69,7 +69,7 @@ TDesign 全体组件均开启了 `addGlobalClass`,可以接受外部传入的
> 需要在自定义组件的 options 中开启: `styleIsolation: 'shared'`
```html
<t-button theme="primary" >填充按钮<t-button>
<t-button theme="primary" >填充按钮</t-button>
```

对应的自定义组件:
Expand Down Expand Up @@ -97,7 +97,7 @@ TDesign 在每个组件的内部都预置了许多外部样式类供开发者使
**注意:在同一个节点上使用普通样式类和外部样式类时,两个类的优先级是未定义的,所以最好加上 `!important`**

```html
<t-button t-class-loading="red-loading">填充按钮<t-button>
<t-button t-class-loading="red-loading">填充按钮</t-button>
```

```css
Expand All @@ -110,4 +110,4 @@ TDesign 在每个组件的内部都预置了许多外部样式类供开发者使

TDesign 为所有组件预置了许多 CSS 变量,具体可以查看每个组件的 WXSS 文件。

使用 CSS 变量的好处在于可以多页面复用,不需要重复修改。具体可以参考 [自定义主题](./custom-theme)
使用 CSS 变量的好处在于可以多页面复用,不需要重复修改。具体可以参考 [自定义主题](./custom-theme)
2 changes: 1 addition & 1 deletion src/picker/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ isComponent: true

## 代码演示

<a href="https://developers.weixin.qq.com/s/zl60wim97bSp" title="在开发者工具中预览效果" target="_blank" rel="noopener noreferrer"> 在开发者工具中预览效果 </a>
<a href="https://developers.weixin.qq.com/s/dCCmkymv7aTw" title="在开发者工具中预览效果" target="_blank" rel="noopener noreferrer"> 在开发者工具中预览效果 </a>

<blockquote style="background-color: #d9e1ff; font-size: 15px; line-height: 26px;margin: 16px 0 0;padding: 16px; border-radius: 6px; color: #0052d9" >
<p>Tips: 请确保开发者工具为打开状态。导入开发者工具后,依次执行:npm i > 构建npm包 > 勾选 "将JS编译成ES5"</p>
Expand Down

0 comments on commit 9c8d535

Please sign in to comment.