主页 > 出海企业 > AppGallery Connect：快应用richtext组件背景色填充问题

AppGallery Connect：快应用richtext组件背景色填充问题

时间:2021-07-15 | 标签: | 作者:Q8 | 来源:AppGallery Connect网络

小提示：您能找到这篇{AppGallery Connect：快应用richtext组件背景色填充问题}绝对不是偶然，我们能帮您找到潜在客户，解决您的困扰。如果您对本页介绍的AppGallery Connect：快应用richtext组件背景色填充问题内容感兴趣，有相关需求意向欢迎拨打我们的服务热线，或留言咨询，我们将第一时间联系您！

< font-size: 16px;">现象描述：

< font-size: 16px;">车机上是深色背景模式，使用richtext包裹网页内容时，出现白色背景边框，影响整体深色背景，问题截图如下：

< font-size: 16px;">

< font-size: 16px;">问题代码：

< font-size: 16px;"><richtext type="html">{{content}}</richtext>

< font-size: 16px;"><script>

< font-size: 16px;"> export default {

< font-size: 16px;"> private: {

< font-size: 16px;"> content:

< font-size: 16px;"> <body style="background-color: #006000;">

< font-size: 16px;"> <div style="background-color: #006000;">

< font-size: 16px;"> <style>h1{color: yellow;}</style>

< font-size: 16px;"> <p>h1</p>

< font-size: 16px;"> &n口碑营销的平台bsp; <h1>文本测试</h1>

< font-size: 16px;"> <p>h2</p>

< font-size: 16px;"> <h2>文本测试</h2>

< font-size: 16px;"> </div>

< font-size: 16px;"> </body>

< font-size: 16px;"> },

< font-size: 16px;"> }

< font-size: 16px;"></script>

< font-size: 16px;"><style>

< font-size: 16px;">.rich-text {

< font-size: 16px;"> background-color: #cd853f;

< font-size: 16px;"> }

< font-size: 16px;"></style>

< font-size: 16px;">问题分析：

< font-size: 16px;">车机上在使用richtext组件包裹html内容后，在快应用里通过class设置background-color是不生效的。如果richtext包裹的内容只含网页的body部分，即使在body上设置了背景色，在展示富文本时周围也会出现一圈白色边框。需要在richtext里写完整的html，且在其html标签上设置背景色，背景色在展示时才能覆盖边框，不会出现白色的空隙。

< font-size: 16px;">解决方法：

< font-size: 16px;">在richtext里包裹一个完整的html格式的网页，html标签中设置背景色。

< font-size: 16px;"><richtext type="html">{{content}}</richtext>

< font-size: 16px;"><script>

< font-size: 16px;"> export default {

< font-size: 16px;"> private: {

< font-size: 16px;">

< font-size: 16px;"> content:

< font-size: 16px;"> `<!DOCTYPE html>

< font-size: 16px;"> <html style="background-color: #006000;">

< font-size: 16px;"> <head>

< font-size: 16px;"> <meta charset="UTF-8" />

< font-size: 16px;"> <meta name="viewport" content="width=device-width, initial-scale=1.0" />

< font-size: 16px;"> <title>Document</title>

< font-size: 16px;">&nbs网络危机公关p; </head>

< font-size: 16px;"> <body>

< font-size: 16px;"> <div>

< font-size: 16px;"> <style>h1{color: yellow;}</style>

< font-size: 16px;"> <p>h1</p>

< font-size: 16px;"> <h1>文本测试</h1>

< font-size: 16px;"> <p>h2</p>

< font-size: 16px;"> <h2>文本测试</h2>

< font-size: 16px;"> </div>

< font-size: 16px;"> </body>

< font-size: 16px;"> </html>`

< font-size: 16px;"> },

< font-size: 16px;"> }

< font-size: 16px;"></script>

< font-size: 16px;"><style>

< font-size: 16px;">.rich-text {

< font-size: 16px;"> background-color: #cd853f;

< font-size: 16px;">}

< font-size: 16px;"></style>

< font-size: 16px;">修改后效果图如下：

< font-size: 16px;">

上一篇：AppGallery Connect：如何在不影响国内版本使用的前
下一篇：关于Google Ads的广告展示位置和展示对象

推荐内容

渠道运营：新人如何做好应用商店推
基于对传统行业渠道的理解，对互联网行业的渠道我们可以下这样一个定义：一切...
安卓ASO优化基础之小米应用商店
小米应用商店的后台操作和苹果是比较相似的，因为都能填写100字符关键词，允许...
小米应用商店，除了做首发，还有低
小米的规则目前是在变更中的，但是根据经验小米的搜索排名评分的高低是个很重...
Unity 接入Audience-NetWork（激励视频篇）
为了恰饭，有时候是要接入一些广告的，所以FB也专门有一个广告的SDK，这就是A...
网易游戏海外AWS实践分享
在 2018 年于旧金山举行的游戏开发者大会上，Amazon Web Services (AWS) 曾宣布，目前世...
Facebook audience network收款有哪些方法
关于Facebook Audience Network如何收款的问题，其实官方已经给了详细的步骤。本文主要...
Audience Network对广告载体的质量检查，
本文介绍了Audience Network对广告载体的质量检查，以及它重点广告形式需要注意的问...
AppStore统计工具 - - App Annie
随着iOS开发，作为开发者或公司需要针对iOS App开发涉及的方方面面作出对应的信息...
怎么抓住Snapchat这一块被外贸企业忽视
Facebook和谷歌对出海企业广告渠道都很熟悉，但事实上，在国外还有一些渠道也很...
将流量转化为销量 TikTok怎么玩？
卖家从做号的第1分钟开始，就一定要想好变现路径是什么？一定要以变现为目的去...

小编精选

扫码咨询

小提示：您应该对本页介绍的“AppGallery Connect：快应用richtext组件背景色填充问题”相关内容感兴趣，若您有相关需求欢迎拨打我们的服务热线或留言咨询，我们尽快与您联系沟通AppGallery Connect：快应用richtext组件背景色填充问题的相关事宜。

关键词：AppGallery,Connect：快应用r