image

图片

属性

属性名类型必填默认值说明
srcString否图片资源地址，支持本地路径和网络图片资源

示例

  1. <template>
  2.         <image src="{{imageSrc}}" style="width: 682px;height:600px;" c-bind:onload="imageLoad" c-bind:onerror="imageError"></image>
  3. </template>
  5. <script>
  6. class Image  {
  7.   data = {
  8.     imageSrc: require('../../../assets/images/chameleon.jpg')  
  9.   }
  10.   methods = {
  11.       imageLoad(e){},
  12.       imageError(e){}
  13.   }
  14. }
  15. export default new Image();
  16. </script>
  18. <style scoped>
  19. .container {
  20.   display: flex;
  21.   flex-direction: column;
  22.   align-items: center;
  23. }
  24. </style>
  25. <script cml-type="json">
  26. {
  27.   "base": {}
  28. }
  29. </script>

image - 图1wx

image - 图2web

image - 图3native

查看完整示例