图片边框用图片来实现,就是所谓的相框,且支持动态更换
大致思路:
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定义,因为这个也是要切换的