原生组件不支持background-image: linear-gradient？

张有釜 2020-12-15 4979 浏览问题模块：开放讨论问题

cover-view组件和cover-image不支持元素背景颜色渐变

background-image: linear-gradient(to bottom , white, black);

片段： https://developers.weixin.qq.com/s/ak0YECms7emH

回答关注问题邀请回答

收藏

扫描小程序码分享
 复制链接

关闭

请选择投诉理由

广告内容

违法违规

恶意灌水内容

其他

删除当前帖子

删除后帖子内容及评论将一并被删除，且不可恢复。

删除取消

关闭

确定删除？

删除后不可恢复

取消确定

关闭

关注“微信开放社区”公众号

关注后，可在微信内接收相应的重要提醒。

请使用微信扫描二维码关注 “微信开放社区” 公众号

关闭

反馈

<div style="text-align:center;margin-top:20px;"><button class="btn btn-primary">确定</button><button class="btn btn-default" style="margin-left:20px;">取消</button></div></div></div></div></div></div></div></div><div class="anwser__area"><div class="answer_container"><div class="anwser__hd"><p class="anwser__title">1 个回答</p></div><div id="comment-list" class=" anwsers__list"><div class="answer_container"><div class="post_comment_area"><ul class="post_comment_list"><li itemprop="answer" itemscope="itemscope" itemtype="http://schema.org/Answer" id="00002060f10c108b756b6a46f560" class="widget_comment js_post_comment_item post_comment_item "><meta check-reduce="" itemprop="image"/><meta check-reduce="" itemprop="upvoteCount" content="0"/><meta check-reduce="" itemprop="url" content="https://developers.weixin.qq.com/community/develop/doc/000cee20ecc950bb746b3098956400?jumpto=comment&commentid=00002060f10c108b756b6a46f560"/><meta check-reduce="" itemprop="dateCreated" content="Tue Dec 15 2020 15:04:36 GMT+0800 (China Standard Time)"/><meta check-reduce="" itemprop="dateModified" content="Tue Dec 15 2020 15:04:36 GMT+0800 (China Standard Time)"/><meta check-reduce="" itemprop="commentCount" content="1"/><a href="/community/personal/oCJUsw-KVe9k-3hRSXswnoQOnmJ4" target="_blank" class="post_comment_owner"><span class="popover__box popover_appreciate popover__box_hide" data-v-0a980b96=""><span class="popover_target"><div class="post_comment_owner_avatar"><img src="https://mmbiz.qpic.cn/mmbiz_png/FNvhcSpWNlhVTCr4ibtG7PcFRIoljFicrlMr0LUicovDgo1Dgx8x84GhBxGlu0mSpaibiaaib2LD8sibKxKhHibnk3U9TA/0?wx_fmt=png" alt="社区技术运营专员-Jahozheng" class="post_comment_owner_avatar_image"/></div><strong data-component-identifier="replybox__nick_name" class="post_comment_owner_nickname">社区技术运营专员-Jahozheng</strong></span></span></a><div class="checking_state_new"><span title="微信官方用户" class="official_new"/><span class="ic_professor"/></div><span class="post_comment_pos"><span check-reduce="" class="post_comment_time">2020-12-15</span></span><div check-reduce="" class="post_comment_editor_area comment_editor_box" style=";"><div class="post_comment_content post_editor_box"><div class="mode__rich-text-editor mode__rich-text-editor__normal"><div class="mode__rich-text-editor__header mode__rich-text-editor__header__normal"><div class="mode__rich-text-editor__header__extend"/><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__bold"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__bold ql-bold"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>加粗</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__red"><button value="red" class="mode__rich-text-editor__icon mode__rich-text-editor__icon__red ql-red"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>标红</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__ql-code-block"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__code-block ql-code-block"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>插入代码</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__ql-link"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__link ql-link"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>插入链接</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__ql-image"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__image ql-image"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>插入图片</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__ql-video"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__video ql-video"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>上传视频</p></span></div></div><div class="mode__rich-text-editor__body" style=";"/><div class="mode__rich-text-editor__body" style="display:;"><div> 请 <a>登录</a> 后发表内容 </div></div><div class="dialog_wrapper dialog_with_head" style=";"><div class="dialog_wrp_new dialog_component" style="width:600px;"><div class="dialog"><a href="javascript:;" class="icon16_opr closed pop_closed">关闭</a><div class="dialog_hd"><h3>新增或编辑超链接</h3></div><div class="dialog_bd"><div class="frm_control_group"><label for="" class="frm_label">链接地址</label><div class="frm_controls"><span class="frm_input_box"><input type="text" value="https://" class="frm_input"/></span></div></div></div><div class="dialog_ft"><a href="javascript:;" class="btn btn_info">确认</a><a href="javascript:;" class="btn btn_default">取消</a></div></div></div></div><div class="dialog_wrapper dialog__insert-video dialog_with_head" style=";"><div class="dialog_wrp_new dialog_component" style="width:600px;"><div class="dialog"><a href="javascript:;" class="icon16_opr closed pop_closed">关闭</a><div class="dialog_hd"><h3>插入视频</h3></div><div class="dialog_bd"><div class="frm_control_group"><label for="" class="frm_label">视频链接</label><div class="frm_controls"><span class="frm_input_box"><input type="text" placeholder="仅支持插入腾讯视频" value="" class="frm_input"/></span></div></div></div><div class="dialog_ft"><a href="javascript:;" class="btn btn_info">确认</a><a href="javascript:;" class="btn btn_default">取消</a></div></div></div></div></div><div class="tool_bar tr"><a href="javascript:;" class="btn btn_primary edui-default">发表</a></div></div></div><div class="post_comment_content_container"><div itemprop="text" class="post_comment_content expanded" style="display:;"><p style=" ; ; ; ; ; ; ; ; ; ; ">你好，请参考</p><p><a href="https://developers.weixin.qq.com/community/develop/doc/000cc2f5ba83208576b93ab6451c00" target="_blank" rel="noopener noreferrer" style="font-size: 14px;">https://developers.weixin.qq.com/community/develop/doc/000cc2f5ba83208576b93ab6451c00</a></p></div></div><div itemprop="text" class="post_comment_content" style=";"><p>你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。</p><a href="javascript:;" disabled="disabled" class="btn btn_default" style="margin: 12px 0; color: #999">待楼主反馈</a></div><div class="post_comment_info" style="display:;"><div class="mobile_post_comment_info_hd"><div class="mobile_post_comment_time">2020-12-15</div></div><div class="post_comment_opr"><div data-component-identifier="comment-like" class="best_comment_agree click "><div class="comment_topic_agree"><i class="icon_post_opr icon_topic_unagree"/>有用 </div></div><div class="best_comment_unagree"><div class="comment_topic_agree"><i class="icon_post_opr icon_topic_unagree"/></div></div><div class="js_comment best_comment_discuss"><i class="icon_post_opr discuss"/><span check-reduce="" class="post_opr_wording">回复 <span class="best_comment_num">1</span></span></div></div></div><div class="post_comment_reply_area part3"><div class="post_comment_area"><ul class="post_comment_list" style="display:;"><li itemprop="comment" itemscope="itemscope" itemtype="http://schema.org/Comment" id="000460bf404a508b776b0acdd510" class="widget_comment js_post_comment_item post_comment_item "><meta check-reduce="" itemprop="image"/><meta check-reduce="" itemprop="upvoteCount" content="0"/><meta check-reduce="" itemprop="url" content="https://developers.weixin.qq.com/community/develop/doc/000cee20ecc950bb746b3098956400?jumpto=comment&commentid=000460bf404a508b776b0acdd510"/><meta check-reduce="" itemprop="dateCreated" content="Tue Dec 15 2020 15:10:33 GMT+0800 (China Standard Time)"/><meta check-reduce="" itemprop="dateModified" content="Tue Dec 15 2020 15:10:33 GMT+0800 (China Standard Time)"/><meta check-reduce="" itemprop="commentCount" content="0"/><a href="/community/personal/oCJUsw9xjK-MugNiy58G2vbOY1Ww" target="_blank" class="post_comment_owner"><span class="popover__box popover_appreciate popover__box_hide" data-v-0a980b96=""><span class="popover_target"><div class="post_comment_owner_avatar"><img src="https://wx.qlogo.cn/mmhead/IibVGWIw6S7tFK63ibNbAibuloicQ24GbTWWWEleCyOrgtI/0" alt="张有釜" class="post_comment_owner_avatar_image"/></div><strong data-component-identifier="replybox__nick_name" class="post_comment_owner_nickname">张有釜</strong></span></span></a><div class="checking_state_new"><span title="楼主" class="lz_new"/></div><span class="post_comment_pos"><span check-reduce="" class="post_comment_time">2020-12-15</span></span><div check-reduce="" class="post_comment_editor_area comment_editor_box" style=";"><div class="post_comment_content post_editor_box"><div class="mode__rich-text-editor mode__rich-text-editor__normal"><div class="mode__rich-text-editor__header mode__rich-text-editor__header__normal"><div class="mode__rich-text-editor__header__extend"/><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__bold"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__bold ql-bold"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>加粗</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__red"><button value="red" class="mode__rich-text-editor__icon mode__rich-text-editor__icon__red ql-red"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>标红</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__ql-code-block"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__code-block ql-code-block"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>插入代码</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__ql-link"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__link ql-link"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>插入链接</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__ql-image"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__image ql-image"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>插入图片</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__ql-video"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__video ql-video"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>上传视频</p></span></div></div><div class="mode__rich-text-editor__body" style=";"/><div class="mode__rich-text-editor__body" style="display:;"><div>

置顶 原生组件不支持background-image: linear-gradient？ 精选 热门

请选择投诉理由

删除当前帖子

删除后帖子内容及评论将一并被删除，且不可恢复。

关注“微信开放社区”公众号

反馈

原生组件不支持background-image: linear-gradient？