From 78b643de0b8690d566146858cd781be98d01777d Mon Sep 17 00:00:00 2001 From: wangqi <magical1908@outlook.com> Date: 星期一, 29 三月 2021 10:00:50 +0800 Subject: [PATCH] Merge branch 'develop' of http://xearth.cn:6600/r/wuyushui/SewerAndRainNetwork into develop --- src/components/BaseNav/SolidWaste/SolidContent.vue | 82 +++++++++++++++++++++++++++++++++++++++++ 1 files changed, 82 insertions(+), 0 deletions(-) diff --git a/src/components/BaseNav/SolidWaste/SolidContent.vue b/src/components/BaseNav/SolidWaste/SolidContent.vue new file mode 100644 index 0000000..804fa5f --- /dev/null +++ b/src/components/BaseNav/SolidWaste/SolidContent.vue @@ -0,0 +1,82 @@ +<template> + <div class="public-bounced" v-show="flag"> + <div class="popup_title">{{ displayContent.Name }}</div> + <div class="popup_bottom"> + <button @click="closePopup">纭畾</button> + <button @click="closePopup">鍙栨秷</button> + </div> + </div> +</template> + +<script> +import '@components/BaseNav/SolidWaste/directive' + +export default { + name: 'SolidContent', + data () { + return { + displayContent: [], + flag: false + } + }, + methods: { + setData (data) { + this.displayContent = data + this.flag = true + }, + closePopup () { + this.flag = false + } + } +} +</script> + +<style scoped> +.public-bounced { + width: 80%; + z-index: 499; + position: absolute; + top: 15%; + left: 10%; + background-color: rgba(128, 128, 128, 0.507); + padding: 1%; + border-radius: 20px; + margin: 10% auto; +} + +.popup_title { + text-align: center; + font-weight: 600; + font-size: 30px; +} + +.popup_center { + padding: 10%; + font-size: 20px; +} + +.popup_bottom { + display: flex; + justify-content: space-around; +} + +button { + width: 25%; + height: 20%; + padding: 2%; + border: 1px solid gray; + border-radius: 10px; +} + +button:nth-child(1) { + background-color: orangered; + color: white; + font-size: 20px; +} + +button:nth-child(2) { + background-color: gray; + color: black; + font-size: 20px; +} +</style> -- Gitblit v1.8.0