> 使用[uniapp canvas组建](https://uniapp.dcloud.io/component/canvas) > 本例参考示例，可进行修改符合自己的业务逻辑：[https://ext.dcloud.net.cn/plugin?id=416](https://ext.dcloud.net.cn/plugin?id=416)  ## index.vue调用示例组建 ~~~ <template> <view> <wm-poster imgSrc="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3262564625,722011897&fm=26&gp=0.jpg" QrSrc="http://res.sportsmoney.cn/img/dsy_qrcode.png" Title="标题文本" PriceTxt="33" OriginalTxt="划线价显示"></wm-poster> </view> </template> <script> import wmPoster from "@/components/wm-poster/wm-poster.vue" export default { components:{ wmPoster } } </script> ~~~