小程序如何实现相框功能呢?

来源:-

qq_慕UI1509239

2019-08-10 16:13

图片边框用图片来实现,就是所谓的相框,且支持动态更换

写回答 关注

1回答

  • 谢成
    2019-08-12 11:27:41

    大致思路:

    1、一共两个元素,外面元素的做为边框比如我们叫做container,里面元素是个图片比如我们叫做img

    2、container元素使用border-image来设置边框图片,这是一个css3的属性,在wxml中设置,比如:

    <view class="container" style="border-image: url({{borderImg}})"></view>

    当然borderImg是在js中data里定义,因为这个可能是需要切换的

    3、img元素的src也是在js中data定义,因为这个也是要切换的

轻松入门微信小程序与云开发

深入浅出微信小程序核心基础与云开发,使你掌握小程序开发必备技能。

64581 学习 · 1742 问题

查看课程

相似问题