问答详情
源自:-

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

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

提问者:qq_慕UI1509239 2019-08-10 16:13

个回答

  • 谢成
    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定义,因为这个也是要切换的