blackteay/vant-weapp
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant-weapp.git synced 2025-04-05 19:41:45 +08:00
Code Issues Projects Releases Wiki Activity

feat(image): add webp property support (#5163)

Browse Source
This commit is contained in:
landluck 2022-12-29 19:33:38 +08:00 committed by GitHub
parent 5f7150d980
commit 72476e639d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 26 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
packages/image/README.md
View File

@ -99,6 +99,7 @@
| radius | 圆角大小，默认单位为`px` | _string \| number_ | `0` |
| round | 是否显示为圆形 | _boolean_ | `false` |
| lazy-load | 是否懒加载 | _boolean_ | `false` |
| webp `v1.10.11` | 是否解析 webp 格式 | _boolean_ | `false` |
| show-error | 是否展示图片加载失败提示 | _boolean_ | `true` |
| show-loading | 是否展示图片加载中提示 | _boolean_ | `true` |
| use-error-slot | 是否使用 error 插槽 | _boolean_ | `false` |

4
packages/image/index.ts
View File

@ -28,6 +28,10 @@ VantComponent({
type: String,
value: 'fill',
},
webp: {
type: Boolean,
value: false,
},
showError: {
type: Boolean,
value: true,

1
packages/image/index.wxml
View File

@ -11,6 +11,7 @@
src="{{ src }}"
mode="{{ computed.mode(fit) }}"
lazy-load="{{ lazyLoad }}"
webp="{{ webp }}"
class="image-class van-image__img"
show-menu-by-longpress="{{ showMenuByLongpress }}"
bind:load="onLoad"

19
packages/image/test/__snapshots__/demo.spec.ts.snap
View File

@ -28,6 +28,7 @@ exports[`should render demo and match snapshot 1`] = `
mode="scaleToFill"
showMenuByLongpress="{{false}}"
src="https://img.yzcdn.cn/vant/cat.jpeg"
webp="{{false}}"
bind:error="onError"
bind:load="onLoad"
/>
@ -81,6 +82,7 @@ exports[`should render demo and match snapshot 1`] = `
mode="aspectFit"
showMenuByLongpress="{{false}}"
src="https://img.yzcdn.cn/vant/cat.jpeg"
webp="{{false}}"
bind:error="onError"
bind:load="onLoad"
/>
@ -123,6 +125,7 @@ exports[`should render demo and match snapshot 1`] = `
mode="aspectFill"
showMenuByLongpress="{{false}}"
src="https://img.yzcdn.cn/vant/cat.jpeg"
webp="{{false}}"
bind:error="onError"
bind:load="onLoad"
/>
@ -165,6 +168,7 @@ exports[`should render demo and match snapshot 1`] = `
mode="scaleToFill"
showMenuByLongpress="{{false}}"
src="https://img.yzcdn.cn/vant/cat.jpeg"
webp="{{false}}"
bind:error="onError"
bind:load="onLoad"
/>
@ -207,6 +211,7 @@ exports[`should render demo and match snapshot 1`] = `
mode="center"
showMenuByLongpress="{{false}}"
src="https://img.yzcdn.cn/vant/cat.jpeg"
webp="{{false}}"
bind:error="onError"
bind:load="onLoad"
/>
@ -249,6 +254,7 @@ exports[`should render demo and match snapshot 1`] = `
mode=""
showMenuByLongpress="{{false}}"
src="https://img.yzcdn.cn/vant/cat.jpeg"
webp="{{false}}"
bind:error="onError"
bind:load="onLoad"
/>
@ -291,6 +297,7 @@ exports[`should render demo and match snapshot 1`] = `
mode="widthFix"
showMenuByLongpress="{{false}}"
src="https://img.yzcdn.cn/vant/cat.jpeg"
webp="{{false}}"
bind:error="onError"
bind:load="onLoad"
/>
@ -333,6 +340,7 @@ exports[`should render demo and match snapshot 1`] = `
mode="heightFix"
showMenuByLongpress="{{false}}"
src="https://img.yzcdn.cn/vant/cat.jpeg"
webp="{{false}}"
bind:error="onError"
bind:load="onLoad"
/>
@ -393,6 +401,7 @@ exports[`should render demo and match snapshot 1`] = `
mode="aspectFit"
showMenuByLongpress="{{false}}"
src="https://img.yzcdn.cn/vant/cat.jpeg"
webp="{{false}}"
bind:error="onError"
bind:load="onLoad"
/>
@ -435,6 +444,7 @@ exports[`should render demo and match snapshot 1`] = `
mode="aspectFill"
showMenuByLongpress="{{false}}"
src="https://img.yzcdn.cn/vant/cat.jpeg"
webp="{{false}}"
bind:error="onError"
bind:load="onLoad"
/>
@ -477,6 +487,7 @@ exports[`should render demo and match snapshot 1`] = `
mode="scaleToFill"
showMenuByLongpress="{{false}}"
src="https://img.yzcdn.cn/vant/cat.jpeg"
webp="{{false}}"
bind:error="onError"
bind:load="onLoad"
/>
@ -519,6 +530,7 @@ exports[`should render demo and match snapshot 1`] = `
mode="center"
showMenuByLongpress="{{false}}"
src="https://img.yzcdn.cn/vant/cat.jpeg"
webp="{{false}}"
bind:error="onError"
bind:load="onLoad"
/>
@ -561,6 +573,7 @@ exports[`should render demo and match snapshot 1`] = `
mode=""
showMenuByLongpress="{{false}}"
src="https://img.yzcdn.cn/vant/cat.jpeg"
webp="{{false}}"
bind:error="onError"
bind:load="onLoad"
/>
@ -603,6 +616,7 @@ exports[`should render demo and match snapshot 1`] = `
mode="widthFix"
showMenuByLongpress="{{false}}"
src="https://img.yzcdn.cn/vant/cat.jpeg"
webp="{{false}}"
bind:error="onError"
bind:load="onLoad"
/>
@ -645,6 +659,7 @@ exports[`should render demo and match snapshot 1`] = `
mode="heightFix"
showMenuByLongpress="{{false}}"
src="https://img.yzcdn.cn/vant/cat.jpeg"
webp="{{false}}"
bind:error="onError"
bind:load="onLoad"
/>
@ -705,6 +720,7 @@ exports[`should render demo and match snapshot 1`] = `
mode="scaleToFill"
showMenuByLongpress="{{false}}"
src=""
webp="{{false}}"
bind:error="onError"
bind:load="onLoad"
/>
@ -747,6 +763,7 @@ exports[`should render demo and match snapshot 1`] = `
mode="scaleToFill"
showMenuByLongpress="{{false}}"
src=""
webp="{{false}}"
bind:error="onError"
bind:load="onLoad"
/>
@ -851,6 +868,7 @@ exports[`should render demo and match snapshot 1`] = `
mode="scaleToFill"
showMenuByLongpress="{{false}}"
src="x"
webp="{{false}}"
bind:error="onError"
bind:load="onLoad"
/>
@ -893,6 +911,7 @@ exports[`should render demo and match snapshot 1`] = `
mode="scaleToFill"
showMenuByLongpress="{{false}}"
src="x"
webp="{{false}}"
bind:error="onError"
bind:load="onLoad"
/>

1
packages/tree-select/test/__snapshots__/demo.spec.ts.snap
View File

@ -413,6 +413,7 @@ exports[`should render demo and match snapshot 1`] = `
mode="scaleToFill"
showMenuByLongpress="{{false}}"
src="https://img.yzcdn.cn/vant/apple-1.jpg"
webp="{{false}}"
bind:error="onError"
bind:load="onLoad"
/>