From 0bba5bdb1cf97eb1826c2c1e422fc9981790b03b Mon Sep 17 00:00:00 2001 From: yuzongping <835949940@qq.com> Date: Thu, 17 Jul 2025 09:51:51 +0800 Subject: [PATCH] =?UTF-8?q?=E9=97=B2=E7=BD=AE=E8=B5=84=E4=BA=A7=E6=B8=85?= =?UTF-8?q?=E5=8D=95=E6=8E=A5=E5=8F=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/pop-window/close.png | Bin 0 -> 391 bytes src/components/pop-window/header.png | Bin 0 -> 8592 bytes src/components/pop-window/icon.png | Bin 0 -> 293 bytes src/components/pop-window/index.html | 18 ++++ src/components/pop-window/index.js | 77 ++++++++++++++++++ src/components/pop-window/index.scss | 63 ++++++++++++++ src/components/pop-window/index.vue | 3 + src/views/resources/api/index.js | 14 ++++ .../resources/comps/left/bottom/1/index.html | 5 +- .../resources/comps/left/bottom/1/index.js | 17 +++- .../comps/left/bottom/1/my-table/index.html | 20 +++++ .../comps/left/bottom/1/my-table/index.js | 77 ++++++++++++++++++ .../comps/left/bottom/1/my-table/index.scss | 53 ++++++++++++ .../comps/left/bottom/1/my-table/index.vue | 4 + 14 files changed, 349 insertions(+), 2 deletions(-) create mode 100644 src/components/pop-window/close.png create mode 100644 src/components/pop-window/header.png create mode 100644 src/components/pop-window/icon.png create mode 100644 src/components/pop-window/index.html create mode 100644 src/components/pop-window/index.js create mode 100644 src/components/pop-window/index.scss create mode 100644 src/components/pop-window/index.vue create mode 100644 src/views/resources/comps/left/bottom/1/my-table/index.html create mode 100644 src/views/resources/comps/left/bottom/1/my-table/index.js create mode 100644 src/views/resources/comps/left/bottom/1/my-table/index.scss create mode 100644 src/views/resources/comps/left/bottom/1/my-table/index.vue diff --git a/src/components/pop-window/close.png b/src/components/pop-window/close.png new file mode 100644 index 0000000000000000000000000000000000000000..b5e8399a156821ba03888172aabf5017880836a2 GIT binary patch literal 391 zcmV;20eJq2P)Px$K}keGR47xGlD$gI^P4yGc8Px;eyMLZOZi-Gi{uOe zPvl+D?bbWl?DL>*2#of672`P90LtG)-{iWhZSp40CqPLmMb_REnD}MFPUN~3pL|S! zytOq)I*8*4SaN_P0AmrbLEwb_xb7QMO@Kleo)cI}yFWpy%9sqS-61fW<{K?z<`bY8 zhL-@A(+gj~S|q)@)p{;|0yfh7Kw;gFJ l=}NvxI*vR4c(}j*kPq8{aSdR~&*=aF002ovPDHLkV1n=3tq=eJ literal 0 HcmV?d00001 diff --git a/src/components/pop-window/header.png b/src/components/pop-window/header.png new file mode 100644 index 0000000000000000000000000000000000000000..f197a5114d4e8aac752a306f700857b82c3ebb2b GIT binary patch literal 8592 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 literal 0 HcmV?d00001 diff --git a/src/components/pop-window/index.html b/src/components/pop-window/index.html new file mode 100644 index 0000000..47d3e2b --- /dev/null +++ b/src/components/pop-window/index.html @@ -0,0 +1,18 @@ +
+
+ +
+
+
+
+
+ {{title}} +
+
+
+
+
+ +
+
+
\ No newline at end of file diff --git a/src/components/pop-window/index.js b/src/components/pop-window/index.js new file mode 100644 index 0000000..59e0d24 --- /dev/null +++ b/src/components/pop-window/index.js @@ -0,0 +1,77 @@ +export default { + components: { + }, + props: { + title: { + type: [String], + default: '标题' + }, + // 是否显示隐藏 + isShow: { + type: Boolean, + default: true + }, + // 宽度 + width: { + type: [String, Number], + default: '800' + }, + // 高度 + height: { + type: [String, Number], + default: '550' + }, + // 距离顶部偏移 + top: { + type: [String, Number], + default: 50 + }, + // 距离左侧偏移 + left: { + type: [String, Number], + default: 50 + }, + marginTop: { + type: [String, Number], + default: 0 + }, + // 控制显示隐藏 + popIsShow: { + type: Boolean, + default: true + } + }, + computed: { + style: function () { + let style = { + top: this.top + '%', + left: this.left + '%', + width: this.width + 'px', + height: this.height + 'px' + }; + + if (!(this.marginTop === 0 || this.marginTop === '0')) { + style.marginTop = this.marginTop + 'px'; + } + return { + top: this.top + '%', + left: this.left + '%', + width: this.width + 'px', + height: this.height + 'px' + }; + } + }, + mounted () { + document.body.appendChild(this.$el); // 将组件挂载到 body 上 + }, + data () { + return { + }; + }, + methods: { + // 关闭 + close () { + this.$emit('update:popIsShow', false); + } + } +}; diff --git a/src/components/pop-window/index.scss b/src/components/pop-window/index.scss new file mode 100644 index 0000000..4ebed4c --- /dev/null +++ b/src/components/pop-window/index.scss @@ -0,0 +1,63 @@ +$border: rgba(49, 129, 246, 1); + +.mask { + position: fixed; + top: 0; + left: 0; + bottom: 0; + right: 0; + background-color: rgba(0, 0, 0, 0.6); + z-index: 10099999900000000900 !important; + align-items: center; + justify-content: center; + + .view { + z-index: 100999999900 !important; + position: absolute; + transform: translate(-50%, -50%); + border-radius: 0px 0px 40px 0px; + background-color: rgba(4, 20, 52, 0.8); + border: 1px solid $border; + display: flex; + flex-direction: column; + + .header { + padding: 0 20px; + background: url('./header.png'); + background-size: 100% 100%; + text-align: center; + height: 40px; + line-height: 40px; + position: relative; + + .left { + display: flex; + align-items: center; + + .icon { + background: url('./icon.png'); + background-size: 100% 100%; + width: 20px; + height: 20px; + margin-right: 10px; + } + + } + + .close { + position: absolute; + right: 10px; + top: 10px; + width: 20px; + height: 20px; + background: url('./close.png') center no-repeat; + background-size: 100% 100%; + } + } + + .body { + flex: 1; + padding: 20px; + } + } +} \ No newline at end of file diff --git a/src/components/pop-window/index.vue b/src/components/pop-window/index.vue new file mode 100644 index 0000000..5ca257a --- /dev/null +++ b/src/components/pop-window/index.vue @@ -0,0 +1,3 @@ +