layui + css给图片增加边框阴影

旧城等待, 2022-02-15 09:11 544阅读 0赞

实现效果:

2019042411050246.png

css:

  1. .pic_border_orange{
  2. /*橙色*/
  3. border-radius: 18px;
  4. border: 2px solid orange;
  5. box-shadow: 0 0 10px 3px orange;
  6. }

html:

  1. <div class="layui-row">
  2. <img :class="getStyle(item.isOpen,item.isFault)" src="../../../img/door/open.png" />
  3. </div>
  4. <div class="layui-row" style="padding-top: 10px;">
  5. <button class="layui-btn layui-btn-sm layui-btn-radius" style="background-color: orange;">开启</button>
  6. </div>

发表评论

表情:
评论列表 (有 0 条评论,544人围观)

还没有评论,来说两句吧...

相关阅读