微信自定义分享--失效问题

微信自定义分享

微信自定义分享到朋友圈/朋友失效问题

微信自定义分享到朋友圈

wx.onMenuShareTimeline({
    title: '', // 分享标题
    link: '', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
    imgUrl: '', // 分享图标
    success: function () { 
        // 用户确认分享后执行的回调函数
    },
    cancel: function () { 
        // 用户取消分享后执行的回调函数
    }
});

注意,link分享链接的域名或路径必须与当前页面对应的公众号JS安全域名一致

微信自定义分享给朋友

wx.onMenuShareAppMessage({
    title: '', // 分享标题
    desc: '', // 分享描述
    link: '', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
    imgUrl: '', // 分享图标
    type: '', // 分享类型,music、video或link,不填默认为link
    dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
    success: function () { 
        // 用户确认分享后执行的回调函数
    },
    cancel: function () { 
        // 用户取消分享后执行的回调函数
    }
});

分享失效的原因可能是:
微信对“link”信息校验缺陷造成

解决办法:

将原来的参数 link:
https://open.weixin.qq.com/connect/oauth2/authorize?appid=**&redirect_uri=http%3A%2F%2Fwww.91doctors.cn%2Fpatserver%2Fhtml%2Fhome_page.html&response_type=code&scope=snsapi_base&state=wechat&from=singlemessage&isappinstalled=0

改为:(即redirect_url后的url,并且不需要转码)

http://91md.cc/doctest/trunk/html/home_page.html?response_type=code&scope=snsapi_base&state=wechat&from=singlemessage&isappinstalled=0

### 小程序 `font-family` 样式失效解决方案 #### 1. 使用全局样式文件配置字体 确保在项目的根目录下的 `app.wxss` 文件中正确引入并定义了所需的字体。对于特定字符集的支持,如缅文,在应用层面设置 @font-face 是必要的。 ```css /* app.wxss */ @font-face { font-family: 'CustomFont'; src: url('/path/to/font.ttf') format('truetype'); } ``` 此方法适用于整个应用程序中的所有组件[^2]。 #### 2. 组件内部指定字体家族 有时即使是在全局样式表里声明了自定义字体,某些输入框(例如 `<input>` 或者 `<textarea>`)可能仍然会忽略这些设定。针对这种情况,可以在具体的小部件内再次明确指出要使用的字体名称: ```html <!-- example.wxml --> <input class="custom-input" /> <textarea class="custom-textarea"></textarea> ``` ```css /* example.wxss */ .custom-input, .custom-textarea { font-family: "CustomFont", sans-serif !important; } ``` 这里使用了 `!important` 来提高样式的优先级,从而覆盖默认行为。 #### 3. 验证字体加载路径与兼容性 确认所引用的 `.ttf`, `.otf` 等字体文件能够被正常访问,并且该字体支持目标文字编码(比如缅甸语)。此外,考虑到跨平台差异,建议测试多种设备上的显示效果以验证字体的一致性和清晰度[^4]。 #### 4. 调整字体大小单位 由于 rpx 单位可能导致字体渲染问题,尤其是在处理较小的文字时,尝试切换回 px 或其他固定单位来调整字体尺寸可能会有所帮助。不过需要注意这会影响响应式布局的设计灵活性。 ```css .text-element { font-size: 16px; /* 替代原有的rpx*/ } ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值