yudao
/
mall-uniapp
mirror of https://gitee.com/yudaocode/yudao-mall-uniapp.git
3
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix:海报图片协议转换,自动识别https协议

pull/8/head
ldh 2023-04-04 13:43:21 +08:00
parent 90d6f8594d
commit e7c6c55786
4 changed files with 30 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
sheep/components/s-share-modal/canvas-poster/poster/goods.js
View File

@ -1,11 +1,12 @@
import sheep from '@/sheep';
import { formatImageUrlProtocol } from './index';
const goods = (poster) => {
const width = poster.width;
const userInfo = sheep.$store('user').userInfo;
return {
background: sheep.$url.cdn(sheep.$store('app').platform.share.posterInfo.goods_bg),
background: formatImageUrlProtocol(sheep.$url.cdn(sheep.$store('app').platform.share.posterInfo.goods_bg)),
list: [
{
name: 'nickname',
@ -24,7 +25,7 @@ const goods = (poster) => {
{
name: 'avatar',
type: 'image',
val: sheep.$url.cdn(userInfo.avatar),
val: formatImageUrlProtocol(sheep.$url.cdn(userInfo.avatar)),
x: width * 0.04,
y: width * 0.04,
width: width * 0.14,
@ -34,7 +35,7 @@ const goods = (poster) => {
{
name: 'goodsImage',
type: 'image',
val: poster.shareInfo.poster.image,
val: formatImageUrlProtocol(poster.shareInfo.poster.image),
x: width * 0.03,
y: width * 0.21,
width: width * 0.94,
@ -47,8 +48,8 @@ const goods = (poster) => {
val: poster.shareInfo.poster.title,
x: width * 0.04,
y: width * 1.18,
line: 2,
maxWidth: width * 0.91,
line: 2,
lineHeight: 5,
paintbrushProps: {
fillStyle: '#333',

7
sheep/components/s-share-modal/canvas-poster/poster/groupon.js
View File

@ -1,11 +1,12 @@
import sheep from '@/sheep';
import { formatImageUrlProtocol } from './index';
const groupon = (poster) => {
const width = poster.width;
const userInfo = sheep.$store('user').userInfo;
return {
background: sheep.$url.cdn(sheep.$store('app').platform.share.posterInfo.groupon_bg),
background: formatImageUrlProtocol(sheep.$url.cdn(sheep.$store('app').platform.share.posterInfo.groupon_bg)),
list: [
{
name: 'nickname',
@ -24,7 +25,7 @@ const groupon = (poster) => {
{
name: 'avatar',
type: 'image',
val: sheep.$url.cdn(userInfo.avatar),
val: formatImageUrlProtocol(sheep.$url.cdn(userInfo.avatar)),
x: width * 0.04,
y: width * 0.04,
width: width * 0.14,
@ -34,7 +35,7 @@ const groupon = (poster) => {
{
name: 'goodsImage',
type: 'image',
val: poster.shareInfo.poster.image,
val: formatImageUrlProtocol(poster.shareInfo.poster.image),
x: width * 0.03,
y: width * 0.21,
width: width * 0.94,

18
sheep/components/s-share-modal/canvas-poster/poster/index.js
View File

@ -12,3 +12,21 @@ export function getPosterData(options) {
return groupon(options);
}
}
export function formatImageUrlProtocol(url) {
// #ifdef H5
// H5平台 https协议下需要转换
if (window.location.protocol === 'https:' && url.indexOf('http:') === 0) {
url = url.replace('http:', 'https:');
}
// #endif
// #ifdef MP-WEIXIN
// 小程序平台 需要强制转换为https协议
if (url.indexOf('http:') === 0) {
url = url.replace('http:', 'https:');
}
// #endif
return url;
}

5
sheep/components/s-share-modal/canvas-poster/poster/user.js
View File

@ -1,11 +1,12 @@
import sheep from '@/sheep';
import { formatImageUrlProtocol } from './index';
const user = (poster) => {
const width = poster.width;
const userInfo = sheep.$store('user').userInfo;
return {
background: sheep.$url.cdn(sheep.$store('app').platform.share.posterInfo.user_bg),
background: formatImageUrlProtocol(sheep.$url.cdn(sheep.$store('app').platform.share.posterInfo.user_bg)),
list: [
{
name: 'nickname',
@ -25,7 +26,7 @@ const user = (poster) => {
{
name: 'avatar',
type: 'image',
val: sheep.$url.cdn(userInfo.avatar),
val: formatImageUrlProtocol(sheep.$url.cdn(userInfo.avatar)),
x: width * 0.4,
y: width * 0.16,
width: width * 0.2,