小程序
小游戏
企业微信
微信支付
扫描小程序码分享
安卓端scroll-view设置的圆角对图片不起作用,内部的图片不能够被圆角裁剪,仍然为矩形。
问题类似上图
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
给你设置圆角的盒子加overflow: hidden
若认为该回答有用,给回答者点个[ 有用 ],让答案帮助更多的人
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
上代码片段
<scroll-view style="flex-direction: column; width: 100%;height:200px;background-color:yellow;border:3px solid red; border-top-left-radius:32px; border-top-right-radius:32px;padding-top:15px">
<view style="height:500px;background-color:green;">
</view>
<view style="height:500px;background-color:black">
</scroll-view>
<scroll-view style="flex-direction: column; width: 100%;height:200px;background-color:yellow;border:3px solid red; border-top-left-radius:32px; border-top-right-radius:32px;padding-top:15px;overflow:hidden;">
<template name="tpl_list">
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
给你设置圆角的盒子加overflow: hidden
若认为该回答有用,给回答者点个[ 有用 ],让答案帮助更多的人
上代码片段
<scroll-view style="flex-direction: column; width: 100%;height:200px;background-color:yellow;border:3px solid red; border-top-left-radius:32px; border-top-right-radius:32px;padding-top:15px">
<view style="height:500px;background-color:green;">
</view>
<view style="height:500px;background-color:black">
</view>
</scroll-view>
再看看
<scroll-view style="flex-direction: column; width: 100%;height:200px;background-color:yellow;border:3px solid red; border-top-left-radius:32px; border-top-right-radius:32px;padding-top:15px;overflow:hidden;">
<view style="height:500px;background-color:green;">
</view>
<view style="height:500px;background-color:black">
</view>
</scroll-view>
<template name="tpl_list">