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

feat(ShareSheet): add wechat-moments icon

Browse Source
This commit is contained in:
chenjiahan 2021-01-18 21:09:16 +08:00
parent a1fd8005bd
commit ca66fbca36
4 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/share-sheet/README.md
View File

@ -68,6 +68,7 @@ export default {
const options = [ const options = [
[ [
{ name: 'Wechat', icon: 'wechat' }, { name: 'Wechat', icon: 'wechat' },
{ name: 'Wechat Moments', icon: 'wechat-moments' },
{ name: 'Weibo', icon: 'weibo' }, { name: 'Weibo', icon: 'weibo' },
{ name: 'QQ', icon: 'qq' }, { name: 'QQ', icon: 'qq' },
], ],
@ -181,7 +182,7 @@ export default {
| --- | --- | --- | | --- | --- | --- |
| name | Option name | _string_ | | name | Option name | _string_ |
| description | Option description | _string_ | | description | Option description | _string_ |
| icon | Option icon，can be set to `wechat` `weibo` `qq` `link` `qrcode` `poster` `weapp-qrcode` or image URL | _string_ | | icon | Option icon，can be set to `wechat` `weibo` `qq` `link` `qrcode` `poster` `weapp-qrcode` `wechat-moments` or image URL | _string_ |
| className | Option className is used to set the class props to the share item | _string_ | | className | Option className is used to set the class props to the share item | _string_ |
### Events ### Events

3
src/share-sheet/README.zh-CN.md
View File

@ -80,6 +80,7 @@ export default {
const options = [ const options = [
[ [
{ name: '微信', icon: 'wechat' }, { name: '微信', icon: 'wechat' },
{ name: '朋友圈', icon: 'wechat-moments' },
{ name: '微博', icon: 'weibo' }, { name: '微博', icon: 'weibo' },
{ name: 'QQ', icon: 'qq' }, { name: 'QQ', icon: 'qq' },
], ],
@ -199,7 +200,7 @@ export default {
| --- | --- | --- | | --- | --- | --- |
| name | 分享渠道名称 | _string_ | | name | 分享渠道名称 | _string_ |
| description | 分享选项描述 | _string_ | | description | 分享选项描述 | _string_ |
| icon | 图标，可选值为 `wechat` `weibo` `qq` `link` `qrcode` `poster` `weapp-qrcode`，支持传入图片 URL | _string_ | | icon | 图标，可选值为 `wechat` `weibo` `qq` `link` `qrcode` `poster` `weapp-qrcode` `wechat-moments`，支持传入图片 URL | _string_ |
| className | 分享选项类名 | _string_ | | className | 分享选项类名 | _string_ |
### Events ### Events

3
src/share-sheet/demo/index.vue
View File

@ -61,6 +61,7 @@ const i18n = {
customIcon: '自定义图标', customIcon: '自定义图标',
description: '描述信息', description: '描述信息',
weappQrcode: '小程序码', weappQrcode: '小程序码',
wechatMoments: '朋友圈',
}, },
'en-US': { 'en-US': {
qq: 'QQ', qq: 'QQ',
@ -77,6 +78,7 @@ const i18n = {
customIcon: 'Custom Icon', customIcon: 'Custom Icon',
description: 'Description', description: 'Description',
weappQrcode: 'Weapp Qrcode', weappQrcode: 'Weapp Qrcode',
wechatMoments: 'Wechat Moments',
}, },
}; };
@ -101,6 +103,7 @@ export default {
const multiLineOptions = computed(() => [ const multiLineOptions = computed(() => [
[ [
{ name: t('wechat'), icon: 'wechat' }, { name: t('wechat'), icon: 'wechat' },
{ name: t('wechatMoments'), icon: 'wechat-moments' },
{ name: t('weibo'), icon: 'weibo' }, { name: t('weibo'), icon: 'weibo' },
{ name: t('qq'), icon: 'qq' }, { name: t('qq'), icon: 'qq' },
], ],

1
src/share-sheet/index.js
View File

@ -12,6 +12,7 @@ const PRESET_ICONS = [
'poster', 'poster',
'qrcode', 'qrcode',
'weapp-qrcode', 'weapp-qrcode',
'wechat-moments',
]; ];
function getIconURL(icon) { function getIconURL(icon) {