css border-radius不生效

好美啊啊啊啊！

于 2025-02-13 17:53:25 发布

阅读量433

点赞数 3

文章标签： css javascript 前端

本文链接：https://blog.youkuaiyun.com/qq_45398535/article/details/145617479

版权

 <div class="tools">
        <van-cell
          v-for="tool in toolList"
          :title="tool.title"
          :icon="tool.icon"
          is-link
          :to="tool.path"
        />
 </div>
<script scoped>
	.tools {
	  width: 98%;
	  margin: 0 auto;
	  background-color: white;
	  margin-top: 15px;
	  border-radius: 18px;
	  margin-bottom: 2px;
	}
</script>

上述代码border-radius不生效，如下图
在这里插入图片描述
必须在tools里的内容上下加上别的内容，才能生效

 <div class="tools">
 		//上方内容
        <div class="wenzi">
          <p>快捷工具</p>
        </div>
        <van-cell
          v-for="tool in toolList"
          :title="tool.title"
          :icon="tool.icon"
          is-link
          :to="tool.path"
        />
        //下方内容
        <span>&nbsp;</span>
</div>