From a320b39c84df48d6ff8fc53ac0c6518ebaae46da Mon Sep 17 00:00:00 2001 From: dailer Date: Tue, 21 May 2019 15:56:07 +0800 Subject: [PATCH] =?UTF-8?q?=E6=97=A0JIRA=E4=BB=BB=E5=8A=A1,=E6=B7=BB?= =?UTF-8?q?=E5=8A=A0=E4=B8=80=E4=B8=AA=E8=AE=BE=E7=BD=AE=E8=83=8C=E6=99=AF?= =?UTF-8?q?=E5=9B=BE=E7=89=87=E7=9A=84=E7=BB=84=E4=BB=B6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../backgroundimage/background.image.js | 30 +++++++++++++++++++ .../backgroundimage/background.image.less | 5 ++++ 2 files changed, 35 insertions(+) create mode 100644 src/base/single/backgroundimage/background.image.js create mode 100644 src/less/base/single/backgroundimage/background.image.less diff --git a/src/base/single/backgroundimage/background.image.js b/src/base/single/backgroundimage/background.image.js new file mode 100644 index 000000000..b7e70edde --- /dev/null +++ b/src/base/single/backgroundimage/background.image.js @@ -0,0 +1,30 @@ +/** + * 用于设置背景图的区域 + * @class BI.BackgroundImage + * @extends BI.Single + */ +BI.BackgroundImage = BI.inherit(BI.Single, { + props: { + baseCls: "bi-background-image", + url: "", + width: "100%", + height: "100%" + }, + + render: function () { + this.setUrl(this.options.url); + }, + + setUrl: function (url) { + this.options.url = url; + this.element.css({ + "background-image": "url(" + url + ")" + }); + }, + + getUrl: function () { + return this.options.url; + } +}); + +BI.shortcut("bi.background_image", BI.BackgroundImage); diff --git a/src/less/base/single/backgroundimage/background.image.less b/src/less/base/single/backgroundimage/background.image.less new file mode 100644 index 000000000..40878c607 --- /dev/null +++ b/src/less/base/single/backgroundimage/background.image.less @@ -0,0 +1,5 @@ +.bi-background-image { + background-size: cover; + background-position: center center; + background-repeat: no-repeat; +} \ No newline at end of file