blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

chore(Watermark): rename font-color to text-color (#11743)

Browse Source
This commit is contained in:
neverland 2023-04-08 19:39:10 +08:00 committed by GitHub
parent 0a5e26de15
commit 726a47b414
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 11 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/vant/src/watermark/README.md
View File

@ -100,7 +100,7 @@ Use the `default` slot to pass HTML directly. Inline styles are supported, and s
| full-page | Whether to display the watermark in full screen | _boolean_ | `true` |
| gapX | Horizontal spacing between watermarks | _number_ | `0` |
| gapY | Vertical spacing between watermarks | _number_ | `0` |
| font-color | Color of text watermark | _string_ | `#dcdee0` |
| text-color | Color of text watermark | _string_ | `#dcdee0` |
| opacity | Opacity of watermark | _number \| string_ | - |
### Slots

2
packages/vant/src/watermark/README.zh-CN.md
View File

@ -100,7 +100,7 @@ app.use(Watermark);
| full-page | 水印是否全屏显示 | _boolean_ | `false` |
| gapX | 水印之间的水平间隔 | _number_ | `0` |
| gapY | 水印之间的垂直间隔 | _number_ | `0` |
| font-color | 文字水印的颜色 | _string_ | `#dcdee0` |
| text-color | 文字水印的颜色 | _string_ | `#dcdee0` |
| opacity | 水印的透明度 | _number \| string_ | - |
### Slots

12
packages/vant/src/watermark/Watermark.tsx
View File

@ -31,7 +31,7 @@ export const watermarkProps = {
content: String,
opacity: numericProp,
fullPage: truthProp,
fontColor: makeStringProp('#dcdee0'),
textColor: makeStringProp('#dcdee0'),
};
export type WatermarkProps = ExtractPropTypes<typeof watermarkProps>;
@ -76,7 +76,7 @@ export default defineComponent({
{props.content ? (
<span
style={{
color: props.fontColor,
color: props.textColor,
}}
>
{props.content}
@ -140,7 +140,7 @@ export default defineComponent({
() => [
imageBase64.value,
props.content,
props.fontColor,
props.textColor,
props.height,
props.width,
props.rotate,
@ -148,7 +148,11 @@ export default defineComponent({
props.gapY,
],
() => {
// 路径为 renderWatermark渲染的实际HTML => SVG字符串转换为blob图片 => 放到background-image中。
/**
* The path is the actual HTML rendered by renderWatermark
* => convert the SVG string to a blob image
* => put it in background-image.
*/
nextTick(() => {
if (svgElRef.value) {
if (watermarkUrl.value) {

2
packages/vant/src/watermark/test/index.spec.ts
View File

@ -47,7 +47,7 @@ describe('watermark', () => {
const wrapper = mount(Watermark, {
props: {
content: 'Vant',
fontColor: 'red',
textColor: 'red',
},
});